/*---------------------------------------
 CSS Reset
---------------------------------------*/

*, html, blockquote, body, caption, dd, dl, form, 
h1, h2, h3, h4, h5, h6, input, p, pre, 
textarea, table, td, th{
	margin: 0;
	padding: 0;
}

/*---------------------------------------
 Basic
---------------------------------------*/

body {
	text-align: center;
	font: normal 12px "ＭＳ Ｐゴシック","MS PGothic", Osaka, Sans-Serif;
	color: #685848;
	background: url(../images/bg-body.gif);
	height: 100%;
}

a {
	color: #685648;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

small {
	font-size: 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

span.purple {
	color: #980064;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg-wrapper.gif) repeat-x;
}

#container {
	margin: 0 auto;
	padding: 20px 0;
	width: 985px;
	background: url(../images/bg-container.gif) repeat-y;
	display: block;
	overflow: hidden;
	clear: both;
}

h2 {
	float: left;
	font-size: 16px;
}

.box-725 {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
	margin: 0 0 10px 0;
}

.box-222,
.box-194 {
	display: block;
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 0 0 10px 0;
}

p.alert {
	margin: 0 auto;
	width: 563px;
	margin: 0 0 10px 187px;
	padding: 10px 10px 10px 36px;
	color: #000;
	border: 1px solid #f0baa2;
	background: #ffd9c8 url(../images/icon-alert.gif) no-repeat 10px 10px;
}

/*---------------------------------------
 Header
---------------------------------------*/

#header {
	margin: 0 auto;
	width: 985px;
	height: 129px;
	background: url(../images/bg-header.gif) no-repeat;
}

#header h1 a img {
	position: absolute;
	margin: 40px 0 0 95px;
	border: none;
	overflow: hidden;
}

.catch {
	position: absolute;
	margin: 0 0 0 110px;
	color: #654a32;
	line-height: 16px;
}

.image-girl {
	position: absolute;
	padding: 0 0 0 30px;
	border: none;
	display: block;
}

.catch-img {
	float: left;
	padding: 50px 0 0 340px;
}

.flash-top {
	float: right;
	margin: 30px 10px 0 0;
	width: 460px;
	height: 57px;
	border: 2px solid #3c562c;
}

.banner-top a img {
	float: left;
	margin: 30px 0 0 10px;
	width: 460px;
	height: 57px;
	border: 2px solid #3c562c;
}

/*---------------------------------------
 Menu
---------------------------------------*/

#menu {
	width: 985px;
	list-style: none;
	clear: both;
	padding: 10px 0 0 10px;
}

#menu li {
	float: left;
	text-indent: -9999px;
	margin: 0 2px 0 0;
}

li#menu_top a:link,
li#menu_top a:visited {
	width: 70px;
	height: 27px;
	display: block;
	background: url(../images/menu-top.gif) no-repeat;
}

li#menu_list a:link,
li#menu_list a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-list.gif) no-repeat;
}

li#menu_tour a:link,
li#menu_tour a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-tour.gif) no-repeat;
}

li#menu_faq a:link,
li#menu_faq a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-faq.gif) no-repeat;
}

li#menu_cancel a:link,
li#menu_cancel a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-cancel.gif) no-repeat;
}

li#menu_affiliate a:link,
li#menu_affiliate a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-affiliate.gif) no-repeat;
}

li#menu_rank a:link,
li#menu_rank a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-dllist.gif) no-repeat;
}

li#menu_cancelit a:link,
li#menu_cancelit a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-cancelit.gif) no-repeat;
}

li#menu_logout a:link,
li#menu_logout a:visited {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-logout.gif) no-repeat;
}

li#menu_top a:hover,
li#menu_top_current {
	width: 70px;
	height: 27px;
	display: block;
	background: url(../images/menu-top.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_list a:hover,
li#menu_list_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-list.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_tour a:hover,
li#menu_tour_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-tour.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_faq a:hover,
li#menu_faq_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-faq.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_cancel a:hover,
li#menu_cancel_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-cancel.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_affiliate a:hover,
li#menu_affiliate_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-affiliate.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_rank a:hover,
li#menu_rank_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-dllist.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_cancelit a:hover,
li#menu_cancelit_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-cancelit.gif) no-repeat;
	background-position: 0 -27px;
}

