@charset "UTF-8";

/* LAYOUT
---------------------------------------------------------- */
#contentWrapTop{
	min-width:100%;
	background:none;
	padding-top: 0;
	}

/* Content Body */
#contentBody{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	}

	#contentBodyMain{padding-left:0px; position:relative;width:100%;}
	#contentBodyMainL{float:none; width:100%;}
	#contentBodyMainR{float:none; width:100%; padding-top:0px;}

/* NAVI
---------------------------------------------------------- */
#globalNav #globalMenuWrap{display: block;}
#globalNavTOP{
	width:315px; min-width:315px; height:auto; padding-bottom:0px;
	background:none;
	margin:5px auto 0px;
	background:none;
}
#globalNavTOP ul{width:100%; height:auto; padding:0px; text-align:center;}
#globalNavTOP ul li{
	display:inline-block !important;
	vertical-align:top;
	height:70px !important;
	width:70px !important;
	font-size:0;
	line-height:0;
	padding:5px 2px;
	}
	html*#globalNavTOP ul li{
	display:inline;
	zoom:1;
		}
	#globalNavTOP ul li a{
		display:block !important;
		height:70px !important;
		width:70px !important;
		background:transparent url(/common_cms/image/gnavi_sp.png) no-repeat 0px 0px;
		background-size:300px 150px;
		}
	#globalNavTOP ul li a span{
		display:none;
		}

	#globalNavTOP ul li#globalNavTOP01 a,
	#globalNavTOP ul li#globalNavTOP01 a:hover{background-position:0px 0px;}
	#globalNavTOP ul li#globalNavTOP02 a,
	#globalNavTOP ul li#globalNavTOP02 a:hover{background-position:-77px 0px;}
	#globalNavTOP ul li#globalNavTOP03 a,
	#globalNavTOP ul li#globalNavTOP03 a:hover{background-position:-154px 0px;}
	#globalNavTOP ul li#globalNavTOP04 a,
	#globalNavTOP ul li#globalNavTOP04 a:hover{background-position:-230px 0px;}
	#globalNavTOP ul li#globalNavTOP05 a,
	#globalNavTOP ul li#globalNavTOP05 a:hover{background-position:0px -80px;}
	#globalNavTOP ul li#globalNavTOP06 a,
	#globalNavTOP ul li#globalNavTOP06 a:hover{background-position:-77px -80px;}
	#globalNavTOP ul li#globalNavTOP07 a,
	#globalNavTOP ul li#globalNavTOP07 a:hover{background-position:-154px -80px;}
	#globalNavTOP ul li#globalNavTOP08 a,
	#globalNavTOP ul li#globalNavTOP08 a:hover{background-position:-230px -80px;}


/* MAIN VISUAL
---------------------------------------------------------- */
#mainVisual{
	width:100%;
	height:auto;
	position:relative;
	background:none;
	padding:0px 0px 0px;
	margin:0px 0px;
 overflow: hidden;
 -moz-box-shadow: 0 0 6px 1px #ccc;
	-webkit-box-shadow: 0 0 6px 1px #ccc;
	box-shadow: 0 0 6px 1px #ccc;
}

#mainVisual ul{
	position: static;
}
#mainVisual .loading{
	position: relative;
	width:100%;
	height:auto;
	z-index:-1;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
}
#mainVisual ul li{
	width:100%;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	border: none;
	overflow: hidden;
}
#mainVisual .loading img{
	width:100%;
	height:auto;
}

#mainVisual ul li img{
	width:100%;
	height:auto;
	}

#mainVisual .controlPrev{
	display:none !important;
}

#mainVisual .controlNext{
	display:none !important;
}

#mainVisual .brandLink{
		display:none !important;
}

#mainVisual .brandListLink{
		display:none !important;
}


