@charset "shift_jis";
@import "base.css";
@import "layout.css";



/* -----------------------------
	top page
----------------------------- */

#wrap {
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	text-align: left;
	width: 820px;
	margin-top:5px;




} 
#key {
	margin-bottom:7px;
	padding-top:0px;
	width: 820px;
}
#key-logp {
	margin-bottom:2px;
	padding-top:20px;
}
.pagetop {
	display:none;
}
#rightBox{
	float:left;
	width:170px;
	margin-top:-3px;
	background-color:#faf5ed;
	text-align:left;
}
#rightBox h2{
}
#ranking_body {
	padding-top:5px;
	border-right:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	border-left:1px #b2b2b2 solid;
}
#rightBox .ranking{
	background:url(../img/ranking_bottom.gif) center bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
}
#rightBox span{
	background:url(../img/ranking_bg.gif) center center no-repeat;
	display:block;
	padding:2px;
	margin-bottom:5px;
	text-align:center;
}
#rightBox span img {
	display:block;
	text-align:center;
	margin: 0px auto;
}
#rightBox div h3{
	float:left;
	padding-left:5px;
	padding-right:5px;
	height: 65px ;
}
#rightBox div h4{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
}
#rightBox div p{

	font-size:11px;
	padding-right:5px;
}
#rightBox div.end{
	background:none;
	padding-bottom:0px;
}
#rightBox2{
	float:left;
	width:170px;
	margin-top:8px;
	background-color:#ffffff;
	text-align:left;
}
#rightBox2 div h3{
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.headlines{
	width:166px;
margin: 10px 0px 0px 0px;
padding: 10px 1px 8px 1px;
font-size: x-small;
text-align: center;
line-height: 1.166;
border: 1px solid #b3b3b3 ; /* 枠線 */
background: #ffffff;
	float:right;

}
.headlines h3{
font-weight: bold ;
margin: 0px 0px 0px 2px;
font-size: 110%;
}
.headlines p{
margin: 0px 3px 0px 9px ;
text-align: left;
}
.headlines img{
padding: 0px 0px 2px 0px;
margin: 4px 0px 1px 0px ;
border: none ;
}


#centermenu2{
	margin-top:5px;
	margin-bottom:10px;
}
#centermenu h3{
	height:0;
	overflow:hidden;
}
.item2{
	width:200px;
	height:159px;
	float:left;
	margin-top:17px;
}
#centermenu p{
	font-size:10px;
	padding:15px;
	padding-bottom:0;
	padding-top:85px;
	line-height:150%;
	text-align: left;
}
#centermenu a{
	font-size:10px;
	margin-left:110px;
	display:block;
}
#centermenu05{
	background:url(../img/centermenu05_bg.jpg) 0 0 no-repeat;
}
#centermenu06{
	background:url(../img/centermenu06_bg.jpg) 0 0 no-repeat;

}
#centermenu05 a{
	color:#f2984c;
	background:url(../img/icon_e.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}
#centermenu06 a{
	color:#abc613;
	background:url(../img/icon_c.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:20px;
}



#news{
	border:1px solid #b2b2b2;
	width:445px;
	margin-top:20px;
}

#news ul{
	padding:10px 10px 7px 15px;
	text-align: left;
	line-height:1.3;
}
#news span{
	padding-right:6px;
	text-align: left;
}
#news li{
	margin-bottom:8px;
	padding: 0px;
}

.i_new {
position : absolute; 
	color:#ff0000;
	font-weight:bold;
	font-size:10px;
	margin:0px 0px 0px 14px;
	}




#guide{

	border-left:1px #b2b2b2 solid;
	border-right:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	width:444px;
	margin-top:0px;
	background-color:#EFEFEF ;
	height:235px;
}


#guide ul{
	padding:10px 10px 7px 15px;
	text-align: left;
	line-height:1.3;

}
#guide h3{
	font-size: 1.2em;

	line-height: 1;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 4px 32px;
	clear: both;
	min-height: 16px;
	_height: 16px;
	letter-spacing : 2px ;
	font-size: 14px !important ;
	font-weight: bold ;
	color: #FF3333;
}
#guide li{
	margin-bottom:8px;
	padding: 0px;
}
#guide p{
	font-size:12px;
	padding:3px;
	padding-bottom:0;
	line-height:1.3;
	margin-bottom:1px;

	text-align: left;
margin: 0px 7px 3px 0px; /* サイトトピックの上に表示 */

	margin-left:8px;
}


