@charset "utf-8";

/* ===================================================================

CSS information

 file name  :bace.css
 style info :全ページ共通CSS

=================================================================== */

/* YUI 3.5.0 (build 5089)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
----------------------------------------------------------- */
html{ color:#000;background:#FFF }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0;padding:0 }table{ border-collapse:collapse;border-spacing:0 }fieldset,img{ border:0 }address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{ font-size:100%;font-weight:normal }q:before,q:after{ content:'' }abbr,acronym{ border:0;font-variant:normal }sup{ vertical-align:text-top }sub{ vertical-align:text-bottom }input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit }legend{ color:#000 }#yui3-css-stamp.cssreset{ display:none }

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
----------------------------------------------------------- */
/* サイト全体のフォント・スタイル設定（サイト毎に変更してください） */
body { color:#3a3a3a; font:12px Verdana,'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック',sans-serif; }select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
body a { color:#2162e7; text-decoration:underline; }
body a:hover { color:#2162e7; text-decoration:none; }
body a:visited{ color:#6221e7; text-decoration:underline; }
/*YUI Font-size Adjustment
10px = 77%     11px = 85%   12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%*/


/*------------------------------------------------------------
  clearfix
------------------------------------------------------------*/
.cf:before,
.cf:after{
  content:"";
  display:table;
}
.cf:after{
  clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf{
  zoom:1;
}

/*------------------------------------------------------------
  option
------------------------------------------------------------*/
a img:hover{
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

.clear{
  clear:both;
}

/*------------------------------------------------------------
  header
------------------------------------------------------------*/
#headerWap{
  width:100%;
  background:url(../img/header_bg.jpg) repeat-x;
  height:80px;
}
#header{
  width:980px;
  margin:0 auto;
  height:80px;
}
#header h1{
  font-size:10px;
  color:#FFFFFF;
  margin-top:5px;
  width:540px;
  float:left;
}

#header #logo{
  float:left;
  margin-top:7px;
}

#header #headerLink{
  float:right;
  width:435px;
}

#header #headerLink ul li{
  float:left;
  margin-right:5px;
  height:28px;
}

#header #naviArea{
  position:absolute;
  width:980px;
}

#header #gnavi{
  width:726px;
  float:right;
}

#header #gnavi ul li{
  float:left;
}

/* ドロップダウンメニュー */

/* 01 */
#header #gnavi ul li dl{
  position:absolute;
  z-index:100;
  width:860px;
  height:395px;
  left:50%;
  margin-left:-430px;
}

#header #gnavi ul li dl .dropArea{
  width:830px;
  height:365px;
  background:url(../img/drop01_bg.png) no-repeat;
  position:absolute;
  top:-13px;
  padding:15px;
}

.dropArea a{
  color:#0C419A;
  text-decoration:underline;
}
.dropArea a:visit{
  color:#0C419A;
  text-decoration:underline;
}

.dropArea a:hover{
  color:#0C419A;
  text-decoration:none;
}

.dropArea .dropInner{
  position: relative;
}

.dropInner{
  width:250px;
  margin:13px;
  float:left;
}

.dropInner li{
  height:27px;
  padding-top:11px;
  width:250px;
  background:url(../img/innerlink_bg.jpg) center right no-repeat;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #D2D9E6;
}
.dropInner li a{
  height:40px;
}

.dropOuter{
  width:250px;
  margin:13px;
  float:left;
}

.mt125{
  margin-top: 125px;
}

.dropOuter li{
  height:27px;
  padding-top:11px;
  width:250px;
  background:url(../img/outerlink_bg.jpg) center right no-repeat;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #D2D9E6;
}
.dropOuter li a{
  height:40px;
}

.gnavi_bnr{
  position: absolute;
  top: 0;
  left: 0;
}
.gnavi_text{
  position: absolute;
  left: 0;
  top: 80px;
}

/* 02 */
#header #gnavi ul li dl{
  position:absolute;
  z-index:100;
  width:860px;
  height:395px;
  left:50%;
  margin-left:-430px;
}

#header #gnavi ul li dl .dropArea02{
  width:580px;
  height:365px;
  background:url(../img/drop02_bg.png) no-repeat;
  position:absolute;
  top:-13px;
  padding:15px;
  margin-left:120px;
}