/* H
===========================================*/
#contentBody h2{font-size:110%; margin:0px;}
#contentBody h3{font-size:110%; margin:0px; padding:5px 15px 3px; background:#7e94d1; color:#fff; font-size:90%;}
#contentBody .topHeadA{color:#ec6110; width:auto; padding:5px 10px 3px 10px; background:#fbdfcf; border-top:5px solid #ec6110;}
#contentBody .topHeadB,
#contentBody .topHeadC{display:none;}
#contentBody .topHeadBwide{width:auto; padding:5px 10px 3px 10px; background:#fff; border-top:5px solid #ffb000;}


/* FLAME
===========================================*/
#contentBody .cotentsFlameA{width:100%; padding:0px; background:none; margin-bottom:0px;}
#contentBody .cotentsFlameC{width:100%; padding:0px; background:none; margin-bottom:0px;}



/* IMPORTANT
===========================================*/
#contentBody .importantList{width:100% !important; margin:0px;}
#contentBody .importantList .importantContentWrapper{
	width:auto !important;
	border-top:1px solid #e6e6e6;
	padding:0px !important;
	position:relative;
	background:transparent url(/common_cms/image/top_inportant_icon_sp.png) no-repeat right center !important;
	background-size:15px !important;
	}
#contentBody .importantList .importantListMore{
	display:none;
	}


#contentBody .importantList .importantContent{
	display:block;
	width:auto !important;
	padding:2.0em 25px 3px 10px !important;
	font-size:90%;
	background:none !important;
	}
#contentBody .importantList em{
	display:block;
	width:auto;
	font-weight:normal;
	color:#666666;
	text-decoration:none !important;
	cursor: pointer;
	position: absolute;
	left:10px;
	top:5px !important;
	font-size:80%;
	}
#contentBody .importantList a{
	display:block;
	}
#contentBody .importantList a:hover{text-decoration:none !important;}


#contentBody p.spModeMenu{
	display:block !important;
}
#contentBody .importantList p.spModeMenu{
	display:block;
	margin-top:0px;
	-moz-box-shadow: 0px 3px 5px #bcbcbc;
	-webkit-box-shadow: 0px 3px 5px #bcbcbc;
	box-shadow: 0px 3px 5px #bcbcbc;
	margin-bottom:15px;
}
#contentBody .importantList p.spModeMenu a{
	text-align:center;
	padding:0px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #ccc;
	background:#f2f2f2;
	padding:10px;
	min-height:1em !important;
	display:block;
	text-decoration:none;
	color:#333;
	font-size:100%;
	}
#contentBody .importantList p.spModeMenu a:after{
	content:'';
	background:transparent url(/common_cms/image/link_icon_down.png) no-repeat right center;
	padding:5px 25px 5px 5px;
	background-size:23px;
	}
#contentBody .importantList p.spModeMenu a.OPEN:after{
	content:'';
	background:transparent url(/common_cms/image/link_icon_up.png) no-repeat right center;
	padding:5px 25px 5px 5px;
	background-size:23px;
	}

#contentBody p.spModeMenu a span.closeTxt{display:none;}
#contentBody p.spModeMenu a span.openTxt{display:inline;}
#contentBody p.spModeMenu a.OPEN span.closeTxt{display:inline;}
#contentBody p.spModeMenu a.OPEN span.openTxt{display:none;}







/* LIST
===========================================*/
#contentBody .topCampaginArea{width:100%; margin:0px;}
#contentBody .topCampaginArea ul{
	border-bottom:1px solid #e6e6e6;
	}
#contentBody .topCampaginArea ul li{
	display:block;
	border-top:1px solid #e6e6e6;
	width:100%;
	vertical-align:top;
	line-height:1.3em;
	position:relative;
	}
#contentBody .topCampaginArea ul li a{
	display:block;
	padding:10px 20px 10px 100px;
	font-size:75%;
	color:#333333;
	min-height:100px;
	background:transparent url(/common_cms/image/link_icon02.png) no-repeat right center;
	background-size:15px;
	}
#contentBody .topCampaginArea ul li a strong{
	display:block;
	color:#1122cc;
	text-decoration:none !important;
	font-size:110%;
	}