#lMenuType { 
width : 444px; 
padding-top : 0px; 
} 
#lMenuType ul { 
margin : 0px 0px 0px 0px; 
padding : 10px 0px 0px 0px; 

	background-color:#EFEFEF ;
} 
dl#lMenuType ul li { 
background-image : url(../img/attention.gif); 
background-repeat : no-repeat; 
height : 16px; 
padding : 0px 0px 0px 0px; 
width : 440px; 
line-height : 1.1em; 
} 
dl#lMenuType li a { 
padding : 2px 0px 0px 300px; 
	text-align: right;
display : block; 
font-weight : bold; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 128px; 
} 
dl#lMenuType dd ul li#gd1_01 { 
background-image : url(../img/attention.gif); 
} 



#card{

	width:445px;
	margin-top:8px;
	padding-top:2px;
}


#card ul{
	padding:10px 10px 7px 15px;
	text-align: left;
	line-height:1.3;
}
#card span{
	padding-right:6px;
	text-align: left;
}
#card li{
	margin-bottom:8px;
	padding: 0px;
}

#card p{
	font-size:12px;
	padding:3px;
	padding-bottom:0;
	padding-top:3px;
	margin-bottom:1px;
	line-height:130%;
	text-align: left;

	margin-left:8px;
}
#card h5{
	font-size: 10px

margin: 0px 7px 0px 0px; /* サイトトピックの上に表示 */
	background-image: url("../../img/card_h4.gif");
	background-repeat: no-repeat;
	line-height: 1;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 0px 10px;
	clear: both;
	min-height: 20px;
	_height: 20px;
	letter-spacing : 1px ;
	font-size: 14px !important ;
	font-weight: bold ;
	color: #FDFDFD;
}
#card h4{
	font-size: 10px

margin: 0px 7px 0px 0px; /* サイトトピックの上に表示 */
	background-image: url("../../img/card_h4.gif");
	background-repeat: no-repeat;
	line-height: 1;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 0px 10px;
	clear: both;
	min-height: 20px;
	_height: 20px;
	letter-spacing : 1px ;
	font-size: 14px !important ;
	font-weight: bold ;
	color: #FDFDFD;
}
#card p img{
	font-size:12px;
	padding-bottom:0;
	padding-top:0px;
	margin-bottom:1px;
padding: 0px 50px 0px 0px; /* サイトトピックの上に表示 */
	width:445px;
}

#centermenu{
	margin-top:1px;
	margin-bottom:10px;
	height:325x;
}
#centermenu h3{
	height:0;
	overflow:hidden;

}
.item{
	width:229px;
	height:325x;
	float:left;
	margin-top:10px;
}
.item2{
	width:200px;
	height:176px;
	float:left;
	margin-top:10px;
}







#centermenu p{
	width:200px;
	font-size:10px;
	padding:5px;
	padding-bottom:0;
	padding-top:45px;
	line-height:150%;
	text-align: left;

}
#centermenu a{
	font-size:10px;
	margin-left:127px;
	display:block;
margin-top:-10px;
	margin-bottom:12px;
	margin-right:20px;
}


#centermenu01{
	background:url(../img/centermenu01_bg.jpg) 0 0 no-repeat;
}
#centermenu02{
	background:url(../img/centermenu02_bg.jpg) 0 0 no-repeat;
}
#centermenu03{
	background:url(../img/centermenu03_bg.jpg) 0 0 no-repeat;
}
#centermenu04{
	background:url(../img/centermenu04_bg.jpg) 0 0 no-repeat;
}
#centermenu05{
	background:url(../img/centermenu05_bg.jpg) 0 0 no-repeat;
}
#centermenu06{
	background:url(../img/centermenu06_bg.jpg) 0 0 no-repeat;
}


#centermenu01 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:25px;
}
#centermenu02 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:25px;
}
#centermenu03 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:25px;
}
#centermenu04 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:25px;
}

#centermenu05 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:23px;
}
#centermenu06 a{
	color:#9d7c3d;
	background:url(../img/icon_d.gif) 0 0 no-repeat;
	padding-bottom:5px;
	padding-left:23px;
}


#topr{
	float:left;
	width:170px;

padding: 10px 0px 10px 0px;
	text-align:left;
}
#topr h2{
}
#rankingright_body {
	padding-top:8px;
	background-color:#faf5ed;

	border-right:1px #b2b2b2 solid;
	border-bottom:1px #b2b2b2 solid;
	border-left:1px #b2b2b2 solid;
}
#topr .rankingright{
	background:url(../img/rankingright_bottom.gif) center bottom no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
}





