@charset "utf-8";
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
	display:block;
	padding: 0px;
	margin: 0px;
}
ol,ul,dl,li,dt,dd{list-style: none;}
hr{display:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:none;}
body{
	color: #333;
	font: 16px/1 Arial, Helvetica, sans-serif;
	background: #fff;
}
a,img{
	margin:0;
	padding:0;
	border:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1;
}
table,
table th,
table td {
	margin:0;
	padding:0;
	border-collapse:collapse !important;
}
img.mainfull,
img.full{
	width:100%;
	height:auto;
}
/* JS element
-------------------------------------------------------------*/
.over{}
.png-bg{}
.noSc{}

/* a Element
-------------------------------------------------------------*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.maillink{
	color:#015ed0;
}
/* block Layout
-------------------------------------------------------------*/
.dsp-none{display:none;}
.dsp-sp{display:none;}
.dsp-pc{display:block;}

/* Float Element */
.cClear{clear:both !important;}
.cLeft {float:left !important;}
.cRight{float:right !important;}
.cNone{float:none !important;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
.ie6 .clearfix,
.ie7 .clearfix{display:inline-block;}
/* width */
.w-auto{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%;}
.w-maxSp{}/*---SmartPhone : 100% */

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !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;}
.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;}

/* text Layout
-------------------------------------------------------------*/
/* SizeVariation( px) */
.textNormal{font-weight: normal !important;}
.textBold{font-weight:bold !important;}
.nowrap{white-space:nowrap;}
.txtClrRightGray{color:#999999;}
.txtClrRed{color:#ee154a;}
/*=============================================================
contents module Layout
=============================================================*/
#container{
	min-width:320px;
}
/*=============================================================
 header
=============================================================*/
/*header
-------------------------------------------------------------*/
#header{
	clear:both;
	width:100%;
	min-width:950px;
	position:relative;
	background-color:#FFF;
}
#headerTop{
	clear:both;
	width:950px;
	height:120px;
	margin:0 auto;
	position:relative;
}
#headerTop #logo{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-26px;
	z-index:100;
}
#headerTop #logo a{
	display:block;
}
#headerMenu{
	float:right;
	display:table;
	padding-top:45px;
}
#headerMenu #subArea{
	display:table-cell;
	vertical-align:middle;
	padding-top:4px;
	padding-right:10px
}
#headerMenu #subArea li{
	float:left;
	padding-right:10px;
}
#headerMenu #subArea li a{
	display:inline-block;
	color:#333;
	font-size:13px;
	padding-left:13px;
	background: url(../img/arw_red.png) no-repeat left 1px;
	line-height:1;
	vertical-align:top;
}
#headerMenu #fontSize{
	display:table-cell;
	vertical-align:middle;
	width: 93px;
	padding-left: 67px;
	background: url(../img/bg_fontsize.png) no-repeat left top;
}
#headerMenu #fontSize dt{
	display:none;
}
#headerMenu #fontSize dd{
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	border-left:1px solid #fff;
	text-indent:-9999px;
}
#headerMenu #fontSize dd#fontM{
	background: url(../img/font_m.png) no-repeat left top;
}
#headerMenu #fontSize dd#fontL{
	background: url(../img/font_l.png) no-repeat left top;
}
#headerMenu #fontSize dd#fontLL{
	background: url(../img/font_ll.png) no-repeat left top;
}
#headerMenu #fontSize dd#fontM:hover,
#headerMenu #fontSize dd#fontM.active{
	background: url(../img/font_m_o.png) no-repeat left top;
}
#headerMenu #fontSize dd#fontL:hover,
#headerMenu #fontSize dd#fontL.active{
	background: url(../img/font_l_o.png) no-repeat left top;
}
#headerMenu #fontSize dd#fontLL:hover,
#headerMenu #fontSize dd#fontLL.active{
	background: url(../img/font_ll_o.png) no-repeat left top;
}





