@charset "utf-8";

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

https://www.buscatch.com/

Last Update: 2016.01.29
---------------------------------------------*/

/*---------------------------------------------
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:#fff; }
#header { margin: 0 auto; padding:3px 20px 10px; width:850px; }
#header:after { content:""; clear:both; display:block; }
#header h1  { float: left; }
#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.pattern2 {
width: 850px;
margin: 0 auto;
padding:0;
background-image: url("../img/bg_main2.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.nobus#menu01 {
width:850px;
height:610px;
background-image:url(../img/bg_parent_menu01_nobus.png);
background-position: left top;
background-repeat: no-repeat;
}

.parent.nobus.oshirase#menu01 {
width:850px;
height:610px;
background-image:url(../img/bg_parent_menu01_oshirase_only.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:15px 25px 0; min-height:305px; }
.buscatch dl dt { vertical-align:middle; width:800px; height:78px; }
.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:35px 30px 80px; }

.buscatch#point01 {
width:850px;
height:320px;
background-image:url(../img/bg_point_yellow.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_point_green.png);
background-position: left top;
background-repeat: no-repeat;
}

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

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

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

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

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

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

/*-- info --*/
.buscatch dl.info {
background-image:url(../img/bg_point_info.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.info dt { background:url(../img/yellow/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point02 dl.info dt { background:url(../img/green/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point03 dl.info dt { background:url(../img/blue/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point04 dl.info dt { background:url(../img/pink/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point05 dl.info dt { background:url(../img/purple/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point06 dl.info dt { background:url(../img/orange/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point07 dl.info dt { background:url(../img/turquoise/t_point_info.png) 85px 50% no-repeat; }
.buscatch#point08 dl.info dt { background:url(../img/brown/t_point_info.png) 85px 50% no-repeat; }
.buscatch dl.info dd { width:230px; padding: 35px 0 80px 25px; }

/*-- entrance --*/
.buscatch dl.entrance {
background-image:url(../img/bg_point_entrance.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.entrance dt { background:url(../img/yellow/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point02 dl.entrance dt { background:url(../img/green/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point03 dl.entrance dt { background:url(../img/blue/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point04 dl.entrance dt { background:url(../img/pink/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point05 dl.entrance dt { background:url(../img/purple/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point06 dl.entrance dt { background:url(../img/orange/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point07 dl.entrance dt { background:url(../img/turquoise/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch#point08 dl.entrance dt { background:url(../img/brown/t_point_entrance.png) 85px 50% no-repeat; }
.buscatch dl.entrance dd { padding: 35px 0 80px 25px; }

/*-- renraku --*/
.buscatch dl.renraku {
background-image:url(../img/bg_point_renraku.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.renraku dt { background:url(../img/yellow/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point02 dl.renraku dt { background:url(../img/green/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point03 dl.renraku dt { background:url(../img/blue/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point04 dl.renraku dt { background:url(../img/pink/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point05 dl.renraku dt { background:url(../img/purple/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point06 dl.renraku dt { background:url(../img/orange/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point07 dl.renraku dt { background:url(../img/turquoise/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch#point08 dl.renraku dt { background:url(../img/brown/t_point_renraku.png) 85px 50% no-repeat; }
.buscatch dl.renraku dd { width:230px; padding: 35px 0 80px 25px; }

/*-- renraku_nobus --*/
.buscatch dl.renraku_nobus {
background-image:url(../img/bg_point_renraku.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.renraku_nobus dt { background:url(../img/yellow/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point02 dl.renraku_nobus dt { background:url(../img/green/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point03 dl.renraku_nobus dt { background:url(../img/blue/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point04 dl.renraku_nobus dt { background:url(../img/pink/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point05 dl.renraku_nobus dt { background:url(../img/purple/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point06 dl.renraku_nobus dt { background:url(../img/orange/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point07 dl.renraku_nobus dt { background:url(../img/turquoise/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch#point08 dl.renraku_nobus dt { background:url(../img/brown/t_point_renraku_nobus.png) 85px 50% no-repeat; }
.buscatch dl.renraku_nobus dd { width:220px; padding: 35px 0 80px 25px; }

/*-- bus --*/
.buscatch dl.bus {
background-image:url(../img/bg_point_bus.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.bus dt { background:url(../img/yellow/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point02 dl.bus dt { background:url(../img/green/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point03 dl.bus dt { background:url(../img/blue/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point04 dl.bus dt { background:url(../img/pink/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point05 dl.bus dt { background:url(../img/purple/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point06 dl.bus dt { background:url(../img/orange/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point07 dl.bus dt { background:url(../img/turquoise/t_point_bus.png) 85px 50% no-repeat; }
.buscatch#point08 dl.bus dt { background:url(../img/brown/t_point_bus.png) 85px 50% no-repeat; }
.buscatch dl.bus dd { width:260px; padding: 35px 0 100px 25px; }

/*-- bus_arrival --*/
.buscatch dl.bus_arrival {
background-image:url(../img/bg_point_bus_arrival.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.bus_arrival dt { background:url(../img/yellow/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point02 dl.bus_arrival dt { background:url(../img/green/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point03 dl.bus_arrival dt { background:url(../img/blue/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point04 dl.bus_arrival dt { background:url(../img/pink/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point05 dl.bus_arrival dt { background:url(../img/purple/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point06 dl.bus_arrival dt { background:url(../img/orange/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point07 dl.bus_arrival dt { background:url(../img/turquoise/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch#point08 dl.bus_arrival dt { background:url(../img/brown/t_point_bus_arrival.png) 85px 50% no-repeat; }
.buscatch dl.bus_arrival dd { width:260px; padding: 35px 0 100px 25px; }

/*-- azukari --*/
.buscatch dl.azukari {
background-image:url(../img/bg_point_azukari.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.azukari dt { background:url(../img/yellow/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point02 dl.azukari dt { background:url(../img/green/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point03 dl.azukari dt { background:url(../img/blue/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point04 dl.azukari dt { background:url(../img/pink/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point05 dl.azukari dt { background:url(../img/purple/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point06 dl.azukari dt { background:url(../img/orange/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point07 dl.azukari dt { background:url(../img/turquoise/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch#point08 dl.azukari dt { background:url(../img/brown/t_point_azukari.png) 85px 50% no-repeat; }
.buscatch dl.azukari dd { width:230px; padding: 35px 0 80px 25px; }

/*-- inquiry --*/
.buscatch dl.inquiry {
background-image:url(../img/bg_point_inquiry.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.inquiry dt { background:url(../img/yellow/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point02 dl.inquiry dt { background:url(../img/green/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point03 dl.inquiry dt { background:url(../img/blue/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point04 dl.inquiry dt { background:url(../img/pink/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point05 dl.inquiry dt { background:url(../img/purple/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point06 dl.inquiry dt { background:url(../img/orange/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point07 dl.inquiry dt { background:url(../img/turquoise/t_point_inquiry.png) 85px top no-repeat; }
.buscatch#point08 dl.inquiry dt { background:url(../img/brown/t_point_inquiry.png) 85px top no-repeat; }
.buscatch dl.inquiry dd { width:210px; padding: 35px 0 80px 25px; }

/*-- buy --*/
.buscatch dl.buy {
background-image:url(../img/bg_point_buy.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.buy dt { background:url(../img/yellow/t_point_buy.png) 85px top no-repeat; }
.buscatch#point02 dl.buy dt { background:url(../img/green/t_point_buy.png) 85px top no-repeat; }
.buscatch#point03 dl.buy dt { background:url(../img/blue/t_point_buy.png) 85px top no-repeat; }
.buscatch#point04 dl.buy dt { background:url(../img/pink/t_point_buy.png) 85px top no-repeat; }
.buscatch#point05 dl.buy dt { background:url(../img/purple/t_point_buy.png) 85px top no-repeat; }
.buscatch#point06 dl.buy dt { background:url(../img/orange/t_point_buy.png) 85px top no-repeat; }
.buscatch#point07 dl.buy dt { background:url(../img/turquoise/t_point_buy.png) 85px top no-repeat; }
.buscatch#point08 dl.buy dt { background:url(../img/brown/t_point_buy.png) 85px top no-repeat; }
.buscatch dl.buy dd { width:210px; padding: 35px 0 80px 25px; }

/*-- photo --*/
.buscatch dl.photo {
background-image:url(../img/bg_point_photo.png);
background-position: left top;
background-repeat: no-repeat;
}
.buscatch#point01 dl.photo dt { background:url(../img/yellow/t_point_photo.png) 85px top no-repeat; }
.buscatch#point02 dl.photo dt { background:url(../img/green/t_point_photo.png) 85px top no-repeat; }
.buscatch#point03 dl.photo dt { background:url(../img/blue/t_point_photo.png) 85px top no-repeat; }
.buscatch#point04 dl.photo dt { background:url(../img/pink/t_point_photo.png) 85px top no-repeat; }
.buscatch#point05 dl.photo dt { background:url(../img/purple/t_point_photo.png) 85px top no-repeat; }
.buscatch#point06 dl.photo dt { background:url(../img/orange/t_point_photo.png) 85px top no-repeat; }
.buscatch#point07 dl.photo dt { background:url(../img/turquoise/t_point_photo.png) 85px top no-repeat; }
.buscatch#point08 dl.photo dt { background:url(../img/brown/t_point_photo.png) 85px top no-repeat; }
.buscatch dl.photo dd { width:210px; padding: 35px 0 80px 25px; }

/*-- family --*/
.buscatch dl.family {
background-image:url(../img/bg_point_family.png);
background-position: left 10px;
background-repeat: no-repeat;
}
.buscatch#point01 dl.family dt { background:url(../img/yellow/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point02 dl.family dt { background:url(../img/green/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point03 dl.family dt { background:url(../img/blue/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point04 dl.family dt { background:url(../img/pink/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point05 dl.family dt { background:url(../img/purple/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point06 dl.family dt { background:url(../img/orange/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point07 dl.family dt { background:url(../img/turquoise/t_point_family.png) 85px 40% no-repeat; }
.buscatch#point08 dl.family dt { background:url(../img/brown/t_point_family.png) 85px 40% no-repeat; }
.buscatch dl.family dd { width:210px; padding: 35px 0 80px 25px; }

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

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