/* ===== Basic Style ===== */

body {
	font-family: ms ui gothic,arial,helvetica;
	font-size: 12px;
	color: #333333;
	margin:0;
	padding:0;	
	text-align:center;
	background-image:url(images/back_body.jpg);
}
img {border: none;}
div {margin: 0;}

a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {color: #0000FF;}
a:active {color: #0000FF;}

/* ===== saiteigi Area ===== */
h1 {display: inline;}

p {display: inline; line-height: 140%}

td {font-size: 12px; color: #333333}

em {font-style: normal; color: #FF0000}

.text-10p {font-size: 10px; color: #333333}

.text-14p {font-size: 14px; color: #333333}

.text-16p {font-size: 16px; color: #333333}

.text-18p {font-size: 18px; color: #333333}

.text-20p {font-size: 20px; color: #333333}

.h1-top {font-size: 12px; color: #990000; line-height: 135%}

.h2-top {font-size: 18px; color: #990000; line-height: 135%}

.h3-top {font-size: 12px;font-weight: normal;}

.line {line-height: 140%}

.red {color: red}

.white {color: white}

/* ===== MainContent Area ===== */
div#wrapper2 {
	width: 790px;
	margin: 0 auto;
	background-image:url(images/back_wrapper2.gif);
}

div#wrapper {
	width: 780px;
	margin: 0 auto;
	background-color:white;
}

/* ===== Header Area ===== */
div#header{
	height:100px;
	text-align:left;
	background-image:url(images/back_header.jpg);
	background-repeat:no-repeat;
}

div#header h1{
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	line-height:130%;
	padding:0 115px 0 0;
}
div#header .bookmark{
	display:block;
	text-align:right;
	padding:0 115px 0 0;
	
}

/* ===== Left Area ===== */
div#leftarea{
	width:180px;
	padding:5px;
	text-align:left;
	float:left;
}

div#leftarea ul{
	list-style:none;
	margin:0;
	padding:0;	
}

div#leftarea li{
	line-height:150%;
}

div#leftarea li a{
background-image: url(images/back_navi.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 17px;
padding-top: 7px;
padding-bottom: 6px;
margin-bottom:6px;
}

div#leftarea ul#home li a {
	background-image:url(images/icon_home.gif);
	display: block; width: 160px; height: 22px;
	text-indent: -9999px; text-decoration: none;
  	background-position: 0px 0px;
}

div#leftarea ul#home li a:hover {
	background-position: 0px -34px;
}
/* ===== Right Area ===== */
div#rightarea{
	width:580px;
	text-align:left;
	float:right;
	margin:0 5px 0 0;
}

div#rightareab{
	width:560px;
	text-align:left;
	float:left;
	margin-left:20px;
}

/* ===== Syoukai Area ===== */
div#rightarea .syoukai{
	height:260px;
	padding:5px;
	background-image:url(images/back_syoukai.gif);
	background-repeat:no-repeat;

}

/* ===== Data Area ===== */
div#rightarea .dataarea{
	width:290px;
	float:right;

}

/* ===== Data Matome Area ===== */
div#rightarea .dataarea .link1{
	height:26px;
	background-image:url(images/back_link1_1.jpg);
	background-repeat:no-repeat;
	padding:20px 0 0 64px;
	font-size:14px;
}

div#rightarea .dataarea .link2{
	background-image:url(images/back_link1_2.jpg);
	padding:0 5px 0 5px;
}

div#rightarea .dataarea .link2 ul{
	list-style:none;
	margin:0;
	padding:0;	
}

div#rightarea .dataarea .link2 li{
	padding-left:20px;
	line-height:150%;
}

div#rightarea .dataarea .link3{
	height:15px;
	background-image:url(images/back_link1_3.jpg);
	background-repeat:no-repeat;
}

.foot_home{
	text-align:right;
}
/* ===== footer Area ===== */
div#footer{
clear:both;
text-align:left;
padding:10px;
}

div#footer a{
font-size:12px;
padding-left:5px;
padding-right:5px;
color: #FFFFFF;
text-decoration:none;
}
div#footer a:link {color: #FFFFFF; text-decoration:none}
div#footer a:visited {color: #FFFFFF; text-decoration:none}
div#footer a:hover {color:#FFFFFF; text-decoration:none}
div#footer a:active {color: #FFFFFF; text-decoration:none}

.sougo{
font-size:10px;
text-align:right;
padding-left:20px;
}
.sougo a{
font-size:10px;
padding-right:10px;
color: #FFFFFF;
text-decoration:none;
}

