/***************************
  base 
***************************/
h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }
form { border: 0px; margin: 0px; padding: 0px; }


/* link */
a { color: #cd12e3; text-decoration: none; }
a img { border: none; }
a:hover { color: #76c6e5; }


/* body */
body {
	margin: 0;
	padding: 0;
	background: #eae7dd;
	font-size: 12px;
	font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
	line-height:140%;
	letter-spacing: normal;
	text-align: center;
	color: #484848;
}

p {
	line-height: 120%;
}


/* headtext */
h1 {
	background: #eae7dd;
	width: 100%;
	color: #827c66;
	font-size: 10px;
	text-decoration: none;
	height: 16px;
	text-align: center;
}

h2 {
	background: #eae7dd;
	width: 500px;
	color: #0925f2;
	font-size: 120%;
	margin: 10px 0;
	padding: 9px 15px;
}

h3 {
	background: #eae7dd;
	width: 870px;
	color: #434343;
	font-size: 120%;
	margin: 10px 0;
	padding: 9px 15px;
}

img.border {
	border: 1px #cccccc solid;
}

/***************************
  layout 
***************************/
#inrap {
	width: 594px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/in_bg.jpg) repeat-y center;
}
#con {
	position: relative;
	width: 564px;
	padding: 10px 20px;
}

#rap {
	width: 946px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main_bg.jpg) repeat-y center;
}



#header {
	width: 946px;
	height: auto;
	margin: 0 0 0 8px;
	padding: 0 0 0 0px;
	text-align: left;
	background: #ffffff;
}

#menu {
	width: 930px;
	height: auto;
	margin: 0 8px;
	padding: 10px 0 0 0;
	clear: left;
	background: #ffffff;
}

* html body #menu {
	margin: 0 9px;
}

#menu #headmenu {
	width: 886px;
	margin: 0 10px;
	text-align: center;
}

#menu #submenu {
	width: 890px;
	background: #cd12e3;
	padding: 10px 20px;
	font-size: 85%;
	text-align: center;
	color: #ffffff;
}


#menu #submenu a { color: #ffffff; }
#menu #submenu a:hover { color: #eeeeee; text-decoration: underline; }
.linemenu {width: 930px;margin: 0 0 0 0px;padding: 0 0 0 0px;text-align: left;clear: both;background: #eeeeee;}
.linemenu ul{list-style:none;}
.linemenu li{float:left;width:122px;background:#DDDDDD;margin-right:3px;line-height:30px;}
.linemenu a{display:block;text-align:center;height:30px;}
.linemenu a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
.linemenu a:visited{color:#666;text-decoration:underline;}
.linemenu a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #cd56e3 no-repeat 5px 12px;}

#searchform {
	width: 890px;
	background: #eae7dd;
	margin: 0 8px;
	padding: 2px 20px;
	text-align: center;
}

* html body #searchform {
	margin: 0 9px;
}

#searchform .search_submit {
	width: 76px;
	height: 26px;
	border: 0px none;
	padding: 0px;
	background: #eae7dd;
	vertical-align: middle;
}

#content {
	position: relative;
	float: left;
	width: 946px;
}

#content1 {
	position: relative;
	float: left;
	width: 900px;
	left: 20px;
	background-color: #FFFFFF;
}


#crumb {
	font-size: 90%;
	text-align: left;
	margin: 0 0 10px 5px;
}

#sidemenu {
	width: 189px;
	float: left;
}

#sidemenu .sidemargin {
	margin: 5px 0 0 14px;
}
#sidemenu .sidemargin-dummy {
	height: 220px;
	margin: 5px 0 0 14px;
}

#sidemenu .sidemenu_head {
	background: #cd12e3 10px 4px;
	margin: 10px 0 10px 8px;
	padding: 4px 28px;
	color:#FFFFFF;
}

* html #sidemenu .sidemenu_head {
	background: url(../images/dot_in_bg.jpg) no-repeat #eae7dd 10px 4px;
	margin: 10px 0 10px 9px;
	padding: 4px 28px;
}

#sidemenu dl {
	list-style:	none;
	margin: 0px;
	padding: 0px;
}

#sidemenu dl dt {
	padding: 4px 3px 4px 15px;
	margin: 0 10px 0 20px;
	background: url(../images/sidemenu_back.jpg) no-repeat bottom;
	font-weight: bold;
}

#sidemenu dl dt a {
	display: block;
}

#sidemenu dl dd {
	padding: 4px 3px 4px 25px;
	margin: 0 10px 0 20px;
	background: url(../images/sidemenu_sub_back.jpg) no-repeat bottom;
}

#sidemenu dl dd a {
	display: block;
}

#maincontents {
	width: 732px;
	padding: 5px 8px 20px 8px;
	float: left;
	background-color: #FFFFFF;
}

#maincontents h2 {
	width: 702px;
}


#topcontents {
	width: 585px;
	margin: 5px 0 0 8px;
	float: left;
}
#topcontents h2 {
		width: 555px;
}
#content #rightmenu {
	width: 120px;
	margin: 0 8px 0 8px;
	padding-bottom: 10px;
	float: left;
	border: 1px #eae7dd solid;
	border-top-style: none;
	border-right-style: none;
}

#rightmenu .sidemargin {
	margin: 5px 2px 0 10px;
}

#rightmenu .ranking {
	background: url(../images/ranking_bg.jpg) repeat-y;
}

#item_block {
	clear: left;
	margin-top: 10px;
}
#item_block h2{
width:555px;
}
#item_block:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
/* \*/ 
* html #item_block { height: 0; } 
#item_block { display: block; } 
/* */ 

