@charset "utf-8";

/* トップページ css
------------------------------------------------- */

div#wrapper div#containar {
	width: 960px;
	margin: 0 auto;
	}

div#wrapper div#contents {
	padding: 0 0 220px 0;
	}

div#Flash-area {
	margin-bottom: 12px;
	}

div#contents-wrap {
	padding-left: 20px;
	background: url(../images/wood.jpg) repeat-y 554px top;
	overflow:hidden; zoom:1;
	}

div#contents-wrap div.Left {/*
	width: 557px;*/
	width: 568px;/*
	background: url(../images/wood.jpg) right top repeat-y;*/
	float: left;
	}

div#contents-wrap div.top-section {
	width: 512px;
	}

div.top-section div.pickup-img {
	width: 143px;
	padding: 21px 0 0 0;
	float: left;
	background: url(../images/pickup_bg.jpg) left top no-repeat;
	}

div.top-section div.pickup-img img {
	padding: 0px 0 0 19px;
	}

div.top-section div.pickup {
	padding: 22px 0 0 0;
	margin-left: 155px;
	}

div.top-section div.pickup div.ttl_area {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 6spx;
	background: url(../images/pickup_dotted.gif) left bottom repeat-x;
	}

div.top-section div.pickup div.ttl_area h2 {
	}

div.top-section div.pickup div.ttl_area span.Lmds {
display: block;
	width: 100px;
	color: #cb0030;
	font-weight: bold;
	font-size: 14px;
	}

div.top-section div.pickup div.ttl_area span.Rmds {
display: block;
	margin: -17px 0 0 70px;
	font-size: 16px;
	line-height: 23px;
	}

div.top-section div.pickup div.ttl_area p {
	position: absolute;
	top: 0px;
	left: 299px;
	}

div.top-section div.pickup div.notes_area {
	padding: 8px 0 16px 6px;
	background: url(../images/butterfly.jpg) right bottom no-repeat;
	}

div.top-section div.pickup div.notes_area a {
text-decoration: underline;
	}

div.top-section div.pickup div.notes_area dl {
	line-height: 1.3;
	}

div.top-section div.pickup div.notes_area dl dt {
	margin-bottom: 6px;
	}

div.top-section div.pickup div.notes_area dl dd {
	margin-bottom: 18px;
	}

div#contents-wrap div.bottom-section {
	width: 512px;
	padding: 20px 0 0 0;
	margin: 8px 0 0 15px;
	background: url(../common/commom_img/dotted.gif) left top repeat-x;
	}

div.bottom-section div.ttl_area {
	position: relative;
	height: 15px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	background: url(../images/topics_dotted.gif) left bottom repeat-x;
	}

div.bottom-section div.ttl_area p {
    position: absolute;
	top: 0px;
	left: 437px;
	width: 75px;
	height: 10px;
	}

div.bottom-section div.ttl_area h2 {
	height: 15px;
	background: url(../images/topics_ttl.gif) left top no-repeat;
	text-indent: -9999px;
	}

div.bottom-section dl {
	padding-bottom: 8px;
	margin-bottom: 8px;
	line-height: 1.3;
	background: url(../common/commom_img/dotted.gif) left bottom repeat-x;
	}

div.bottom-section dl dt {
	width: 100px;
	padding-left: 10px;
	color: #CD0030;
	}

div.bottom-section dl dd {
	margin: -17px 0 0 70px;
	}

div.bottom-section ul li {
	width: 160px;
	margin: 6px 10px 0 0;
	float: left;
	}

div.bottom-section ul li p {
	font-size: 82%;
	color: #333;
	text-align: center;
	padding-top: 5px;
	}

div.bottom-section p.backnumber {
    margin-bottom: 7px;
    text-align: right;
	}

div#contents-wrap div.Right {
	width: 353px;
	float: left;
	}

div.Right {
	width: 353px;
	float: left;
	}
div.Right ul li.offset { margin-left:-11px; }

/*  add
------------------------------------------------- */
#index-header { position:relative; background:url('../images/head_bg.jpg') no-repeat left top; height:93px; }
#index-header h1 a,
#index-header h1 span { display:block; position:absolute; left:36px; top:13px; width:255px; height:58px; background:url('../common/commom_img/logo.gif') left top no-repeat; text-indent:-9999px; font-size:1px; line-height:0; }
#index-header p { position:absolute; right:29px; top:0; }
#index-mv { position:relative; background:url('../images/mv_bg.jpg') no-repeat left top; height:434px; padding-left:35px; }

#index-mnavi { position:absolute; left:0; bottom:0; background:#fcc; }
#index-mnavi li { position:absolute; bottom:18px; }
#mnavi01 { left:154px; }
#mnavi02 { left:385px; }
#mnavi03 { left:571px; }

#slideshow {
	position:relative;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow img.active {
	z-index:10;
}
#slideshow img.last-active {
	z-index:9;
}