@charset "shift_jis";
* {
	margin:0px;
	padding:0px;
}
body {
	color:#352500;
	font-size:12px;
	line-height:200%;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	background:url(../img/head_bg.gif) repeat-x top;
}
a {
	color:#352500;
}
a:hover {
	color:#352500;
	text-decoration:none;
}
img {
	border:0;
	vertical-align:bottom;
}
h1 {
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:24px;
}
#wrappar {
	padding:0 0 75px;
	background:url(../img/foot_bg.gif) repeat-x bottom;
}
#wrappar2 {
	width:940px;
	margin:0 auto;
}
#main {
	clear:both;
	overflow:auto;
	margin:30px 0 0;
}
/*----------------------------------ヘッダー------------------------------------------*/

#head {
	color:#FFFFFF;
	clear:both;
	overflow:auto;
}
#bookmark {
	width:362px;
	height:200px;
	background:url(../img/p_head.jpg);
	float:left;
}
#rank {
	height:210px;
	margin:20px 0 0;
	background:url(../img/rank_line.jpg) no-repeat bottom;
}
/*----------------------------------左カラム------------------------------------------*/

#left {
	width:190px;
	float:left;
}
#left #yes_no {
	width:170px;
	height:170px;
	background:url(../img/yes_no.jpg);
	position:relative;
	margin:0 0 15px;
}
#left #yes_no #yes {
	position:absolute;
	left:19px;
	top:67px;
}
#left #yes_no #no {
	position:absolute;
	left:91px;
	top:67px;
}
#left #yes_no #results {
	position:absolute;
	left:38px;
	top:108px;
	line-height:140%!important;
	text-align:center;
}
#left #point a {
	width:170px;
	height:80px;
	display:block;
	background:url(../img/point.jpg);
	text-indent:-999em;
	margin:0 0 15px;
}
#left #point a:hover {
	background-position:0 80px;
}
#left ul {
	width:170px;
	height:222px;
	background:url(../img/left_navi.jpg);
	list-style:none;
	padding:12px 0 0;
}
#left li {
	text-indent:24px;
	height:36px;
}
/*----------------------------------右カラム------------------------------------------*/

#right {
	width:750px;
	float:left;
}
#right #rank_cache {
	width:460px;
	padding:0 10px 0 0;
	float:left;
}
#right .rank_wrap {
	width:730px;
	padding:10px;
	margin:20px 0 0;
	background:url(../img/main_bg.gif);
}
#right .rank_main {
	width:730px;
	background:#FFFFFF;
}
#right .rank_main .midashi1 {
	width:700px;
	height:50px;
	margin:0 auto;
	background:url(../img/midashi.jpg);
	font-size:15px;
	color:#352500;
	line-height:50px;
	font-weight:bold;
	text-indent:20px;
}
#right .rank_main #syosai_no1 a {
	width:620px;
	height:94px;
	margin:0 auto 20px;
	display:block;
	background:url(../img/syosai_no1.jpg);
	text-indent:-999em;
}
#right .rank_main #syosai_no1 a:hover {
	background-position:0 94px;
}
#right .rank_main #syosai_no2 a {
	width:620px;
	height:94px;
	margin:0 auto 20px;
	display:block;
	background:url(../img/syosai_no2.jpg);
	text-indent:-999em;
}
#right .rank_main #syosai_no2 a:hover {
	background-position:0 94px;
}
#right .rank_main #syosai_no3 a {
	width:620px;
	height:94px;
	margin:0 auto 20px;
	display:block;
	background:url(../img/syosai_no3.jpg);
	text-indent:-999em;
}
#right .rank_main #syosai_no3 a:hover {
	background-position:0 94px;
}
#right .rank_main #syosai_no4 a {
	width:620px;
	height:94px;
	margin:0 auto 20px;
	display:block;
	background:url(../img/syosai_no4.jpg);
	text-indent:-999em;
}
#right .rank_main #syosai_no4 a:hover {
	background-position:0 94px;
}
#right .rank_main #syosai_no5 a {
	width:620px;
	height:94px;
	margin:0 auto 20px;
	display:block;
	background:url(../img/syosai_no5.jpg);
	text-indent:-999em;
}
#right .rank_main #syosai_no5 a:hover {
	background-position:0 94px;
}
#right .rank_top {
	width:730px;
	height:90px;
	clear:both;
	overflow:auto;
}
#right .rank_top .name {
	width:425px;
	height:90px;
	float:left;
}
#right .rank_top .star {
	width:150px;
	height:60px;
	float:left;
	padding:30px 0 0;
}
#right .rank_top .syosai {
	height:60px;
	float:left;
	padding:22px 0 0;
}
#right .rank_top .syosai a {
	width:140px;
	height:48px;
	display:block;
	background:url(../img/syosai1.jpg);
	text-indent:-999em;
}
#right .rank_top .syosai a:hover {
	background-position:0 48px;
}
#right .comparison {
	width:690px;
	margin:10px auto;
	clear:both;
	overflow:auto;
}
#right .comparison table {
	float:right;
	border-collapse:collapse;
}
#right .comparison th {
	height:32px;
	width:110px;
	background:#EDEBDC;
	padding:3px;
	border:#CCCCCC 1px solid;
}
#right .comparison td {
	height:32px;
	width:90px;
	text-align:center;
	padding:3px;
	border:#CCCCCC 1px solid;
}
#right .comparison .campain {
	width:auto!important;
	text-align:left!important;
	padding-left:10px;
}
#right .radar {
	width:670px;
	padding:10px;
	margin:20px auto;
	background:#EDEBDC;
	clear:both;
	overflow:auto;
}
#right .radar dt {
	width:260px;
	float:left;
}
#right .radar dd {
	width:410px;
	float:left;
}
#right .radar .syosai2 a {
	text-align:left;
	width:130px;
	height:48px;
	display:block;
	background:url(../img/syosai2.jpg);
	text-indent:-999em;
}
#right .radar .syosai2 a:hover {
	background-position:0 48px;
}
#right .kuchikomi {
	width:690px;
	margin:0 auto;
}
#right .kuchikomi dt {
	width:670px;
	height:20px;
	padding:10px;
	margin:10px 0;
	background:#EDEBDC;
	font-size:14px;
	font-weight:bold;
}
#right .kuchikomi dd {
	width:690px;
	margin:10px 0 20px;
}
#right .rank_foot {
	padding:0 20px 20px;
}
/*----------------------------------フッター------------------------------------------*/

#foot {
	margin:50px 0 0;
	text-align:center;
}
#foot #copyright {
	color:#FFFFFF;
}

/* 下層コンテンツ */

.second_area {
	width: 730px;
	height: auto;
	margin: 0;
	padding: 10px;
	font-size: 12px;
}
.second_area img {
	float: right;
	padding: 8px;
}
.second_area table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
	width: 100%;
}
.second_area th {
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 10px;
	background-color: #eef3ed;
	width: 20%;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.second_area td {
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding: 10px;
	width: 80%;
	font-size: 12px;
}
.second_area h2 {
    padding:5px 0 5px 15px;
    background-color:#F5F5F5;
    border-left:#352501 8px solid;
    font-size: 14px;
    font-weight: bold;
    color:#333;
	margin-bottom: 20px;
}

.second_area h3 {
	padding:3px 0 3px 10px;
	border-left:#352501 8px solid;
	border-bottom:#352501 1px solid;
	color:#333;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 10px;

}

.second_area p {
	margin-left: 20px;
	line-height: 1.8em;
	font-size: 14px;
	padding: 0px 20px 20px 0px;
}