#topcontents .item_box {
	width: 92px;
	padding: 0 0 30px 15px;
	float: left;
	word-break: break-all;
}

#maincontents .item_box {
	width: 92px;
	padding: 0 0 30px 25px;
	float: left;
}

.item_box .item_pic {
	width: 90px;
	height: 90px;
	display: block;
}

.item_box .title {
	margin: 5px 0;
	font-size: 95%;
}

.item_box .owner {
	font-size: 80%;
}

.item_box .price {
	font-size: 80%;
}

.small_margin {
	font-size: 85%;
	margin: 10px 10px 5px 10px;
}

.caution {
	color: #cc0000;
	font-weight: bold;
}

#footer {
	clear: both;
	float: none;
	width: 930px;
	margin: 0 8px;
	padding: 10px 0 0 0;
	text-align: center;
	background: #ffffff;
	border: 5px #cd12e3 solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
}

.tbl {
	border: 1px #999999 solid;
	border-bottom-style: none;
	border-right-style: none;
}

.tbl th {
	border: 1px #999999 solid;
	border-top-style: none;
	border-left-style: none;
	background: #eae7dd;
	font-weight: normal;
	text-align: center;
}

.tbl td {
	border: 1px #999999 solid;
	border-top-style: none;
	border-left-style: none;
}

.tbl_txt {
	padding: 7px;
}

.tbl .tbl_min {
	font-size: 85%;
	padding: 3px;
}

.tbl .gray td {
	background: #e0e0e0;
}

.no_tbl td {
	border-style: none;
}

.no_tbl td .tbl_txt {
	border: 1px #999999 solid;
	border-top-style: none;
	border-left-style: none;
}

.doubleborder td {
	border-top-style: solid;
	border-top-width: 3px;
	background: #c6e5f1;
}

.notice {
	font-size: 85%;
	color: #909090;
	line-height: 120%;
}

.submitbutton {
	width: 200px;
	border: 0px none;
	padding: 0px;
	background: #ffffff;
	vertical-align: middle;
}

.subcategory {
	margin: 0px;
	padding: 0px;
}

.subcategory ul {
	list-style:	none;
	margin: 0px;
	padding: 0px;
}

.subcategory ul li {
	float: left;
	width: 140px;
	padding: 4px 3px 4px 15px;
	margin: 0 10px 0 10px !important;
	margin: 0 10px 0 8px;
	background: url(../images/sidemenu_back.jpg) no-repeat bottom;
}

.subcategory ul li a {
	display: block;
}

.subcategory:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
/* \*/ 
* html .subcategory { height: 0; } 
.subcategory{ display: block; } 
/* */ 

#pagenum {
	padding: 0 0 20px 0;
	float: left;
}

#rankingdetail {
	margin: 10px 0;
}

#rankingdetail h2 {
	margin-top: 0px;
	background: #cd12e3;
	font-size: 85%;
	color: #ffffff;
}

.ranking_box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../images/dot_line.jpg) repeat-x bottom;
	min-height:0; 
    display: inline-table;
}

.ranking_box:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
/* \*/ 
* html .ranking_box { height: 0; } 
.ranking_box { display: block; } 
/* */ 

.ranking_box .ranking_rank {
	margin: 5px 0;
	text-align: center;
}
.ranking_box .ranking_pic {
	width: 90px;
	height: 90px;
	float: left;
}
.ranking_box .ranking_title {
	background: #eae7dd;
	color: #434343;
	margin: 0 0 10px 0;
	padding: 9px 15px;
	font-weight: normal;
}
.ranking_box .ranking_txt {
	width: 450px;
	margin: 0 0 0 10px;
	float: left;
}

.ranking_box .ranking_out_rank {
	width: 60px;
	margin: 5px 10px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	float: left;
}
.ranking_box .ranking_out_title {
	width: 430px;
	padding: 6px 15px;
	font-weight: bold;
	float: left;
}

#in_agreement {
	margin: 10px;
	width: 540px;
	float: left;
	text-align: left;
}

#in_agreement h2 {
	background: #666666;
	color: #ffffff;
}


/***************************
  ranking
***************************/
.rank_block {
	width: 130px;
	text-align:left;
	margin: 10px 0 0 0;
}

.rank_block .rank_head {
	height: 15px;
	margin: 5px 0;
	background: #2eabdb;
	text-align: center;
	color: #ffffff;
}

.rank_block .rank_pic {
	border:1px #333 solid;
	width: 45px;
	height: 45px;
	float: left;
}

.rank_block .rank_text {
	width: 80px;
	margin: 0 0 0 3px;
	float: left;
	font-size: 85%;
	text-align: left;
	line-height: 120%;
}


/***************************
  login
***************************/
#login #left {
	width: 260px;
	float: left;
}

#login #right {
	width: 460px;
	text-align: center;
	margin: 0 0 0 10px;
	float: left;
}

#login h2 {
	width: 230px;
}


/***************************
  controlpanel
***************************/
.up {
	color: #3333ff;
	font-weight: bold;
}
.dn {
	color: #ff3300;
	font-weight: bold;
}
.no {
	color: #ff9900;
	font-weight: bold;
}
.my td {
	background: #dddfea;
}

#cptop {
	width: 730px;
	padding: 0 0 10px 1px;
}

.col td {
	background: #f0f0f0;
}



#tease {
	width: 906px;
	height: auto;
	margin: 0 20px;
	padding: 40px 0;
	text-align: center;
	background: #ffffff;
}

.line {
	width: 100%;
	height: 1px;
	margin: 0px;
	padding: 0px;
	border-top: 1px dotted #999999;
}
/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