.dropArea02 a{
  color:#0C419A;
  text-decoration:underline;
}
.dropArea02 a:visit{
  color:#0C419A;
  text-decoration:underline;
}

.dropArea02 a:hover{
  color:#0C419A;
  text-decoration:none;
}

.dropArea02 .dropInner{
  width:250px;
  margin:13px;
  float:left;
}

.dropArea02 .dropInner li{
  height:27px;
  padding-top:11px;
  width:250px;
  background:url(../img/innerlink_bg.jpg) center right no-repeat;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #D2D9E6;
}
.dropArea02 .dropInner li a{
  height:40px;
}

.dropArea02 .dropOuter{
  width:250px;
  margin:13px;
  float:left;
}

.dropArea02 .dropOuter li{
  height:27px;
  padding-top:11px;
  width:250px;
  background:url(../img/outerlink_bg.jpg) center right no-repeat;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #D2D9E6;
}
.dropOuter li a{
  height:40px;
}

/* 多言語 */
#headerLink .lang dl {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9EB3D7;
    height: 125px;
    margin-top: -4px;
    position: absolute;
    width: 68px;
    z-index: 100;
}

#header #headerLink .lang dl li{
  height:24px;
  border-bottom:1px dotted #CCC;
}
#header #headerLink .lang dl li a img:hover{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
dl{
  visibility:hidden;
}


/*------------------------------------------------------------
  content
------------------------------------------------------------*/
#content{
  width:980px;
  margin:20px auto;
}

/*------------------------------------------------------------
  footer
------------------------------------------------------------*/

/* 総合サイト　フッター基準 */
#footerWap{
  width:100%;
  clear:both;
  padding-top:170px;
}

.sougou{
  background:url(../img/footer_bg.jpg) no-repeat center bottom;
  height:430px;
}

.kouro{
  background:url(../img/footer_bg.jpg) no-repeat center 15px;
  height:352px;
}

.shimatabi{
  background:url(../img/footer_bg.jpg) no-repeat center 15px;
  height:352px;
}
.shimatabi2{
  background:url(../img/footer_bg2.jpg) no-repeat center 15px;
  height:352px;
}
.shimatabi3{
  background:url(../img/footer_bg3.jpg) no-repeat center 15px;
  height:352px;
}



/* footer */
#footer{
  background:rgba(255,255,255,0.8);
  height:310px;
/*  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;*/
  clear:both;
}

.footerArea{
  width:980px;
  margin:0 auto;
}

.footerArea a{
  color:#666;
}

#copy{
  text-align:center;
  padding-top:10px;
  height:30px;
  width:100%;
  background:#E8F2FB;
}
#copy2{
  text-align:center;
  padding-top:10px;
  height:30px;
  width:100%;
  background:#F3E1CF;
}
#copy3{
  text-align:center;
  padding-top:10px;
  height:30px;
  width:100%;
  background:#C2C1C7;
}

#footer #footerPageTop{
  text-align:right;
  height:22px;
  width:100%;
}

#footer .footerSocial {
  margin: 15px 0;
}

#footer .footerSocial a {
  margin-right: 15px;
}

#footer .footerSocial img {
  width: 50px;
  height: auto;
  border-radius: 10px;
}

#footer #footerInfo{
  width:252px;
  float:left;
}

#footer #footerInfo #infoImg{
  float:left;
}
#footer #footerInfo #infoText{
  float:right;
  width:180px;
}
#footer #footerInfo #infoText span{
  font-weight:bold;
}

#footer #footerSiteArea{
  margin:10px 15px 0px 15px;
  float:left;
}

#footer #footerSiteArea h3{
  font-weight:bold;
  background:url(../img/footer_list_title.png) no-repeat 0px 5px;
  padding:5px 0px 5px 20px;
  margin-bottom:3px;
  border-bottom:1px dotted #7B99AF;
}

#footer #footerSiteArea ul li{
  background:url(../img/footer_li.png) no-repeat 0px 6px;
  padding:3px 0px 3px 15px;
  line-height:140%;
}

#footer #footerSiteArea a{
  color:#333;
  text-decoration:none;
}

