@charset "UTF-8";

/***************************************
*
*	1. index style
*	1. home style
*
***************************************/

/* 1. index style */
/* ------------------------------------------------------------------------------------ */

#index {
background-color: #fbfbfb;
}

#index #mainSlideBox{
	background:url(../image/common/bgMainImg.png) repeat-x;
	height:120px;
}
#index #mainSlide{
	width:320px;
	margin:0 auto;
	overflow:hidden;
}
#index #mainSlide ul{
	width:5000px;
}
#index #mainSlide li{
	width:320px;
	height:120px;
	float:left;
	overflow:hidden;
	position:relative;
}
#index #mainSlide p{
	position:absolute;
	left:187px;
	top:23px;
}
/* 外す
#index #mainSlide a{
	display:block;
	position:absolute;
	left:189px;
	top:106px;
}
*/
#index #mainSlide p{
	position:absolute;
	left:187px;
	top:23px;
}
#index #slidePager{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fef7dc), to(#fef8df));
	padding:10px 0;
}
#index #slidePager ul{
	text-align:center;
}
#index #slidePager .pagerPointer{
	width:7px;
	height:7px;
	background-color:#fff;
	-webkit-box-shadow: -1px -1px 2px #666;
	-webkit-border-radius:4px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 6px;
	display:inline-block;
}
#index #slidePager .pagerPointer.current{
	background-color:#271c18;
}
#index #category{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fef8df), color-stop(0.5, #fbfbfb));
}
#index #category section{
	/*background-color:#fdd32f;*/
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffe995), color-stop(0.05, #fdd32f));
	border:1px solid #fcf6e1;
	-webkit-border-radius:7px;
	margin:0 10px 21px;
	padding:3px;
}

/* リニューアル追加　*/

/* ClearFix */
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
#index #topCate {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.topCateListCtrl {
width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.topCateListBg {
background-color: #FCD642;
}
.topCateList {
	width: 290px;
	margin-left: 5px;
	margin-right: 5px;
}
#index .topCateList li {
	float: left;
	line-height: 0;
}

/* リニューアル追加ここまで */

#index #category h2{
	text-align:left;
	padding:9px 0 10px 12px;
	background:url(../image/top/bgCategoryTop.png) repeat-x;
	text-shadow:-1px -1px 1px #fdd32f;
	font-weight:bold;
	font-size:85%;
}
#index #categoryList{
	text-align:center;
}
#index #categoryList li{
	display:inline-block;
	vertical-align:top;
	/*border:1px solid #cfc6a5;*/
	/*-webkit-border-radius:5px;*/
	/*overflow:hidden;*/
}
#index #categoryList li a{
	display:block;
	width:145px;
	height:64px;
}
#index .bnr{
	margin-bottom:20px;
}
#index .bnr h2{
	width:282px;
	font-size:93%;
	font-weight:bold;
	text-align:left;
	border-left:#fcd642 5px solid;
	padding:4px 0 4px 6px;
	margin:0 auto;
	margin-bottom:2px;
}

#index #newsBox{
	margin:37px 10px 34px;
}
#index #newsBox h2{
	border-bottom:#6c625b solid 1px;
	padding-bottom:4px;
	margin-bottom:14px;
}
#index #newsBox h2 .left{
	float:left;
	font-size:123.1%;
	vertical-align:bottom;
	padding-left:1px;
	font-weight: bold;
}
#index #newsBox h2 .right{
	float:right;
	font-size:116%;
	vertical-align:bottom;
	text-align:right;
	color:#ebc42a;
	padding-right:1px;
	font-weight: bold;
}
#index #newsBox dl{
	margin-left:5px;
	font-size:77%;
	text-align:left;
	line-height:140%;
}
#index #newsBox dl a{
	color:#3c2d27;
	font-weight:normal;
}
#index #newsBox dl dt{
	float:left;
	background:url(../image/common/icoArrow01.gif) no-repeat 0 50%;
	padding-left:10px;
	margin-bottom:20px;
}
#index #newsBox dl dd{
	margin:0 0 20px 80px;
}

/* 2. top style [S1用]  */
/* ------------------------------------------------------------------------------------ */

#index .mainWrap {
background: url(../image/home/s1bg.jpg) no-repeat 0 0;
height: 375px;
position: relative;
width: 320px;
margin-left: auto;
margin-right: auto;
}
#index .mainWrap h2{
	text-indent: -9999px;
	background: url(../image/home/tl_s1.png) no-repeat 0 0;
	width: 220px;
	height: 63px;
	position: absolute;
	top: 22px;
	left: 14px;
}
#index .mainWrap ul {
	position: absolute;
	top: 110px;
	left: 0;
}
#index .mainWrap ul li {
	text-indent: -9999px;
	overflow: hidden;
}
#index .mainWrap ul li a{
	display: block;
	width: 240px;
	height: 50px; 
}
#index .mainWrap ul li#nav01 a{ background: url(../image/home/nav01.png) no-repeat 0 0;}
#index .mainWrap ul li#nav02 a{ background: url(../image/home/nav02.png) no-repeat 0 0;}
#index .mainWrap ul li#nav03 a{ background: url(../image/home/nav03.png) no-repeat 0 0;}
#index .mainWrap ul li#nav04 a{ background: url(../image/home/nav04.png) no-repeat 0 0;}
#index .mainWrap ul li#nav05 a{ background: url(../image/home/nav05.png) no-repeat 0 0; height:54px;}

#index .mainWrap ul li#nav01 a:hover,
#index .mainWrap ul li#nav02 a:hover,
#index .mainWrap ul li#nav03 a:hover,
#index .mainWrap ul li#nav04 a:hover,
#index .mainWrap ul li#nav05 a:hover {
	opacity: 0.8;
}
#index #bannerNet {
	margin-top: 13px;
	text-align: center;
}