@charset "utf-8";
/*b-mat共通のcssの読み込み*/
@import url('/common/css/bmat-common.css'); 
/* CSS Document */
/*  reset
======================================*/
* {
	margin: 0px;
	padding: 0px;
}
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td,
form, fieldset, legend, input, select, textarea {
	margin: 0;
	padding: 0;
}
body {
	color: #666666;
	font: 14px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "HG教科書体";
	background: url(../img/bg.jpg) repeat-x;
}
li {
	list-style: none;
}
img {
	border: none;
}
hr {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-weight: normal;
	display: block;
}
a {
	color: #1B76A4;
	overflow: hidden;
}
a:visited {
	color: #1B76A4;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF9900;
}
/*  clearfix
=============================*/
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.w600{
	width:600px!important;
}
.w650{
	width:650px!important;
}
.w700{
	width:700px!important;
}
.w750{
	width:750px!important;
}
.w800{
	width:800px!important;
}
.w850{
	width:850px!important;
}
.w900{
	width:900px!important;
}
.blockCenter{
	margin-left:auto!important;
	margin-right:auto!important;
}
/*  layout(base)
=============================*/
#wrapper {
	margin: 0 auto;
	width: 100%;
	_text-align: center;
}
#header {
	width: 940px;
	height: 60px;
	position: relative;
}
#header #catch-copy {
	display: none;
}
#contents {
	margin: 20px auto;
	width: 940px;
}
.article{
	margin: 20px auto;
}
#main {
	width: 700px;
	float: right;
}
#side {
	width: 210px;
	float: left;
}
#footer {
	border-top: 1px solid #EDEDED;
}
#copy {
	margin: 10px auto;
	width: 940px;
	text-align: right;
}
/*  layout(header)
=============================*/
#header {
	margin: 0 auto;
	width: 940px;
	height: 80px;
	text-align: left;
	position: relative;
}
#header #catch-copy {
	display: none;
}
#header #head-title {
	width: 310px;
	height: 70px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}
#header #language-box {
	width: 190px;
	font: 12px/1.5 Tahoma, Geneva, sans-serif;
	position: absolute;
	top: 25px;
	right: 20px;
}
#header #language-box #head-language a {
	width: 190px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../../member/img/head-language.jpg) no-repeat;
}
#header #language-box #head-language a:hover {
	background-position: left bottom;
}
#header #language-box ul {
	margin: 22px auto 0;
	width: 320px;
}
#header #language-box ul li {
	float: left;
}
#header #language-box .lang-menu {
	margin-right: 20px;
}
#header #language-box ul a {
	font-size: 12px;
}
#header #head-memdata {
	width: 350px;
	position: absolute;
	top: 10px;
	right: 0;
}
#header #head-affili {
	width: 350px;
	color: #960;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#header #head-user {
	width: 350px;
	color: #369;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
#header #head-point {
	width: 250px;
	color: #CC1953;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.trigger {
	position: absolute;
}
.popup {
	width: 360px;
	height: 54px;
	display: none;
	background: url(../../member/img/language-box.png) no-repeat;
	position: absolute;
	z-index: 50;
}
.dl-pdf a {
	margin: 0 auto;
	min-height: 16px;
	text-align: left;
	text-indent: 25px;
	padding-left:20px;
	background: url(/common/images/icon-pdf.jpg) left center no-repeat;
}
/*  layout(main main-top)
=============================*/
#main #main-top {
	width: 700px;
}
#main-top #mtop-l {
	width: 480px;
	float: left;
}
#main-top #mtop-r {
	width: 200px;
	text-align: right;
	float: right;
}
#pankuzu {
	margin-bottom:15px;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
