@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2011-03-02
 * Editor:    contents tazaki
 * Modified:  2010-02-09 by:contents tazaki
 *
 * ***********************************************************
 */
 
/* container
---------------------------------------------------- */
body#top{
	background:url(../img/body_bg.jpg) repeat-x 0 0;
}
#top #container{
	margin:0px auto;
	text-align:center;
		width:100%;


}

/* header
---------------------------------------------------- */






/* wrapper
---------------------------------------------------- */

#top #wrapper{
	margin-top:1px;
	width:100%;
	background:url(../img/mainImg_bg.jpg) center top no-repeat;
	
}

#top #wrapper div.mainImg{
	width:920px;
	margin:0 auto;
	position:relative;
	height:579px;

}
#top #wrapper div.mainImg ul.m_btn{
	position:absolute;
	top:402px;
	left:260px;
}
#top #wrapper div.mainImg ul.m_btn li{
	float:left;
}

#top #wrapper div.mainImg p.img01{
	position:absolute;
	top:13px;
	left:10px;
}

#top #wrapper div.mainImg p.img02{
	position:absolute;
	top:0;
	left:558px;
}

#top #wrapper div.mainImg p.img03{
	position:absolute;
	top:184px;
	left:531px;
}

#top #wrapper div.mainImg ul.sNavTop{
	position:absolute;
	top:420px;
	left:10px;
}
#top #wrapper div.mainImg ul.sNavTop li a:hover img{
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}






#top #wrapper div.mypage{
	background:url(../img/mypage_box_mid.jpg) repeat-y 0 0;
	margin-bottom:10px;
}
#top #wrapper div.mypageInner{
	background:url(../img/mypage_box_btm.jpg) no-repeat 0 100%;
}
#top #wrapper div.mypageInner dl{

	padding-bottom:10px;
}
#top #wrapper div.mypageInner dl dt{
	margin-bottom:8px;
}
#top #wrapper div.mypageInner dl dd{
	width:203px;
	margin:0 18px 5px;
	text-align:center;
}
/* logout  ------------- */


#top #wrapper div.mypageInner dl dd.myName{
	color:#333;
	font-weight:bold;
	margin:0 18px;
	padding-bottom:0;	
	text-align:left;
}

#top #wrapper div.mypageInner dl dd.msg{
	font-size:86%;
	text-align:left;
}


/* gNavi
---------------------------------------------------- */

#top ul#gNavi{

}
	#top ul#gNavi:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	#top ul#gNavi{
	display:inline-block;
	}
	* html ul#gNavi{
	height:1%;
	}
	#top ul#gNavi{
	display:block;
	}


#top ul#gNavi li {
	float:left;
}


/* contents
---------------------------------------------------- */
#top #contents div#conL{
}



#top #contents div#conR{
	background:url(../img/contets_bg_top.jpg) 0 0 no-repeat #FFF;
}

#top #contents div#conR h3{
	padding-bottom:10px;
}

div#conR div.newsBox{
	background:url(../img/newsbox_bg_mid.jpg) repeat-y 0 0;
	margin-bottom:20px;
}
div#conR div.newsBoxInner{
	background:url(../img/newsbox_bg_btm.jpg) no-repeat 0 100%;
	
}

div#conR div.newsBoxTop{
	background:url(../img/newsbox_bg_top.jpg) no-repeat 0 0;
	padding:5px 15px 15px;
}
	div#conR div.newsBoxTop:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	div#conR div.newsBoxTop{
	display:inline-block;
	}
	* html div#conR div.newsBoxTop{
	height:1%;
	}
	div#conR div.newsBoxTop{
	display:block;
	}

div#conR div.newsBoxInner .newsBoxTop ul{
	float:left;
	width:450px;
}
div#conR div.newsBoxInner .newsBoxTop ul li{
	float:left;
	padding:10px;
	font-size:93%;
	width:450px;
	background:url(../common/icon_arrow_03.gif) 0 17px no-repeat;
	border-bottom:1px dotted #CCC;
	
}
div#conR div.newsBoxInner .newsBoxTop ul li a{
	padding:0 0 0 5px;
	
}
div#conR div.newsBoxInner .newsBoxTop ul li a span.date{
	padding:0 8px 0 0;
}
div#conR div.newsBoxInner .newsBoxTop ul li img{
	padding:0 0 4px 8px;
}

div#conR div.newsBoxInner .newsBoxTop div.imgBox{
	float:left;
	border:1px solid #EFEFEF;
	margin-top:10px;
	margin-right:10px;
	text-align:center;
	padding:1px;
}
div#conR div.newsBoxInner .newsBoxTop div.imgBox{
	
}




div#conR div.bnrArea{
	background:url(../common/line_dot01.gif) repeat-x 0 0;
	padding:10px 0 2px 0;
}
div#conR div.bnrArea p{
	padding-bottom:10px;
}

div#conR div.bnrArea.regular{
	position:relative;
}
div#conR div.bnrArea p.regular01{
	position:absolute;
	top:155px;
	left:504px;
	padding-bottom:0;
}
div#conR div.bnrArea p.regular02{
	position:absolute;
	top:241px;
	left:504px;
	padding-bottom:0;
}
div#conR div.bnrArea ul li{
	float:left;
	padding-right:6px;
}
div#conR div.bnrArea ul li.right{
	float:left;
	padding-right:0px;
}



div#conR div.recomend{
	background:url(../common/line_dot01.gif) repeat-x 0 100%;
	padding-bottom:10px;
}
div#conR div.recomend dl{
	float:left;
	margin-right:9px;
	margin-bottom:10px;
	width:150px;
	padding-bottom:10px;
}
*html div#conR div.recomend dl{
	width:148px;

}

div#conR div.recomend dl dt{
	border:1px solid #CCCCCC;
	width:150px;
	text-align:center;	
}
*html div#conR div.recomend dl dt{
	width:148px;
	text-align:center;
}

div#conR div.recomend dl dt img{
/*	width:120px; */	
	height:100px;
	padding:15px 0;
}

div#conR div.recomend dl.end{
	margin-right:0px;
}
div#conR div.recomend dl dd{
	padding:3px 5px 0;
}
div#conR div.recomend dl dd.detail{
	
}
div#conR div.recomend dl dd.price a{
	color:#CC0000;
	font-weight:bold;
}


div#conR div.bnrArea2{
	padding:7px 0 7px 0;
}
div#conR div.bnrArea2 p{
	float:left;
	padding:0 5px 5px 0;
}
div#conR div.bnrArea2 p.end{
	padding:0 0 0 0;
}
div#conR p.bnr04{
padding:15px 0;
}