/*global*/
#globalArea{
	border-top:1px solid #e6e6e6;
	background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: linear-gradient(top, #ffffff, #f0f0f0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0)";
}
#globalArea dt{
	display:none;
}
#global{
	display:block;
	width:950px;
	margin:0 auto;
}
#global li{
	display:table;
	width:calc(100% / 3);
	height:55px;
	float:left;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	border-right:1px solid #c1c1c1;
	font-size:15px;
}
#global li:first-child{
	border-left:1px solid #c1c1c1;
}
#global li a{
	width:100%;
	height:100%;
	display:table-cell;
	color:#333;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
}
#global li a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#ee154a;
}
#global li#gbLang{
	display:none;
}
/*=============================================================
FOOTER
=============================================================*/
#footerAll{
	position:relative;
	z-index:200;
}
/*footerGroup
-------------------------------------------------------------*/
#footerGroup{
	padding:35px 14px;
	text-align:center;
	background-color:#fff;
}
#footerGroupInner{
	width:950px;
	margin:0 auto;
}
#footerGroupInner h2{
	padding:0 0 5px;
}
#footerGroupInner p{
	font-size:80%;
	margin-bottom:20px;
	padding:0 0 10px;
	border-bottom:1px dotted #333;
}
#footerGroupInner p span{
	display:inline-block;
}
#footerGroupInner ul{
	padding-bottom:15px;
}
#footerGroupInner li{
	text-align:center;
}
/*footer
-------------------------------------------------------------*/
#footer{
	padding:10px 14px;
	background-color:#e6003e;
}
#footerInner{
	width:950px;
	margin:0 auto;
	color:#fff;
	font-size:85%;
}
#footerInner a{
	color:#fff;
}
#footer-copyright{
	width:55%;
	float:left;
	padding-top:4px;
}
#footer-link{
	float:right;
	border-right:1px solid #fff;
}
#footer-link li{
	float:left;
	padding:2px 10px 0;
	line-height:1;
	border-left:1px solid #fff;
	font-weight:bold;
}
/*pagetop
-------------------------------------------------------------*/
#pagetop{
	width:50px;
	height:50px;
	position:fixed;
	right:10px;
	bottom:10px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 TUBLET
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:950px){
.dsp-sp{display:block;}
.dsp-pc{display:none;}
/*=============================================================
 header
=============================================================*/
/*header
-------------------------------------------------------------*/
#header{
	clear:both;
	width:100%;
	min-width:100%;
	position:relative;
}
#headerTop{
	width:auto;
	height:52px;
	background-color:#f5f5f5;
}
#headerTop #logo{
	position:absolute;
	top:50%;
	left:14px;
	margin-top:-14px;
	width:246px;
}
#headerTop #logo img{
	width:246px;
	height:auto;
}
#headerMenu{
	display:none;
}
/*global*/
#globalArea{
	clear:both;
	border:none;
	border-bottom:1px solid #c1c1c1;
}
#globalArea dt{
	display:block;
	width:52px;
	height:52px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	background: url(../img/bg_btn_menu.png) no-repeat center center;
	background-size:52px 52px;
	-webkit-background-size:52px 52px;
	text-indent:-9999px;
	cursor:pointer;
	border-left:1px solid #c1c1c1;
}
.menuOn #globalArea dt{
	background: url(../img/bg_btn_close.png) no-repeat center center;
	background-size:52px 52px;
	-webkit-background-size:52px 52px;
}
#globalArea dd{
	position:absolute;
	top:52px;
	left:0;
	width:100%;
	z-index:1000;
	display:none;
	background-color:#e6e6e6;
}
#global{
	display:block;
	width:auto;
	border-bottom:1px solid #c1c1c1;
}
#global li{
	display:block;
	width:100%;
	height:auto;
	float:none;
	border:none;
	border-top:1px solid #c1c1c1;
	font-size:14px;
}
#global li:first-child{
	border-left:none;
}
#global li a{
	display:table;
	width:100%;
	height:40px;
	text-align:left;
	padding:0 14px 0 32px;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	position:relative;
	background-color:#e6e6e6;
}
#global li a span{
	display:table-cell;
	vertical-align:middle;
	height:40px;
}
#global li a:hover{
	background-color:#e6e6e6;
	color:#333;
}
#global li a:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	display: block;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url(../img/arw_red_sp.png) no-repeat left top;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}
#global li#gbLang{
	display:block;
}
#global li#gbLang a{
	display:table;
	width:100%;
	text-align:left;
	padding:10px 14px 10px 14px;
	position:relative;
}
#global li#gbLang a span{
	display:table-cell;
	vertical-align:middle;
	height:30px;
	padding:0 0 0 32px;
	background-color:#999999;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
}
#global li#gbLang a:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 28px;
	display: block;
	width: 6px;
	height: 10px;
	margin-top: -5px;
	background: url(../img/arw_white_sp.png) no-repeat left top;
	background-size:auto 10px;
	-webkit-background-size:auto 10px;
}


/*=============================================================
FOOTER
=============================================================*/
/*footerGroup
-------------------------------------------------------------*/
#footerGroup{
	padding:35px 14px;
	text-align:center;
	background-color:#fff;
}
#footerGroupInner{
	width:100%;
}
#footerGroupInner h2{
	font-size:90%;
}
#footerGroupInner p{
	font-size:70%;
}
#footerGroupInner ul{
	width:100%;
	margin:0 auto;
	max-width:290px;
}
#footerGroupInner li{
}
#footerGroupInner li img{
	width:201px;
	height:auto;
}
/*footer
-------------------------------------------------------------*/
#footerInner{
	width:auto;
	text-align:center;
	font-size:11px;
}
#footer-copyright{
	width:100%;
	float:none;
	padding-top:5px;
	font-size:9px;
}
#footer-link{
	float:none;
	display:inline-block;
	border-right:1px solid #fff;
}
/*pagetop
-------------------------------------------------------------*/
#pagetop{
	display:none;
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 640px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:640px){
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 SP 480px
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:480px){
#footerGroupInner p{
	font-size:10px;
}
}