#pankuzu li {
	display: inline;
}
#main-top #reg-date {
	margin: 10px 0 0 0;
	font-weight: bold;
}
#main-top #logout {
	font-size: 14px;
}
#main-top #date {
	margin: 10px 0 0 0;
	font-weight: bold;
}
#main .cate {
	margin-top: 20px;
	width: 700px;
}
#main .news-box {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 696px;
	text-align: left;
	border: 2px solid #A3C1E0;
}
#main .news-title-line {
	margin: 10px auto 0;
	padding-bottom: 3px;
	width: 660px;
	border-bottom: 1px dotted #A3C1E0;
}
#main .news-title-line .news-icon {
	width: 120px;
	font-weight: bold;
	color: #F60;
	float: left;
}
#main .news-title-line .news-date {
	width: 100px;
	font-weight: bold;
	text-align: left;
	float: left;
}
#main .news-title-line .news-title {
	width: 440px;
	font-weight: bold;
	text-align: left;
	float: left;
}
#main .news-txt {
	margin: 10px auto 0;
	width: 660px;
	font-size: 12px;
}
#main .news-link {
	margin: 5px auto 10px;
	width: 660px;
	font-size: 12px;
	text-align: right;
}
/*  layout(side)
=============================*/
#side #school-name {
	width: 210px;
	color: #66C;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
