@charset "utf-8";
/* CSS Document */

div#main p.twitter {
	margin-top: 8px;
	font-size: 1px;
	line-height: 1px;
}
div#main div.lead {
	padding-bottom: 12px;
	background-color: #eeeeee;
	background-image: url(../../../skin/com/iodata/premium/dotted_line-green.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* Start clear fix */
div#main div.lead:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color: #ffffff;
	}
div#main div.lead {
	zoom: 1;
	overflow: hidden;
	}
/* End clear fix */
div#main div.lead h2 {
	margin: 19px 0px 12px 0px;
	width: 286px;
	float: left;
	text-align: right;
}
div#main div.lead div.text {
	margin: 19px 15px 0px 0px;
	width: 320px;
	float: right;
	display: inline;
}
div#main div.lead div.text p {
	line-height: 1.4;
}
div#main div.lead div.official-site-link {
	float: left;
	margin: 0;
	width: 286px;
	text-align: center;
}
div#main div.finish-message {
	font-size: 85%;
	color: #666666;
	text-align: center;
}
div#main div.section {
	padding: 13px 35px 27px 68px;
	background-repeat: no-repeat;
	background-position: 13px 13px;
}
/* Start clear fix */
div#main div.section:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color: #ffffff;
	}
div#main div.section {
	zoom: 1;
	overflow: hidden;
	background-image:url(../../../skin/com/iodata/premium/bg_section1.png);
	}
div#main div.section div.text {
	margin-top: 51px;
	width: 385px;
	float: right;
}
div#main div.section div.text h2 {
	font-size: 138.5%;
	font-family: "HGP創英角ｺﾞｼｯｸUB",Osaka,sans-serif;
	color: #002f5b;
}
div#main div.section div.text p {
	margin-top: 1em;
	font-size: 86%;
	line-height: 1.4;
}
div#main div.section dl.image {
	margin-top: 124px;
	width: 120px;
	float: left;
}
div#main div.section dl.image dt {
	text-align: center;
}
div#main div.section dl.image dd {
	margin-top: 3px;
	text-align: center;
	margin-bottom: 7px;
}
div#main div.matome {
	padding: 28px 35px 0px 36px;
}
div#main div.matome h2 {
	color: #002f5b;
}
div#main div.matome p {
	font-size: 86%;
	line-height: 1.4;
	color: #666;
}
div#main div.entry {
	padding: 30px 17px 129px 27px;
	position: relative;
	width: 600px;
}
div#main div.entry h2 {
	position: absolute;
	bottom: 47px;
	left: 178px;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
div#entry-guide-link-box {
	position: absolute;
	bottom: 10px;
	width: 279px;
	left: 178px;
	text-align: center;
}
div#main div.entry div.text {
	width: 305px;
	float: right;
}
div#main div.entry div.text p {
	margin-top: 1em;
	font-size: 86%;
	line-height: 1.4;
}
div#main div.entry div.text p:first-child {
	margin-top: 0;
}
div#main div.entry div.text dl {
	margin-top: 12px;
}
div#main div.entry div.text dl dt {
	font-size: 1px;
	line-height: 1px;
}
div#main div.entry div.text dl dd {
	margin-top: 5px;
	font-size: 86%;
}
div#main div.entry p.image {
	width: 269px;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}
div#main div.entry p.image img {
	border: 1px solid #666666;
	width: 265px;
}
div#main div.entry dl.add-req-item {
	width: 269px;
	text-align: center;
}
div#main div.entry dl.add-req-item dd {
	font-size: 9px;
}
div#main div.entry div.item-site-image {
	width: 269px;
	text-align: center;
	margin-top: 5px;
}
div#main div.entry div.item-site-name {
	width: 269px;
	text-align: center;
	font-size: 10px;
	margin-bottom: 5px;
}
div#main div.entry div.official-site-link {
	width: 269px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 20px;
}

/* Start clear fix */
div#main div.entry:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color: #ffffff;
	}
div#main div.entry {
	zoom: 1;
	overflow: hidden;
	}
/* End clear fix */
div#main div.note {
	margin-top: 23px;
	padding: 0.5em 1em;
	background-color: #e1e8ed;
}
div#main div.note p {
	margin-top: 0.5em;
	font-size: 86%;
	line-height: 1.4;
}
div#main div.note p.mochimono {
	font-weight: bold;
	text-align: right;
}
div#main p.contact {
	margin: 0.5em 23px 0px 0px;
	font-size: 86%;
	text-align: right;
}
div#main div.premiumReview {
	margin-top: 13px;
}
div#main div.premiumReview div.review {
	padding: 1px 1px 13px 1px;
	margin-bottom: 10px;
}
/* Start clear fix */
div#main div.premiumReview div.review div:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	color: #ffffff;
	}
div#main div.premiumReview div.review div {
	zoom: 1;
	overflow: hidden;
	}
/* End clear fix */

/* premium review */
div#main div.premiumReview h2 {
	padding: 7px 17px;
	background-color: #243e4d;
	color: #FFF;
	font-size: 114%;
}
div#main div.premiumReview h3 {
	padding: 7px 17px;
	background-color: #243e4d;
	background-color: #47738b;
	color: #FFF;
	font-size: 100%;
}
div#main div.premiumReview div.review dl {
	margin: 14px 0px 0px 13px;
	padding: 0px 13px 0.5em 0px;
	width: 287px;
	min-height: 8em;
	height: auto !important;
	height: 8em;
	float: left;
	display: inline;
	position: relative;
	background-color: #e1e8ed;
	border: solid 1px #becdd8;
}
div#main div.premiumReview div.review dl dt {
	margin-top: 0.5em;
	width: 207px;
	min-height: 3em;
	height: auto !important;
	height: 3em;
	float: right;
	display: inline;
	font-weight: bold;
	line-height: 1.2;
}
div#main div.premiumReview div.review dl dt a {
	color: #333;
}
div#main div.premiumReview div.review dl dd {
	width: 207px;
	float: right;
	font-size: 86%;
	line-height: 1.2;
	display: inline;
}
div#main div.premiumReview div.review dl dd.reviewer {
	width: 78px;
	position: absolute;
	top: 11px;
}
div#main div.premiumReview div.review dl dl {
	margin: 0px;
	width: auto;
	float: none;
	border: none;
}
div#main div.premiumReview div.review dl dl dt {
	margin: 0px;
	width: auto;
	min-height: 1px;
	height: auto;
	float: none;
	display: block;
	text-align: center;
}
div#main div.premiumReview div.review dl dl dd {
	width: auto;
	float: none;
	font-size: 83%;
	display: block;
	text-align: center;
}
div#main div.premiumReview div.review dl dl dd a {
	color: #333;
}
div#main div.premiumReview div.review div.small dl {
	min-height: 7.5em;
	height: auto !important;
	height: 7.5em;
	background-color: #f3f8fc;
}

div#main div.review-banner {
	margin: 13px 12px;
}

