*
	{
	margin: 0px;
	padding: 0px;
	}

body
	{
	background:url(images/head.gif) center top no-repeat #fcdada;
	font-size: 13px;
	color: #444;
	text-align:center;
	line-height:160%;
	font-family:'Verdana'
	}

br
	{
	letter-spacing:0px;
	}

a
	{
	color:#2e88dc;
	text-decoration:none;
	}

a:hover
	{
	color:#ccc;
	}

img
	{
	border:none;
	}

h1,h2,h3,p ul,li
	{
	padding:0;
	margin:0;
	}



/********* layout *********/

#wrap 	{
	width: 870px;
	margin:0 auto;
	text-align: left;
	background:url(images/wrap.gif) repeat-y;
	}

#main
	{
	width:640px;
	float:right;
	margin:0px 10px 10px 0px;
	display:inline;
	background:url(images/main-top.gif) center top no-repeat #fff;
	padding-top:10px;
	}

#side
	{
	width:210px;
	float:left;
	margin-left:10px;
	background:url(images/side-top.gif) center top no-repeat #fff;
	display:inline;
	padding-top:100px;
	}


/********* header *********/

#head
	{
	width:870px;
	height:201px;
	background:url(images/head.gif) center top no-repeat #fcdada;
	}

h1
	{
	font-weight:normal;
	font-size:10px;
	padding:3px 10px 10px 35px;
	color:#704d23;
	width:400px;
	margin-left:315px;
	letter-spacing:1px;
	text-align:center;
	}

#head p
	{
	text-indent:-9999px;
	}


/********* rank *********/

#rank-h2
	{
	background:url(images/rank-h2.gif) left center no-repeat;
	height:48px;
	text-indent:-9999px;
	clear:both;
	margin-left:25px;
	}

.recobox
	{
	margin:0px 10px 0px 10px;
	clear:both;
	padding:0 7px;
	width:600px;
	padding-bottom:20px;
	}

.recobox img
	{
	float:left;
	margin-right:10px;
	vertical-align:center;
	padding-top:10px;
	display:inline;
}




.recobox h3
	{
	font-size:14px;
	border-bottom:1px solid #d9464e;
	margin-bottom:7px;
	color:#666666;
	background:#fbeef2;
	margin-left:10px;
	padding:7px 3px 7px 45px;
	}


#rank1,#rank2,#rank3,
#rank4,#rank5
	{
	font-weight:bold;
	padding:20px 3px 8px 5px;
	}


#rank1
	{
background:url(images/rank1.gif) left center no-repeat;
	}

#rank2
	{
background:url(images/rank2.gif) left center no-repeat;

	}

#rank3
	{
background:url(images/rank3.gif) left center no-repeat;
	}

#rank4
	{
background:url(images/rank4.gif) left center no-repeat;
	}

#rank5
	{
background:url(images/rank5.gif) left center no-repeat;
	}

#rank0
	{
background:url(images/rank0.png) left center no-repeat;
	}

.c1
	{
	border-top:1px dashed #c4cebb;
	width:320px;
	padding:5px;
	float:left;
	}

.c2
	{
	border-top:1px dashed #c4cebb;
	width:260px;
	padding:5px;
	float:left;
	}




.c1 span,
.c2 span,
.c3 span
	{
	background:#e1d1bf;
	padding:5px 7px;
	margin:5px 15px 5px 5px;
	}


.pa
	{
	text-align:right;
	margin-right:7px;
	}

.order
	{
	border-top:1px dashed #c4cebb;
	text-align:center;
	clear:both;
	padding-top:10px;
	}

.order a
	{
	display:block;
	width:299px;
	height:40px;
	text-indent:-9999px;
	background:url(images/order.gif) 0px 0px no-repeat;
	margin:5px auto;
	}

.order a:hover
	{
	background:url(images/order.gif) 0px -40px no-repeat;
	}




.order2
	{
	border-top:1px dashed #c4cebb;
	text-align:center;
	clear:both;
	padding-top:10px;
	}

.order2 a
	{
	display:block;
	width:299px;
	height:40px;
	text-indent:-9999px;
	background:url(images/order2.gif) 0px 0px no-repeat;
	margin:5px auto;
	}

.order2 a:hover
	{
	background:url(images/order2.gif) 0px -40px no-repeat;
	}




/********* reco *********/

#s-1
	{
	background:url(images/side-1.gif) left center no-repeat;
	text-indent:-9999px;
	height:51px;
	}