#topr span{
	background:url(../img/ranking_bg.gif) center center no-repeat;
	display:block;
	padding:2px;
	margin-bottom:5px;
	text-align:center;
}
#topr span img {
	display:block;
	text-align:center;
	margin: 0px auto;
}
#topr div h3{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#topr div h4{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}
#topr div p{
	font-size:11px;
	padding-left:8px;
}
#topr div.end{
	background:none;
	padding-bottom:0px;
}

#content{
	width:442px;
	margin-bottom:13px;
	margin-top:-9px;
}
#content ul{
	padding:10px 20px 7px 20px;
	text-align: left;
	line-height:1.3;
}
#content span{
	padding-right:10px;
	text-align: left;
}
#content li{
	margin-bottom:10px;
	padding: 0px;
}
#content p{
	margin-bottom:0px;
	padding: 2px;
}

#sale_content{
	width:451px;
	top: 5px ;
}
#sale_content p{
	margin-bottom:10px;
	padding: 2px;
}



#attention{
	border:1px solid #b2b2b2;
	width:445px;
	margin-top:20px;
	background-color:#ffffff;

}
#attention ul{
	padding:10px 20px 7px 20px;
	text-align: left;
	line-height:1.3;
}
#attention span{
	padding-right:10px;
	text-align: left;
	padding-bottom:5px;
}
#attention li{
	margin-bottom:10px;
	padding: 0px;
}


#pickup2{


height: 58px; /* サイトロゴの高さ */
position : absolute; 
	font-size:10px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:120%;
	text-align: right;
	padding: 0px 5px 1px 420px;
	margin-top:-50px;
	text-align:left;
}


#top_pickup{
	margin: 0px 10px 0px 0px;
	margin-bottom:0px;
	margin-top:5px;
	width: 445px;
height: 605px; /* サイトロゴの高さ */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 繰り返しなし */

background : url(../img/br_h3.gif) no-repeat left top; 

}

#top_pickup dt{
	margin: 0px 0px 0px 0px;
}


#top_pickup ul{
	margin: -10px 10px 0px 4px;
	width: 434px;

}

#top_pickup ul li{

	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 144px;
	float: left;

}

#top_pickup ul li.n3{


}

#top_pickup li p{

	font-size:11px;
padding : 0px 0px 0px 0px; 
line-height : 1.2em; 

}

#top_pickup ul li img{
	padding: 0px 0px 0px 0px;
	display:block;
	text-align:center;
	padding: 0px auto;
	margin: 0px 0px 0px 6px;
width : 135px; 
}

#top_pickup ul li img a {

padding : 0px 0px 0px 0px; 
display : block; 
line-height : 1.2em; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 144px; 
	margin: 0px 0px 0px 6px;

}

#top_pickup h3 {
	line-height: 1;
	margin: 1px 0px 0px 0px;
	padding: 10px 0px 0px 23px;
	clear: both;
	min-height: 30px;
	_height: 30px;
	letter-spacing : 1px ;
	font-size: 16px !important ;
	font-weight: bold ;
	color: #FDFDFD;
}


#top_pickup ul li p { 
padding : 0px 0px 0px 0px; 
line-height : 1.2em; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 134px; 
	margin: 5px 0px 1px 8px;
} 

#top_pickup ul li p a {

padding : 3px 0px 0px 0px; 
display : block; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 135px; 
	margin: 0px 0px -5px 0px;

}
#top_pickup ul li p img {

padding : 0px 0px 0px 0px; 
display : block; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 135px; 
	margin: 0px 0px 10px 0px;

}

.check { 
background : #fff1f1; 
color : #ed0000; 
} 
#center_bnr{
	top: 0px ;
	margin-bottom:10px;
}
#center_bnr h3{
	height:0;
	overflow:hidden;

}
.bnr{
	width:219px;
	height:125x;
	float:left;
	margin-top:10px;
}


#center_bnr p {
	width:200px;
	font-size:9px;
	padding:5px;
	padding-bottom:0;
	padding-top:48px;
	line-height:150%;
	text-align: left;

}
#center_bnr a{
	font-size:10px;
	margin-left:128px;
	display:block;
margin-top:-10px;
	margin-bottom:12px;
}

