@charset "utf-8";
/* CSS Document */
/******************************************************************************
*CSS Imformation*

File name: Common-style.css
Description: CommonStyles
Date: 2010.5.3
Contents:
01. PagesStyles
	├01-1. LinkStyle
	├01-2. EditStyle
	├01-3. TextColor
	├01-4. TableStyle
	└01-5. Clearfix
02. Header Block
03. SideBar Block
04. GlobalNavigation Block
05. Content Block
06. Footer Block
07. Footer Navigation Block
08. Form Block
09. sitemap＆pageList Styls
10. errorPage Styles
-------------------------------------------------------------------------------
Font-size Adjustment
	77% = 10px	|	123.1% = 16px	|	167% = 22px
	85% = 11px	|	131% =  17px	|	174% = 23px 
	93% = 12px	|	138.5% = 18px	|	182% = 24px 
	100% = 13px	|	146.5% = 19px	|	189% = 25px 
	108% = 14px	|	153.9% = 20px	|	197% = 26px 
	116% = 15px	|	161.6% = 21px	| 
********************************************************************************/
/*================================================================================
01. PagesStyle
================================================================================*/
html {
	overflow-x: auto;
}

body {
	width: 100%;
	outline: none;
	background-color: #ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
	line-height: 1.5;
	text-align: center;
	color: #333333;
	background: #ffffff url(../../../img/img1/2011/header-bg.png) center top repeat-x;


}

.wrap {
	margin: 0 auto;
	width: 960px;
}

/*-----必ずfooterをページ下に表示-----*/
html,body,#wrap {//height: 100%;}
body > #wrap{height: auto; min-height: 100%;}


/*
01-1. LinkStyle
-------------------------------------------------------------------------------*/
a,
a:link,
a:active,
a:visited {
	color: #ff0099;
	text-decoration: underline;
}

