@charset "utf-8";
/* CSS Document */

.fix {
	padding-bottom: 1px;
}
.box {
	padding:0 0 20px 0;
}
.box li {
	float: left;
	margin:0 20px 10px 0;
}
.box li.last {
	margin:0 0 10px 0;
}
.wrap {
	border-top: solid 1px #7A8DFF;
	width: 235px;
	padding: 10px 5px 10px 20px;
	margin-right: 20px;
	float: left;
}
h3 {
	margin-bottom: 10px;
}
.wrap p {
	font-size: 80%;
	line-height: 150%;
}
.wrap li {
	font-size: 80%;
	line-height: 150%;
}
.link img {
	margin-right: 3px;
}
.con_l {
	width: 117px;
	float: left;
}
.wraplast {
	border-top: solid 1px #7A8DFF;
	width: 235px;
	padding: 10px 5px 10px 20px;
	margin-right: 0px;
	float:right;
}
.wraplast p {
	font-size: 80%;
	line-height: 150%;
}
.wraplast li {
	font-size: 80%;
	line-height: 150%;
}

/* -- header -- */
#top_regular {
	background: url(../image/index/bg_tophead.jpg) no-repeat right top;
}
#top_free {
	background: url(../image/index/bg_tophead.jpg) no-repeat right top;
}
#top_free_LG {
	background: url(../image/login/bg_tophead_free_LG.jpg) no-repeat left top;
	padding-bottom: 30px;
}
#top_free_LG h2 {
	margin-top: 78px;
}
#toph2 {
	margin-left: 20px;
}
#gnavi {
	margin: 0 0 10px 20px;
}
#head2{
	padding: 5px 0 10px 0;
}
#head2 div.con_l{
	float: left;
	width: 500px;
}
#head2 div.con_r{
	float:right;
	width:360px;
	text-align: right;
}
#head2 p img{
	margin-right: 6px;
}
#toph2 p.btn{
	margin: 0 0 0 0;
}
#toph2 p {
	line-height: 150%;
	padding: 6px 0;
}
#head{
	padding: 0 0 1px 0;
}
.topafth2 p {
	font-size: 90%;
	line-height: 150%;
}
.topafth2 li {
	font-size: 80%;
	line-height: 150%;
}
.topafth2 {
	margin-bottom: 20px;
}
#toph2 div {
	padding: 1px 0;
}
#toph2 h2 {
	/*width: 255px;
	float: left;*/
} 
#toph2 div p {
	/*width: 400px;
	float: right;*/
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 80%;
}
#varid {
	margin: 0 20px 10px 20px;
	padding-bottom: 10px;
}
#varid .h2left {
	width: 545px;
	float: left;
}
#varid .h2left p {
	border: solid 1px #F96;
	background: #FEEFF9;
	padding: 6px;
	font-size: 80%;
	line-height: 130%;
	margin-bottom: 15px;
}
#varid .h2left p.ttl {
	border: none;
	background: none;
	padding: 0 0 15px 0;
	font-size: 120%;
	margin-bottom: 0px;
}
#varid .h2left p.link {
	border: none;
	background: none;
	padding: 0 0 15px 0;
	font-size: 80%;
	margin-bottom: 0px;
}
#varid h3 {
	font-size: 120%;
	line-height: 130%;
	margin: 0;
	padding: 0 0 10px 0;
}
#varid h2 {
	font-size: 180%;
	line-height: 130%;
	margin-bottom: 10px;
}
#varid h2.long {
	width: 520px;
/*	float: left; */
	float: none;
	font-size: 110%;
	line-height: 130%;
}
#varid h2.login_h2 {
	width: 100%;
	float: none;
	font-size: 110%;
	line-height: 130%;
	text-align: center;
}
#rate {
	width: 260px;
	text-align: right;
	float: right;
	margin-bottom: 0px;
}
#rate p {
	font-size: 80%;
	line-height: 150%;
	margin-top: 5px;
}
#rate p.short {
	font-size: 80%;
	line-height: 150%;
	margin-top: 5px;
	margin-right: 20px;
}
#rate p img {
	margin-left: 3px;
}
/*
#rate div {
	width: 165px;
	height: 165px;
	background: url(../image/index/bg_rate_sq.gif) no-repeat left top;
	margin-left: auto;
	margin-right: 0;
}*/
#rate div {
	width: 260px;
	height: 90px;
	background: url(../image/index/bg_rate_sq.gif) no-repeat left top;
	vertical-align: middle;
	text-align: center;
}
#rate h4 {
	text-align: center;
	color: #FFF;
	font-size: 400%;
	margin: 0 auto;
	padding: 16px 0 0 0;
	width: 90%;
}
#rate h4 span {
	font-size: 70%;
}
#rate p.comment {
	text-align: left;
	padding: 6px;
	margin: 10px 0;
	border: solid 1px #F60;
	background: #FCC;
}
#rate dl.comment {
	text-align: left;
	padding: 0;
	margin: 10px 0;
	font-size: 80%;
	line-height: 150%;
}
#rate dl.comment dt {
	text-align: center;
	padding: 0;
	margin: 0;
}
#rate dl.comment dt img {
	vertical-align:bottom;
}
#rate dl.comment dd {
	padding: 6px 6px 12px 6px;
	margin: 0;
	background:url("../image/index/comment_dd.png") no-repeat left bottom;	
}
* html #rate dl.comment dd {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/index/comment_dd.png',sizingMethod='scale');
	background:none;
}
.mt_40 {
	margin-top: 40px;
}
#tblLG {
	width: 460px;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}
#tblLG td {
	padding: 10px;
	font-size: 90%;
	border: solid 1px #666;
}
#tblLG td span {
	font-size: 80%;
}
#tblLG td p {
	margin-bottom: 6px;
}
#toph2 div p.ttl{
	text-align: left;
	clear: both;
}
#toph2 .h2left{
	float: left;
	width: 545px;
}
.err {
	font-weight: bold;
	color: #F00;
	text-align:center;
	padding: 10px 0;
}
ul.subbtn{
	padding: 10px 0 5px 0;
	height: 84px;
}
ul.subbtn li{
	float: left;
	width: 264px;
	margin-right: 14px;
}
ul.subbtn li.last{
	margin-right: 0px;
}
.clear{
	clear: both;
}
.free_sq{
	margin-bottom: 15px;
}