#center_bnr1 a{
	color:#9d7c3d;
	padding-bottom:5px;
	padding-left:25px;
}
#center_bnr2 a{
	color:#9d7c3d;
	padding-bottom:5px;
	padding-left:25px;
}
#centermenu3 a{
	color:#9d7c3d;
	padding-bottom:5px;
	padding-left:25px;
}
#center_bnr4 a{
	color:#9d7c3d;
	padding-bottom:5px;
	padding-left:25px;
}


text-decoration: none;
}









#centerBox2{
	width:445px;
	margin-top:15px;
}

#centerBox2 p{
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:190%;
	text-align: left;
	padding: 30px 15px 1px 9px;
	margin-top: 50px;
	text-align:left;
	width:425px;
	background-image: url("../img/br_h3.gif.gif");
	background-repeat: no-repeat;
} 
#centerBox2 h4{
	font-style: normal;
	font-weight: normal;
	font-size:14px;
	padding:8px;
	padding-bottom:0;
	padding-top:9px;
	margin-bottom:0px;
	line-height:160%;
	text-align: left;
	margin-top: 1px;
	background-image: url("../../img/centerbox.gif");
	background-repeat: no-repeat;

	width: 440px;
	height:45px;
} 

#centertop{
	position: relative ;
}
#centertop > {
	width: 448px;
	text-align:left;
	height:160px;
	margin-top:10px;
position : absolute; 
	margin-bottom:2px;
	float:left;

}
#centertop h3{
	position: absolute ;
	left: 463px ;
	top: 680px ;
	height: 120px ;
	width: 170px ;
	padding-top: 38px ;

	z-index: 10000 ;
	font-size: 10px !important ;
	font-weight: bold ;
	color: #FF3366;
	text-align: left ;
	margin-bottom:10px;


}
#centertop p{ 
position : absolute; 
	font-size:10px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:120%;
	text-align: left;
	padding: 55px 5px 1px 95px;
	margin-top:780px;
	text-align:left;
	width:165px;
	left: 58px ;
	background: url("../../img/top_h3.gif") no-repeat ;
	height: 180px ;
}
#center2{
	position: relative ;
}
#center2{
	position: relative ;
}
#center2 > {
	width: 451px;
	text-align:left;
	height:300px;
	margin-top:10px;
position : absolute; 
	margin-bottom:100px;
}

#center2 p{
position : absolute; 
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0px;
	line-height:190%;
	text-align: left;
	padding: 56px 15px 1px 9px;
	margin-top:1436px;
	text-align:left;
	width:451px;
} 
#center2 h3{
position : absolute; 
	font-style: normal;
	font-weight: normal;
	font-size:12px;
	padding:8px;
	padding-bottom:0;
	padding-top:20px;
	margin-bottom:0px;
	line-height:160%;
	text-align: left;
	margin-top:1344px;
	background-image: url("../../img/centerbox3.gif");
	background-repeat: no-repeat;
	height: 120px ;
	width: 408px;
} 

#topmain {
	padding: 990px 0px 0px 0px;
	margin-bottom:1px;
	width: 460px;
	font-size:0.85em;
	height: 930px ;
	right: 0px ;
	border:1px solid #b2b2b2;
	width:445px;
	margin-top:20px;

}
#topmain h4{

}

#topmain p{
	font-size:0.85em;
	width: 135px;
}

#topmain ul{
	padding: 0px 0px 0px 1px;
	width: 460px;
	float: right;
}

#topmain ul li{
	margin: 200px 5px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 135x;
	float: left;

}

#topmain ul li.n3{

}
#topmain ul li p{
	margin: 0px 0px 5px 0px;
	font-size:11px;
	width: 135px;

}


#topmain ul li img{
	text-align:center;
	padding: 0px auto;

}
#topmain ul li a { 
padding : 15px 0 15px 0px; 
display : block; 
line-height : 1.2em; 
font-weight : bold; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 135px; 
} 

/* -----------------------------
		footer
----------------------------- */


#footer2 img{
padding: 1px 4px 0px 4px; /* サイトバナーの位置 */
float: left; /* サイトバナーをフッタの左に */

}

#footer2 h3{
float: right; /* サイトコピーライトをフッタの右に */
padding-top: 8px; /* サイトコピーライトの上からの位置 */
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 110%;
font-weight: normal;
color: #666666;
}

#footer2 a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #666666;
}

#top_item{
	margin: 0px 0px 10px 0px;
	margin-bottom:10px;
	margin-top:6px;
	width: 455px;
height: 905px; /* サイトロゴの高さ */
}

#top_item dt{
	margin: 0px 0px 3px 0px;
}