a:visited {color: #ff0066;}

/*
01-2. Edit
-------------------------------------------------------------------------------*/
del {
	color: #999999;
	text-decoration: line-through;
}

ins {
	border-bottom: 1px dotted #ccc;
}

/*
01-3. TextColor
-------------------------------------------------------------------------------*/
strong,
strong a,
strong a:link,
strong a:active,
strong a:visited,
strong a:hover{
	color: #ff0099;
	font-weight: bold;
}

em,
em a,
em a:link,
em a:active,
em a:visited,
em a:hover{
	color: #ff0099
}

.caution { color: red;}

/*
1-04. tableStyle
-------------------------------------------------------------------------------*/
table {
	border: 1px solid #bebebe;
}

table tr {
	border-bottom: 1px solid #cccccc;
}

table th {
	padding: 2px 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

table td {
	padding: 5px 0;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*
1-05. ClearFix
------------------------------------------------------------------------------- */
.clearfix:after { 
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}  
.clearfix {  
zoom: 1;  
}  
.clear {
	clear:both;
}


/*================================================================================
02. Header Block
================================================================================*/
#header {margin-bottom: 28px; position: relative;}
#header h1 {position: absolute; top:0; left:0; font-size: 85%;}
#header #movie {position: absolute; top: 150px; right:0;}

/*================================================================================
03. Sidebar Block
================================================================================*/

/*
left-block
---------------------------------------------------------------------------------*/
#left-block {margin-right: 20px; padding-left:10px;  clear:both; float: left; width: 190px; text-align: left;}

/*--------------------login--------------------*/
#left-block #login {margin-bottom: 20px;}
#left-block #login h2 {
	padding-left: 5px;
	height: 22px;
	background: transparent url(../../../img/img1/2011/login-sh-bg.gif) 0 0 no-repeat;
	line-height: 22px;
	font-size: 14px !important;
	color: #ffffff;
	font-weight: bold;
}
#left-block #login fieldset {
	padding: 5px 9px 5px;
	background-color:#ffffe1;
	border: 1px solid #ff6eaf;
	border-width: 0 1px 1px 1px;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	
	/*brawzer*/
	-webkit-border:radius:5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius:5px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	behavior: url(./PIE.htc);     /* CSS3 PIE */
}
#left-block #login input#TextBoxLogin,
#left-block #login input#TextBoxPassword { margin-bottom: 5px; width: 168px; padding: 4px 0;}
#left-block #login #ImageButtonLogin {margin: 0 0 5px 18px; width: 134px; height:26px;}
#left-block #login #login-forget li {padding-left: 10px; background: transparent url(../../../img/img1/2011/lm1.gif) 0 center no-repeat; font-size: 85%; line-height: 1.7;}

/*--------------------rakuten--------------------*/
#rakuten {margin-bottom: 20px; text-align: center;}

/*--------------------affiriate--------------------*/
#affiliate {margin-bottom: 20px;}


/*
right-block
---------------------------------------------------------------------------------*/
#right-block {padding-right: 10px; float: right; width: 190px; text-align: left;}

/*--------------------pickup-news--------------------*/
#right-block #pickup-news li {margin-bottom: 15px;}

/*--------------------rotation-banner--------------------*/
#right-block #rotation-banner {margin-bottom: 15px;}
#right-block #rotation-banner ul {width: 190px; height: 220px; overflow: hidden;}
#right-block #rotation-banner li {width: 190px; height: 220px;}

/*--------------------pickup-content--------------------*/
#right-block #pickup-content li{margin-bottom: 20px;}

#right-block #pickup-content li#present { position: relative; width: 190px; height: 115px; background: url(../../../img/img1/2011/present.gif) 0 0 no-repeat;}
#right-block #pickup-content li#present ul {position: absolute; top: 81px; left: 12px;}
#right-block #pickup-content li#present li,
#right-block #pickup-content li#present li a {display: block; width:80px; height: 25px;}
#right-block #pickup-content li#present li {margin:0; float: left; background: transparent url(../../../img/img1/2011/present-btn.gif) top left no-repeat;}
#right-block #pickup-content li#present li.man { margin-right: 6px;}
#right-block #pickup-content li#present li.woman {background-position: top right;}
#right-block #pickup-content li#present li a:hover img {visibility: hidden;}

/*--------------------twitter-area---------------------*/
#twitter-area {width: 190px; min-height: 290px; background-color: #eeeeee;}
#twitter-area .twtr-hd {display:none;}
#twitter-area .twtr-bd {background-color:#33ccff;}
.twtr-scroll .twtr-timeline {overflow-y: scroll !important;}
#twitter-area .twtr-ft div {padding:3px;}
#twitter-area .twtr-ft a {font-size: 76%;}
#twitter-area .twtr-ft img {width:40px;}

/*================================================================================
04. GlobalNavigation Block
================================================================================*/
#global-nav {margin-bottom: 20px;}
#global-nav li {margin-bottom: 2px;}
#global-nav li,
#global-nav li a{display: block; width: 190px; height: 35px;}
#global-nav li { background: transparent url(../../../img/img1/2011/gloval-nav.gif) 0 0 no-repeat;}
#global-nav li.first {background-position: 0 0;}
#global-nav li.price {background-position: 0 -35px ;}
#global-nav li.question {background-position: 0 -70px;}
#global-nav li.voice {background-position: 0 -105px;}
#global-nav li.corner {background-position: 0 -140px;}
#global-nav li a:hover img {visibility: hidden;}

/*================================================================================
05. Content Block
================================================================================*/
#main-block { float: left; width: 520px; text-align: left;}

/*
newentry
---------------------------------------------------------------------------------*/
#main-block #newentry { margin-bottom: 15px; position: relative; width: 520px; height:170px; background: transparent url(../../../img/img1/2011/top/newEntry.gif) 0 0 no-repeat;}
#main-block #newentry ul {position: absolute; top: 57px; left: 43px;}
#main-block #newentry ul li,
#main-block #newentry ul li a {display: block; width: 214px; height: 80px;}
#main-block #newentry ul li{ float:left; background: transparent url(../../../img/img1/2011/top/newentry-btn.gif) top left no-repeat;}
#main-block #newentry ul li.man {margin-right: 6px; background-position: top left; }
#main-block #newentry ul li.woman {background-position: top right;}
#main-block #newentry ul li a:hover img {visibility: hidden;}

/*
search
---------------------------------------------------------------------------------*/
#main-block #search {margin-bottom: 25px; padding-bottom: 5px; background: transparent url(../../../img/img1/2011/top/search-line.gif) center bottom no-repeat; text-align: left;}
#main-block #search h2 {
	padding-left: 10px;
	padding-right: 285px;
	height: 39px;
	background: url(../../../img/img1/2011/top/search-sh-bg.gif) left top no-repeat;
	line-height: 39px;
	color: #ff508c;
	font-size: 23px !important;
	font-weight: bold;
	text-align: center;
	text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-webkit-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-moz-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-ms-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-o-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	behavior: url("./PIE.htc");     /* CSS3 PIE */
}
#main-block #search fieldset {
	margin: 10px auto 0;
	padding: 10px 40px;
	width: 420px;
	border: 2px solid #ffc8e6;
	background-color:#ffffe1;
	border-radius: 8px;
	-webkit-border:radius: 8px;
	-moz-border-radius: 8px;
	behavior: url("./PIE.htc");     /* CSS3 PIE */

}
#main-block #search fieldset dl {margin-bottom: 5px; float: left; width: 318px; }
#main-block #search fieldset p {float:left; width: 318px; }
#main-block #search fieldset #ImageButtonSearch { width: 82px;}

