@charset "utf-8";

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

	base style

============================================================================================ */
html,
body{
min-width:320px;
-webkit-text-size-adjust:100%;
}
a{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

#wrapper{
position:relative;
}

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

	header set

============================================================================================ */
#gheader{
height:60px;
position:relative;
}

#gheader #languageChange_sp{
display:block;
position:absolute;
top:19px;
right:74px;
width:115px;
}
#gheader #languageChange_sp select.langChengeSelect{
width:100%;
}
#gheader #languageChange_sp span.langChengeSelect{
border:1px solid #ced0d2;
background:url(/th/common/images/header_ico_arw_01.gif) 100% 50% no-repeat;
background-size:21px auto;
text-align:right;
padding:1px 31px 1px 0;
}
#gheader #languageChange_pc{
display:none;
}

#gheaderInner01{
height:60px;
}
#gheader .logo{
position:absolute;
left:25px;
top:20px;
}
#gheader .logo img{
width:81px;
height:auto;
}

#gheader .menuBtn{
display: none;
position:absolute;
right:25px;
top:18px;
}
#gheader .menuBtn span{
display:none;
}
#gheader .menuBtn a{
display:block;
height:20px;
width:24px;
text-indent:-9999px;
background:url(/th/common/images/header_menu_01_n.png) 100% 50% no-repeat;
background-size:24px auto;
}
#gheader .menuBtn.active a{
background:url(/th/common/images/header_menu_01_a.png) 100% 50% no-repeat;
background-size:24px auto;
}
#gheaderInner02{
background:#fff;
border-bottom:10px solid #2d2d2d;
}
#gheaderInner02 .contentsTypeA01{
width:auto;
}

#gheaderInner02 #searchBoxWrap{
position:static;
background:#fff;
padding:12px 48px;
border:none;
border-top:1px solid #ced0d2;
}
#gheaderInner02 .searchBox{
border:none;
outline:none;
padding:2px 5px 3px;
width:100%;
border:1px solid #d3d5d7;
border-radius:0;
background:none;
-webkit-appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.android #gheaderInner02 .searchBox{
}
.iphone #gheaderInner02 .searchBox{
padding:2px 5px;
}

#gheaderInner02 #searchBoxWrap form{
position:relative;
z-index:999;
}
#gheaderInner02 .searchBtn{
position:absolute;
right:1px;
top:1px;
width:21px;
height:auto;
border-radius:0;
}
.android #gheaderInner02 .searchBtn,
.iphone #gheaderInner02 .searchBtn{
top:3px;
}

#gheaderInner02 #gnav{
background:#333333;
z-index:999;
}
#gheaderInner02 #gnav ul{
width:100%;
margin:0;
}
#gheaderInner02 #gnav ul li{
float:none;
display:table;
width:100%;
}
#gheaderInner02 #gnav ul li a{
display:table-cell;
width:100%;
height:56px;
vertical-align:middle;
background-image:url(/th/common/images/gnav_01_sp.gif);
background-size:253px auto;
background-color:#333;
color:#fff;
text-decoration:none;
border-bottom:1px solid #565656;
font-weight:bold;
padding:5px 25px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#gheaderInner02 #gnav ul li a,
#gheaderInner02 #gnav ul li a:hover{background-position:25px 0;}
#gheaderInner02 #gnav ul li+li a,
#gheaderInner02 #gnav ul li+li a:hover{background-position:25px -57px;}
#gheaderInner02 #gnav ul li+li+li a,
#gheaderInner02 #gnav ul li+li+li a:hover{background-position:25px -114px;}
#gheaderInner02 #gnav ul li+li+li+li a,
#gheaderInner02 #gnav ul li+li+li+li a:hover{background-position:25px -171px;}
#gheaderInner02 #gnav ul li+li+li+li+li a,
#gheaderInner02 #gnav ul li+li+li+li+li a:hover{background-position:25px -228px;}
#gheaderInner02 #gnav ul li+li+li+li+li+li a,
#gheaderInner02 #gnav ul li+li+li+li+li+li a:hover{background-position:25px -285px;}



#gheaderInner02 #gnav ul li a span{
display:block;
font-size:7px;
font-weight:normal;
color:#bfbfbf;
}


#gheaderInner02 #headerUniNav{
display:table;
float:none;
margin:0 auto;
font-size:0.91666em;
}
#gheaderInner02 #headerUniNav li{
display:table-cell;
height:55px;
padding:0 15px;
vertical-align:middle;
}
#gheaderInner02 #headerUniNav li a{
padding-left:0;
padding-right:12px;
background:url(/th/common/images/mod_ico_arw_right_01.png) 100% 50% no-repeat;
}



.topicpath,#aside,#container{
margin:0;
}

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

	gnav set

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

	topicpath set

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

	aside set

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

	container set

============================================================================================ */
#container{
min-width:320px;
}

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

	contents set

============================================================================================ */
#contents{
}

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

	footer set

============================================================================================ */
#gfooter{
width:100%;
min-width:320px;
}
#gfooter .gfooterInner01{
border-top:none;
padding:25px 0;
}
#gfooter .gfooterInner01 ul{
display:table;
margin:0 auto;
}
#gfooter .gfooterInner01 ul li{
display:table-cell;
vertical-align:middle;
padding:0 5px;
}
#gfooter .gfooterInner01 ul li img{
width:21px;
height:auto;
}
#gfooter .gfooterInner02{
background:#2d2d2d;
padding:25px 0;
min-width:320px;
}
#gfooter .gfooterInner02 .copy{
text-align:center;
color:#fff;
}
#gfooter .gfooterInner02 .copy small{
font-size:7px;
}