@import "reset.css";
@import "base.css";
/*----- common -----*/

body {
	background:url(../img/bg_body.png) top repeat-x #e3cbef;
}
a img.hover:hover, input.hover:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
li img,
dt img{
	vertical-align:bottom;
}

.bold{
	font-weight:bold;
	font-size:100%;
	}

.r-bold{
	font-weight:bold;
	color:#F00;
	font-size:100%;
	}

.bg-yellow{
	background-color:#fff45c;
	font-size:100%;
	}


/*----- fv -----*/

#fv {
	background:url(../img/bg_fv.png) center top no-repeat;
	min-width:1060px;

}
#fv #header {
	width:1040px;
	margin:0 auto;
	padding-top:15px;
}
#fv #header p {
	color:#FFF;
	font-size:12px;
	padding-top:3px;
	line-height:1.2;
}
/*----- content -----*/
#content {
	width:1078px;
	margin:0 auto;
	background:url(../img/bg_content.png) repeat-y;
	padding:30px 0;
}
#content #about {
	width:1010px;
	margin:0 auto 30px;
}

#content #about .txt{
	padding:20px 315px 25px 33px;
	background:url(../img/about_bg.jpg) right bottom no-repeat;
	min-height:375px;
}

#content #about .txt p{
	font-size:16px;
}

#content #column{
	width:1000px;
	position:relative;
	margin:10px auto;
	}

#content #column p{
	width:670px;
	position:absolute;
	top:105px;
	left:305px;
	-webkit-text-size-adjust: 100%;
	}

#content table#ranking{
	width:990px;
	margin:0 auto;
	border:solid 3px #b28850;
	}
#content table#ranking *{
	text-align:center;
	}

#content table#ranking th,
#content table#ranking td{
	border-right:solid 1px #b28850;
	border-bottom:solid 1px #b28850;
	padding:5px 0;
	}

#content table#ranking tr:nth-child(even){
	background:#fff8a6;
	}

#content table#ranking td.r-01{
	background:url(../img/ranking_1.png) 50% 30% no-repeat;
	vertical-align:bottom;
	line-height:1.2;
	}


#content table#ranking td.r-02{
	background:url(../img/ranking_2.png) 50% 30% no-repeat;
	vertical-align:bottom;
	line-height:1.2;
	}

#content table#ranking td.r-03{
	background:url(../img/ranking_3.png) 50% 30% no-repeat;
	vertical-align:bottom;
	line-height:1.2;
	}

#content table#ranking td.r-04{
	background:url(../img/ranking_4.png) 50% 30% no-repeat;
	vertical-align:bottom;
	line-height:1.2;
	}

#content .r-attention{
	line-height:1.2;
	width:990px;
	margin:5px auto;
	}

#content .r-attention .yellow{
	color:#ffed1a;
	}

#content #wrap{
	width:1000px;
	margin:40px auto;
	}

#content #main{
	width:750px;
	float:right;
	}
	
#content #main .small{
	font-size:9px;
	}
	
#content #main dd.wrap{
	border-bottom:solid 3px #e2cfb4;
	border-left:solid 3px #e2cfb4;
	border-right:solid 3px #e2cfb4;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding:10px;
	}
	
#content #main table.details{
	width:710px;
	margin:20px auto 5px;
	border-top:solid 1px #aeaaa5;
	border-left:solid 1px #aeaaa5;
	}

#content #main table.details th{
	background-color:#e3cbef;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	padding:10px;
	border-bottom:solid 1px #aeaaa5;
	border-right:solid 1px #aeaaa5;
	}

#content #main table.details td{
	text-align:center;
	line-height:1.2;
	padding:10px;
	border-bottom:solid 1px #aeaaa5;
	border-right:solid 1px #aeaaa5;
	}


#content #main table.details td{
	text-align:center;
	line-height:1.2;
	padding:10px;
	border-bottom:solid 1px #aeaaa5;
	border-right:solid 1px #aeaaa5;
	}
	
#content #main .lookabout{
	width:710px;
	margin:20px auto;
	}

#content #main .lookabout dt{
	background-color:#812cad;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	line-height:1.2;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

#content #main .lookabout dd{
	padding-left:10px;
	padding-top:15px;
	}

#content #main .voice{
	background-color:#f0e4d2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear:both;
	padding:10px;
	margin:20px 0;
	}
	
#content #main .voice dd{
	overflow:auto;
	height:250px;
	}

#content #main .voice dd ul li{
	position: relative;
	background: #ffffff;
	padding:10px;
	margin:10px 10px 10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#content #main .voice dd ul li:after{
	content: ' ';
    width:0;
    height: 0;
    position:absolute;
    border:15px solid transparent;
    border-right-color:#ffffff;
    top:25%;
    right:100%;
}

#content #main .teiki{
	background-color:#fff8a6;
	border:solid 2px #138e31;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear:both;
	padding:10px;
	margin:20px 0;
	}

#content #main .teiki dd{
	background-color:#ffffff;
	border:solid 1px #138e31;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	clear:both;
	padding:10px;
	}

#content #main .teiki dd p{
	float:left;
	width:140px;
	text-align:center;
	}
#content #main .teiki dd ul{
	float:right;
	width:520px;
	padding:10px 0;
	}

#content #main .teiki dd li{
	font-weight:bold;
	line-height:25px;
	padding-left:30px;
	background:url(../img/ranking_icon_check.png) left 50% no-repeat;
	margin-bottom:10px;
	}


#content #side{
	width:224px;
	float:left;
	}

#content #side .side-dd{
	border-bottom:solid 3px #e5e5e5;
	border-left:solid 3px #e5e5e5;
	border-right:solid 3px #e5e5e5;
	margin:0 8px 0 6px;
	}

#content #side .side-dd dd{
	padding:10px 0;
	line-height:1.5;
	font-size:12px;
	text-align:center;
	}

#content #side .side-dd dd a{
	font-weight:bold;
	line-height:1.2;
	}

/*----- footer -----*/
.footer{
	padding:10px;
	color:#FFF;
	text-align:center;
	background-color:#8430b0;
	width: 100%;
	min-width:1060px;
	}



/* --privacy -- */

#privacy #content {
	width:720px;
}
#privacy .privacy_txt {
	margin: 0 auto;
	width: 574px;
	text-align: center;
}
#privacy .privacy_txt a {
	display: block;
	background-color: #ffffff;
	color: #E3CBEF;
	font-weight: bold;
	width: 200px;
	margin: 20px auto 10px auto;
	padding: 5px;
	text-decoration: none;
	-webkit-border-radius: 6px;
	-moz-border-radius:  6px;
	border-radius:  6px;
	border: solid 3px #E3CBEF;
	-webkit-transition: all 0.3s;
	-moz-transition:  all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition:  all 0.3s;
	transition:  all 0.3s;
}
#privacy .privacy_txt a:hover {
	background-color: #E3CBEF;
	color: #8430B0;
}