@charset "UTF-8";
/***************************************************************/
/*Base
-------------------------------------------*/
#wrapper{
clear:both;
margin:0 auto 0 auto;
padding:0;
}

.iconArrow2 {background:url(/images/common/icon_arrow2.png) no-repeat left; padding-left:17px;}
.iconArrow1 {background:url(/images/common/icon_arrow1.png) no-repeat left; padding-left:13px;}

.pankuzu { font-size:80%; margin-bottom:15px;}
.pankuzu a {color:#e93325;}

.contIn { margin-bottom:35px;}
.pdf { background:url(/images/common/icon_pdf.png) no-repeat right; padding-right:26px; margin-right:5px;}
.otherSite { background:url(/images/common/icon_other.png) no-repeat right; padding-right:18px; margin-right:5px;}

.date { font-size:85%; color:#963; display:block;}
/*－－－－－－－－－－－－－－－－－－－－－－－－*/
@media all and (min-width:641px) {
.m1{ float:left;}
.m2{ float:right;}

.spCont{display:none;}
.gnaviSp {display:none;}
.gnaviPc { margin-bottom:15px;}

body{font-size:80%;background:url(/images/common/hdr_bg.jpg) repeat-x;}

#wrapper{width:980px;}

/***********ヘッダー・ナビPC****************/

/*header { margin-top:20px; margin-bottom:15px;}*/

/*h1 {width:194px;height:72px;float:left;}*/

/*h1 a{background:url(/images/common/logo.jpg);width:194px;height:72px;text-indent:-9999px;display:block;}*/

#headerBox{
float:right;
width:670px;
}

.snsBtn { float:left; width:150px; overflow:hidden; margin-top:45px;}
.snsBtn ul li {float:left; margin-right:5px; width:70px; display:inline;}
.snsBtn iframe {margin:0 !important;}

.snsBtnArticle {width:100%; overflow:hidden; margin:10px 0;}
.snsBtnArticle ul li {float:left; margin-right:5px; width:165px; display:inline;}
.snsBtnArticle iframe {margin:0 !important;}

.sns {width:35px;float:left;margin-top:30px; line-height:0;}
.sns ul li {display:inline;}
.sns ul li img { width:35px; height:35px;}

#headerBoxIn{float:right;background:#e0e0e0;padding:10px;margin-top:20px;margin-left:0px;width:448px;}

#contact{width:141px;float:right;display:block;}

div#menu{
height:40px;
width:980px;
position:relative;
}
ul#menuBody{width:100%; position:absolute; z-index:9999;}
ul.nav1,ul.nav2,ul.nav3,ul.nav4{float:left;}

ul li ul li.head { border-left:solid 1px #d4d4d4;}
ul li ul li.last { border-right:solid 1px #d4d4d4;}
ul.nav1 li.head a.over,ul.nav1 li.head a:hover,
ul.nav2 li.head a.over,ul.nav2 li.head a:hover,
ul.nav3 li.head a.over,ul.nav3 li.head a:hover,
ul.nav4 li.head a.over,ul.nav4 li.head a:hover { background-color:#ffdddd;}

ul li.head a { height:40px; display:table-cell; vertical-align:middle; padding:5px 50px; text-decoration:none; font-size:17px; font-weight:bold; color:#eb0f00;}

li.naviIn { display:none;}
li.naviIn li{cursor:pointer; text-align:left; border-top:1px dotted #ffffff; background-color:rgb(255,225,225); opacity:0.95;}
li.naviIn li a{ text-decoration:none; padding:10px; display:block;}
li.naviIn li:hover{background-color:rgb(255,188,188); opacity:0.95;}

/*Goole 検索*/
#gsc{
width:270px;
position:relative;
float:left;
}

#gsc div{border:none !important;}

.gsc-input-box{width:190px !important;height:29px !important;}

#gsc .gsc-control-cse,
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
margin:0 !important;
padding:0 !important;
background:none !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
vertical-align:top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
border:1px solid #dddddd !important;
height:29px !important;
}
#gsc input[type="text"]:focus {
border:1px solid #666666 !important;
outline:0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
border:none !important;
}

.gsc-search-button-v2 {
min-width:0px !important;
background:#666666 !important;
border:1px solid #666666 !important;
}


/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
margin:2px 0 0 0 !important;
border-radius:0;
}

#gsc .gsib_b { display:none;}

/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
position:absolute;
top:3px;
left:190px;
display:none;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:2px 0 0 0;
}



/***********コンテンツPC****************/
#contents{text-align:left;margin-bottom:30px;}

#contMain{width:980px;}

.engi{
width:100%;
background:url(/images/common/engi_area_bg_pc_en.gif) repeat-y;
margin:30px 0;
}
.engi h4 {background:url(/images/common/engi_area_bg_ttl_pc.gif) repeat-x; width:100%; text-align:center;}
.engi ul {margin:5px 10px; padding-bottom:10px;}
.engi ul li{ float:left; margin:0 8px;}

/*************コンテンツ　左部分PC***********************/
.contLeft { width:750px; float:left;}

/*************コンテンツ　左部分PC 英語版未使用***********************/
.box1 {float:left; width:370px; margin-bottom:15px;}
.box1 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325;}
.box1 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box1 .boxIn ul li a { text-decoration:none; height:80px; overflow:hidden; display:block;}
.box1 .boxIn ul li img { float:left; width:30%; margin-right:3%;}
.box1 .boxIn ul li span.boxTtl { float:left; width:60%; font-weight:bold; display:block; color:#e93325;}
.box1 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box1 .boxIn ul li span.pdf { background:url(/images/common/icon_pdf.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box1 .boxIn ul li span.otherSite { background:url(/images/common/icon_other.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box1 .boxIn ul li span.boxTxt { float:left; width:67%; display:block; text-decoration:none; color:#171717; font-size:90%;}

.box2 {float:right; width:370px; margin-bottom:15px;}
.box2 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325;}
.box2 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box2 .boxIn ul li a { text-decoration:none;}
.box2 .boxIn ul li span.boxTtl { width:98%; font-weight:bold; display:block; color:#e93325;}
.box2 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box2 .boxIn ul li span.boxTxt {width:100%; display:block; text-decoration:none; color:#171717; font-size:90%;}

.box3 {float:left; width:370px; margin-bottom:15px;}
.box3 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325; min-height:340px;}
.box3 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box3 .boxIn ul li a { text-decoration:none;}
.box3 .boxIn ul li img { float:left; width:30%; margin-right:3%;}
.box3 .boxIn ul li span.boxTtl {width:93%; font-weight:bold; display:block; color:#e93325;}
.box3 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box3 .boxIn ul li span.pdf { background:url(/images/common/icon_pdf.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box3 .boxIn ul li span.otherSite { background:url(/images/common/icon_other.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box3 .boxIn ul li span.boxTxt {width:100%; display:block; text-decoration:none; color:#171717; font-size:90%;}

/*タブ*/
ul.tabArea li{ float:left; margin:0 5px 0 0;} 
ul#tabs li img {filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;}
ul#tabs li.current img,ul#tabs li img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#contentTab > div {display:none;}
#contentTab .current { display:block; }
#contentTab #taxi.first { display:block; }

.box4 {float:right; width:370px; margin-bottom:15px;}
.box4 .boxIn {border:1px solid #8ea0d2; padding:10px; border-top:3px solid #8ea0d2; }
/************************/

.infoBox { width:100%; background:url(../images/common/fb_bg_en.jpg) repeat-y; padding-bottom:30px; margin-bottom:50px;}

.infoBox h4 {
padding:20px 30px 20px 50px;
font-size:18px;
color:#eb0f00;
font-weight:bold;
background:url(../images/common/info_ttl_en.png) left no-repeat;
margin:0 15px;
border-bottom:1px solid #eb0f00;
display:block;
}

.infoBox p.copy { margin:15px;}
.infoBox .boxFB { margin:0 auto !important; text-align:center;}
.infoBox iframe { width:500px;}

.linkBox dl dt a { font-weight:bold; color:#eb0f00; font-size:16px; text-decoration:underline;}
.linkBox dl dt a:hover {text-decoration:none;}
.linkBox dl dd { margin-bottom:20px;}

/*************コンテンツ　右部分PC***********************/
.contRight { width:210px; float:right;}

ul.bannerArea1 { margin-bottom:30px;}
ul.bannerArea1 li { margin-bottom:5px;}

p.bannerArea2ttl { background:#dcdcdc; padding:5px; margin-bottom:5px;}
ul.bannerArea2 li { margin-bottom:5px;}

/*************フッターPC***********************/
#pgTop {width:980px; margin:0 auto 0 auto;}
#pgTop p a { width:135px; background:#e93325; padding:7px; float:right; text-decoration:none; display:block; text-align:center;}
#pgTop p a:hover {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#pgTop p a span { background:url(/images/common/icon_arrow_top.png) no-repeat left; padding-left:20px; color:#ffffff;}

#ftWrapperTop {background:#eaeaea;clear:both;}
#ftWrapperTop .ftLink {padding:17px 0; width:980px; margin:0 auto 0 auto;}
#ftWrapperTop .ftLink ul li{width:326px; float:left; text-align:left; margin-bottom:7px;}
#ftWrapperTop .ftLink ul li a{ background:url(/images/common/icon_arrow3.png) no-repeat left; padding-left:15px;}

#ftWrapperBtm {background:#535353;clear:both;}
#ftWrapperBtm p {padding:17px 0; width:980px; margin:0 auto 0 auto; color:#ffffff; text-align:center;}

footer {min-width:980px;}
}

@media all and (max-width:640px) {
.m1{ float:left; margin-right:1%; width:49%;}
.m2{ float:right; margin-left:1%; width:49%;}

.pcCont{display:none;}
.gnaviPc{ display:none;} 
.gnaviSp {
padding:0;
margin:0 auto;
}
body{font-size:80%;background:url(/images/common/hdr_bg.jpg) repeat-x;}

#wrapper{width:98%;}


/*************ヘッダー・ナビSP***********************/
header { margin-top:15px; margin-bottom:15px;}

h1 {width:131px;height:50px;float:left;}

h1 a{background:url(/images/common/logo.jpg) no-repeat; background-size:contain;width:131px; height:50px; text-indent:-9999px;display:block;}

#contact{ margin-left:50px;}

body #rnav{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;background:#ffe1e1;display:none;}

#rnav #spnavi *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

#rnav,#rnav ul{margin:0;padding:0;list-style:none;width:100%;float:left;}

body #rnav #spnavi{/*padding:4% 2% 2% 2%;*/width:100%;}

#menuTab {
height:40px;
width:40px;
background:url(/images/common/sp/icon_menu.gif) no-repeat;
text-indent:-9999px !important;
cursor:pointer;
background-size:40px 40px;
position:absolute;
right:10px;
top:65px;
}

/*アコーディオン2*/
.layer2Link{
margin:1%;
padding:0;
clear:left;
}
.layer2Link h2{
position:relative;
margin:0;
background:#D63232;
padding:0 !important;
}
.layer2Link h2 a{
color:#ffffff !important;
padding:15px  !important;
display:inline-block;
width:100%;
text-decoration:none;
text-align:left;
}

.layer2Link h2:after{
position:absolute;
top:18px;
right:9px;
content:" ";
width:13px;
height:13px;
background:url(/images/common/sprite4.png) 0 -150px no-repeat;
-webkit-background-size:100px 250px;
background-size:100px 250px;
}

.layer2LinkTtl { display:block;}
.layer3Link { display:block;}

/*アコーディオン1*/
.layer3Link{
margin:0 0 1px 0;
padding:0;
clear:left;
background-color:#D63232;
}
.layer3Link h3{
position:relative;
padding:15px;
margin:0;
background:#D63232;
color:#ffffff;
font-size:100%;
font-weight:normal;
border-top:1px #cccccc solid;
text-align:left;
}

.layer3Link h3:after{
position:absolute;
top:19px;
right:10px;
content:" ";
width:13px;
height:13px;
background:url(/images/common/sprite6.png) 0 -150px no-repeat;
-webkit-background-size:100px 250px;
background-size:100px 250px;
}

.layer3Link h3.active:after{
position:absolute;
top:22px;
right:10px;
content:" ";
width:13px;
height:13px;
background:url(/images/common/sprite6.png) 0 -175px no-repeat;
-webkit-background-size:100px 250px;
background-size:100px 250px;
}

.layer3Ttl { display:block;}
.layer3In { display:none; width:100%;}

.layer4 { display:inline-block;width:100%;}
.layer4 ul {width:100%;}

.layer4 ul li{
list-style:none; 
position:relative;
margin:0 1% 1px 1%;
background:#ffffff;
width:98%;
text-align:left;
}

.layer4 ul li a{
font-size:14px !important;
font-weight:normal;
color:#333333;
padding:15px !important;
display:inline-block;
width:100%;
text-decoration:none;
}

.layer4 ul li:after{
position:absolute;
top:18px;
right:10px;
content:" ";
width:13px;
height:13px;
background:url(/images/common/sprite5.png) 0 -150px no-repeat;
-webkit-background-size:100px 250px;
background-size:100px 250px;
}

.spnaviClosebtn { margin:0 auto; width:110px;}

#headerBox{float:right; margin-right:50px; width:132px;}

.snsBtn {height:30px;overflow:hidden;width:150px;}
.snsBtn ul li {float:left; margin-right:5px; width:70px; display:inline;}
.snsBtn iframe {margin:0 !important;}

.snsBtnArticle {width:100%; overflow:hidden; margin:10px 0 0 0;}
.snsBtnArticle ul li {float:left; margin-right:5px; width:165px; display:inline;}
.snsBtnArticle iframe {margin:0 !important;}

.sns {
/*width:85px;*/
float:left;
margin-top:0;
line-height:0;
}

.sns ul li {display:inline;}


/*Goole 検索*/
#gsc{
width:98%;
position:relative;
margin:1%;
}

#gsc div{
padding:0 !important;
border:none !important;
}

.gsc-input-box{height:29px !important;}

#gsc .gsc-control-cse,
#gsc .gsc-control-cse-ja,
#gsc .gsib_a{
margin:0 !important;
padding:0 !important;
background:none !important;
}
/* テキスト入力フォームとボタンの位置 */
#gsc table.gsc-search-box td,
#gsc table.gsc-search-box input {
vertical-align:top !important;
}
/* テキスト入力フォーム */
#gsc input[type="text"]{
border:1px solid #dddddd !important;
height:29px !important;
}
#gsc input[type="text"]:focus {
border:1px solid #666666 !important;
outline:0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc #gsc-iw-id1{
border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
/*#gsc #gs_tti0 input{
background-position:5px 5px !important;
}*/
 /*ボタン
.gsc-search-button{
padding:0 0 0 -16px !important;
}*/

.gsc-search-button-v2 {
min-width:0px !important;
background:#666666 !important;
border:1px solid #666666 !important;
}

/*.gsc-search-button-v2 {
width: 0px !important;
height:0px !important;
margin:0 0 0 -16px !important;
min-width:0px !important;
background:url(/common/images/hdr_search.gif) no-repeat left top !important;
background:none !important;
border:none !important;

padding:24px 53px 0 0 !important;
}
*/

/* ボタンの位置調整と角丸消し */
#gsc .gsc-search-button{
margin:2px 0 0 0 !important;
border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
#gsc .gsib_b a{
position:absolute;
top:3px;
left:50px;
display:none;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#gsc .gsib_b span{
box-sizing:border-box;
   -moz-box-sizing:border-box;
padding:2px 0 0 0;
}



/***********コンテンツSP****************/
#contents{margin-bottom:30px;}


/*************コンテンツ　左部分SP 英語版未使用***********************/

.engi{
width:100%;
background:url(/images/common/engi_area_bg_pc.gif) repeat-y;
margin:20px 0;
}

.engi h4 {background:url(/images/common/engi_area_bg_ttl_pc.gif) repeat-x; width:100%; text-align:center !important; padding-top:5px;}
.engi ul {margin:5px 10px; padding-bottom:10px;}
.engi ul li{ float:left; margin:1% 0; width:100%;}
/*2boxの場合 .engi ul li{ float:left; margin:1% 2%; width:46%;}*/
.engi ul li img { width:100%;}

.box1 {width:100%; margin-bottom:20px;}
.box1 h4 img { width:100%;}
.box1 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325; display:none;}
.box1 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box1 .boxIn ul li a { text-decoration:none;}
.box1 .boxIn ul li img { float:left; width:30%; margin-right:3%;}
.box1 .boxIn ul li span.boxTtl { float:left; width:60%; font-weight:bold; display:block; color:#e93325; text-align:left;}
.box1 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box1 .boxIn ul li span.pdf { background:url(/images/common/icon_pdf.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box1 .boxIn ul li span.otherSite { background:url(/images/common/icon_other.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box1 .boxIn ul li span.boxTxt { float:left; width:67%; display:block; text-decoration:none; color:#171717; font-size:90%; text-align:left;}

.box2 {width:100%; margin-bottom:20px;}
.box2 h4 img { width:100%;}
.box2 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325; display:none;}
.box2 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box2 .boxIn ul li a { text-decoration:none;}
.box2 .boxIn ul li span.boxTtl { width:100%; font-weight:bold; display:block; color:#e93325; text-align:left;}
.box2 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box2 .boxIn ul li span.boxTxt {width:100%; display:block; text-decoration:none; color:#171717; font-size:90%; text-align:left;}

.box3 {width:100%; margin-bottom:30px;}
.box3 h4 img { width:100%;}
.box3 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325; display:none;}
.box3 .boxIn ul li {border-bottom:1px dotted #b9b9b9; padding:10px 0; width:100%;}
.box3 .boxIn ul li a { text-decoration:none;}
.box3 .boxIn ul li span.boxTtl { width:93%; font-weight:bold; display:block; color:#e93325; text-align:left;}
.box3 .boxIn ul li span.boxTtl:hover { text-decoration:underline;}
.box3 .boxIn ul li span.pdf { background:url(/images/common/icon_pdf.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box3 .boxIn ul li span.otherSite { background:url(/images/common/icon_other.png) no-repeat right 1px; padding-right:7%; margin:0;}
.box3 .boxIn ul li span.boxTxt {width:100%; display:block; text-decoration:none; color:#171717; font-size:90%; text-align:left;}

/*タブ*/
ul.tabArea li{ float:left; margin:0 5px 0 0; width:23%;}
ul.tabArea li img{ width:100%;} 
ul#tabs li img {filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;}
ul#tabs li.current img,ul#tabs li img:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

#contentTab > div {display:none;}
#contentTab .current { display:block; }
#contentTab #taxi.first { display:block; }

.box4 {width:100%; margin-bottom:20px; display:none;}
.box4 .boxIn {border:1px solid #e93325; padding:10px; border-top:3px solid #e93325;}

/********************/
.infoBox { width:100%; background:url(../images/common/fb_bg_en.jpg) repeat-y; padding-bottom:30px; margin-bottom:50px;}
.infoBox h4 { padding:20px 30px 20px 50px; font-size:18px; color:#eb0f00; font-weight:bold; background:url(../images/common/info_ttl_en.png) left no-repeat; margin:0 15px; border-bottom:1px solid #eb0f00; display:block;}
.infoBox p.copy { margin:15px;}
.infoBox .boxFB { margin:0 auto !important; text-align:center;}
.infoBox iframe { width:340px;}

.linkBox dl dt a { font-weight:bold; color:#eb0f00; font-size:16px; text-decoration:underline;}
.linkBox dl dt a:hover {text-decoration:none;}
.linkBox dl dd { margin-bottom:20px;}

.acBtn{ height:30px; width:100%; background:#cc2a1e; text-align:center;}
.acBtn p.close{background:url(/images/common/sp/close_tab.gif) no-repeat center; background-size:contain; height:30px;}
.acBtn p{background:url(/images/common/sp/open_tab.gif) no-repeat center; background-size:contain; height:30px;}

/*************コンテンツ　右部分SP***********************/

ul.bannerArea1 { margin-bottom:20px;}
ul.bannerArea1 li { margin:0 1% 5px 1%; width:48%; float:left;}
ul.bannerArea1 li img { width:100%;}

p.bannerArea2ttl { background:#dcdcdc; padding:5px; margin-bottom:5px; text-align:left;}
ul.bannerArea2 li { margin:0 1% 5px 1%; width:48%; float:left;}
ul.bannerArea2 li img { width:100%;}

/*************フッターSP***********************/

#pgTop {width:100%; margin:0 auto 0 auto;}
#pgTop p a { width:100%; background:#e93325; padding:7px; float:right; text-decoration:none; display:block; text-align:center;}
#pgTop p a span { background:url(/images/common/icon_arrow_top.png) no-repeat left; padding-left:20px; color:#ffffff;}

#ftWrapperTop {background:#eaeaea;clear:both;}
#ftWrapperTop .ftLink {padding:10px 0; width:95%; margin:0 auto 0 auto;}
#ftWrapperTop .ftLink ul li{ width:100%; text-align:left; margin-bottom:8px;}
#ftWrapperTop .ftLink ul li a{ background:url(/images/common/icon_arrow3.png) no-repeat left; padding-left:15px;}

#ftWrapperBtm {background:#535353;clear:both;}
#ftWrapperBtm p {padding:10px 0; width:95%; margin:0 auto 0 auto; color:#ffffff; text-align:center;}

}
