/* --------------------------------------------------------------------------- */
/* wari_print */
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
body {
	color: #333;
	text-align: center;
	background: #fff url(../../img/bg_index.png) top center repeat-y;
}

/* --------------------------------------------------------------------------- */
/* Fream */
#header_fream {
	clear: both;
	width: 700px;
	margin: 0 auto;
	background: url(../../img/bg_index_header_m.png) top center repeat-y;
}
#header_fream .contents{
	padding: 0px 20px 3px 20px;
	height: 28.5em;
	background: url(../../img/bg_index_header_h.png) top center no-repeat;
}
#header_fream .footer{
	clear: both;
	background: url(../../img/bg_index_header_f.png) bottom center no-repeat;
	height: 8px;
}

#mobile_fream {
	clear: both;
	width: 700px;
	margin: 0 auto 15px auto;
	background: url(../../img/bg_index_mobile_m.png) top center repeat-y;
}
#mobile_fream .footer{
	clear: both;
	background: url(../../img/bg_index_mobile_f.png) bottom center no-repeat;
	height: 8px;
}

#middle_fream {
	clear: both;
	width: 660px;
	margin: 0 auto;
	background: url(../../img/bg_index_mid_m.png) top center repeat-y;
}
#middle_fream .contents{
	padding: 25px 10px 3px 10px;
	background: url(../../img/bg_index_mid_h.png) top center no-repeat;
	text-align: center;
}
#middle_fream .footer{
	clear: both;
	background: url(../../img/bg_index_mid_f.png) bottom center no-repeat;
	height: 8px;
}



/* --------------------------------------------------------------------------- */
#header_fream p{
	color: #777;
}
#header_fream #cover_girl {
	width: 250px;
	float: left;
}
#header_fream .main_area{
	width: 400px;
	float: left;
}
#header_fream .fream_area {
	clear: both;
	width: 400px;
	margin: 0 auto 5px auto;
	background: url(../../img/fream_index_area_m.png) top center repeat-y;
}
#header_fream .fream_area .contents2{
	padding: 20px 7px 0px 7px;
	background: url(../../img/fream_index_area_h.png) top center no-repeat;
}
#header_fream .fream_area .footer2{
	clear: both;
	background: url(../../img/fream_index_area_f.png) bottom center no-repeat;
	height: 3px;
}

#header_fream .catch{
	margin: 20px 0 40px 180px;
}
#header_fream .catch h1{
	font-size: 16px;
	margin-bottom: 5px;
}
#header_fream .catch h1 strong{
	font-size: 24px;
	color: #FF2DC1;
	padding-right: 4px;
	margin-left: -3px;
}
#header_fream .catch p{
	font-size: 10px;
}

#header_fream .enter{
	margin: 0 0 20px 0;
}
#header_fream .enter h2 a{
	background: url(../../img/icon_arrow_green.png) left center no-repeat;
	padding-left: 25px;
}

#header_fream .fream_area th {
	vertical-align: top;
	text-align: left;
	width: 80px;
	font-size: 11px;
}
#header_fream .fream_area td {
	vertical-align: top;
	text-align: left;
	padding: 0 0 4px 7px;
	font-size: 11px;
}
#header_fream .fream_area td a {
	padding-right: 5px;
}


/* --------------------------------------------------------------------------- */
#finding{
	padding: 5px 0 0 20px;
	width: 240px;
	float: left;
	color: #777;
}
html>body #finding{
	width: 220px;
}

#mobile {
	float: left;
	padding: 4px 0 0 20px;
}
#mobile p {
	margin-top: 8px;
}
#mobile h3 {
	font-size: 12px;
	color: #666;
}
#mobile p.url {
	margin-top: 5px;
}
#mobile p.url a{
	color: #999;
	text-decoration: none;
}
#mobile p.url a:hover{
	text-decoration: underline;
}

#mobile_title {
	border-right: 1px dotted #999;
	float: left;
	padding: 0 10px 0 10px;
	height: 8em;
	width: 95px;
}
html>body #mobile_title {
	width: 75px;
}
.mobile_qr {
	float: left;
	padding: 0 10px 0 10px;
	height: 9em;
}
#mobile_3 .url a{
	padding-left: 15px;
}
#mobile_foma .url a{
	background: url(../../img/icon_imode.png) left center no-repeat;
	padding-left: 15px;
}
#mobile_win .url a{
	background: url(../../img/icon_ez.png) left center no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}
#mobile_softbank .url a{
	background: url(../../img/icon_softbank.png) left center no-repeat;
	padding-left: 15px;
}


/* --------------------------------------------------------------------------- */
/* main */
#main {
	margin: 0 auto;
	padding: 0 10px;
	width: 640px;
	text-align: center;
}
html>body #main {
	width: 620px;
}

/* Footer */
#footer {
	clear: both;
	width: 640px;
	margin: 0 auto;
	padding: 0 10px;
}
html>body #main {
	width: 620px;
}

.title_bar {
	color: #FFF;
}
.title_bar h3{
	line-height: 25px;
	padding-left: 25px;
}

/* --------------------------------------------------------------------------- */
.botton_area {
	text-align: center;
	padding: 40px 0 30px 0;
}
#button_enter{
	display: block;
	width: 379px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------- */
#favarite_site {
	clear: both;
	margin: 0 auto 20px auto;
}
#favarite_site .title_bar {
	width: 620px;
	height: 27px;
	background: url(../../img/bg_titlebar_620x27.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
}
#favarite_site .list{
	padding: 4px 0 0 15px;
	margin-right: -10px;
}
#favarite_site .girl_thumb_120 {
	margin: 0 15px 10px 0;
	height: 14.5em;
}

/* --------------------------------------------------------------------------- */
#special_link {
	clear: both;
	margin: 0 auto 0px auto;
}
#special_link .title_bar {
	width: 620px;
	height: 27px;
	background: url(../../img/bg_titlebar_620x27.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
}
#special_link .banner_area88 {
	clear: both;
	margin: 0 0 0 10px;
}
#special_link .banner_area88 img {
	float: left;
	margin: 0 10px 10px 0;
}
#special_link .banner img {
	float: left;
	margin: 0 10px 10px 0;
}
#special_link .banner_txt {
	clear: both;
	margin: 0 0 0 10px;
}
/* --------------------------------------------------------------------------- */
#enter {
	padding-top: 20px;
	clear: both;
	margin: 0 auto 20px auto;
}
#enter .title_bar {
	width: 620px;
	height: 27px;
	background: url(../../img/bg_titlebar_620x27.png) 0 0 no-repeat;
	margin: 0 0 5px 0;
}