#contentBody .topCampaginArea ul li a img{
	display:block;
	position:absolute;
	left:1px;
	top:10px;
	width:90px !important;
	height:auto !important;
	}
#contentBody .topCampaginArea ul li a:hover{text-decoration:none !important;}


/* LIST
===========================================*/
#contentBody .topSubContent{width:auto; margin:5px;}
#contentBody .topSubContent ul li{
	width:auto !important;
	border:1px solid #d6d6d6;
	margin:0px 0px 5px 0px;
	padding:0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	line-height:1.4em;
	-moz-box-shadow: 0px 0px 4px #efefef;
	-webkit-box-shadow: 0px 0px 4px #efefef;
	box-shadow: 0px 0px 4px #efefef;
	vertical-align:top;
	position:relative;
	}
#contentBody .topSubContent ul li a{
	display:block;
	padding:10px 20px 10px 80px;
	text-decoration:none;
	color:#4c4c4c;
	font-size:80%;
	background:transparent url(/common_cms/image/link_icon02.png) no-repeat right center;
	background-size:15px;
	min-height:60px;
		}
#contentBody .topSubContent ul li a em{
	display:block;
	color:#1122cc;
	text-decoration:none !important;
	font-size:110%;
	letter-spacing:-0.1em;
	}
#contentBody .topSubContent ul li a img,
#contentBody .topSubContent ul li a span{
	display:block;
	vertical-align:middle;
	}
#contentBody .topSubContent ul li a img{
	position:absolute;
	left:10px;
	top:15px;
	}
#contentBody .topSubContent ul li a img{width:60px;}
#contentBody .topSubContent ul li a span{width:auto; padding-left:0px;}
#contentBody .topSubContent ul li a:hover{text-decoration:none !important;}


#contentBody ul.linkListA{
	margin:5px 0px 5px 10px;
	}
#contentBody ul.linkListA li{
	padding:3px 0px 3px 20px;
	background:transparent url(/common_cms/image/link_icon01.png) no-repeat 0px 0.4em;
	font-size:80%;
	background-size:15px;
	}



/* CM
===========================================*/
#contentBody .topCmArea{
	width:auto;
	margin:0px;
	padding:15px;
	background:#fdf0cc;
	position: static;
	right:0px;
	top:0px;
	}

#contentBody .topCmArea p{
	margin:0px;
	color:#666;
	width:auto;
	font-size:65%;
	overflow:hidden;
	}
#contentBody .topCmArea h2{
	position:relative;
	}
#contentBody .topCmArea h2 span{
	position:absolute;
	left:auto !important;
	right:-5px !important;
	top:-5px !important;
	}
#contentBody .topCmArea h2 img{position:relative; width:80px; height:32px;}




#contentBody .topCmArea .cmview{
	width:290px;
	margin:5px auto;
	}



#contentBody .topCmArea .cmviewFrame{
	width:290px;
	height:164px;
	}


/* NEWS
===========================================*/
#contentBody .tabArea{
	display:block !important;
	border-top:1px solid #e6e6e6;
	padding:5px 5px 0px 5px;
	background:#f2f2f2;
	margin:0px;
	-moz-box-shadow: 0px 0px 4px #ccc inset;
	-webkit-box-shadow: 0px 0px 4px #ccc inset;
	box-shadow: 0px 0px 4px #ccc inset;
	}
#contentBody .tabArea ul{
	text-align:center;
	}
#contentBody .tabArea ul li{
	display:inline-block;
	width:45%;
	margin:0px 5px;
	background:#fff;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px; 
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px; 
	border-top-right-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	}
#contentBody .tabArea ul li a{
	display:block;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px; 
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px; 
	border-top-right-radius: 5px;
	text-decoration:none;
	font-weight:bold;
	color:#333;
	}
#contentBody .tabArea ul li a span{
	display:block;
	padding:5px 0px;
	border-top:5px solid #7e94d1;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px; 
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px; 
	border-top-right-radius: 5px;
	}
#contentBody .tabArea ul li.tabA a span{
	border-top:5px solid #ffb000;
	}