#side ul
	{
	padding:0;
	margin:0 0 0 15px;
	list-style-type:none;
	}


#side img
	{
	margin-bottom:10px;
	margin-left:15px;
	}

#cate li
	{
	background:url(images/cate.gif) left center no-repeat;
	padding-left:15px;
	margin-bottom:5px;
	margin-right:18px;
	border-bottom:1px solid #fcdada;
	}


/********* footer *********/


#footer
	{
	clear:both;
	background:url(images/footer.gif) center top no-repeat #fcdada;
	text-align: left;
	padding:15px 20px;
	font-size: 10px;
	line-height:150%;
	height:100px;
	}

#footer p
	{
	margin-left:210px;
	}

#footer a
	{
	text-decoration:none;
	}

.link a
	{
	color:#7d8386;
	}

#link
	{
	margin:20px;
	border-left:8px solid;
	padding:5px 10px;
	color:#ba0000;
	}




/********* mapmatrix ********/

#mapmatrix{
     position:relative;
     width:545px;
     height:125px;
	 margin-left:auto;
	 margin-right:auto;

}

#mapmatrix a{
     text-decoration:none;
     font-size:0.8em;
}
#map1{
     position:absolute;
     top:10px;
     left:10px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}

#map2{
     position:absolute;
     top:10px;
     left:200px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}

#map3{
     position:absolute;
     top:10px;
     left:390px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}
#map4{
     position:absolute;
     top:65px;
     left:10px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;

}
#map5{
     position:absolute;
     top:65px;
     left:200px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}
#map6{
     position:absolute;
     top:65px;
     left:390px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;
}





#map1 a:hover {
     position:absolute;
     top:204px;
     left:-4px;
     width:181px;
     height:52px;
     text-align:center;
     clear:both;

}


#mapmatrix a
{
display:block;
text-indent:-9000px;
     width:181px;
     height:52px;
}


#map1
{
background:url(images/1.gif) no-repeat;
}

#map2
{
background:url(images/2.gif) no-repeat;
}

#map3
{
background:url(images/3.gif) no-repeat;
}

#map4
{
background:url(images/4.gif) no-repeat;
}

#map5
{
background:url(images/5.gif) no-repeat;
}

#map6
{
background:url(images/6.gif) no-repeat;
}


a:hover#map1{
background:url(images/11.gif) no-repeat;
}

a:hover#map2
{
background:url(images/22.gif) no-repeat;
}

a:hover#map3
{
background:url(images/33.gif) no-repeat;
}

a:hover#map4
{
background:url(images/44.gif) no-repeat;
}

a:hover#map5
{
background:url(images/55.gif) no-repeat;
}

a:hover#map6
{
background:url(images/66.gif) no-repeat;
}

/*------------------------------------------------------------
●７、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.black{ color: #000!important; }/*黒色*/
.red{ color: #cc0000!important; }/*赤色*/
.blue{ color: #0000ff!important; }/*青色*/
.green{ color: #008000!important; }/*緑色*/
.yellow{ color: #ffff00!important; }/*黄色*/
.navy{ color: #1F26A9!important; }/*紺色*/
.gray{ color: #ccc!important; }/*灰色*/
.orange{ color: #ff6600!important; }/*橙色*/
.pink{ color: #cc6699!important; }/*ピンク色*/
.purple{ color: #660099!important; }/*紫色*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/

.u{ text-decoration: underline!important; }
.u{ color: #0000ff!important; }

.u2{ text-decoration: underline!important; }
.u2{ color: #000000!important; }

.impact {
	padding: 0px;
	color: #000000;
	background-color: #ffff99;
}


/*------------------------------------------------------------
●１１、box・・・カラーボックスの設定
-------------------------------------------------------------*/

.box-yellow{ background-color: #ffff00!important; }/*黄色のボックス*/
.box-aqua{ background-color: #00ffff!important; }/*水色のボックス*/
.box-gray{ background-color: #eee!important; }/*灰色のボックス*/
.box-red{ background-color: #fc9b8b!important; }/*赤色のボックス*/
.box-green{ background-color: #82ff82!important; }/*緑色のボックス*/

p .uline { background:url(images/uline.gif) bottom repeat-x; }

p .uliner { background:url(images/uliner.gif) bottom repeat-x; }

p .ulineb { background:url(images/ulineb.gif) bottom repeat-x; }

p .uliney { background:url(images/uliney.gif) bottom repeat-x; }