#school-name #honorific {
	margin-left: 10px;
	font-weight: bold;
}
#side .s-cate {
	margin-bottom: 20px;
	width: 210px;
}
.s-cate .scate-title #new-mail {
	margin-left: 20px;
}
.s-cate .new-num {
	margin-left: 5px;
}
.s-cate .scate-menu {
	margin: 5px 0 0;
	width: 208px;
	border: 1px solid #CCCCCC;
}
.s-cate .scate-list {
	margin: 10px 0 10px 30px;
	_margin: 10px 0 0 30px;
	width: 180px;
	text-align: left;
}
.s-cate .scate-title {
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: url(../img/s-icon-title.jpg) no-repeat;
}
.s-cate .scate-list li {
	margin-bottom: 10px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-indent: 20px;
	background: url(../img/s-icon-list.jpg) left 3px no-repeat;
}
#prg-menu01 {
	margin: 0 auto!important;
	width: 210px;
	background: url(../img/prg-menu-base.jpg) repeat-y;
}
#prg-menu00 .scate-title,
#prg-menu01 .scate-title {
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	background: none!important;
}
#prg-menu00 {
	margin: 0 auto!important;
	width: 210px;
	background: url(../img/prg-menu-base0.jpg) repeat-y;
}
#prg-menu00 #prg-menu-bottom {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-bottom00.jpg) no-repeat;
	border-bottom: solid #eee 2px;
}
#prg-menu01 #prg-menu-bottom {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-bottom.jpg) no-repeat;
}
#prg-menu02 {
	margin: 0 auto!important;
	width: 210px;
	background: url(../img/prg-menu-base2.jpg) repeat-y;
}
#prg-menu02 #prg-menu-top2 {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-top2.jpg) no-repeat;
}
#prg-menu02 .scate-title {
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	background: none!important;
}
#prg-menu02 #prg-menu-bottom {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-bottom2.jpg) no-repeat;
}
#prg-menu03 {
	width: 210px;
	background: url(../img/prg-menu-base3.jpg) repeat-y;
}
#prg-menu03 #prg-menu-top3 {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-top3.jpg) no-repeat;
}
#prg-menu03 .scate-title {
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	background: none!important;
}
#prg-menu03 #prg-menu-bottom {
	margin: 0 auto;
	width: 210px;
	height: 5px;
	background: url(../img/prg-menu-bottom3.jpg) no-repeat;
}
#prg-menu01 .scate-list {
    margin: 20px 0 10px 20px;
}
#prg-menu02 .scate-list, #prg-menu03 .scate-list {
    margin: 10px 0 10px 20px;
}
.s-cate .scate-sublist {
	margin: 10px 0 10px 20px;
	width: 160px;
}
.s-cate .scate-list .scate-sublist li {
	margin-bottom: 10px;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	margin-left:10px;
	text-indent: 0px!important;
	background: none!important;
	list-style-type: circle;
}
.s-cate .scate-stitle {
	margin: 15px 0 0 20px;
	font-weight: bold;
	text-align: left;
}
.s-cate .scate-sub a {
	color: #900;
}
.s-cate .scate-sub a:hover {
	color: #F90;
}
.s-cate .scate-exp {
	padding:15px;
	font-size:12px;
	text-align: left;
}
#prg-menu #prg-menu01 {
	border: 1px solid #99C;
}
#prg-menu #prg-menu02 {
	border: 1px solid #FC6;
}
#prg-menu #prg-menu03 {
	border: 1px solid #9C9;
}
/*  sprof-box
======================================*/
#sprof-box {
	width: 210px;
	background: url(../img/sprof-base.jpg) repeat-y;
}
#sprof-box #sprof-box-top {
	width: 210px;
	height: 45px;
	background: url(../img/sprof-top.jpg) no-repeat;
	position: relative;
}
#sprof-box-top #country-flag {
    width: 26px;
    height: 17px;
	position: absolute;
	bottom: 0;
	right: 10px;
}
#sprof-box #sprof-box-bottom {
	width: 210px;
	height: 5px;
	background: url(../img/sprof-bottom.jpg) no-repeat;
}
#sprof-box #sprof-name {
	margin: 10px auto 0;
	width: 190px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	overflow: hidden;
}
#sprof-box #gpoint-box {
	margin: 10px auto 0;
	width: 200px;
	background: #D7E2F8;
}
#gpoint-box dl {
	margin: 0 auto;
	width: 180px;
}
#gpoint-box dt {
	margin-top: 5px;
	width: 110px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: left;
}
#gpoint-box dd {
	width: 70px;
	color: #C00;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	overflow: hidden;
	float: right;
}
#about-point {
	margin: 5px auto 0;
	width: 200px;
	font-size: 0.9em;
}
#gpoint-info {
	width: 100px;
	float: left;
}
#about-point #ptexchange {
	width: 100px;
	text-align: right;
	float: right;
}
#about-point #ptexchange a, #about-point #gpoint-info a {
	color: #F90;
}
#about-point #ptexchange a:hover, #about-point #gpoint-info a:hover {
	color: #99F;
}
/*  point-box
======================================*/
#point-box {
	width: 210px;
}
#point-box #point-table {
	margin: 10px auto;
	width: 210px;
	line-height: 1;
	color: #333333;
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #7380C4;
}
#point-table th {
	padding: 5px;
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	background: #CCCCFF;
	border-bottom:1px solid #D6E0F5;
}
#point-table td {
	padding: 5px;
	font-size: 12px;
	text-align: center;
	background: #FFF;
	border-bottom: 1px solid #D6E0F5;
	border-left: 1px solid #C1D1F0;
}
#point-table .rank-point {
	color: #F6C;
}
/*  layout(footer)
=============================*/
#footer {
	margin: 10px auto 0;
	width: 100%;
	min-width: 940px;
	height: 60px;
	line-height: 1;
	_text-align: left;
	border-top: 1px solid #CCC;
}
#footer #footer-cate {
	margin: 0 auto;
	width: 940px;
	position: relative;
}
#footer-cate #footer-menu {
	width: 600px;
	height: 14px;
	line-height: 14px;
	position: absolute;
	top: 15px;
	left: 0;
}
#footer-menu li {
	margin-right: 10px;
	font-size: 12px;
	text-indent: 12px;
	float: left;
}
#footer-cate #copyright {
	width: 340px;
	color: #888;
	font-size: 0.9em;
	text-align: right;
	position: absolute;
	top: 20px;
	right: 0;
}
/*  layout(app-btn)
=============================*/
#main #one-btn-area {
	margin: 20px auto 0;
	width: 168px;
	height: 52px;
	text-align: center;
}
#main #two-btn-area {
	margin: 20px auto 0;
	width: 346px;
	height: 52px;
	text-align: center;
}
#main .cert-btn-area{
}
#main .cert-btn-area a{
	float:right;
	margin-top:10px;
	margin-bottom:10px;
}
/*  layout(common)
=============================*/
.fs-s {
	font-size: 0.9em;
}
.fs-b {
	font-size: 28px;
	font-weight: bold;
}
.fblb {
	color: #3366CC;
	font-weight: bold;
}
.redb {
	margin-left: 5px;
	/*font-size: 0.8em;*/
	color: #CC0000;
	font-weight: normal;
	vertical-align: top;
}
.fwb {
	font-weight: bold;
}
.attention {
	color: #990000;
	font-weight: bold;
}
.attention-s {
	color: #990000;
	font-size: 0.9em;
}
.fl {
	float: left;
}
.fm {
	margin-left: 10px;
	_margin-left: 5px;
	float: left;
}
.fr {
	float: right;
}
.wdt640 {
	margin: 0 auto;
	width: 640px;
}
.mrg-t5 {
	margin-top: 5px!important;
}
.mrg-t10 {
	margin-top: 10px!important;
}
.mrg-t20 {
	margin-top: 20px!important;
}
.mrg-t30 {
	margin-top: 30px!important;
}
.mrg-b5 {
	margin-bottom: 5px!important;
}
.mrg-b10 {
	margin-bottom: 10px!important;
}
.mrg-b20 {
	margin-bottom: 20px!important;
}
.mrg-l5 {
	margin-left: 5px!important;
}
.mrg-l10 {
	margin-left: 10px!important;
}
.mrg-l20 {
	margin-left: 20px!important;
}
.mrg-r5 {
	margin-right: 5px!important;
}
.mrg-r10 {
	margin-right: 10px!important;
}
.mrg-r20 {
	margin-right: 20px!important;
}
.ta-center {
	text-align: center!important;
}
.fs12 {
	font-size: 12px;
}
.h2-attention {
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}
label{ margin-left:5px; }
.prepare{
	color: #F00;
	padding: 10px;
	border: 1px solid #F00;
	text-align: center;
}
.fw-b {
	font-weight: bold;
}
.fc-red {
	color: #C00;
	font-size: 18px;
	font-weight: bold;
}
.bg-yellow {
	background: #FF6;
}
.bg-blue {
	background: #CFF;
}



