@charset "UTF-8";

/* only for ie8 */
body{
min-width:1280px;
}
#header{
min-width:1152px;
}
.footer{
min-width:1152px;
overflow-x:hidden;
}
.footerLinks{
min-width:1152px;
overflow-x:hidden;
}
.breadcrumb{
min-width:1152px;
overflow-x:hidden;
}
.mainContent section{
min-width:1152px;
overflow-x:hidden;
}
.keyvisual{
min-width:1152px;
overflow-x:hidden;
}
.headline .headlineIn{
min-width:1152px;
overflow-x:hidden;
}
.headline.withBtn h1,
.headline.withBtn h2,
.headline.withBtn h3{
min-width:1152px;
overflow-x:hidden;
}

/** columnArea **/
/*** centerCol2 ***/
.columnArea.centerCol2{
width:768px;
margin:0 auto;
}
/** tabArea **/
.tabArea ul li{
width:33%;
}
.tabArea ul li:first-child{
width:34%;
}
/** accordionArea **/
.accordionArea dl.close dt{
background-image:url(/common/images/gnavi_close2.png);
background-size:19px 19px;
}
.accordionArea dl.open dt{
background-image:url(/common/images/gnavi_open2.png);
}
/** calendar **/
.calendar .calendarIn table tr td.holiday{
background:url(/common/images/bg_calendar_event2.png) no-repeat center center;
}
/* breadcrumb */
.breadcrumb .breadcrumbIn ul li{
background:url(/common/images/breadcrumb_arrow2.png) no-repeat 100% center;
background-size: 6px 10px;
}

/* same with main */
/** menuArea **/
#header .menuArea #menu{
display:none;
}
#header .menuArea > ul > li{
border-right:1px solid #dedede;
float:left;
text-align:center;
font-size:14px;
line-height:14px;
}
#header .menuArea > ul > li:first-child + li{
border-left:1px solid #dedede;
}
#header .menuArea > ul > li.spSearch,
#header .menuArea > ul > li.closeBtn{
display:none;
}
#header .menuArea > ul > li.type2.search{
display:block;
cursor:pointer;
}
#header .menuArea > ul > li.type2.search form{
display:none;
}
#header .menuArea > ul > li.type2.search .formArea{
position:absolute;
top:0;
right:-5000px;
padding:27px 28px;
background:#fff;
z-index:1;
border-left:1px solid #dedede;
}
#header .menuArea > ul > li.type2.search .formArea form{
display:block;
}
#header .menuArea > ul > li.type2.search .formArea form input{
vertical-align:middle;
}
#header .menuArea > ul > li.type2.search .formArea form .formIcon{
margin-right:5px;
}
#header .menuArea > ul > li span.alike,
#header .menuArea > ul > li a{
position:relative;
display:inline-block;
padding:30px;
}
#header .menuArea > ul > li.type2 span.alike,
#header .menuArea > ul > li.type2 a{
padding:28px;
}
#header .menuArea > ul > li.type2.popupMenu{
position:relative;
}
#header .menuArea > ul > li.type2.popupMenu .popupMenuArea{
position:absolute;
top:100%;
left:-65px;
display:none;
width:204px;
padding-top:20px;
background:url(/common/images/lang_bg_top.png) no-repeat 0 0;
}
#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaWrap{
display:block;
padding-bottom:20px;
background:url(/common/images/lang_bg_btm.png) no-repeat 0 100%;
}
#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn{
display:block;
background:url(/common/images/lang_bg_mid.png) repeat-y 0 0;
}
#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul{
line-height:2;
}
#header .menuArea > ul > li.type2.popupMenu .popupMenuArea .popupMenuAreaIn ul li a{
position:static;
display:inline;
padding:0;
}
#header .menuArea li.current > a,
#header .menuArea li a:hover{
color:#cc0000!important;
}
#header .menuArea > ul > li.current > a:after{
position:absolute;
bottom:-6px;
left:50%;
margin-left:-6px;
content:'';
width:12px;
height:6px;
background:url(/common/images/gnavi_arrow1.png) no-repeat 0 0;
z-index:3;
}
#header .menuArea > ul > li.type1 a{
min-width:100px;
}
#header .menuArea .wrap{
display:none;
position:absolute;
left:0;
top:100%;
width:100%;
background:#e6e6e6;
}
#header .menuArea .current .wrap{
z-index:2;
}
#header .menuArea .wrap ul{
width:98%;
margin:0 1%;
}
#header .menuArea .wrap ul > li{
float:left;
width:16.6%;
text-align:center;
vertical-align:middle;
font-size:13px;
line-height:16px;
}
#header .menuArea .wrap ul > li .wrap ul > li{
display:block;
float:left;
width:12.5%;
font-size:12px;
line-height:16px;
}
#header .menuArea .wrap ul > li a{
position:relative;
display:table;
width:100%;
padding:8px 0;
}
#header .menuArea .wrap ul > li.current > a span{
color:#cc0000;
}
#header .menuArea .wrap ul > li.current > a:after{
position:absolute;
bottom:-6px;
left:50%;
margin-left:-6px;
content:'';
width:12px;
height:6px;
background:url(/common/images/gnavi_arrow2.png) no-repeat 0 0;
z-index:4;
}
#header .menuArea .wrap ul > li a span{
position:relative;
display:table-cell;
vertical-align:middle;
height:3em;
}
#header .menuArea .wrap ul > li a span:after,
#header .menuArea .wrap ul > li a span:before{
position:absolute;
top:1em;
content:'';
display:block;
width:1px;
height:1em;
background:#cecece;
}
#header .menuArea .wrap ul > li a span:after{
right:0;
}
#header .menuArea .wrap ul > li a span:before{
left:-1px;
}
#header .menuArea .wrap ul li a span{
display:table-cell;
width:100%;
}
#header .menuArea .wrap .wrap{
background:#f3f3f3;
}
#header .menuArea .wrap .wrap ul > li{
display:inline-block;
}
#header .menuArea .current .wrap .current .wrap{
z-index:2;
}
#header .menuArea .wrap .wrap a span{
color:#333;
}
#header .menuArea .wrap .wrap a:hover span{
zoom:1;
}
/** footer **/
.footerLlink,
.footerCopy{
width: 50%;
float: left;
font-size: 11px;
color: #333;
}
.footerLlink ul{
padding-left:64px;
}
.footerCopy{
padding: 21px 0 20px;
text-align: right;
}
.footerCopy p{
padding-right:64px;
font-size:12px;
}