@charset "UTF-8";
/*--------------------------------------------------
etc
--------------------------------------------------*/
body {overflow:hidden;}
html {background-color:#242424;overflow:auto;}
table th,table td,table p{font-size:14px;line-height:1.4;color:#141414;text-align:left;}
p,dl{line-height:1.4;text-align:left; color:#141414;}

.end_msg {width:100%;margin-top:20px;text-align:center;}
.end_msg p {margin-top:30px;text-align:center;}
    .end_msg p a {
        font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #e51d33;
        transition: color 0.3s;
    }
.end_msg p a:hover {color:#fb5b6c;}
.end_msg p img {margin-top:15px;}
.end_msg p a img {transition:opacity 0.7s;}
.end_msg p a:hover img {opacity:0.8; -ms-filter:"alpha(opacity=80)";}

/*--------------------------------------------------
popup
--------------------------------------------------*/
#wrapper{position:relative;background-color:#f3f3f3;}
#container{margin:0 auto;padding:0 0 120px 0;width:1000px;background:url(../img/bg.gif) 0 0 repeat-y;}
#contents{width:940px;margin:0 auto;padding:10px 0 0 0;}

#header {width:100%;height:50px;background-color:#242424;}
.headerBox {width:980px;height:50px;margin:0 auto;padding:0 10px;}
.headerBox h1 {position:absolute;width:170px;height:40px;margin:5px 0 0 10px;background:url(../img/logo.png) no-repeat;text-indent:-9999px;}
.headerBox a {font-size:12px;margin:0;float:right;margin:15px 10px 0 0;text-align:right;}

#titleBase {width:100%;height:200px;margin:0 auto;background-color:#f36c8a;}
.title {width:1205px;height:200px;margin:0 auto;background:url(../img/bg_title.jpg) 0 0 no-repeat;}

h2 {padding:0;display:none;}

.menubox{width:100%;height:50px;margin:0;padding:0;background-color:#383e42;}
.menubox .inner{width:960px;margin:0 auto;}
.menubox dl{margin:0;}
.menubox dd{width:192px;height:50px;line-height:50px;margin:0;padding:0;text-align:center;display:inline-block;*display:inline;zoom:1;/*IE6*/}
.menubox dd a{display:block;width:191px;height:50px;color:#ffffff;font-size:14px;font-weight:bold;border-left:1px solid #666666;}
.menubox dd a:hover{background-position:bottom;background-color:#242424;color:#ffb403;text-decoration:none;}
.menubox dd a.last{display:block;width:170px;height:50px;padding:0 0 0 20px;color:#ffffff;font-size:14px;font-weight:bold;background:url(../img/icn_window.png) 38px 15px no-repeat;border-right:1px solid #666666;}
.menubox dd a:hover.last{background-position:bottom;background-color:#242424;color:#ffb403;background:url(../img/icn_window.png) 38px 15px no-repeat;text-decoration:none;}

p{font-size:13px;color:#333333;line-height:18px;}
p.paragraph{padding-top:1em;}
p.red{color:#cc0000;font-weight:bold;}
p.red_s{font-size:12px;color:#cc0000;}
p.paragraphLarge{padding-top:2em;}
p.paragraphMini{padding-top:0.5em;}
p span.red{color:#cc0000;}


/*--------------------------------------------------
body.form
--------------------------------------------------*/
body.form #wrapper {position:relative;background-color:#f3f3f3;}
body.form #header {width:100%;height:50px;background-color:#242424;}

body.form #headerIn {width:980px;height:50px;margin:0 auto;}
body.form .headerBox {margin:5px 0;padding:0;float:left;}
body.form .headerBox h1 {margin:0 0 0 10px;}
body.form #headerIn .help {margin:2px 10px 0 0;float:right;}
body.form #headerIn .help a {margin:2px 0 0 0;padding:0;color:#ffffff;font-size:12px;line-height:15px;}
body.form #headerIn .help h3 {margin:0;padding:0;font-size:12px;line-height:18px;color:#ffffff;border:none;background:none;}

body.form #container{margin:0 auto;width:1000px;}
body.form #contents{width:900px;margin:0 auto;padding:30px;}

body.form .blockSet{clear:both;margin:0;padding:0;}

body.form #footerArea {width:100%;height:auto;text-align:center;position:relative;}
body.form #footer {width:100%;margin:0 auto;background:url(../img/bg_footer.gif) repeat-x;}
body.form #footer .copyright {clear:both;margin:0 auto;padding:15px 0 0 0;font-size:11px;color:#ffffff;}




/*--------------------------------------------------
body.item
--------------------------------------------------*/
body.item {width:auto;background-color:#f3f3f3;}
body.item #wrapper {position:relative;margin:0 auto;}

body.item #contents{width:590px;margin:0 auto;padding:15px 0 10px 33px;background:url(../img/bg_itemlist.gif) 0 0 repeat-y;}
body.item .headerBox {height:40px;margin:0 auto;padding:0;background-color:#242424;}
body.item h2{display:inline;width:560px;height:80px;margin:0;padding:0;}
body.item .blockSet{clear:both;margin:0;padding:0;}
body.item h3{width:540px;height:30px;margin:10px 0 0 0;}
body.item .txtBox{width:540px;padding:10px;}
body.item .btnBox{width:540px;border-top:1px #dfdfdf solid;margin:0;padding:10px 10px 0 10px;}
body.item #footerArea {clear:both;width:100%;height:auto;text-align:center;bottom:0;position:relative;}
body.item #footer {width:100%;margin:0 auto;background:none;border:none;}
body.item #footer .copyright {clear:both;margin:0 auto;padding:10px 0 0 0;width:600px;height:25px;font-size:11px;color:#ffffff;}
/*--------------------------------------------------
toTop btn
--------------------------------------------------*/
#pBtnToTop{clear:both;margin:0 0 15px 0;float:right;}
#pBtnToTop a{font-size:13px;padding:0;display:block;background-repeat:no-repeat;}
#pBtnToTop a:hover{background-position:left bottom;}



/*--------------------------------------------------
layout support_timetool support
--------------------------------------------------*/
.blockSet{clear:both;margin:0;padding:15px 0;}

h3{margin:0;padding:0 0 5px 20px;line-height:28px;color:#1d2124;border-bottom:#a4a4a4 1px dotted;background:url(../img/icn.png) top left no-repeat;}

.txtBox{padding:10px;}
.subBox{width:890px;margin-top:10px;padding:5px;background-color:#f3f3f3;}
.subBox p{font-size:11px;}

.ttlbox{height:auto;margin:10px 0 0 10px;padding:5px;border:5px #e7e7e7 solid;font-size:0;display:inline-block;*display:inline;zoom:1;/*IE6*/}
.ttlbox .images{width:125px;height:125px;margin:0;display:inline-block;*display:inline;zoom:1;/*IE6*/}
.ttlbox .images img{overflow:hidden;}
.ttlbox .info{width:300px;margin:0;padding:0 0 0 10px;vertical-align:top;display:inline-block;*display:inline;zoom:1;/*IE6*/}
.ttlbox .info h4{margin:0;font-size:16px;line-height:24px;color:#1d2124;}
.ttlbox .info .txt{overflow:hidden;height:65px;margin:0;font-size:13px;line-height:16px;color:#333333;}
.ttlbox .info .txt span.notice{font-size:13px;font-weight:bold;color:#cc0000;}
.ttlbox .info a.item{position:absolute;margin:0 0 0 30px;width:140px;height:30px;display:block;background:url(../img/btn_item.png) no-repeat;}
.ttlbox .info a:hover.item{background-position:bottom;}
.ttlbox .info a.site{position:absolute;margin:0 0 0 175px;width:120px;height:30px;display:block;background:url(../img/btn_site.png) no-repeat;}
.ttlbox .info a:hover.site{background-position:bottom;}

dl.stepbox{margin:15px 0 0 0;font-size:0;height:auto;}
dl.stepbox dd{margin:0;padding:0;display:inline-block;*display:inline;zoom:1;/*IE6*/vertical-align:top;}
dl.stepbox .step{width:60px;}
dl.stepbox .images{margin:0 0 0 10px;width:280px;}
dl.stepbox .txt{margin:0 0 0 30px;width:560px;font-size:13px;color:#6c6c6c;line-height:15px;}
dl.stepbox .txt h4{margin:0 0 10px 0;font-size:16px;font-weight:bold;}
dl.stepbox ul {margin:10px 0 0 0;padding:10px;background-color:#f3f3f3;}
dl.stepbox ul li {list-style:none;padding-left:1em;text-indent:-1em;}

.boxedNotes{clear:both;overflow:hidden;margin:0;padding:10px 10px 0 10px;}
.boxedNotes dl dt{width:20px;margin:0;display:inline-block;*display:inline;zoom:1;/*IE6*/vertical-align:top;}
.boxedNotes dl dd{margin:0 0 0 10px;display:inline-block;*display:inline;zoom:1;/*IE6*/vertical-align:top;}

.boxedNotes dl.QandAQues{margin:0;height:20px;line-height:20px;font-size:0;}
.boxedNotes dl.QandAQues dd{color:#1d2124;font-size:14px;font-weight:bold;text-align:left;}
.boxedNotes dl.QandAAns{margin:5px 0 0 0;padding-bottom:5px;margin-bottom:8px;font-size:0;}
.boxedNotes dl.QandAAns dd{margin:3px 0 0 10px;font-size:13px;text-align:left;color:#333333;}

.dotted {margin:0 0 0 10px;padding:0;}

.attention_step {width:896px;margin:10px 0;padding:10px;text-align:center;border:2px #cc0000 solid;}
ul.attentionBox{padding:10px;color:#333333;}
ul.attentionBox li{font-size:13px;line-height:18px;padding-left:1em;text-indent:-1em;list-style-type: none;}

.buttonBox {clear:both;margin:5px auto;text-align:center;}
.buttonBox  a.button {border: 1px solid #A9A9A9;font-size:13px;background-color:#F6F6F6;color: #555;outline: none;display:inline-block;text-decoration:none;padding:4px 7px;}



/*--------------------------------------------------
table.infoBox 
--------------------------------------------------*/
table.infoBox {width:900px;height: auto;margin: 0;padding: 0px;border: 1px #C9C9C9 solid;background-color: #fff;border-collapse: collapse;}

table.infoBox td.ttl {width:200px;height:auto;padding:15px;font-size:13px;font-weight:bold;color:#333333;border:1px #C9C9C9 solid;background-color:#F4F4F4;}
table.infoBox td.ttl_indispensable {width:200px;height:auto;margin:0px;padding:15px;font-size:13px;font-weight:bold;color:#333333;border:1px #C9C9C9 solid;background:url(../img/bg_indispensable.gif) right #F4F4F4 no-repeat;}
table.infoBox td.txt {width:720px;height:auto;padding:15px;font-size:13px;color:#333333;border:1px #C9C9C9 solid;background-color:#ffffff;}
table.infoBox td.txt .service {border:solid 1px #C9C9C9;width:680px;height:310px;margin:5px 0 15px 0;line-height:15px;vertical-align:top;padding:10px;overflow:auto;overflow-y:scroll;}
table.infoBox td.bottom {width:920px;height:auto;padding:15px;font-size:13px;color:#333333;text-align:center;border:1px #C9C9C9 solid;background-color:#ffffff;}
table.infoBox td input {height:25px;margin:0px;padding:0 5px;font-size:14px;line-height:25px;letter-spacing:1px;background-color:#FFFFCC;}
table.infoBox td input.mail,
table.infoBox td input.ticket {width:400px;}
table.infoBox td a.btn_1day {display:block;width:120px;height:28px;vertical-align:top;background:url(../img/btn_1day.gif);display:inline-block;*display:inline;zoom:1;/*IE6*/text-indent:-9999px;}
table.infoBox td a:hover.btn_1day {background-position:bottom;}
table.infoBox td span.attention {margin:5px 0 0 0;font-size:12px;line-height:15px;display:block;}
table.infoBox td span.info {margin:5px 0 0 0;padding:5px 5px 5px 24px;font-size:12px;line-height:15px;border:1px #1687de solid;background:url(../img/icn_info.gif) top left no-repeat;display:block;}
table.infoBox td span.warning {margin:5px 0 0 0;padding:5px 5px 5px 24px;font-size:12px;line-height:15px;color:#de1616;border:1px #de1616 solid;background:url(../img/icn_warning.gif) top left no-repeat;display:block;}



/*--------------------------------------------------
table.itemBox 
--------------------------------------------------*/
table.itemBox {width: 560px;height: auto;margin:5px 0 0 0;padding: 0px;border: 1px #c9c9c9 solid;background-color: #fff;border-collapse: collapse;}

table.itemBox th {padding:5px;font-size:12px;color:#ffffff;font-weight:bold;text-align:center;border: 1px #383e42 solid;background-color:#383e42;}
table.itemBox td {padding:10px;color:#333333;border:1px #C9C9C9 solid;vertical-align:middle;background-color:#ffffff;}
table.itemBox td.images {width:80px;text-align:center;}
table.itemBox td.images img {width:80px;height:80px;text-align:center;}
table.itemBox td.name {width:120px;font-size:12px;}
table.itemBox td.txt {width:300px;font-size:12px;}
table.itemBox td.point {width:60px;font-weight:16px;color:#cc0000;font-weight:bold;text-align:center;}



/*--------------------------------------------------
.btnBox 
--------------------------------------------------*/
ul.btnBox {margin:30px 0 0 0;text-align:center;}
ul.btnBox li{display:inline-block;/display:inline;/zoom:1;}

.btn_sendmail a {width:188px;height:30px;margin:0;background-image:url(../img/btn_sendmail.gif);background-repeat:no-repeat;display:inline-block;}
.btn_start a {width:138px;height:30px;margin:0;background-image:url(../img/btn_start.gif);background-repeat:no-repeat;display:inline-block;}
.btn_backhome a {width:151px;height:30px;margin:0;margin-right:10px;background-image:url(../img/btn_backhome.gif);background-repeat:no-repeat;display:inline-block;}
.btn_close a {width:200px;height:30px;margin:0;margin-right:10px;background-image:url(../img/btn_close.gif);background-repeat:no-repeat;display:inline-block;}
.btn_closes a {width:100px;height:30px;margin:0;margin-right:10px;background-image:url(../img/btn_closes.gif);background-repeat:no-repeat;display:inline-block;}

.btn_sendmail a span,
.btn_start a span,
.btn_backhome a span,
.btn_close a span,
.btn_closes a span{display:none;}

.btn_sendmail a:hover,
.btn_start a:hover,
.btn_backhome a:hover,
.btn_close a:hover,
.btn_closes a:hover{background-position:bottom;}



/*--------------------------------------------------
footer
--------------------------------------------------*/
#footerArea {clear:both;width:100%;height:auto;text-align:center;bottom:0;position:fixed;background-color:#242424;}
#footer {width:100%;margin:0 auto;border-top:3px #242424 solid;background-color:#242424;}

#footer .contents {display:none;width:920px;margin:0 auto;padding:10px;height:auto;color:#ffffff;}
#footer .contents dl {float:left;}
#footer .contents dl.box {width:440px;height:auto;padding:0;}
#footer .contents dl.box dd {text-align:center;}
#footer .contents dl.box a.btn_timetool {margin:0 0 0 10px;width:440px;height:60px;display:block;background:url(../img/btn_timetool.png) no-repeat;text-indent:-9999px;}
#footer .contents dl.box a:hover.btn_timetool {background-position:bottom;}


#footer .contents_other {display:none;width:920px;margin:0 auto;padding:5px 0 0 0;height:auto;color:#ffffff;}
#footer .contents_other ul.btn {margin:5px 0 0 0;text-align:center;}
#footer .contents_other ul.btn li{display:inline-block;/display:inline;/zoom:1;}
#footer .contents_other ul.btn .btn_netcafe {vertical-align:top;margin:5px 0 0 10px;display:inline-block;/display:inline;/zoom:1;}
#footer .contents_other ul.btn .btn_netcafe a {display:block;width:250px;height:40px;margin:0;padding:0;background-image:url(../img/btn_netcafe.png);background-repeat:no-repeat;}
#footer .contents_other ul.btn .btn_netcafe a span{display:none;}
#footer .contents_other ul.btn .btn_netcafe a:hover{background-position:bottom;}

#footer .copyright {clear:both;margin:0 auto;padding:10px 0 5px 0;font-size:11px;color:#ffffff;}

#footer .pagetop {margin:0 0 0 940px;position:absolute;}
#footer .pagetop a {width:40px;height:40px;display:block;background:url(../img/btn_pagetop.gif) no-repeat;text-indent:-9999px;}
#footer .pagetop a:hover {opacity:.75;filter: alpha(opacity=75);-ms-filter:"alpha(opacity=75)";-khtml-opacity:.75;-moz-opacity:.75;}