/*  layout(tab)
=============================*/
ul#tab_select { margin: 0 auto; width: 970px; list-style: none; }
ul#tab_select li { float: left; }
ul#tab_select li { float: left; }
ul#tab_select li.logo { float: right; }
div#tabs-1 { margin: 0px 0 10px 0; padding: 0px 0 10px 0; }
ul#side_menu { list-style: none; }
ul#side_menu li { }
li img { vertical-align: bottom; }
#navi2 { margin: 0 auto; width: 700px; height: 90px; }
#navi2 ul { list-style: none; /* リスト形式を削除 */ }
/* リストを横並びに */
#navi2 ul li { width: 200px; height: 90px; float: left; }
#navi2 ul li.menu1 { width: 210px; height: 90px; float: left; }
#navi2 ul li.menu2 { width: 204px; height: 90px; float: left; }
#navi2 ul li.menu3 { width: 286px; height: 90px; float: left; }
#navi2 ul li a { text-indent: -9999px; /* テキストをふっとばす */ text-decoration: none; display: block; width: 200px; height: 90px; background-image: url(/jp/jr-member/img/navi2/bg1.png); background-repeat: no-repeat; }
#navi2 ul li.menu1 a { width: 210px; height: 90px; float: left; }
#navi2 ul li.menu2 a { width: 204px; height: 90px; float: left; }
#navi2 ul li.menu3 a { width: 286px; height: 90px; float: left; }
/* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#navi2 ul li#menu1 a { background-position: 0 0; }
#navi2 ul li#menu2 a { background-position: -210px 0px; }
#navi2 ul li#menu3 a { background-position: -414px 0px; }
#navi2 ul li a:hover { text-decoration: none; background-image: url(/jp/jr-member/img/navi2/bg1.png); background-repeat: no-repeat; }
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#navi2 ul li#menu1 a:hover { background-position: 0 0px; }
#navi2 ul li#menu2 a:hover { background-position: -210px 0px; }
#navi2 ul li#menu3 a:hover { background-position: -414px 0px; }
div#gmed-list { width: 660px; margin: 20px auto 10px auto; padding: 20px 20px 0 20px; background-color: #000000; }
#member_message { margin: 20px auto 20px auto; padding: 0; width: 700px; height: 140px; background-image: url(/jp/jr-member/img/message/bg.png); background-repeat: no-repeat; background-position: top right; }

#member_message.c_en { background-image: url(/jp/jr-member/img/message/bg_en.png); }
#member_message.c_tw { background-image: url(/jp/jr-member/img/message/bg_tw.png); }
#member_message.c_kr { background-image: url(/jp/jr-member/img/message/bg_kr.png); }
#member_message.c_cn { background-image: url(/jp/jr-member/img/message/bg_cn.png); }

#member_message_inner { margin: 0px 0 0px auto; padding: 24px 0 0 0; width: 340px; height: 90px; }
#member_message p.name { font-size: 20px; line-height: 1.4em; font-weight: normal; color: #0EABD6; }
#member_message p.mes { font-size: 18px; line-height: 1.4em; font-weight: normal; color: #0EABD6; }
div#status { width: 220px; margin: 0px 0 10px 0; padding: 10px 10px 10px 10px; text-align: left; background-color : #FFFFFF; /*	background-image: url(/jp/jr-member/img/status/icon01.png); */ background-repeat: no-repeat; background-position: top left; border: 3px solid #0EABD6; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(border-radius.htc); }
div#status p.name { width: 120px; margin: 5px 10px 10px 10px; font-size: 16px; line-height: 1.4em; font-weight: bold; color: #1DA9D4; text-align: left; }
div#show_point { width: 196px; height: 63px; margin: 0px 0 10px 0; padding: 8px 20px 0px 0px; text-align: right; background-image: url(/jp/jr-member/img/status/show_point/bg.png); background-repeat: no-repeat; background-position: top left; }
div#show_point p.point { margin: 0px 0 4px 0; font-size: 16px; font-weight: bold; }
#point_button { point_button: 40px; }
#point_button ul { list-style: none; /* リスト形式を削除 */ }
/* リストを横並びに */
#point_button ul li { width: 110px; height: 40px; float: left; }
#point_button ul li a { text-indent: -9999px; /* テキストをふっとばす */ text-decoration: none; display: block; width: 110px; height: 40px; background-image: url(/jp/jr-member/img/status/button_point.png); background-repeat: no-repeat; }
/* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#point_button ul li#menu1 a { background-position: 0 0; }
#point_button ul li#menu2 a { background-position: -110px 0px; }
#point_button ul li a:hover { text-decoration: none; background-image: url(/jp/jr-member/img/status/button_point.png); background-repeat: no-repeat; }
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#point_button ul li#menu1 a:hover { background-position: 0 -40px; }
#point_button ul li#menu2 a:hover { background-position: -110px -40px; }
/* 2013/7/23*/
.f_l { float: left; }
.f_r { float: right; }
div#status, #member_message { float: left; position: relative; }
.char-header { position: absolute; top: 70px; left: 180px; }
/*.btn { display: inline-block; padding: 6px; font-size: 14px; font-weight: bold; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px #FFF; vertical-align: middle; cursor: pointer; background: #F5F5F5; border-radius: 4px; margin-bottom: 1em; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); border: 1px solid #999; width: 80%; }*/
a.btn { color: #fff; text-decoration: none; }
.btn { border: 2px solid #FFFFFF; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; font-size: 14px; text-decoration: none; display: inline-block; text-shadow: -1px -1px 0 rgba(0,0,0,0.5); font-weight: bold; padding: 10px; text-align: center; display: inline-block; width: 80%; margin-bottom: 1em; }
.btn_blue { background-color: #92D9ED; background-image: -webkit-gradient(linear, left top, left bottom, from(#92D9ED), to(#0D93C6)); background-image: -webkit-linear-gradient(top, #92D9ED, #0D93C6); background-image: -moz-linear-gradient(top, #92D9ED, #0D93C6); background-image: -ms-linear-gradient(top, #92D9ED, #0D93C6); background-image: -o-linear-gradient(top, #92D9ED, #0D93C6); background-image: linear-gradient(to bottom, #92D9ED, #0D93C6); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#92D9ED, endColorstr=#0D93C6);
border: 1px solid #57A7C0; }
.btn_blue_light { border: 1px solid #469df5; background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) ); background: -moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% ); background: -ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
background-color: #79bbff; color: #ffffff; text-shadow: 1px 1px 0px #287ace; -webkit-box-shadow: inset 1px 1px 0px 0px #cae3fc; -moz-box-shadow: inset 1px 1px 0px 0px #cae3fc; box-shadow: inset 1px 1px 0px 0px #cae3fc; }
.btn_blue:hover { background-color: #66cae6; background-image: -webkit-gradient(linear, left top, left bottom, from(#66cae6), to(#0a6f96)); background-image: -webkit-linear-gradient(top, #66cae6, #0a6f96); background-image: -moz-linear-gradient(top, #66cae6, #0a6f96); background-image: -ms-linear-gradient(top, #66cae6, #0a6f96); background-image: -o-linear-gradient(top, #66cae6, #0a6f96); background-image: linear-gradient(to bottom, #66cae6, #0a6f96); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66cae6, endColorstr=#0a6f96);
}
.btn_blue_light:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) ); background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% ); background: -ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
background-color: #4197ee; }
.btn_orange { border: 1px solid #eeb44f; background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) ); background: -moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% ); background: -ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
background-color: #ffc477; color: #ffffff; text-shadow: 0 0 1px #333; -webkit-box-shadow: inset 1px 1px 0px 0px #fce2c1; -moz-box-shadow: inset 1px 1px 0px 0px #fce2c1; box-shadow: inset 1px 1px 0px 0px #fce2c1; }
.btn_orange:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) ); background: -moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% ); background: -ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
background-color: #fb9e25; }
.btn_green { /*border:1px solid #268a16;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77d42a), color-stop(100%, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	background:-ms-linear-gradient( top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	color:#fff;
	display:inline-block;
	text-shadow:1px 1px 0px #16ba16;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #caefab;
 	-moz-box-shadow:inset 1px 1px 0px 0px #caefab;
 	box-shadow:inset 1px 1px 0px 0px #caefab;*/
background-color: #d1e37e; background-image: -webkit-gradient(linear, left top, left bottom, from(#d1e37e), to(#85AA25)); background-image: -webkit-linear-gradient(top, #d1e37e, #85AA25); background-image: -moz-linear-gradient(top, #d1e37e, #85AA25); background-image: -ms-linear-gradient(top, #d1e37e, #85AA25); background-image: -o-linear-gradient(top, #d1e37e, #85AA25); background-image: linear-gradient(to bottom, #d1e37e, #85AA25); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#d1e37e, endColorstr=#85AA25);
border: 1px solid #85AA25; }
.btn_green:hover { /*	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5cb811), color-stop(100%, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	background:-ms-linear-gradient( top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
*/
background-color: #c2da54; background-image: -webkit-gradient(linear, left top, left bottom, from(#c2da54), to(#64801c)); background-image: -webkit-linear-gradient(top, #c2da54, #64801c); background-image: -moz-linear-gradient(top, #c2da54, #64801c); background-image: -ms-linear-gradient(top, #c2da54, #64801c); background-image: -o-linear-gradient(top, #c2da54, #64801c); background-image: linear-gradient(to bottom, #c2da54, #64801c); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c2da54, endColorstr=#64801c);
}
.btn_pink { border: 1px solid #ee1eb5; background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff5bb0), color-stop(100%, #ef027d) ); background: -moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% ); background: -ms-linear-gradient( top, #ff5bb0 5%, #ef027d 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
background-color: #ff5bb0; color: #ffffff; text-shadow: 1px 1px 0px #c70067; -webkit-box-shadow: inset 1px 1px 0px 0px #fbafe3; -moz-box-shadow: inset 1px 1px 0px 0px #fbafe3; box-shadow: inset 1px 1px 0px 0px #fbafe3; }
.btn_pink:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ef027d), color-stop(100%, #ff5bb0) ); background: -moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% ); background: -ms-linear-gradient( top, #ef027d 5%, #ff5bb0 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
background-color: #ef027d; }
.btn_gold { border: 1px solid #ffaa22; background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) ); background: -moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% ); background: -ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
background-color: #ffec64; color: #333333; text-shadow: 1px 1px 0px #ffee66; -webkit-box-shadow: inset 1px 1px 0px 0px #fff6af; -moz-box-shadow: inset 1px 1px 0px 0px #fff6af; box-shadow: inset 1px 1px 0px 0px #fff6af; }
.btn_gold:hover { background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) ); background: -moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% ); background: -ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
background-color: #ffab23; color: #333333; text-shadow: 1px 1px 0px #ffee66; -webkit-box-shadow: inset 1px 1px 0px 0px #fff6af; -moz-box-shadow: inset 1px 1px 0px 0px #fff6af; box-shadow: inset 1px 1px 0px 0px #fff6af; }
.btn_gray { background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#707070)); background-image: -webkit-linear-gradient(top, #999999, #707070); background-image: -moz-linear-gradient(top, #999999, #707070); background-image: -ms-linear-gradient(top, #999999, #707070); background-image: -o-linear-gradient(top, #999999, #707070); background-image: linear-gradient(to bottom, #999999, #707070); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#999999, endColorstr=#707070);
}
.btn_gray:hover { background-color: #808080; background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#575757)); background-image: -webkit-linear-gradient(top, #808080, #575757); background-image: -moz-linear-gradient(top, #808080, #575757); background-image: -ms-linear-gradient(top, #808080, #575757); background-image: -o-linear-gradient(top, #808080, #575757); background-image: linear-gradient(to bottom, #808080, #575757); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#808080, endColorstr=#575757);
}
.btn_title { 
border: none; border-radius: 0; font-size: 24px; color: #29AAD9 }
.btn_title:hover { /*background-color: #0fc0ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#0fc0ff), to(#1f89b0));
 background-image: -webkit-linear-gradient(top, #0fc0ff, #1f89b0);
 background-image: -moz-linear-gradient(top, #0fc0ff, #1f89b0);
 background-image: -ms-linear-gradient(top, #0fc0ff, #1f89b0);
 background-image: -o-linear-gradient(top, #0fc0ff, #1f89b0);
 background-image: linear-gradient(to bottom, #0fc0ff, #1f89b0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0fc0ff, endColorstr=#1f89b0);*/	
}
.btn_green_light { border: 1px solid #249a00; background-color: #31D200; background-image: -webkit-gradient(linear, left top, left bottom, from(#31D200), to(#2BAA3F)); background-image: -webkit-linear-gradient(top, #31D200, #2BAA3F); background-image: -moz-linear-gradient(top, #31D200, #2BAA3F); background-image: -ms-linear-gradient(top, #31D200, #2BAA3F); background-image: -o-linear-gradient(top, #31D200, #2BAA3F); background-image: linear-gradient(to bottom, #31D200, #2BAA3F); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#31D200, endColorstr=#2BAA3F);
}
.btn_green_light:hover { border: 1px solid #196c00; background-color: #31D200; background-image: -webkit-gradient(linear, left top, left bottom, from(#31D200), to(#279C3A)); background-image: -webkit-linear-gradient(top, #31D200, #279C3A); background-image: -moz-linear-gradient(top, #31D200, #279C3A); background-image: -ms-linear-gradient(top, #31D200, #279C3A); background-image: -o-linear-gradient(top, #31D200, #279C3A); background-image: linear-gradient(to bottom, #31D200, #279C3A); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#31D200, endColorstr=#279C3A);
}
.btn:active { position: relative; top: 1px; }
.half_btn { width: 41%; }
.step_btn { width: 75%; }
.big_btn { width: 93%; font-size: 18px; }

#main2,#main5 {
background-color: #ffffff;
margin: 20px auto 20px auto;
padding: 10px 1em 30px 1em;
border: 3px solid #0EABD6;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
behavior: url(border-radius.htc);
box-sizing: border-box;
}