#main-block #search dt,
#main-block #search dd {float: left;}
#main-block #search dt {margin-right: 5px; padding-left: 18px; background: transparent url(../../../img/img1/2011/icon-heart.gif) 0 center no-repeat; font-weight:bold;}
#main-block #search dt label {font-weight: bold;}
#main-block #search dd {margin-right: 30px;}
#main-block #search #list {margin: 15px 0 0 11px;}
#main-block #search #list li {
	margin: 0 10px 10px 0;
	padding:6px;
	position: relative;
	overflow: hidden;
	width: 105px;
	height: 128px;
	float: left;
	background: url(../../../img/img1/2011/top/search-bg.png); font-size: 13px !important; text-align: center;
	line-height:1;
}

#main-block #search #list li a.imglink {margin-bottom: 2px; display: block; width: 105px; height: 105px; overflow: hidden;}
#main-block #search #list li.man {background-position: top right; color:#3366ff;}
#main-block #search #list li.woman {color:#ff3399;}
#main-block #search #list li a {text-decoration: none;}
#main-block #search #list li.man a { color:#3366ff;}
#main-block #search #list li.woman a {color:#ff3399;}
#main-block #search #list li .active-click {position: absolute; top: 92px; left:7px; display: none;}


/*
voice
---------------------------------------------------------------------------------*/
#main-block #voice {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #ffc8e6;
	border-radius: 8px;
	-webkit-border:radius: 8px;
	-moz-border-radius: 8px;
	background: #ffffff url(../../../img/img1/2011/top/voice-bg.gif) 0 0 repeat;
	behavior: url("./PIE.htc");     /* CSS3 PIE */
}
#main-block #voice h2 {
	font-size: 24px !important;
	line-height: 1.2;
	color: #ff508c;
	text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-webkit-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-moz-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-ms-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	-o-text-shadow:
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff,
	-2px -2px 0px #ffffff, 2px -2px 0px #ffffff, 2px 2px 0px #ffffff, -2px 2px 0px #ffffff;
	behavior: url("./PIE.htc");     /* CSS3 PIE */
}
#main-block #voice p span {color:#ff6699;}
#main-block #voice ul {margin: 10px 0; border-top: 1px dashed #cccccc;}
#main-block #voice ul li {margin-top: 5px;  padding: 0 0 5px 50px; border-bottom: 1px dashed #cccccc; background-position: left center; background-repeat: no-repeat; background-color:transparent;}
#main-block #voice ul li.man {background-image: url(../../../img/img1/2011/top/voice-jender-m.gif);}
#main-block #voice ul li.man span {color: #0099ff; font-weight: bold;}
#main-block #voice ul li.woman {background-image: url(../../../img/img1/2011/top/voice-jender-w.gif);}
#main-block #voice ul li.woman span {color: #ff3399; font-weight: bold;}
#main-block #voice .moreLink { padding-left: 8px; float: right; width: 5.1em; background: transparent url(../../../img/img1/2011/lm1.gif) 0 center no-repeat;}

