@charset "UTF-8";

/*====================================================================================================
/css/site.css
サイト全体共通のcss

====================================================================================================*/
html{font-size: 62.5%;}
body{font-size: 1.4rem;}
body{font-family:'新ゴR', 'Droid Sans','HiraKakuProN-W3', Arial, Helvetica, sans-serif;}
body{ -webkit-text-size-adjust: none;/*=スマホを縦←→横にした際の文字サイズの変更を禁止=*/
color:#414042;}
#container_{margin:0;padding:0;background-color:#fff;}
/*==================================================
#header
==========*/
#container_ #header{padding-top: 0;position: relative;margin: 0;}
#container_ #header h1,
#container_ #header .header_text,
#asp_wrap #header .header_text{font-size: 12px;line-height: 140%;text-align: left;color: #000;margin: 0 auto;padding: 2px 0 0 2px;}
#container_ #header h2,
#container_ #header #logo,
#asp_wrap #header #logo{margin:0 auto;padding:10px 0 0;}
#container_ #header p{font-size:13px;line-height:17px;text-align:left;color:#333;position:absolute;top:3px;left:95px;margin:0;}


/*==================================================
#navi
==========*/
#navi{position: relative;margin: 0;padding: 0;}
#navi span.btn1, #navi .btn2,#navi .btn3{width: 31%;height: 22px;position: absolute;z-index: 15;top: 0px;display: block;background-position: left center;margin: 0;padding: 0;text-align: left;text-indent: 18px;-webkit-border-radius: 2px 2px 0 0;}
#navi span.btn1, #navi .btn2, #navi .btn3{text-decoration: none;font-size: 13px;line-height: 24px;}
#navi span.btn1{right:34%;border-style:solid;border-width:2px 2px 0;}
#navi .btn2{left:0;border-style:solid;border-width:2px 2px 0;}
#navi .btn3{right:1%;;border-style:solid;border-width:2px 2px 0;}
#navi ul, #navi ul li{margin: 0;padding: 0;}
#navi ul{text-align: left;position: relative;top: -2px;z-index: 10;border-style: solid;border-width: 2px;margin: 0 2px 10px;padding: 5px 0 0;}
#navi ul li{display: inline-block;width: 49%;list-style-type: disc;text-align: left;list-style-position: inside;line-height: 150%;text-indent: 5px;margin: 0;padding: 0}
#navi ul li a{font-size: 14px;line-height: 150%;color: #0000FF;text-decoration: underline;display: block;margin: 4px 2px;padding: 4px 0}

#navi{border:none;}
#navi ul{margin-bottom:0;}

/*会員フォーム*/ 
#navi ul#member,
#navi ul#member li{margin:0;padding:0;background-color:#8D061A;color:#FFFFFF;}
#navi ul#member{text-align: left;position: relative;top: -2px;z-index: 10;margin-top: 0;padding: 0 0 5px 0;border: none;}
#navi ul#member li{display:inline-block;list-style-type:disc;text-align:left;list-style-position:inside;line-height:150%;text-indent:5px;margin:0;padding:0}
#navi ul#member li.login_title{width:100%;
text-align:center;font-size:14px;background-color:#8D061A;color:#D7C446;}
#navi ul#member li.login_title span{color:#D7C446;texgt-align:center;font-size:20px;font-weight:bold;line-height:200%;}
#navi ul#member li.login_id,
#navi ul#member li.login_pass{display:block;width: 100%;text-align:center;margin-bottom:10px;}
#navi ul#member li.login_id span,
#navi ul#member li.login_pass span{display:inline-block;width:3em;text-align:center;}
#navi ul#member li.login_id input,
#navi ul#member li.login_pass input{width:60%;font-size:18px;}

#navi ul#member li.entry_form,
#navi ul#member li.login_btn,
#navi ul#member li.already{text-align:center;width:100%;}
#navi ul#member li.entry_form a,
#navi ul#member li.login_btn a,
#navi ul#member li.already a{font-size:14px;font-weight:bold;line-height:180%;display:block;width:80%;margin:5px auto;text-decoration: none;background: linear-gradient(to bottom, #EBE447, #DAC829) repeat scroll 0 0 #F1EB7A;background-image: -webkit-gradient(linear, left top, left bottom, from(#EBE447), to(#DAC829));border: 1px solid #F1EB7A;border-radius: 6px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.15);color: #000;text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);}
#navi ul#member li.already a{margin:10px auto;}

#list{margin:0;padding:0;padding-top:24px;}

/*サイト内共通*/
#contents_{margin:0;padding:0;font-size:1%;}
#contents_ h3{}
#contents_ .accordion{margin:0;padding:0;}
#contents_ .guide{height:30px;background-color:#b0bccd;font-family:HiraKakuProN-W6;font-size:16px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;position:relative;border-top-color:#cdd5df;border-bottom-color:#2d3642;border-style:solid;border-width:1px 0;margin:0 0 5px;padding:10px 3px 0;background-image: -webkit-gradient(linear, left top, left bottom, from(#b0bccd), to(#6d84a2));text-overflow: ellipsis;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}
#contents_ .guide span{float:left;background:url(/lib/images/asp_sp/common_images/back_btn.png) left center no-repeat;height:28px;width:50px;padding-left:5px;padding-top:2px;position:absolute;left:5px;top:6px;}
#contents_ .guide span a{color: #fff;font-size: 80%;text-decoration: none;text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;}

#contents_ .asp_topic_path{overflow:hidden;position:relative;}
#contents_ .asp_topic_path:after{content:"";display:block;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));height:5px;width:100%;position:absolute;left:0;top:0;z-index:3;}
#contents_ .asp_topic_path ol{text-align:left;background-color:#BEAF87/*--------------color--------------*/;margin:0;padding:0;list-style:none;-webkit-overflow-scrolling:touch;overflow:auto;white-space:nowrap;}
#contents_ .asp_topic_path ol li{font-size:11px;line-height:28px;color:#FFF;display:inline-block;vertical-align:top;height:28px;}
#contents_ .asp_topic_path ol li a{color:#FFF;display:block;padding:0 22px 0 8px;text-decoration:none;background-color:rgba(255, 255, 255, 0.2);position:relative;overflow:hidden;}
#contents_ .asp_topic_path ol li a:after {content:"";display:block;width:28px;height:28px;border-top:solid 1px rgba(255, 255, 255, 0.6);border-right:solid 1px rgba(255, 255, 255, 0.6);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:7px;top:0;}
#contents_ .asp_topic_path ol li:last-child{padding:0 15px 0 10px;position:relative;z-index:1;}
#contents_ .asp_topic_path ol li:last-child:before{content:"";vertical-align:top;display:block;width:0;height:0;border-top:solid 14px #BEAF87/*--------------color--------------*/;border-right:solid 14px #BEAF87/*--------------color--------------*/;border-bottom:solid 14px #BEAF87/*--------------color--------------*/;border-left:solid 14px transparent;position:absolute;left:-14px;top:0;z-index:-1;}
#contents_ .asp_page_title_box{text-align:left;margin-bottom:15px;padding:13px 10px;border-bottom:1px solid #DDD;}
#contents_ .asp_page_title_box .asp_page_title{font-size:18px;line-height: 1.3;font-weight:700;vertical-align: baseline;display:inline-block;margin:0 4px 0 0;}

/*==================================================
footer
==========*/
#footer{margin-top:15px;padding:10px 0 10px;background-color:#f5f5f5;}
#footer #guide{margin:0;}
#footer #guide ul{width:100%;margin:0;padding:0;}
#footer #guide ul li{display:inline-block;text-align:center;width:24.5%;margin:0 auto;padding:0;}
#footer #guide ul li a{display:block;font-size:14px;font-weight:700;line-height:100%;text-decoration:none;padding-top:5px;padding-bottom:5px;margin:5px;-webkit-border-radius:4px;}
#footer .ssl{margin:20px auto;}
#footer #copyright{font-size:10px;color:#000;text-align:right;margin-top:5px;padding-top:4px;}
/*==================================================
.to_pagetop
ex.  <div class="to_pagetop"><a href="#container_">Page Top</a></div>
==========*/
.to_pagetop{top:0;right:0;position:relative;height:24px;padding:2px 0 0;}
.to_pagetop a{font-size:12px;line-height:150%;background-color:#000;border:1px solid #A19276;display:block;color:#FFF;text-decoration:none;margin-right:1px;margin-bottom:1px;position:absolute;top:0;right:0;padding:2px;}





/*==============================================================================================================
変更箇所

==============================================================================================================*/
/*=タブ部分=*/
#navi span.btn1,
#navi .btn2{color:#000;}
#navi span.btn1{border-color:#A19276;background-image: url(/lib/images/asp_sp/common_images/icon_navi.png),-webkit-gradient(linear, left top, left bottom, from(#BEAF87), to(#A19276));margin-left: 1%;}
#navi .btn2{border-color: #A19276;background-image: url(/lib/images/asp_sp/common_images/icon_mysearch.png),-webkit-gradient(linear, left top, left bottom, from(#BEAF87), to(#A19276));margin-left: 1%;}
#navi .btn3{color:#FFFFFF;font-weight:700;border-color: #8D061A;background-image: url(/lib/images/asp_sp/common_images/icon_login.png),-webkit-gradient(linear, left top, left bottom, from(#A63646), to(#8D061A));}
#navi .btn3.login{border-color:#8D061A;background-image:url(/lib/images/asp_sp/common_images/icon_login.png),-webkit-gradient(linear, left top, left bottom, from(#8D061A), to(#A63646));}

/*=ナビゲーション=*/
#navi ul{background-color:#FFF;border-color:#A19276;}
#navi ul li a{color:#000;font-weight:700;}
/*フッタ*/
#footer #guide ul{}
#footer #guide ul li a{color:#000;border:2px solid #A19276;background-image: -webkit-gradient(linear, left top, left bottom, from(#BEAF87), to(#A19276));}
#contents_  p{margin:0;padding:0;}





/*=タイトル=*/
#contents_ h3{font-size:14px;line-height:24px;height:24px;margin:0;padding:5px;text-align:left;font-weight:700;background-color:#BEAF87;border-bottom:3px solid #414042;color: #000000;}
.banner{width:100%;}
.banner ul{width:100%;margin:0;padding:0;}
.banner ul li{width:100%;margin:0;padding:0;text-align:center;list-style:none;margin-bottom:20px;}
.banner ul li:first-child{margin-bottom:10px;}
.banner ul li img{width:96%;}
.box_member{text-align:center;margin:0;padding:0;}
.box_member img{width:100%;margin:0;padding:0;}