li#menu_logout a:hover,
li#menu_logout_current {
	width: 177px;
	height: 27px;
	display: block;
	background: url(../images/menu-logout.gif) no-repeat;
	background-position: 0 -27px;
}

/*---------------------------------------
 Main Content
---------------------------------------*/

#content {
	float: left;
	width: 723px;
	height: 100%;
	padding: 0 19px 0 10px;
}

#content h3 {
	font-size: 12px;
	padding: 0 0 10px 0;
}

.comment {
	overflow: auto;
	overflow-x: hidden;
	height: 38px;
	border: none;
	padding: 5px 3px;
}

.comment p {
	display: inline;
	margin: 0;
}

.navi {
	float: left;
	display: block;
	margin: 20px 0 0 10px;
	padding: 0 0 0 14px;
	background: url(../images/icon-navi.gif) no-repeat 0 40%;
}

.title-number {
	font-weight: bold;
	font-size: 14px;
	color: #980064;
	display: block;
	margin: 20px 0 0 10px;
}

.box-single {
	clear: both;
	width: 721px;
	height: 244px;
	border: 1px solid #685848;
}

.box-single p {
	padding: 0 5px;
	line-height: 14px;
	height: 48px;
	overflow: hidden;
}

.box-single p.meta-txt {
	padding: 3px 5px 0 5px;
	height: 20px;
	overflow: hidden;
}

.single-ss {
	list-style: none;
}

.single-ss li {
	float: left;
}

.single-ss li img {
	display: block;
	line-height: 74px;
	height: 74px;
}

.row {
	float: left;
	width: 226px;
	height: 110px;
	border: 1px solid #685848;
	padding: 3px 5px 0 5px;
	background: url(../images/bg-row.gif) repeat-x;
}

.first,
.second {
	margin: 0 4px 0 0;
}

.row img.alignleft {
	margin: 0 3px 0 0;
	padding: 0;
}

.row-header {
	height: 23px;
	display: block;
}

p.meta-txt {
	margin-bottom: 1px;
}

.news {
	overflow: auto;
	overflow-x:hidden;
	height: 100px;
	border: 1px solid #685848;
	padding: 5px 0;
}

.news dt {
	display: inline;
	padding: 20px 0 5px 20px;
	float: left;
	width: 110px;
	
}

.news dd {
	display: block;
	border-bottom: 1px solid #b8a58b;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.rank {
	clear: both;
	display: block;
	overflow: hidden;
	width: 721px;
	border: 1px solid #d995c3;
	background: #ead1e2;
	padding: 10px 0;
}

.box-rank {
	float: left;
	width: 111px;
	padding: 0 0 0 8px;
}

.recommend {
	clear: both;
	display: block;
	overflow: hidden;
	border: 1px solid #b19f82;
	background: #c2b093;
	padding: 0 0 5px 5px;
	height: 100%;
}

.box-recommend {
	float: left;
	width: 163px;
	margin: 5px 4px 0 0;
	padding: 5px;
	border: 1px solid #fff;
	height: 90px;
}

.recommend img.alignleft {
	margin: 0 5px 0 0;
	padding: 0;
}

.box-list {
	clear: both;
	display: block;
	overflow: hidden;
	border: 1px solid #d3bfa4;
	background: #fbf9f7 url(../images/bg-list.gif) repeat-x;
	margin: 0 0 10px 0;
	padding: 10px 5px;
	height: 100%;
}

.box-list .navi {
	float: right;
	margin: 0;
	display: block;
}

.right {
	float: right;
	width: 355px;
}

.image-list {
	float: left;
}

.image-list li {
	float: left;
	margin: 0 5px 0 0;
}

.meta-comment {
	display: block;
	position: relative;
	line-height: 18px;
}

.box-download {
	clear: both;
	display: block;
	overflow: hidden;
	height: 116px;
	border-left: 1px solid #685848;
	border-right: 1px solid #685848;
	border-bottom: 1px solid #685848;
	background: #fff url(../images/bg-download.gif) repeat-x;
	padding: 20px 50px 0 50px;
}

.download-txt {
	width: 250px;
	margin: 0 65px 0 0;
}

.download-txt p {
	margin: 0 0 20px 0;
}

.mpeg {
	width: 120px;
	text-align: center;
}

.avi {
	width: 120px;
	text-align: center;
}

