@charset "utf-8";
/*
base
------------------*/

body {
	background:url(../img/common/back_index.png) repeat-x top left;
}
body#bodytop {
	background:url(../img/common/back_top.png) repeat-x top left;
}
#bodytop #leftMenu{
	display:none;
}
#leftMenu{
	margin:30px 0 0 0px;
}

#maincol {
	clear:both;
	float:none;
	margin:0px auto 20px auto;
	background-color:transparent;
	overflow:hidden;
	zoom:1;
}

#main {
	margin:20px 0 0 0;
}
#bodytop #main {
	margin:40px 0 0 0;
	background-color:#FFF;
	border:solid 1px #a57267;
	border-bottom:solid 0px #a57267;
	width:858px;
	float:none;
	clear:both;
	padding:10px 20px 100px 20px;
	overflow:hidden;
	zoom:1;
}
#bodytop #footer {
	clear:both;
	margin:-93px 0 0 0;
}

/*各コンテンツTOPメインイメージ
------------------*/
#topMainImage{
	margin-top:20px;
}

h1{
	padding:0;
	height:auto;
	background-image:none;
}

/*TOPイメージがかわる
------------------*/
#topicPathAll{
	position:relative;
	width:900px;
	margin:auto;
	margin-top:20px;
}

.topPickupStage{
	width:900px;
	height:330px;
	z-index:1;
	top:0;
	/*background-color:#FFF;*/
	transition        : opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition   : opacity 0.5s linear;
	-o-transition     : opacity 0.5s linear;
	-ms-transition    : opacity 0.5s linear;
}


#topPickupThumb{
	position:absolute;
	z-index:3;
	top:260px;
	right:10px;
}

#topPickupThumb ul{
	list-style:none;
	overflow:hidden;
	zoom:1;
}
#topPickupThumb ul li{
	float:right;
	padding-right:10px;
}
#topPickupThumb ul li img{
	border:3px solid #5E3F14;
	margin:0; 
	padding:0; 
	vertical-align:top;
}

#topMainSection{
	float:left;
	width:640px;
}
#topSubSection{
	float:right;
	width:200px;
}
#topMainSection ul.link_banner li{
	float:left;
	margin:5px 5px;
}
#topSubSection ul.link_banner li{
	margin:10px 0px 0 0 ;
}

/*新着とブログ更新
------------------*/

#main .whatsnew,#main .staffblog{
	width:310px;
	padding:0;
	margin-bottom:10px;
}

#main .whatsnew h3,
#main .staffblog h3{
	margin-top:0px;
}

#main .whatsnew{
	float:left;
}
#main .staffblog{
	float:right;
}

#main .whatsnew dl,
#main .staffblog dl{
	margin:0;
	padding:0;
}
#main .whatsnew dl dt,
#main .staffblog dl dt{
	padding:3px 6px 0 6px;
}
#main .whatsnew dl dd,
#main .staffblog dl dd{
	margin-left:0;
	background:url(../img/top/newsback.jpg) repeat-x bottom left;
	padding:3px 6px;
}
#main .whatsnew dl dt img{
	vertical-align:top;
}