/*
newentry-small
---------------------------------------------------------------------------------*/
#newentry-small {position: relative; width: 520px; height: 224px;}
#newentry-small ul {position: absolute; top: 160px; left: 43px;}
#newentry-small li,
#newentry-small li a { display: block; width: 212px; height: 42px; }
#newentry-small li {float: left; background: transparent url(../../../img/img1/2011/newentry-btn-s.gif) top left no-repeat;}
#newentry-small li.man {margin-right: 10px;}
#newentry-small li.woman {background-position: top right;}
#newentry-small li a:hover img {visibility: hidden;}


/*================================================================================
06. Footer Block
================================================================================*/
#footer {text-align: left; padding-top: 50px; clear:both; background: transparent url(../../../img/img1/2011/footer-bg.png) center 84px repeat-x; }
#footer .wrap {margin: 0 auto; width: 920px;}
#footer #gotop { display: block; margin-bottom: 30px; text-align: right;}
#footer .footer-nav {
	padding: 10px;
	float: left;
	width: 380px;
	background-color: rgba(255,255,255,0.75);
	border: 1px solid rgba(255,102,153,0.5); /*#ff6699*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(PIE.htc);     /* CSS3 PIE */
	position:relative;
}
#footer #footer-support {float: right; width: 500px; height: 120px;}
#footer #registered-no {padding-top:20px; clear:both; font-size:85%; text-align: right; }
#footer address { background-color: #ff6eaf; text-align: center;}

/*================================================================================
07. Footer Navigation Block
================================================================================*/
#footer .footer-nav ul {margin-right: 15px; float: left; width: 7em;}
#footer .footer-nav ul.home li {background: transparent url(../../../img/img1/2011/icon-home.gif) 0 center no-repeat; padding-left: 1em;}
#footer .footer-nav ul.utility-menu {width: 10em;}
#footer .footer-nav a {color: #444444; font-size: 13px !important; text-decoration: none;}
#footer .footer-nav a:hover {color: #ff0099;}
#footer #ga {display:none;}

/*================================================================================
08. Form Block
================================================================================*/
/*
formparts
---------------------------------------------------------------------------------*/
form {margin: 0; padding: 0;}
fieldset {border: none;}
legend { margin: 0; padding: 0; display: none; }

input,
select
textarea {
	padding: 5px 0;
	border: #bbbbbb 1px solid;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino kaku Gothic Pro", "メイリオ", Meyryo, sans-serif;
	font-size: 12px;
	background-color: #fcfcfc;
}
input.check, input#RadioButtonLoginMail, input#RadioButtonLoginTelno {
    border: medium none;
    background-color: transparent;
}
select,textarea { border: #cccccc 1px solid; }

*html body input { display: inline; vertical-align: middle; height: 22px;}/*for lte IE6*/

/*--------------------formButtonStyle--------------------*/
form input.image,
form input.button {margin: 0; padding: 0; border: none;}
form #formButton {margin-top: 30px;text-align: center;}
form #formButton input {
	padding: 3px 0;
	width: 100px;
	border: 2px solid #eeeeee;
	border-color: #eeeeee #999999 #999999 #eeeeee;
	background-color: #cccccc;
}
form #formButton input:focus {
	position:relative;
	top: 1px;
	left: 1px;
	border-color: #999999 #eeeeee #eeeeee #999999;
	background-color: #cccccc;
}

/*--------------------formActionStyle--------------------*/
input:focus,
textarea:focus,
select:focus { background-color: #f5f5f5; }
input.image:focus {position: relative; top:1px; left: 1px;}

/*--------------------table in form--------------------*/
form table { font-size: 13px; }
form table th {
	padding: 5px 20px;
	width: 150px;
	vertical-align: middle;
	background-color: #eeeeee;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
form table td {padding: 10px 20px; border-bottom: 1px dashed #cccccc;}
form table td input {width: 390px; background-color: #ffffff; }
form table td textarea {width: 390px; height: 12em;}
form.confirm td {width: 370px;}

/*--------------------extra--------------------*/
span.essential { color: #ff6600; }
form p.error {color: red;}
ul#errorList li { margin: 10px; color: #ff0000; list-style-position: inside; list-style-type: disc;}