@charset "shift-jis";

ul.glid_btn {margin: 0 0 0 -10px; zoom: 1; clear: both; list-style: none; _margin-left: -20px;}
ul.glid_btn:after {content: " "; display: block; clear: both; visibility: hidden; height: 0;}

ul.glid_btn li, a.glid_btn {
display: block; padding: 0; position: relative; border: solid 1px #ccc; zoom: 1; line-height: 1.5;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
background: -ms-linear-gradient(top, #fff, #f5f5f5);
background: -moz-linear-gradient(top, #fff, #f5f5f5); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f5f5f5));
background: linear-gradient(#fff, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffffff, endColorstr=#FFf5f5f5);
background-color: #fafafa; /* IE6 */}

ul.glid_btn li {float: left; margin: 0 0 10px 10px;}

ul.glid_btn a {display: block; padding: 14px; width: auto; height: 100%; overflow: hidden; border-radius: 4px; text-decoration: none; color: #000; background: no-repeat bottom right;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

ul.glid_btn a:visited {color: #000}
ul.glid_btn a:hover {color: #00008b; opacity: 0.85}

ul.glid_btn li:hover,
a.glid_btn:hover {border-color: #a1bfdc; background: #fff; filter: none; box-shadow: 0 0 4px rgba(161, 191, 220, 0.5) inset;}

ul.glid_btn li.link_non {padding: 14px;}
ul.glid_btn li.link_non a {padding: 0; width: auto; height: auto;}
ul.glid_btn li.link_non:hover {border-color: #ccc;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
background: -ms-linear-gradient(top, #fff, #f5f5f5);
background: -moz-linear-gradient(top, #fff, #f5f5f5); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#f5f5f5));
background: linear-gradient(#fff, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffffff, endColorstr=#FFf5f5f5);
background-color: #fafafa; /* IE6 */}


.glid_btn .link {text-decoration: underline; color: #09f;}
.glid_btn u {color: #09f;}
.glid_btn span.detail {display: block; position: absolute; width: 100%; left: 0; bottom: 15px; line-height: 1; text-align: center; font-size: 85%; cursor: pointer;}
.glid_btn span.detail u {background: url(/cgi/shared/images/arrow_link.gif) center left no-repeat; padding: 0 0 0 14px}
/* アンカー用 */
.glid_btn.arrow_anchor li:before {position: absolute; display: block; content: ""; border: solid transparent; border-width: 5px 5px 0 5px; margin-left: -5px; left: 50%; bottom: 8px; border-top-color: #002DDB}

/* リンクタグ用 */
a.glid_btn {cursor: pointer; padding: 13px 14px 14px; text-decoration: none; color: #000;}
a.glid_btn:hover {background-color: #fff !important; border-color: #a1bfdc; filter: none; color: #00008b;}

.nav_right ul.glid_btn {margin-left: 0}
.nav_right ul.glid_btn li {float: none; margin-left: 0}
.nav_right ul.glid_btn li.ord_btn {margin-bottom: 15px; font-weight: bold}

/* お申し込みボタン用 */
.glid_btn li.ord_btn,
a.glid_btn.ord_btn {
text-align: center; border: solid 1px #ffdc4d;
background: -ms-linear-gradient(top, #ffeda6, #ffcc00);
background: -moz-linear-gradient(top, #ffeda6, #ffcc00);
background: -webkit-gradient(linear, center top, center bottom, from(#ffeda6), to(#ffcc00));
background: linear-gradient(#ffeda6, #ffcc00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffeda6, endColorstr=#FFffcc00);
background-color: #ffcc00; /* IE6 */}

.glid_btn li.ord_btn:hover,
a.ord_btn:hover {background: #ffdc4d !important; border: solid 1px #ffdc4d; filter: none; box-shadow: none;}

.order_bot a.ord_btn {display: inline-block; padding-left: 30px; padding-right: 30px;}
.order_bot a.ord_btn,
.nav_right a.ord_btn {font-weight: bold}

/* ログインなどの青いボタン */
.glid_btn li.blue,
a.glid_btn.blue {
text-align: center; border: none;
background: -ms-linear-gradient(top, #0069ff, #012ab2);
background: -moz-linear-gradient(top, #0069ff, #012ab2); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#0069ff), to(#012ab2));
background: linear-gradient(#0069ff, #012ab2);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF0069ff, endColorstr=#FF012ab2);
background-color: #012ab2; /* IE6 */}

.glid_btn li.blue a,
a.glid_btn.blue {color: #fff;}

.glid_btn li.blue:hover,
a.glid_btn.blue:hover {background: #0149d8 !important; filter: none; box-shadow: none;}

/* オレンジボタン */
.glid_btn li.orange,
a.glid_btn.orange {
text-align: center; border: none;
background: -ms-linear-gradient(top, #fba102, #ff7200);
background: -moz-linear-gradient(top, #fba102, #ff7200);
background: -webkit-gradient(linear, center top, center bottom, from(#fba102), to(#ff7200));
background: linear-gradient(#fba102, #ff7200);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFfba102, endColorstr=#FFff7200);
background-color: #ff7200; /* IE6 */}

.glid_btn li.orange a,
a.glid_btn.orange {color: #fff;}
.glid_btn li.orange:hover,
a.glid_btn.orange:hover {background: #FE7D00 !important; filter: none; box-shadow: none}

/* 例外設定 */
ul.glid_btn a.pad0 {padding: 0}

.glid_btn.tx_center,
.glid_btn .tx_center {text-align: center;}
.glid_btn span.tx_center {display: block;}
.glid_btn .bgv_top {background-position: right top}
.glid_btn .bgv_center {background-position: right center}
.glid_btn .sm, .glid_btn.sm {line-height: 1.5}
.glid_btn .ss, .glid_btn.ss {font-size: 74%; line-height: 1.4}

.glid_btn li a strong {display: block}
.glid_btn span.right {display: block; text-align: right}
.glid_btn span.right u {margin-right: 15px; _margin-right: 0}

ul.glid_btn.auto {margin-left: 0}
ul.glid_btn.auto li {width: 100%; *float: none; *width: auto; margin-left: 0}

ul.glid_btn.center {margin-left: 0; text-align: center}
ul.glid_btn.center li {float: none; margin-left: 0; display: inline-block; *display: inline}
ul.glid_btn.center a {padding-left: 30px; padding-right: 30px; _float: left}
ul.glid_btn.type-glay {padding: 14px 14px 4px;}
#tpl_respons ul.glid_btn.type-glay {padding: 14px;}

/* リンクなし */
ul.glid_btn li.disable {background: none; box-shadow: none;}
ul.glid_btn li.disable:hover {border-color: #ccc;}

/* できることボタン内のラベル */
ul.glid_btn li span.label_sty {position: absolute; top: -1px; left: -1px; line-height: 100%; border: solid 1px #0080c8;
padding: 4px 8px 3px 8px; font-size: 12px; color: #fff; text-align: left; background-color: #0080c8; z-index: 1;
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;}

ul.glid_btn li span.label_sty.rec {background-color: transparent; padding: 1px;}

ul.glid_btn li span.label_sty.rec i {font-style: normal; display: block; background-color: #0080c8;
padding: 4px 8px 3px 8px;
border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;}

/* グリッドボタンのアンカー */
ul.glid_btn.anchors {margin-left: -10px; text-align: center;}
ul.glid_btn.anchors li:before {display: none;}
ul.glid_btn.anchors li {padding-left: 0; white-space: normal;}
ul.glid_btn.anchors a {padding-bottom: 1.3em;}
ul.glid_btn.anchors a:after {content:''; border: solid transparent; border-width: 5px 5px 0 5px; margin-left: -5px; left: 50%; bottom: 9px; border-top-color: #002DDB; position: absolute;}

/* できること用テキスト */
ul.glid_btn li span.tx_style {display: block; margin-top: 7px;}

/* レギュレーションサイズ */
.glid_btn li.w230        {width: 230px; height: 230px; *width: 228px; *height: 228px;}
.glid_btn li.w230 a      {*width: 200px; *height: 200px;}
.glid_btn li.w230 a.pad0 {*width: 228px; *height: 228px;}

.glid_btn li.w230_h130        {width: 230px; height: 130px; *width: 228px; *height: 128px;}
.glid_btn li.w230_h130 a      {*width: 200px; *height: 100px;}
.glid_btn li.w230_h130 a.pad0 {*width: 228px; *height: 128px;}

.glid_btn li.w230_h110        {width: 230px; height: 110px; *width: 228px; *height: 108px;}
.glid_btn li.w230_h110 a      {*width: 200px; *height: 80px;}
.glid_btn li.w230_h110 a.pad0 {*width: 228px; *height: 108px;}

.glid_btn li.w230_h050        {width: 230px; height: 50px; *width: 228px; *height: 48px;}
.glid_btn li.w230_h050 a      {*width: 200px; *height: 20px;}
.glid_btn li.w230_h050 a.pad0 {*width: 228px; *height: 48px;}

/* 2column */
.glid_btn li.w350        {width: 350px; *width: 348px;}
.glid_btn li.w350 a      {*width: 320px;}

.glid_btn li.w350_h080        {width: 350px; height: 80px; *width: 348px; *height: 78px;}
.glid_btn li.w350_h080 a      {*width: 320px; *height: 50px;}
.glid_btn li.w350_h080 a.pad0 {*width: 348px; *height: 78px;}

.glid_btn li.w350_h110        {width: 350px; height: 110px; *width: 348px; *height: 108px;}
.glid_btn li.w350_h110 a      {*width: 320px; *height: 80px;}
.glid_btn li.w350_h110 a.pad0 {*width: 348px; *height: 108px;}

.glid_btn li.w350_h150        {width: 350px; height: 150px; *width: 348px; *height: 148px;}
.glid_btn li.w350_h150 a      {*width: 320px; *height: 120px;}
.glid_btn li.w350_h150 a.pad0 {*width: 348px; *height: 148px;}

.glid_btn li.w350_h170        {width: 350px; height: 170px; *width: 348px; *height: 168px;}
.glid_btn li.w350_h170 a      {*width: 320px; *height: 140px;}
.glid_btn li.w350_h170 a.pad0 {*width: 348px; *height: 168px;}

.glid_btn li.w350_h230        {width: 350px; height: 230px; *width: 348px; *height: 228px;}
.glid_btn li.w350_h230 a      {*width: 320px; *height: 200px;}
.glid_btn li.w350_h230 a.pad0 {*width: 348px; *height: 228px;}

/* 1column */
.glid_btn li.w710_h110        {width: 710px; height: 110px; *width: 708px; *height: 108px;}
.glid_btn li.w710_h110 a      {*width: 680px; *height: 80px;}
.glid_btn li.w710_h110 a.pad0 {*width: 708px; *height: 108px;}

.glid_btn li.w710_h050        {width: 710px; height: 50px; *width: 708px; *height: 48px;}
.glid_btn li.w710_h050 a      {*width: 680px; *height: 20px;}
.glid_btn li.w710_h050 a.pad0 {*width: 708px; *height: 48px;}


/* レギュレーションサイズ以外 */
.glid_btn li.w156_h060        {width: 156px; height: 60px; *width: 154px; *height: 58px;}
.glid_btn li.w156_h060 a      {*width: 126px; *height: 30px;}
.glid_btn li.w156_h060 a.pad0 {*width: 154px; *height: 58px;}

.glid_btn li.w160_h100        {width: 160px; height: 100px; *width: 158px; *height: 98px;}
.glid_btn li.w160_h100 a      {*width: 130px; *height: 70px;}
.glid_btn li.w160_h100 a.pad0 {*width: 158px; *height: 98px;}

.glid_btn li.w164_h050        {width: 164px; height: 50px; *width: 162px; *height: 48px;}
.glid_btn li.w164_h050 a      {*width: 134px; *height: 20px;}
.glid_btn li.w164_h050 a.pad0 {*width: 162px; *height: 48px;}

.glid_btn li.w170_h150        {width: 170px; height: 150px; *width: 168px; *height: 148px;}
.glid_btn li.w170_h150 a      {*width: 140px; *height: 120px;}
.glid_btn li.w170_h150 a.pad0 {*width: 168px; *height: 148px;}

.glid_btn li.w170_h050        {width: 170px; height: 50px; *width: 168px; *height: 48px;}
.glid_btn li.w170_h050 a      {*width: 140px; *height: 20px;}
.glid_btn li.w170_h150 a.pad0 {*width: 168px; *height: 48px;}

.glid_btn li.w220_h080        {width: 210px; height: 80px; *width: 208px; *height: 78px;}
.glid_btn li.w220_h080 a      {*width: 180px; *height: 50px;}
.glid_btn li.w220_h080 a.pad0 {*width: 208px; *height: 78px;}

.glid_btn li.w225_h050        {width: 225px; height: 50px; *width: 222px; *height: 48px;}
.glid_btn li.w225_h050 a      {*width: 195px; *height: 20px;}
.glid_btn li.w225_h050 a.pad0 {*width: 222px; *height: 48px;}

.glid_btn li.w230_h090        {width: 230px; height: 90px; *width: 228px; *height: 88px;}
.glid_btn li.w230_h090 a      {*width: 200px; *height: 60px;}
.glid_btn li.w230_h090 a.pad0 {*width: 228px; *height: 88px;}

.glid_btn li.w250_h070        {width: 250px; height: 70px; *width: 248px; *height: 68px;}
.glid_btn li.w250_h070 a      {*width: 220px; *height: 40px;}
.glid_btn li.w250_h070 a.pad0 {*width: 248px; *height: 68px;}

.glid_btn li.w270_h080        {width: 270px; height: 80px; *width: 268px; *height: 78px;}
.glid_btn li.w270_h080 a      {*width: 240px; *height: 50px;}
.glid_btn li.w270_h080 a.pad0 {*width: 268px; *height: 78px;}


.glid_btn li.w320_h110        {width: 320px; height: 110px; *width: 318px; *height: 108px;}
.glid_btn li.w320_h110 a      {*width: 290px; *height: 80px;}
.glid_btn li.w320_h110 a.pad0 {*width: 318px; *height: 108px;}

.glid_btn li.w335_h090        {width: 335px; height: 90px; *width: 333px; *height: 88px;}
.glid_btn li.w335_h090 a      {*width: 305px; *height: 60px;}
.glid_btn li.w335_h090 a.pad0 {*width: 333px; *height: 88px;}

.glid_btn li.w335_h110        {width: 335px; height: 110px; *width: 333px; *height: 108px;}
.glid_btn li.w335_h110 a      {*width: 305px; *height: 80px;}
.glid_btn li.w335_h110 a.pad0 {*width: 333px; *height: 108px;}

.glid_btn li.w340_h050        {width: 340px; height: 50px; *width: 338px; *height: 48px;}
.glid_btn li.w340_h050 a      {*width: 310px; *height: 20px;}
.glid_btn li.w340_h050 a.pad0 {*width: 338px; *height: 48px;}

.glid_btn li.w350_h100        {width: 350px; height: 100px; *width: 348px; *height: 98px;}
.glid_btn li.w350_h100 a      {*width: 320px; *height: 70px;}
.glid_btn li.w350_h100 a.pad0 {*width: 348px; *height: 98px;}


.glid_btn li.w435_h150        {width: 435px; height: 150px; *width: 433px; *height: 148px;}
.glid_btn li.w435_h150 a      {*width: 405px; *height: 120px;}
.glid_btn li.w435_h150 a.pad0 {*width: 433px; *height: 148px;}


.glid_btn li.w660_h110        {width: 660px; height: 110px; *width: 658px; *height: 108px;}
.glid_btn li.w660_h110 a      {*width: 630px; *height: 80px;}
.glid_btn li.w660_h110 a.pad0 {*width: 658px; *height: 108px;}

.glid_btn li.w660_h130        {width: 660px; height: 130px; *width: 658px; *height: 128px;}
.glid_btn li.w660_h130 a      {*width: 630px; *height: 100px;}
.glid_btn li.w660_h130 a.pad0 {*width: 658px; *height: 128px;}

.glid_btn li.w680_h055        {width: 680px; height: 55px; *width: 678px; *height: 53px;}
.glid_btn li.w680_h055 a      {*width: 650px; *height: 25px;}
.glid_btn li.w680_h055 a.pad0 {*width: 678px; *height: 53px;}

.glid_btn li.w680_h110        {width: 680px; height: 110px; *width: 678px; *height: 108px;}
.glid_btn li.w680_h110 a      {*width: 650px; *height: 80px;}
.glid_btn li.w680_h110 a.pad0 {*width: 678px; *height: 108px;}

.glid_btn li.h040   {height: 40px; *height: 38px;}
.glid_btn li.h040 a {*height: 10px; padding: 8px;}

.glid_btn li.h050   {height: 50px; *height: 48px;}
.glid_btn li.h050 a {*height: 20px;}

.glid_btn li.h070   {height: 70px; *height: 68px;}
.glid_btn li.h070 a {*height: 40px;}

.glid_btn li.h080   {height: 80px; *height: 78px;}
.glid_btn li.h080 a {*height: 50px;}

.glid_btn li.h090   {height: 90px; *height: 88px;}
.glid_btn li.h090 a {*height: 60px;}

.glid_btn li.h100   {height: 100px; *height: 98px;}
.glid_btn li.h100 a {*height: 70px;}

.glid_btn li.h110   {height: 110px; *height: 108px;}
.glid_btn li.h110 a {*height: 80px;}

.glid_btn li.h120   {height: 120px; *height: 118px;}
.glid_btn li.h120 a {*height: 90px;}

.glid_btn li.h130   {height: 130px; *height: 128px;}
.glid_btn li.h130 a {*height: 100px;}

.glid_btn li.h140   {height: 140px; *height: 138px;}
.glid_btn li.h140 a {*height: 110px;}