#contentBody .tabArea ul li.tabA a.tabOn,
#contentBody .tabArea ul li.tabB a.tabOn{
	background:#ffb000;
	color:#fff;
	border-color:#ffb000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
#contentBody .tabArea ul li.tabB a.tabOn{
	background:#7e94d1;
	border-color:#7e94d1;
	}







#contentBody .newsAreaWrapper{width:100%; padding:0px 0px 0px 0px !important; background:none; margin:0px;}
#contentBody .newsAreaWrapper .newsAreaL{width:100%; float:none; display:none;}
#contentBody .newsAreaWrapper .newsAreaR{width:100%; float:none; display:none;}

#contentBody .newsAreaWrapper .newsAreaL p.linkListBtm,
#contentBody .newsAreaWrapper .newsAreaR p.linkListBtm{
position:relative;
right:0px;
bottom:0px;
}
#contentBody .newsAreaWrapper .newsAreaL p.linkListBtm{right:auto;}

#contentBody .newsAreaWrapper .newsArea{width:100%; padding:0px; padding-bottom:5px;}

#contentBody .newsAreaWrapper .newsArea dl dt{
	padding:5px 15px 3px;
	color:#666;
	font-size:75%;
	background:#fff7e5;
	border-top:1px solid #e6e6e6;
	border-bottom:none;
	line-height:1.3em;
	margin-bottom:0px;
	}
#contentBody .newsAreaWrapper .newsArea dl dd{
	padding:0px;
	font-size:90%;
	border-top:1px solid #e6e6e6;
	}
#contentBody .newsAreaWrapper .newsArea dl dd a{
	display:block;
	padding:10px 20px 10px 10px;
	background:transparent url(/common_cms/image/link_icon03sp.png) no-repeat right center;
	background-size:15px !important;
	}

#contentBody .newsAreaWrapper .newsArea dl.newRelease dt{
	background:#dae2f6;
	border-top:1px solid #b7c1e4;
	border-bottom:none;
	}
#contentBody .newsAreaWrapper .newsArea dl.newRelease dd a{
	background:transparent url(/common_cms/image/link_icon02.png) no-repeat right center;
	background-size:15px !important;
	}


#contentBody .linkList,
#contentBody .linkListBtm{
	width:100% !important;
	background:#f2f2f2;
	padding:0px;
	text-align:center;
	display:block;
	border-top:1px solid #ccc;
	-moz-box-shadow: 0px 3px 5px #bcbcbc;
	-webkit-box-shadow: 0px 3px 5px #bcbcbc;
	box-shadow: 0px 3px 5px #bcbcbc;
	margin-bottom:10px;
		}
#contentBody .linkList a,
#contentBody .linkListBtm a{
border-top:1px solid #fff;
border-bottom:1px solid #ccc;
padding:10px; display:block; text-decoration:none; background:none; color:#333; font-size:120%;
	}
#contentBody .linkList a:after,
#contentBody .linkListBtm a:after{
	content:'';
	background:transparent url(/common_cms/image/link_icon01.png) no-repeat right center;
	padding:5px 25px 5px 5px;
	background-size:20px;
	}

/* BRAND LIST
===========================================*/
	#contentBodyMainR .brandListArea .midashiH2{
		border-top:5px solid #ffb000;
		margin-top:15px;
	}
	#contentBodyMainR .brandListArea .midashiH2 h2{
		border:none;
	background:none;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-bottom:0px;
	}
#contentBodyMainR .brandListArea .midashiH2 span{
		display:block;
		padding:0;
	}	

#contentBodyMainR .brandListArea ul{
		margin:0;
		padding:0 5px;
	}
#contentBodyMainR .brandListArea ul li{
		display:inline-block;
		vertical-align:top;
		margin:0 0 0 0;
		width:30.3333333%;
		padding:0 1.5% 3%;
	}
#contentBodyMainR .brandListArea ul li img{
		width:100%;
		max-width:172px;
		height:auto;
	}