.download-button {
	height: 60px;
}

p.howto {
	margin: 10px 0 0 0;
	padding: 0;
}

.pager {
	margin: 10px 0;
}

.pager a,
.pager strong.pager-current {
	padding: 0 5px;
}

.faq-question {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 3px;
	font-weight: bold;
	color: #980064;
	background: #ffcaed;
}

.faq-answer {
	display: block;
	border-bottom: 1px solid #ba017b;
	margin: 0 0 10px 0;
}

.faq-answer a {
	font-weight: bold;
}

.faq-answer p {
	padding: 0 0 10px 0;
}

.box-cancel {
	height: 80px;
	border: 1px solid #38250b;	
	padding: 15px;
	margin: 0 auto;
	width: 600px;
	display: block;
	text-align: center;
}

.cancel-message {
	margin: 0 0 0 135px;
}

.cancel-form {
	margin: 10px 0 20px 135px;
}

.cancel-form p {
	margin: 0 0 5px 0;
}

.cancel-form input {
	vertical-align: top;
}

.cancel-verisign {
	float:left;
	padding: 20px 0 0 0;
	width: 100px;
	font-size: 10px;
}

.box-left {
	float: left;
	display: block;
	margin: 0 30px 0 0;
}

/* Credit Card
---------------------------------------*/

.pricing p {
	margin: 0 0 10px 0;
}

table#ls { width: 100%; margin: 0 0 20px 0; background: #997c62; font-weight: bold; font-size: 14px; }

table#ls thead tr th {
	color: #fff;
	background: url(../images/bg-pricing.gif) repeat-x;
}

table#ls thead tr th, table#ls tbody tr th {
	margin: 0;
	padding: 5px;
	background-color: #788533;
	text-align: center;
}

table#ls tbody tr td, table#ls tbody tr th {
	margin: 0;
	padding: 5px;
	text-align: center;
}

table#ls tbody tr th { font-weight: bold; }
table#ls tbody tr.price th { background-color: #fff7ed; }
table#ls tbody tr.price td { background-color: #fff7ed; }

/* Paysol
---------------------------------------*/

table#ps { width: 100%; margin: 0 0 20px 0; background: #997c62; font-weight: bold; font-size: 14px; }

table#ps thead tr th {
	color: #fff;
	background: url(../images/bg-paysol.gif) repeat-x;
}

table#ps thead tr th, table#ps tbody tr th {
	margin: 0;
	padding: 5px;
	background-color: #788533;
	text-align: center;
}

table#ps tbody tr td, table#ps tbody tr th {
	margin: 0;
	padding: 5px;
	text-align: center;
}

table#ps tbody tr th { font-weight: bold; }
table#ps tbody tr.price th { background-color: #fff7ed; }
table#ps tbody tr.price td { background-color: #fff7ed; }

/* Security
---------------------------------------*/

.security p {
	margin: 0 0 20px 0;
	width: 720px;
}

.security p a {
	color: #ba017b;
	font-weight: bold;
}

/*---------------------------------------
 Sidebar
---------------------------------------*/

#sidebar {
	float: left;
	width: 222px;
}

.banner-side {
	border: 1px solid #ff0066;
}

.box-side {
	clear: both;
	display: block;
	overflow: hidden;
	border: 1px solid #b8a58b;
	background: #ebe1d3;
	padding: 10px 14px 0 14px;
	margin: 0 0 10px 0;
}

.side-title {
	margin: 0 0 10px 0;
}

.input-text {
	width: 135px;
}

.box-type,
ul#news-list {
	clear: both;
	display: block;
	overflow: hidden;
	border: 1px solid #d7c8b2;
	background: #fff7ed;
	padding: 0 15px 10px 15px;
	height: 100%;
}

.box-type a {
	float: left;
	width: 40%;
	line-height: 14px;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../images/icon-navi.gif) no-repeat 0 50%;
	text-decoration: underline;
}

#news-list li {
	list-style: none;
	line-height: 14px;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	background: url(../images/icon-navi.gif) no-repeat 0 1px;
}

.box-type a:hover {
	text-decoration: none;
}

.box-idol {
	list-style: none;
}

.box-idol li {
	float: left;
	text-align: center;
	padding: 0 0 5px 10px;
}

.box-idol li img {
	padding: 0 0 2px 0;
	display: block;
}