/*-----------------------------------------------------------
BACKGROUND
-----------------------------------------------------------*/
body{
	margin-bottom:12px;
}
img{
	vertical-align:top;
}
#back{
	width: 978px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-490px;
	border-right:solid 1px #676767;
	border-left:solid 1px #676767;
	border-bottom:solid 1px #676767;
}
/*-----------------------------------------------------------
HEAD
-----------------------------------------------------------*/
#head h1{
	position:absolute;
	top:35px;
	left:0px;
	z-index: 3;
}
#head{
	height:147px;
	width:978px;
	margin:0 auto;
	background:url(../images/head_back.jpg) repeat-x left 35px;
}
ul#cart{
	width:204px;
	height:37px;
	position: absolute;
	top: 35px;
	right:7px;
	z-index: 100;
	list-style:none;
}
ul#headmenu{
	width:420px;
	height:37px;
	position: absolute;
	top: 35px;
	left:341px;
	z-index: 100;
	list-style:none;
}
ul#headmenu li{
	float:left;
	height:37px;
	width:99px;
	list-style:none;
	margin-right:5px;
}
#head h2{
	position: absolute;
	top:93px;
	left:0px;
	z-index: 100;
}
#search{
	width:530px;
	height:54px;
	position: absolute;
	top:93px;
	left:223px;
	z-index: 100;
	background:url(../images/head_cornerl.jpg) no-repeat left top;
}
#search div{
	width:500px;
	margin:14px 10px 0 14px;
}
#search div h3{
	float:left;
	margin:7px 12px 0 0;
}
#category_id{
	width:196px;
	margin:5px 10px 0 0;
	height:22px;
}
#search_text{
	width:186px;
	vertical-align:middle;
	margin:5px 10px 0 0;
	height:16px;
	padding:2px 0 0 4px;
	border:solid 1px #CCCCCC;
}
#login{
	width:204px;
	height:54px;
	position: absolute;
	top:93px;
	right:7px;
	z-index: 10;
	background:url(../images/head_cornerr.jpg) no-repeat left top;
	text-align:center;
}
#login img{
	margin:7px 0 5px 4px;
}
/*-----------------------------------------------------------
LEFT CONT
-----------------------------------------------------------*/
#left_cont{
	width:203px;
	margin:12px 13px 10px 7px;
	float:left;
}
.menu_back{
	width:203px;
	background: url(../images/m_backm.gif) repeat-y left top;
	margin:0 0 10px 0;
}
.menu_back img{
	vertical-align:bottom;
}
.menu_back h2{
	background:url(../images/m_backt.gif) no-repeat left top;
	height:43px;
	text-align:center;
	padding-top:7px;
}
.menu_back ul{
	list-style:none;
	width:172px;
	margin:0 auto 0 14px;
	padding:0;
}
.menu_back ul li{
	border-bottom:dotted 1px #666666;
	padding:4px 0;
	margin-bottom:4px;
}
#maker h3{
	color:#000099;
	margin-bottom:5px;
}
#maker{
	width:193px;
	margin:10px auto;
}
#address{
	border-bottom:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	padding:8px 0;
	margin-bottom:8px;
}
/*-----------------------------------------------------------
UNDER MENU
-----------------------------------------------------------*/
#undermenu{
	width:958px;
	clear:both;
	margin:16px auto 0 auto;
	padding:24px 0 10px 0;
	text-align:center;
	border-top:solid 1px #999999;
}
#copy{
	margin-top:10px;
	clear:both;
	color:#FFFFFF;
	padding:12px 0;
	text-align:center;
	background:url(../images/underback.jpg) repeat-x left top;
}
/*-----------------------------------------------------------
MAIN CONTENTS
-----------------------------------------------------------*/
#contents{
	clear:both;
}
#main{
	width:530px;
	float:left;
	margin:10px 12px 0 0;
}
#right_cont{
	width:204px;
	float:left;
	margin-top:10px;
}
/*-----------------------------------------------------------
TOP PAGE
-----------------------------------------------------------*/
#topflash{
	margin-bottom:12px;
}
#banner{
	margin:12px 0 0 0;
}
#banner img{
	margin-bottom:13px;
}
#osusume{
	margin-bottom:16px;
}
#osusume h3,#topics h3{
	margin-bottom:14px;
}
#osusume div{
	width:169px;
	background:url(../images/osusume_u.jpg) no-repeat left bottom;
}
#osusume div span{
	display:block;
	width:142px;
	margin:0 auto;
}
#osusume div span img{
	margin-bottom:5px;
}
#osusume div span i{
	float:right;
	font-style: normal;
	margin:4px 0 6px 0;
}
#osusume div span i span{
	display:inline;
	width:auto;
}
#osusume h4{
	height:50px;
}
.margin_10{
	margin-right:10px;
}
#osusume hr{
	margin:10px 0;
	display:block;
	clear:both;
}
#topics p{
	width:510px;
	margin:0 auto;
	border-bottom:solid #999999 1px;
	padding:6px 0;
}
#top_info{
	margin-bottom:10px;
}
#top_r_info h4{
	color:#FF0000;
}
#top_r_info img,#top_r_info p{
	margin-bottom:10px;
}
#ranking{
	background:url(../images/rank_backm.gif) repeat-y left top;
}
#ranking h2{
	background:url(../images/rank_backt.gif) no-repeat left top;
	height:35px;
	text-align:center;
	padding-top:11px;
}
#ranking div{
	background:#FFFFFF;
	width:184px;
	margin:0 auto;
	padding:10px 0;
}
#ranking table{
	width:170px;
}
#ranking div .ranking_in{
	width:170px;
	margin:0 auto 6px auto;
	padding:0;
}
#ranking h3{
	margin:10px auto;
	width:191px;
}
#ranking h4{
	display:inline;
}
#ranking h5{
	width:172px;
	margin:0 auto 4px auto;
	color:#990000;
}
#ranking p{
	width:172px;
	margin:0 auto 6px auto;
}
#ranking img{
	vertical-align:bottom;
}