@charset "utf-8";
#wrapper{width:100%;font-family:sans-serif;}
#contents{padding-left:10px;padding-right:10px;}
#contents section,#contents article{margin-top:15px;}

/* header */
#headerArea{margin-top:10px;padding:0 10px;overflow:hidden;position:relative;}
#headerArea > h1{background:url(../img/logo_001.png) no-repeat 0 3px;background-size:188px 18px;-webkit-background-size:188px 18px;width:188px;min-height:21px;}
#headerArea > h1 span{opacity:0;}
#headerArea p.btnLogin{width:103px;position:absolute;top:0;right:5px;}
#headerArea article{margin:10px -10px 0;position:relative;}
#headerArea article h1{font-size:22px;border-bottom:1px solid #aaa;}
#headerArea article h1 span{display:inline-block;border-bottom:3px solid #E7161A;padding:0 10px 3px;}
#headerArea nav{padding:0 5px 10px;border-bottom:1px solid #cccccc;background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background:-webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );}
#headerArea nav ul{text-align:center;}
#headerArea nav li{display:inline-block;font-size:14px;border-right:1px solid #aaaaaa;padding-right:5px;margin-top:10px;}
#headerArea nav li:last-child{border-right:none;padding-right:0;}
#headerArea nav li a{color:#333333;}
#headerArea .btnCam{border-radius:8px;border:1px solid #888888;position:absolute;top:-5px;right:5px;
background:#e5e5e5;
background:-moz-linear-gradient(top,  #e5e5e5 0%, #a0a0a0 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#a0a0a0));
background:-webkit-linear-gradient(top,  #e5e5e5 0%,#a0a0a0 100%);
background:-ms-linear-gradient(top,  #e5e5e5 0%,#a0a0a0 100%);
background:linear-gradient(to bottom,  #e5e5e5 0%,#a0a0a0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#a0a0a0',GradientType=0 );}
#headerArea .btnCam a{color:#333333;font-weight:bold;padding:5px 8px;}
#headerArea figure{text-align:center;margin-top:10px;}
#headerArea figure + .linkL{margin-left:10px;}

.linkL,.linkR{margin-top:5px;}
.linkR{text-align:right;}
.linkL a,.linkR a{display:inline;font-size:14px;}
.linkL a span,.linkR a span{display:inline-block;background:url(../img/arw_r02.png) no-repeat 0 5px;background-size:6px 8px;-webkit-background-size:6px 8px;width:9px;height:8px;margin-left:3px;padding:3px 0;}

/* menu
----------------------------------------------------------*/
nav.menu ul.listLink{background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
background:-webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );}
nav.menu ul.listLink li a{text-align:center;line-height:1.3;padding:10px 35PX;background:url(../img/arw_r01.png) no-repeat 98% center;background-size:24px 24px;-webkit-background-size:24px 24px;color:#0f0f69;}

/* footer */
#footerArea{overflow:hidden;}
#footerArea .footTail{background:url(../img/pic_footer.png) no-repeat right 0px;background-size:320px 33px;-webkit-background-size:320px 33px;height:33px;position:relative;z-index:1;}
#footerArea small{font-size:12px;display:block;padding:8px 0;border-top:1px solid #B6B6B7;margin-top:-1px;text-align:center;}
.footNavi{margin-top:10px;}
.footNavi ul{text-align:center;}
.footNavi ul li{display:inline;border-right:1px solid #cccccc;font-size:13px;padding-right:5px;font-weight:bold;}
.footNavi ul li:last-child{border:none;padding-right:0;}
.footNavi ul li a{display:inline-block;font-weight:normal;}

/* subTitle (h1) */
h1.subTitle{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #CCCCCC;position:relative;
background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
background:-webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
margin:15px 0 10px;}
h1.subTitle span{display:inline-block;background:url(/sp/navi_line/bg_listbox_01.png) repeat-y 0 0;background-size:5px 5px;-webkit-background-size:5px 5px;padding:10px 0 10px 10px;border-top-left-radius:4px;}

/* listBox + opclBox (h1) */
.listBox,.opclBox,.partBox{box-shadow:2px 2px 4px #D0D0D0;-webkit-box-shadow:2px 2px 4px #D0D0D0;-moz-box-shadow:2px 2px 4px #D0D0D0;border-radius:5px;}
.listBox h1,.opclBox h1,.partBox h1{border-top-left-radius:5px;border-top-right-radius:5px;border:1px solid #CCCCCC;position:relative;
background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
background:-webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );}
.listBox h1 span,.opclBox h1 span,.partBox h1 span{display:inline-block;background:url(../img/bg_listbox_01.png) repeat-y 0 0;background-size:5px 5px;-webkit-background-size:5px 5px;padding:10px 0 10px 10px;border-top-left-radius:4px;}
.listBox h1.close,.opclBox h1.close,.partBox h1.close{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.listBox h1.close span,.opclBox h1.close span,.partBox h1.close span{border-bottom-left-radius:4px;}
.listBox h1.close span.arw,.listBox h1.open span.arw,
.opclBox h1.close span.arw,.opclBox h1.open span.arw,
.partBox h1.close span.arw,.partBox h1.open span.arw{width:13px;height:12px;background-repeat:no-repeat;background-size:13px 12px;-webkit-background-size:13px 12px;background-position:0px center;position:absolute;top:2px;right:10px;padding-left:0!important;}
.listBox h1.close span.arw,.opclBox h1.close span.arw,.partBox h1.close span.arw{background-image:url(../img/arw_tgl_b_close.png);}
.listBox h1.open span.arw,.opclBox h1.open span.arw,.partBox h1.open span.arw{background-image:url(../img/arw_tgl_b_open.png);}
.listBox .inner p br,.opclBox p br,.partBox p br{line-height:2;}
/* listBox */
.listBox li{border:1px solid #CCCCCC;border-top:none;}
.listBox li a{color:#333333;padding:10px 35px 10px 10px;line-height:1.2;background:url(../img/arw_r01.png) no-repeat 97% center;background-size:24px 24px;-webkit-background-size:24px 24px;}
.listBox li a small{font-size:12px;}
.listBox li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.listBox li.arwNon a{background:none;padding:5px;}
.listBox h2{color:#666666;font-size:18px;padding-bottom:3px;}
/* listBox thumb */
.listBox.thumb{line-height:1.2;}
.listBox.thumb .arwNon{padding:5px;}
.listBox.thumb a .img{display:table-cell;padding-right:10px;}
.listBox.thumb a .detail{display:table-cell;vertical-align:top;padding-right:3px;}
.listBox .inner{border:1px solid #CCCCCC;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;line-height:1.4;}

/* opclBox */
.opclBox h1 span.line2{line-height:1.3;padding-top:7px!important;padding-bottom:7px!important;}
.opclBox h1 span.line2 span.arw{top:12px;}
.opclBox .inner{border:1px solid #CCCCCC;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;line-height:1.4;}
.opclBox .inner h2{margin-top:20px;}
.opclBox .inner a{display: inline;}
.opclBox.att .icon{ background:url(../img/icon_att.png) no-repeat 8px center;background-size:30px 26px;padding-left:40px;}

/* partBox */
.partBox .inner{border:1px solid #CCCCCC;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px;line-height:1.4;}

.btnPageTop > a > span{display:inline-block;background:url(../img/arw_pagetop.png) no-repeat;background-size:9px 12px;-webkit-background-size:9px 12px;width:9px;height:12px;margin-right:5px;}
.btnPageTop{text-align:center;margin-top:15px;}
.btnPageTop a{color:#fff;display:inline-block;font-size:14px;font-weight:bold;border-radius:5px;padding:10px;text-shadow:1px 1px 1px #777;
background:#c6c6c6;
background:-moz-linear-gradient(top,  #c6c6c6 0%, #8a8a8a 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#8a8a8a));
background:-webkit-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background:-ms-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background:linear-gradient(to bottom,  #c6c6c6 0%,#8a8a8a 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#8a8a8a',GradientType=0 );}

/* sectionEnd */
#contents > div.secEnd{margin-left:-10px;margin-right:-10px;}
div.secEnd{height:20px;background:#ffffff;margin-top:5px;
background:-moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background:-webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );}

/* ボタン */
#contents  .btnArea,#contents  .btnAreaSub{text-align:center;}
#contents  .btnArea{margin:15px -10px 0;padding:10px 0;background:#EEE;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
#contents  .btnAreaSub{margin-top:15px;}
.btnR{display:inline-block;font-size:20px;border-radius:5px;padding:5px 10px;border:none;min-width:80%;-webkit-appearance:none;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
color:#fff;text-shadow:1px 1px 1px #990000;box-shadow:1px 1px 3px #888;-webkit-box-shadow:1px 1px 3px #888;-moz-box-shadow:1px 1px 3px #888;
background: #e00001;
background: -moz-linear-gradient(top,  #e00001 0%, #e00000 49%, #ba0000 51%, #da0000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e00001), color-stop(49%,#e00000), color-stop(51%,#ba0000), color-stop(100%,#da0000));
background: -webkit-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: -ms-linear-gradient(top,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
background: linear-gradient(to bottom,  #e00001 0%,#e00000 49%,#ba0000 51%,#da0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00001', endColorstr='#da0000',GradientType=0 );}
.btnGSub{display:inline-block;font-size:20px;border-radius:5px;padding:5px 10px;border:none;min-width:70%;-webkit-appearance:none;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#FFFFFF;text-shadow:1px 1px 1px #777;box-shadow:1px 1px 1px #aaa;-webkit-box-shadow:1px 1px 1px #aaa;-moz-box-shadow:1px 1px 1px #aaa;
background: #c6c6c6;
background: -moz-linear-gradient(top,  #c6c6c6 0%, #8a8a8a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#8a8a8a));
background: -webkit-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: -ms-linear-gradient(top,  #c6c6c6 0%,#8a8a8a 100%);
background: linear-gradient(to bottom,  #c6c6c6 0%,#8a8a8a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#8a8a8a',GradientType=0 );}
.btnRegist{width:90%;text-align:center;margin:15px auto 0;}
.btnRegist a{padding:10px 0;border-radius:8px;border:1px solid #FFCC00;color:#ffffff;font-weight:bold;font-size:18px; display:block !important;
background:#ffa84c;
background:-moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
background:-webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
background:-ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
background:linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );}

/* autologin + ssl */
.titBla{font-size:18px;color:#000;}
.readTxt{line-height:1.3;margin-top:5px;}

.titBlaS,.titBlu,.titGra,.titRed{font-size:16px;}
.titBlaS{color:#000;}
.titBlu{color:#095A97;}
.titGra{color:#999;}
.titRed{color:#cc0000;}
.titRed .liItem{background:#cc0000;}
.titRed b{color:#000;}
.titBlu .liItem{background:#095A97;}
.liItem{color:#FFF;padding:0 6px;display:inline-block;margin-right:3px;}
.readPage .bgImgNon{background-image:none!important;}
.readPage .notes  p{margin-top:15px;}
.readPage .notes .mark{text-indent:-1em;margin-left:1em;}
.readPage .notes .mark:before{content:"・";}
.readPage .notes span{display:block;margin-top:5px;}
.readPage .inline{display:inline!important;}

/* flyer */
#contents > h1.pageTit{margin-top:15px;font-size:22px;line-height:1.2;}
.readArea01{line-height:1.4;margin-top:10px;}
.readArea01 figure img{width:100%;height:auto;}
.readArea01 figcaption{margin-top:5px;}
nav.footNavi p{line-height:1.4;margin:5px 10px 3px;font-size:13px;}

/* flyerBox */
.flyerBoxA,.flyerBoxB{margin-top:15px;line-height:1.4;}
.flyerBoxA .titL1{border-bottom:1px solid #CCC;}
.flyerBoxA .titL1 span{border-bottom:3px solid #E7161A;}
.flyerBoxA .titL2{margin-top:0.4em;}
.flyerBoxA p,.flyerBoxA li{margin-top:0.2em;}
.flyerBoxA p br{line-height:2;}
.readMore .moreLink{text-align:center;border-radius:5px;border:1px solid #CCC;padding:8px 0;margin-top:15px;
background:#ffffff;
background:-moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb));
background:-webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:-ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%);
background:linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );}
.readMore .close:after{content:"詳細を見る";}
.readMore .open:after{content:"詳細を閉じる";}
.registBox{border:2px solid #999;border-radius:5px;padding:15px;line-height:1.4;}
.registBox .txt{margin-top:0.2em;}
.registBox .btnRegist{width:auto!important;}


/* numListA01*/
ol.numListA01 li{list-style-type: decimal;line-height: 1.5;margin-left:1.5em;background-image:none; padding-left:0;}
ol.numListA01 ul li{list-style-type: none;margin-left:0;}


/* textList*/
.textListA01{margin-left:3px;}
.textListA01 li{padding-left:9px;background-image:url(/common/img/parts_dot_001.gif);background-repeat:no-repeat;background-position:0 12px;line-height:1.5;text-indent:0;}

/* notesList*/
.notesListA01 li{padding-left:1em;text-indent:-0.6em;line-height:1.5; background-image:none;}


/* layout */
.floatL{float:left;}
.floatR{float:right;}