@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
/* html element
-------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
	display:block;
	padding:0;
	margin:0;
}
ol,ul,dl,li,dt,dd{list-style:none;}
html{-webkit-text-size-adjust:none;}
body{
	color: #666;
	font: 12px/1 sans-serif;
	background: #FEF8E9;
	text-align: left;
}
a,img{border:none;}
img{
	vertical-align:top;
	max-width:100%;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1;
}
/* JS element
-------------------------------------------------------------*/
.noSc{}

/* a Element
-------------------------------------------------------------*/
a{
	color:#555;
	text-decoration:none;
}
/* Float Element
-------------------------------------------------------------*/
.cClear{clear:both !important;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
/* block Layout
-------------------------------------------------------------*/
.dspNone{display:none;}

/* width */
.wAuto{width:auto !important;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT10minus{margin-top:-10px !important;}
.mT20minus{margin-top:-20px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}

/* txt Layout
-------------------------------------------------------------*/
.lh-125{line-height:1.25 !important;}
.lh-140{line-height:1.4 !important;}
.lh-180{line-height:1.8 !important;}
.txtNormal{font-weight: normal !important;}
.nowrap{white-space:nowrap;}
small{font-size:100%;}
.textS{font-size:10px;}
.textL{font-size:16px;}
.text14{font-size:14px;}
.text15{font-size:15px;}
.text16{font-size:16px;}
.text18{font-size:18px;}
.text20{font-size:20px;}
/* Color */
.textRed{color:#f00; !important;}

/*=============================================================
 container
=============================================================*/
#container{
	width: 320px;
	margin: 0px auto;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
}

/* Set sprite image
-------------------------------------------------------------*/
#menuWin .btnClose:before,
#menuWin li a:before,
#ftr-pagetop img,
#careerBox h4:after,
#licenceBox h4:after{
	background:url(../img/parts_spr.png) no-repeat -640px 0;
	-webkit-background-size:320px auto;
	background-size:320px auto;
}
/*=============================================================
 header
=============================================================*/
#header{
	background:#f09d00;
	width:320px;
	position:relative;
}
/* hdr-logo
-------------------------------------------------------------*/
#hdr-logo{
	width:250px;
}
#hdr-logo img{
	width:250px;
	height:auto;
}
#hdr-menu{
	width:50px;
	position:absolute;
	top:0px;
	right:0;
}
#hdr-menu li{
	width:50px;
}
#hdr-btnMenu img{
	width:50px;
	height:auto;
}
#header p{
	background-color:#6a4431;
	color:#FFF;
	padding:10px 5px 9px;
	text-align:center;
	font-size:14px;
}
/* menuWin
-------------------------------------------------------------*/
#menuWin{
	display:none;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
}
#menuWin dl{
	width:320px;
	margin:0 auto;
	position:relative;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
}
#menuWin dt{
	color:#fff;
	line-height:40px;
	background:#f09d00;
	height:40px;
	padding:0 10px 0 10px;
	position:relative;
	font-size:18px;
	font-weight:bold;
}
#menuWin .btnClose{
	color:#fff;
	line-height:40px;
	background:#6a4431;
	height:40px;
	padding:0 10px 0 30px;
	position:absolute;
	top:0;
	right:0;
}
#menuWin .btnClose:before{
	content:"";
	background-position:-10px 0px;
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:16px;
	left:10px;
}
#menuWin li{
	line-height:1.25;
	background:#f6ab06;
	position:relative;
	border-top:1px solid #fff;
	font-size:14px;
}
#menuWin li.line-black{
	border-bottom:1px solid #000;
}
#menuWin li img{
	float:right;
	width:26px;
	height:16px;
}
#menuWin li a{
	color:#6a4431;
	display:block;
	padding:12px 10px 11px 31px;
	font-weight:bold;
}
#menuWin li span{
	color: #F8DFAB;
	display: block;
	padding:12px 10px 11px 31px;
	font-weight: bold;
}
#menuWin li a:before{
	content:"";
	background-position:0px 0px;
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:15px;
	left:14px;
}
/*=============================================================
 contents
=============================================================*/
#contents{
	line-height: 1.5;
	width: 320px;
	background: url(../img/bg.png) repeat left top;
	-webkit-background-size:auto 4px;
	background-size:auto 4px;
	padding-bottom:20px;
}
#contents img{
	width:100%;
	height:auto;
}
/* txt
-------------------------------------------------------------*/
.catch{
	width:300px;
	margin:0 auto;
	padding-top:10px;
	font-size:16px;
	font-weight:bold;
}

/* box
-------------------------------------------------------------*/
.box-1clm,
.box-2clm{
	width:300px;
	margin:0 auto;
	padding-top:20px;
}
.box-2clm .fLeft,
.box-2clm .fRight{
	width:145px;
}
/* effect
-------------------------------------------------------------*/
.box-shadow{
	box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 3px 1px;
}
.box-radius{
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px; 
}



/* toggle
-------------------------------------------------------------*/
#contents .toggle-set .toggle-box{display:none;}
#contents .toggle-set.open .toggle-box{display:block;}

/* box-toggleDftSet */
#contents .box-toggleDftSet .toggle-set{
	padding-left:10px;
	border-bottom:1px solid #ddd;
}
#contents .box-toggleDftSet .toggle-btn{
	font-size:14px;
	line-height:1.25;
	font-weight:bold;
	position:relative;
}
#contents .box-toggleDftSet .toggle-btn:after{
	content:"";
	background-position:-239px -15px;
	display:block;
	width:7px;
	height:13px;
	margin-top:-7px;
	position:absolute;
	top:50%;
	right:18px;
}
#contents .box-toggleDftSet .open .toggle-btn:after{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
#contents .box-toggleDftSet .toggle-btn>span{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	height:56px;
	padding:6px 30px 4px 0;
}
#contents .box-toggleDftSet .toggle-box{
	padding:7px 10px 7px 0;
	border-top:1px dotted #555;
}

/*=============================================================
 footer
=============================================================*/
#footer{
	background: #FFF;
}

/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{text-align:center;}
#ftr-pagetop img{background-position:0px -10px;}

/* ftr-copyright
-------------------------------------------------------------*/
#ftr-copyright{
	color:#666;
	font-size:14px;
	text-align:center;
	width:300px;
	margin:0 auto;
	padding:14px 0 14px;
}
/* ftr-menu
-------------------------------------------------------------*/
#ftr-menu{
	background:#f6ab06;
	width:300px;
	padding:10px;
	text-align:center;
}
#ftr-menu a{
	color:#444;
}
#ftr-name{
	width:320px;
}
#ftr-name img{
	width:320px;
	height:auto;
}