.splink a{font-size:10px;text-align:right;color:#999999;}
.splink a:link{color:#999999; text-decoration:none;}
.splink a:visited{color:#999999; text-decoration:none;}
.splink a:hover{color:#999999; text-decoration:none;}
.splink a:active{color:#999999; text-decoration:none;}

/* ===== Data Matome Area ===== */

div#copy{
	background-image:url(images/back_copy.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color: #666666;
	height:40px;
	clear: both;
	text-align:center;
}

div#copy address{
margin-top: 10px;
}
div#copy a:link {color: #666666; text-decoration:none}
div#copy a:visited {color: #666666; text-decoration:none}
div#copy a:hover {color: #666666; text-decoration:none}
div#copy a:active {color: #666666; text-decoration:none}

/* ===== pan Navigation Area ===== */
div#pnavi {
text-align:left;
font-size:12px;
margin:0;
padding-left:10px;
color:#999999;
}

div#pnavi a{
padding-left:10px;
padding-right:10px;
color:#999999;
}

/* ===== main section Area ===== */
.section{
	margin:0 0 20px 0;
	
}
.section h2{
font-family: ms ui gothic,arial,helvetica;
font-size: 18px;
color:#996666;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 46px;
padding-top: 9px;
margin-top:0;
padding-bottom: 6px;
margin-bottom:6px;
}

.section h3{
font-family: ms ui gothic,arial,helvetica;
font-size: 16px;
color: #990000;
background-image: url(images/back_h2.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 38px;
padding-top: 9px;
padding-bottom: 6px;
margin-bottom:6px;
}

.section .wd{
display:block;
width:460px;
}

.section dl{
border-width:0;
}

.section dt{
width:540px;
font-size:16px;
background-image:url(../images/back_rare.jpg);
background-position:right center;
background-repeat:no-repeat;
padding:5px;
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}

.section dd{
width:490px;
padding:10px;
border-width:0 1px 1px 1px;
border-style:dashed;
border-color:#CCCCCC;
}
.section ul{
	list-style:none;
	margin:0;
	padding:0;
}

.section li{
	line-height:150%;
}

.section ul.chart{
	list-style:none;
	margin:0;
	padding:0;
}

.section ul.chart li{
display:block;
background-image: url(images/back_chart.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 22px;
padding-top:3px;
padding-bottom:14px;
}
.section ul.chart li a{
}

#chat {
margin-top:20px;
}
.pickup{
background-color:#D2F4FA;
}

/* ===== list Area ===== */
.list{
	padding:3px;
	text-align:left;
}
.list-w{
	padding:3px;
	text-align:left;
	background-color:white;
}
.list2{
	padding:3px;
	text-align:left;
	background-color:#EEEEEE;
}
.list-n{
	padding:3px;
	color:white;
	background-color:#999999;
	text-align:center;
}
.list-nb{
	padding:3px;
	text-align:center;
	color:white;
	background-color:#666666;
}
.list-nc{
	padding:3px;
	text-align:center;
	color:white;
	background-color:#333333;
}
.list-cw{
	text-align:center;
	padding:3px;
	background-color:#FFFFFF;
}
.list-c{
	text-align:center;
	padding:3px;
}
.list-c2{
	text-align:center;
	padding:3px;
	background-color:#EEEEEE;
}
.list-l{
	padding:3px;
	background-color:#FFFFCC;
	text-align:left;
}
.list-l2{
	padding:3px;
	background-color:#EEEEEE;
	text-align:left;
}
.list-rw{
	text-align:right;
	padding:3px;
	background-color:#FFFFFF;
}
.list-r{
	text-align:right;
	padding:3px;
}
.list-r2{
	text-align:right;
	padding:3px;
	background-color:#EEEEEE;
}

/* ===== small Navigation Area ===== */
.snavi a{
	line-height:180%;
}
.snavi a{
font-size:12px;
padding:10px;
color: blue;
text-decoration:none;
}

/* ===== Adsence Area ===== */
.adsence120240{
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:15px 0 0 0;
}

.adsence46860{
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 15px 0;
	padding:20px 0 0 0;
}

.adsence46860u{
	clear:both;
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:10px 0 0 0;
	padding:20px 0 0 0;
}

.adsence46860book{
	clear:both;
	background-image:url(images/sponsored_link.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:5px 0 15px 0;
	padding:20px 0 0 0;
}