@charset "utf-8";


/* FLASH
----------------------------------------------- */
div#flasharea {
	width: 690px;
	margin: 0 auto 10px;
	padding-top: 4px;
	zoom: 1;
}

div#flasharea:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

div#flasharea h2 {
	float: left;
	margin: 0;
	padding: 0;
}

div#flasharea p {
	float: right;
	margin: 0;
	padding: 0;
}

ul#main_navi {
	width: 690px;
	margin: 0 auto;
	zoom: 1;
}

ul.main_navi:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

ul.main_navi li {
	float: left;
	margin: 0 3px 5px 0;
	width: 228px;
	height: 210px;
	text-indent: -9999px;
	overflow: none;
}

ul.main_navi li.right {
	margin-right: 0;
}

ul.main_navi li a {
	width: 228px;
	height: 210px;
	display: block;
}

ul.main_navi li.btn01 a { background: url("../img/main/pdt_btn01.jpg") no-repeat 0 0;}
ul.main_navi li.btn01 a:hover { background: url("../img/main/pdt_btn01.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn02 a { background: url("../img/main/pdt_btn02.jpg") no-repeat 0 0;}
ul.main_navi li.btn02 a:hover { background: url("../img/main/pdt_btn02.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn03 a { background: url("../img/main/pdt_btn03.jpg") no-repeat 0 0;}
ul.main_navi li.btn03 a:hover { background: url("../img/main/pdt_btn03.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn04 a { background: url("../img/main/pdt_btn04.jpg") no-repeat 0 0;}
ul.main_navi li.btn04 a:hover { background: url("../img/main/pdt_btn04.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn05 a { background: url("../img/main/pdt_btn05.jpg") no-repeat 0 0;}
ul.main_navi li.btn05 a:hover { background: url("../img/main/pdt_btn05.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn06 a { background: url("../img/main/pdt_btn06.jpg") no-repeat 0 0;}
ul.main_navi li.btn06 a:hover { background: url("../img/main/pdt_btn06.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn07 a { background: url("../img/main/pdt_btn07.jpg") no-repeat 0 0;}
ul.main_navi li.btn07 a:hover { background: url("../img/main/pdt_btn07.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn08 a { background: url("../img/main/pdt_btn08.jpg") no-repeat 0 0;}
ul.main_navi li.btn08 a:hover { background: url("../img/main/pdt_btn08.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn09 a { background: url("../img/main/pdt_btn09.jpg") no-repeat 0 0;}
ul.main_navi li.btn09 a:hover { background: url("../img/main/pdt_btn09.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn10 a { background: url("../img/main/pdt_btn10.jpg") no-repeat 0 0;}
ul.main_navi li.btn10 a:hover { background: url("../img/main/pdt_btn10.jpg") no-repeat 0 -210px;}
ul.main_navi li.btn11 a { background: url("../img/main/pdt_btn11.jpg") no-repeat 0 0;}
ul.main_navi li.btn11 a:hover { background: url("../img/main/pdt_btn11.jpg") no-repeat 0 -210px;}



/* ニュース
----------------------------------------------- */
div#newsarea {
	width: 400px;
	margin: 0 auto;
	font-size: 90%;
}

div#newsarea dl {
	padding: 10px 0;
	background: url("../img/common/line_400.gif") no-repeat bottom;
}

div#newsarea dl.end {
	padding: 10px 0;
	background: url("") no-repeat bottom;
}

div#newsarea dl dt {
	padding: 0 0 0 20px;
	background: url("../img/top/news_icon.gif") no-repeat;
}


/* おすすめ
----------------------------------------------- */
div#recomendarea {
	width: 690px;
	margin: 0 auto;
	clear: both;
}

div.recomendblock {
	padding: 10px 0 10px 10px;
	clear: both;
	overflow: auto;
}

div.recomendleft {
	float: left;
	width: 160px;
	margin-right: 10px;
}

div.recomendright {
	float: left;
	width: 160px;
	margin-right: 10px;
}

div.recomendleft p.photo,
div.recomendright p.photo {
	width: 150px;
	height: 102px;
	padding: 5px;
	text-align: center;
	background: #DDECD9;
}

div.recomendleft img, div.recomendright img {
	margin: 0 auto;
}

div.recomendleft p.mini,
div.recomendright p.mini {
	margin: 0 0 5px 0;
	font-size: 10px;
	line-height: 130%;
}

div.recomendleft h3,
div.recomendright h3 {
	font-size: 12px;
	text-align: center;
}

div.recomendleft h3 a,
div.recomendright h3 a {
	color: #5CA04B;
}
