@charset "utf-8";

/*---------------------------------------------
BusCatch
Base Style
Version 1.0.0

https://www.buscatch.com/

Last Update: 2015.08.04
---------------------------------------------*/

/*---------------------------------------------
01. layout
---------------------------------------------*/
body {
font: 13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color:#333;
*font-size: small;
*font: x-small;
}

#wrap { text-align: center; width: 100%; margin: 0 auto; background: #fff; }
.content { ; text-align: left; width: 890px; margin: 0 auto; }

/*---------------------------------------------
02. header
---------------------------------------------*/
#header_wrap { width:100%; background:#fbf19c; }
#header { border-bottom:2px solid #fb9c22; margin: 0 auto; padding:3px 20px 10px; background:#fbf19c; width:850px; }
#header:after { content:""; clear:both; display:block; }
#header h1  { float: left; width: 105px; }
#header h1 span { margin-left: 15px; }
#header p { float:right; padding-top:21px; text-align:left; width:232px; }
#header p img { text-align:left; }
#header p span { display:block; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:262%; margin-top:3px; text-align:left; }

/*---------------------------------------------
03. footer
---------------------------------------------*/
#footer_wrap { padding:0; width:100%; }
#footer:after { content:""; clear:both; display:block; }
#footer ul { padding:0; margin: 0 auto 20px; width:850px; }
#footer ul li { text-align:left; line-height:1.6; font-size:100%; }
#footer .pagetop { width:850px; margin:0 auto; text-align:right; }

#footer #footer_cont { background:#ebebeb; padding:50px 0 100px; width:100%; }
#footer address { color: #585856; font-style: normal; text-align: center; padding: 3px 0; margin: 0 auto; width:850px; }

/*---------------------------------------------
04. common
---------------------------------------------*/
#main {
background-color:#fdeaee;
padding:20px 0;
width:100%;
}

#mainBox {
width: 850px;
margin: 0 auto;
padding:0;
background-image: url("../img/bg_main.png");
background-position:left bottom;
background-repeat:no-repeat;
text-align:center;
}
#mainBox.nobus {
width: 850px;
margin: 0 auto;
padding:0;
background-image: url("../img/bg_main_nobus.png");
background-position:left bottom;
background-repeat:no-repeat;
text-align:center;
}
#mainBox.nobus2 {
width: 850px;
margin: 0 auto;
padding:0;
background-image: url("../img/bg_main_nobus2.png");
background-position:left bottom;
background-repeat:no-repeat;
text-align:center;
}
#mainBox dl { margin: 0 0 0 35px; height:440px; text-align:left; }
#mainBox dt { padding-top:15px; }
#mainBox dt span { display: block; margin-bottom: 4px; }
#mainBox dd { font-size:108%;line-height: 1.4em; }

#mailBox { margin-bottom: 18px; }
#mailBox #title_mailBox { background: url("../img/bg_mailbox.gif") no-repeat 0 0;width:850px; }
#mailBox h4 { border-bottom: 2px dotted #bebebe; line-height:1; margin: 0 25px; text-align: center;padding: 18px 0 13px; width:800px; }
#mailBox h4 strong { display: block; color: #e50014; font-size: 200%; text-align: center; margin-bottom: 10px; }
#mailBox .mail_adress { background: url("../img/bg_mailbox_content.gif") repeat-y 0 0; padding: 22px 130px 0 130px; }
#mailBox dl {  float: left; width: 380px; }
#mailBox dt { font-size: 140%; font-weight: bold; line-height:1;margin-bottom: 18px; }
#mailBox dd strong { display: block; font-size: 190%; font-weight: bold; line-height: 1.1em; color: #e50014; margin-bottom: 18px; }
#mailBox p { float: right; width: 130px; text-align: center; }
#mailBox p span { display: block; line-height:1;margin-top: 14px; font-size: 85%; }
#mailBox .mail_box_bottom { background: url("../img/bg_mailbox.gif") no-repeat 0 -222px; height:18px; }