#footer #footerSiteArea a:hover{
  color:#333;
  text-decoration:underline;
}

/* footerBttom */

#footerBottom #footerLabel{
  float:left;
}

#footerBottom{
  background:url(../img/footer_bottom_bg.jpg) repeat-x;
  height:83px;
  width:100%;
}

#footerBottom ul{
  float:left;
  width:790px;
  margin-top:9px;
  margin-left:15px;
}

#footerBottom li{
  background:url(../img/footer_bottom_li.png) no-repeat 0px 6px;
  padding:2px 12px 2px 10px;
  float:left;
}

#footerBottom li a{
  color:#FFFFFF;
  text-decoration:none;
}

#footerBottom li a:hover{
  color:#FFFFFF;
  text-decoration:underline;
}



.fr{
  float:right;
}
.fl{
  float:left;
}
.mr20{
  margin-right:20px;
}
.ml20{
  margin-left:20px;
}

#f_menu .pmenu{
    background: url("/common/img/pmenu.png") no-repeat scroll right center #DEDEDE;
    display: block;
    float: left;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding-left: 12px;
    text-decoration: underline;
  padding-right:30px;
}

.fbArea{
  padding:10px;
  color:#666;
}

#mainContent strong{ font-weight:bold; }
#serviceStatus{
  position:relative;
}
#serviceStatus strong{ font-weight:bold; }
.box_w strong{ font-weight:bold; }

#mainContent em{ font-style: italic; }
#serviceStatus em{ font-style: italic; }
.box_w em{ font-style: italic; }

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }




/*modal*/


#banner {
   position:absolute;
   z-index: 150;
   right:20px;
   top:10px;

}

#modal_content {
    background: url(/common/img/modal_bg.png) no-repeat center bottom #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 40px;
    width: 640px;
    color:#333;
    font-size: 13px;
    line-height: 1.65em;
}
#modal_content p{
  padding:0;
}

#modal_content h3{
  font-size:14px;
  margin-bottom:1em;
  padding-left:1em;
  border-left: 5px solid #0647A5;
  font-weight:bold;
}
#lean_overlay {
    background: none repeat scroll 0 0 #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
   /*cursor:pointer;*/
}
#modal_btn{
  width:345px;
  margin:20px auto 45px;
  overflow:hidden;
  text-align:center;
}
#modal_btn span{
/*  float:left;
  padding-left:15px;*/
}

#modal_btn span:first-child{
  padding-left:0;
}

#btn_close{
  width:168px;
  margin:0 auto;
}

.div_modal {
    display: inline;
    float: right;
    padding-right: 15px;
  padding-left:35px;
  background:url(/common/img/ico_modal.png) no-repeat left 3px;
}

.reserve_icon{
  background:url(/common/img/ico_reserve.png) no-repeat top left;
  background-position:2px 2px;
  padding-left:20px;
}

.obon{
  color: red;
  font-weight: bold;
  border: solid 2px red;
  margin-bottom: 10px;
  padding: 10px;
  width: 600px;
  font-size: 16px;
}

.obon > span.tel {
  display: block;
  font-family: "メイリオ";
  font-size: 20px;
  margin-top: 5px;
}

.special{
  color: red;
  font-weight: bold;
  border: solid 2px red;
  margin-bottom: 10px;
  padding: 10px;
  width: 605px;
  font-size: 15px;
}

.special > span.tel {
  display: block;
  font-family: "メイリオ";
  font-size: 20px;
  margin-top: 5px;
}

.dropInner li.ship,
.dropOuter li.ship{
  position: relative;
  padding-left: 20px;
  width: 230px
}

.ship:before{
  position: absolute;
  left: -1px;
  top: 15px;
  content: "";
  width: 16px;
  height: 10px;
  background: url(/common/img/ico_ship.png)no-repeat top left;;
}

.blank{
  background:url(../img/outerlink_bg.jpg) center right no-repeat!important;
}


.noneicon{
  background: none!important;
}


.emergency {
    border: 3px solid red;
    background: yellow;
    padding: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.emergency span {
    color: #e00;
    font-weight: bold;
}
.emergency a,
.emergency a:visited {
    color: blue;
}