@charset 'UTF-8';
/* ——————————————
page Style Seet
00.基本レイアウト
97.スマホ用（MAX：767px）
98.タブレット用（MIN：768px）
99.汎用クラス（Clearfix含）
—————————————— */

/* 00.基本レイアウト
———————————————————— */
*{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
html,body{
	height:100%;
	background-color: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial, Verdana, sans-serif;
}
#wrapper{ /* 全体DIV */
	margin: 0 auto;
	/* footer下部へ */
	position: relative;
	height: auto!important;
	min-height: 100%;
}
#header_index{ /* TOP用ヘッダーDIV */
	background-color:#FFF;
}

#header{ /* ヘッダーDIV */
	background-color:#FFF;
}

#contents{ /* コンテンツDIV */
	width:1000px;
	margin:0px auto;
}

#footer{ /* フッターDIV */
	height:65px;
	width:100%;
	margin:0;
	text-align:center;
	background-color:#fff;
}

#footer_bg{
	height: 39px;
	background-image: url("../img/common/footer_bg.png");
	background-repeat: repeat-x;
}

#footer_text p{
	height: 26px;
	padding-top: 10px;
	background-color: #505050;
	font-size: 10px;
	color: #fff;
}


/* 00.ヘッダー設定
———————————————————— */
#header_top{
	width: 1000px;
	margin: 10px auto;
  overflow: hidden;
  }

.headerLf{position:relative;}


h1{
	width: 324px;
	height: 125px;
	float: left;
}

p.f12.fb{
	position: absolute;
  left: 20px;
  top: 112px;
}

#banner{
	width: 610px;
	height: 85px;
	float: right;

}

#mini_menu{
	width: 595px;
	margin: 0;
	float: right;
        padding:12px 0 0px 0px;
}

#mini_menu li{
	float: left;
        margin-right: 5px;
  }
  
#mini_menu li:before {
  content: "|";
  margin-right: 0px;
  padding-right:3px;
}

#mini_menu li:last-child {
  margin: 0;
}

#mini_menu li:last-child:after {
  content: "|";
  margin-left: 4px;
}

#mini_menu a:link{ color: #000; }
#mini_menu a:visited{ color: #000; }
#mini_menu a:hover{ color: #ff9600; }

#header_area{
	background:#505050;
	overflow: hidden;
	clear:both;
}
#header_area ul{
	width: 1000px;
	margin:0 auto;
  overflow: hidden;
  font-size: 0;
  display: table;
}
#header_area li{
	width: 110px;
	display: table-cell;
  *display: inline;
  *zoom: 1;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border-left: 1px solid #fff;
	background-color: #505050;
}
#header_area li:last-child{
	border-right: 1px solid #fff;
}

/* IE10以上微調整 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header_area li {
    padding-top:5px !important;　
}
  #navigation ul li{
    height: 27px;
}
  #navigation ul li a{
    height: 27px;
    padding-top:3px !important;
}
;}

/* IE9の場合 */
.ie9 #header_area li {
	padding-top:5px !important;　
}
.ie9 #navigation ul li a {
	padding-top:3px !important;　
}

#header_area li a{
	color:#fff;
	text-decoration:none;
  display: block;
  height: 25px;
  line-height: 25px;
}
#header_area li a:hover{
	color:#fff;
	text-decoration:underline;
}


#header_bottom{
	padding: 10px 0 10px 0;
	background-image: url("../img/common/menu_bg.png");
	background-repeat: repeat-x;
}
#header_bottom ul{
	text-align:center;
}
#header_bottom li {
  display: inline-block;
}

#header_bottom li:not(.last){
	margin-right: 8px;
}

/* 01.共通検索フォーム
———————————————————— */
.search_area{
  overflow: hidden;
  height: 26px;
  line-height:  normal !important;
  border: 1px solid #000;
}
.search_area .textbox{
	width:470px;
  float: left;
  height: 100%;
}
.search_area .btn{
	width:67px;
  height: 100%;
  background: url(../img/btn_search.jpg) no-repeat;
	color:#fff;
  cursor: pointer;
  float: right;
  border-left: 1px solid #000;
}

/* 02.TOPへ戻るボタン
———————————————————— */
#return{
	width: 116px;
	margin: 0 auto;
    clear:both;
    padding: 0px 0 30px;
}

#return a{
  display: block;
  font-size: 0;
}

/* 97.スマホ用（MAX：767px）
———————————————————— */
@media screen and (max-width : 767px){
#footer{
	height:auto;
}
#contents{
	width:auto;
}
.screen_sp{
	width: 100%!important;
}

/* ヘッダー不要ページ用 */
.screen_sp #header{ /* ヘッダーDIV */
	display: none;
}
.screen_sp img{
	width: 100%;
	height: auto;
	display: block;
}
.screen_sp address{
	padding: 10px;
	font-size: 10px;
}
;}