#top_item ul{
	margin: 0px 0px 00px 00px;
	width: 455px;
}

#top_item ul li{

	margin: 0px 0px 0px 0px;
	padding: 2px 1px 0px 0px;
	width: 145px;
	float: left;

}
#top_item ul li p{
	margin: 0px 0px 5px 0px;
	font-size:11px;
	width: 145px;

}
#top_item ul li.n3{
	background: url(../../img/pickup3_bk.gif) no-repeat right bottom;

}
#top_item ul li p{
	margin: 6px 0px 30px 0px;
	font-size:11px;

}
#top_item ul li img{

	display:block;
	text-align:center;
	padding: 0px auto;
	margin: 0px 0px 0px 0px;
}
#top_item p{
	font-size:0.85em;
	width: 145px;
	margin: 10px 0px 0px 0px;
}
#top_item ul li a { 
padding : 0px 0 15px 0px; 
display : block; 
line-height : 1.2em; 
font-weight : bold; 
background-repeat : no-repeat; 
background-position : left bottom; 
width : 145px; 
	margin: 0px 0px 0px 0px;
} 







#lineup {
	padding: 0px 50px 10px 0px;
	margin-bottom:47px;
	margin-top:5px;
	width: 426px;
	font-size:0.85em;
	height: 115px ;
}
#lineup p{
	font-size:0.75em;
	width: 130px;
}

#lineup ul{
	padding: 0px 2px 0px 1px;
	width: 402px;
}

#lineup ul li{
	margin: 0px 1px 0px 0px;
	padding: 2px 3px 0px 0px;
	width: 125px;
	float: left;
}

#lineup ul li.n3{

}
#lineup ul p{
	margin: 4px 0px 0px 0px;
	font-size:11px;
	width: 125px;
}
#lineup ul li img{
	text-align:center;
	padding: 0px auto;
	width: 125px;
}
#lineup li p{
	margin: 4px 0px 0px 0px;
	font-size:11px;
	width: 125px;
}

div.section { 
margin : 0 0 22px 0; 
} 
.boxL { 
float : left; 
display : inline; 
} 
.boxR { 
float : right; 
display : inline; 
} 
.imgL { 
margin-right : 10px; 
float : left; 
} 
.imgR { 
margin-left : 10px; 
float : right; 
} 

#centerBox2{
	text-align:left;
	float:left;
	width:408px;
	background-image: url("../../img/h4_top.gif");
	background-repeat: no-repeat;
	padding-bottom:0;
	margin-top:15px;
height: 90px; /* サイトロゴの高さ */
}
#centerBox2 p{
	font-size:12px;
	padding:10px;
	padding-bottom:0;
	padding-top:7px;
	margin-bottom:100px;
	line-height:160%;
	text-align: left;
margin: 0px 7px 0px 0px; /* サイトトピックの上に表示 */

	margin-left:8px;
}


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

#header {
	margin: 0px auto;
	margin-bottom:4px;
	padding: 0px;
	position: relative;
	width: 820px;
height: 98px; /* サイトロゴの高さ */
background: #FFF url("../img/header20.gif") no-repeat;background-position:right top; /* 背景画像の表示のさせ方 右・上に合わせている */
background-repeat:no-repeat; /* 背景画像の表示のさせ方 繰り返しなし */

}

#header h1 { 
position : absolute; 
right :23px;
	margin-top:2px;
height : 20px; 
padding-top : 2px; 
padding-right : 0px; 
z-index : 10000; 
font-size : 13px !important ; 
font-weight : bold; 
color : #696969; 
width : 618px; 
display : block !important ; 
text-align : right; 
} 
#header > h1 { 
height : 20px; 
width : 420px; 
} 

#header img { 
	float: left;

	margin-top:38px;
	padding-bottom:16px;
} 
#header h2{ 
position : absolute; 
left : 10px; 
margin-top:27px;
color : #BDB76B; 
font-family: ＭＳ Ｐ明朝、Times New Roman、Garamond、MS Georgia; 
font-size : 10px; 
	margin-left:1px;
	float: left;

} 
#header p { 
position : absolute; 
left : 11px; 
top : 3px; 
padding-left : 0px; 
z-index : 10000; 
font-size : 10px !important ; 
font-weight : bold; 
color : #696969; 
text-align : left; 
} 


} 
#header h3 { 
left : 20px; 
top : 225px; 
} 
#header h2 a, #footer a:link, #footer a:visited{ /* サイトコピーライトの文字色 */
color: #999999;
text-decoration: none;
}