@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_1-1.jpg) repeat-x; }
body#normal { background: url(../img/bg_1-1.jpg) repeat-x; }
body#jr { background: url(../img/bg_1-1.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: 970px; height: 4px; position: relative; }
#header #catch-copy { display: none; }
#contents { margin: 10px auto; width: 960px; }
.article { margin: 20px auto; }
#main, #main2, #main5 { width: 960px; position: relative; }
#side { width: 240px; 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: 4px; 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; }
#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; }
#main4 { margin: 0 auto 15px auto; padding: 10px; border: 3px solid #ED8C12; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(border-radius.htc); }
div#main3 { -moz-border-radius: 20px;    /* Firefox */ -webkit-border-radius: 20px; /* Safari,Chrome */ border-radius: 20px;         /* CSS3 */ border: 3px #ED8C12 solid;     /* 枠線の装飾 */ background-color: #ffffff;   /* 背景色 */ behavior: url("/member-test/PIE.htc"); }
#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: 240px; 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(/jp/jr-member/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(/jp/jr-member/img/s-icon-list.jpg) left 3px no-repeat; }
#prg-menu01 { margin: 0 auto!important; width: 210px; background: url(/jp/jr-member/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(/jp/jr-member/img/prg-menu-base0.jpg) repeat-y; }
#prg-menu00 #prg-menu-bottom { margin: 0 auto; width: 210px; height: 5px; background: url(/jp/jr-member/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(/jp/jr-member/img/prg-menu-bottom.jpg) no-repeat; }
#prg-menu02 { margin: 0 auto!important; width: 210px; background: url(/jp/jr-member/img/prg-menu-base2.jpg) repeat-y; }
#prg-menu02 #prg-menu-top2 { margin: 0 auto; width: 210px; height: 5px; background: url(/jp/jr-member/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(/jp/jr-member/img/prg-menu-bottom2.jpg) no-repeat; }
#prg-menu03 { width: 210px; background: url(/jp/jr-member/img/prg-menu-base3.jpg) repeat-y; }
#prg-menu03 #prg-menu-top3 { margin: 0 auto; width: 210px; height: 5px; background: url(/jp/jr-member/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(/jp/jr-member/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(/jp/jr-member/img/sprof-base.jpg) repeat-y; }
#sprof-box #sprof-box-top { width: 210px; height: 45px; background: url(/jp/jr-member/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(/jp/jr-member/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;
border-top: 2px solid #0EABD6; background-color : #ffffff; }
#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_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; }