/* 03.loginボタン
———————————————————— */
div#headBtnLoggedIn {
  width: 100px;
  float: left;
  position: absolute;
  right: 275px;
  top: -15px;
}


/* 98.タブレット用（MIN：768px）
———————————————————— */
@media only screen and (min-width : 768px){
;}

/* 99.汎用クラス
———————————————————— */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/***********************************************/
/* popup style                                 */
/***********************************************/

#popup01,
#popup02,
#popup03{
display:none;
}

#whiteWrap{
padding:0 0 20px;
position:absolute;
z-index:100;}

#white{
background:url(../../img/common/popup.png) repeat;
height:100%;
display:none;
position:absolute;
top:0;
left:0;
width:100%;
z-index:90;}

#whiteWrap{
left:auto;
_height:1%;
position:absolute;
z-index:100;}

#whiteWrap{padding:0;}

#whiteWrap  #popup01{
background:url(../../img/new/common/popupBg01.png) no-repeat 100% 0;
display:block;
position:relative;
text-align:left;}

#whiteWrap  #popup01 li{position:absolute}

#whiteWrap  #popup01 li.li01{
top:215px;
left:120px}

#whiteWrap  #popup01 li.li02{
top:275px;
left:120px;}

#whiteWrap  #popup01 li.li03{
top:335px;
left:120px;}

#whiteWrap  #popup01 input,
#whiteWrap  #popup02 input,
#whiteWrap  #popup03 input{
border:1px solid #BEBFBA;
border-radius:3px;
color:#969696;
height:25px;
width:300px;}

#whiteWrap  #popup01 li.btn{
top:390px;
left:300px;}

#whiteWrap  #popup01 li.btn input,
#whiteWrap  #popup02 li.btn input,
#whiteWrap  #popup03 li.btn input{
border:none;
border-radius:0;
height:78px;
width:138px;}

#whiteWrap  #popup02{
background:url(../../img/new/common/popupBg02.png) no-repeat 0 0;
display:block;
position:relative;
text-align:left;}

#whiteWrap  #popup02 li{
position:absolute;
top:315px;
left:125px;}

#whiteWrap  #popup02 li.btn{
top:264px;
left:470px;}

#whiteWrap  #popup03{
background:url(../../img/new/common/popupBg03.png) no-repeat 0 0;
display:block;
position:relative;
text-align:left;}

#whiteWrap  #popup03 li{
position:relative;
width:400px;}

#whiteWrap  #popup03 li.li01{
top:240px;
left:135px;}

#whiteWrap  #popup03 li.li02{
top:280px;
left:135px;}

#whiteWrap  #popup03 li.li03{
font-size:130%;
font-weight:bold;
top:290px;
left:135px;}

#whiteWrap  #popup03 li.li03 input{
height:auto;
margin:0 10px 0 0;
width:auto;}

#whiteWrap  #popup03 li.li04{
font-size:130%;
font-weight:bold;
top:305px;
left:135px;}

#whiteWrap  #popup03 li.li04 a{color:#ff0000;}

#whiteWrap  #popup03 li.btn{
top:144px;
left:490px;}


#headForget .logout{
background: none;
border: none;
color: #fff;
font-size: 110%;
font-weight: bold;
margin: 0 0 2px;
cursor: pointer;
}

p.error_message{
font-weight:bold;
color:#fff;
margin:20px;
}

#index p.error_message{
font-weight:bold;
color:#000;
margin:20px;
}

/***********************************************/
/* fukidashiMenu style                         */
/***********************************************/
.menuPc, .menuWebtv, .menuColumn, .menuPremium, .menuWanted, .menuGirls {
  width: 173px;
  height: 42px;
  display: block;
  background-image: url(/img/btnMenu.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0 !important;
  margin: 0; }

.menuPc:hover, .menuWebtv:hover, .menuColumn:hover, .menuPremium:hover, .menuWanted:hover, .menuGirls:hover {
  background-position: -172px 0; }

.menuWebtv {
  background-position: 0 -43px;
  height: 41px; }

.menuWebtv:hover {
  background-position: -172px -43px; }

.menuColumn {
  background-position: 0 -85px; }

.menuColumn:hover {
  background-position: -172px -85px; }

.menuPremium {
  background-position: 0 -127px; }

.menuPremium:hover {
  background-position: -172px -127px; }

.menuWanted {
  background-position: 0 -169px; }

.menuWanted:hover {
  background-position: -172px -169px; }

.menuGirls {
  background-position: 0 -212px; }

.menuGirls:hover {
  background-position: -172px -212px; }

//Import
@import "content";
@import "top";
@import "column";
@import "movie_01";
//@import "temp_e";
//@import "column_01";
//@import "column_02";
//@import "present";
//@import "temp_b";
//@import "temp_g";
//@import "temp_h";
//@import "temp_i";
//@import "temp_l";