.btn_manual { text-align: center;margin:0 auto 30px; width:840px; }
.btn_manual ul li { float:left;margin-right:40px; }
.btn_manual ul li.last { margin-right:0; }
.btn_unreceivable_setting {  text-align: center; margin-top:20px; ;margin-bottom:30px;  } 

/*---------------------------------------------
00.module
---------------------------------------------*/
.js-tab { margin-top:30px; }
.js-tab .js-tab-nav { padding:0 0 0 50px; }
.js-tab .js-tab-nav:after { content: " "; clear: both; display: block; }
.js-tab .js-tab-nav li { cursor: pointer; }
.js-tab-content {}

.js-tab-box { padding:0 20px; }

.mod-list-inline { letter-spacing: -.40em; }
.mod-list-inline li { display: inline-block; *display: inline; *zoom: 1; float:left; margin-right: 40px; vertical-align: top; letter-spacing: normal; }
.mod-list-inline li.lastChild { margin-right: 0 !important; }

/* opacity
---------------------------------------------*/
.mod-opacity {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.mod-opacity:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/*---------------------------------------------
00.
---------------------------------------------*/
.display_none { display:none; }
.hide { visibility:hidden; }

/*---------------------------------------------
00.parent
---------------------------------------------*/
.parent { position:relative; }
.parent dl { padding:50px; }
.parent dl dt {}
.parent dl span { padding-right:10px; }
.parent dl dt img { vertical-align:middle; }
.parent dl dd {}
.parent ul { padding:315px 50px 0; }
.parent ul:after { content: " "; clear: both; display: block; }
.parent ul li { margin:0 30px 0 0; }
.parent ul li.lastchild { margin:0; }

.parent ul.download { padding:321px 50px 48px 72px; }
.parent ul.download li { margin:0 26px 0 0; text-align:center; width:190px; }
.parent ul.download li img { text-align:center;  }
.parent ul.manual { padding:45px 50px 0; }
.parent p { font-size:100%; margin-top:5px; padding:0 50px; }

.parent .zoom {
position:absolute;
width:78px;
height:78px;
top:310px;
left:450px;
}

.parent#menu01 {
width:850px;
height:610px;
background-image:url(../img/bg_parent_menu01.png);
background-position: left top;
background-repeat: no-repeat;
}

.parent#menu02 {
width:850px;
height:784px;
background-image:url(../img/bg_parent_menu02.png);
background-position: left top;
background-repeat: no-repeat;
}

.parent#menu03{
width:850px;
height:610px;
background-image:url(../img/bg_parent_menu03.png);
background-position: left top;
background-repeat: no-repeat;
}

/*---------------------------------------------
00.buscatch
---------------------------------------------*/
.buscatch { position:relative; }
.buscatch dl { margin-top:30px; padding:10px 25px 0; }
.buscatch dl dt { vertical-align:middle; }
.buscatch dl dt span { padding-right:10px; } 
.buscatch dl dt img { vertical-align:middle; }
.buscatch dl dd { font-size:116%; font-weight:700; line-height:1.5em; padding:25px 30px 100px; }

.buscatch#point01 {
width:850px;
height:300px;
background-image:url(../img/bg_point01.png);
background-position: left top;
background-repeat: no-repeat;
}
.buscatch#point01 dl { margin-top:0; }

.buscatch#point02 {
width:850px;
height:320px;
background-image:url(../img/bg_point02.png);
background-position: left top;
background-repeat: no-repeat;
}

.buscatch#point03 {
width:850px;
height:300px;
background-image:url(../img/bg_point03.png);
background-position: left top;
background-repeat: no-repeat;
}

.buscatch#point04 {
width:850px;
height:300px;
background-image:url(../img/bg_point04.png);
background-position: left top;
background-repeat: no-repeat;
}

.buscatch#point05 {
width:850px;
height:300px;
background-image:url(../img/bg_point05.png);
background-position: left top;
background-repeat: no-repeat;
}

.buscatch#point06 {
width:850px;
height:300px;
background-image:url(../img/bg_point06.png);
background-position: left top;
background-repeat: no-repeat;
}

.btn { margin:30px auto 0; text-align:center; }

#boxArea { width:850px; text-align:center; margin:15px auto 0; }