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

/*
	Site Name: ハッピーマットパラダイス
	Description: style import
	Version: 1.0/2011/02/21
	Author: nagano
*/

/*
---初期化について参考にした記事---
スタイルの初期化(前編) -全称セレクタとhtml, body編
スタイルの初期化(後編) -body内の個別タグ編

http://coliss.com/articles/build-websites/operation/css/196.html
http://coliss.com/articles/build-websites/operation/css/198.html
http://kennsu.jp/2007/02/css-3.html
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		: general params
	3: form setting
	4: link setting

==========================================================
*/


/*
===== 1: universal reset =================================
*/

*{
	margin:0;
	padding:0;
 	zoom:1;
}
img {
	border:none;
}
/*
===== 2: body and base setting ===========================
*/

html{
  height:100%;
}

body {
	background-image:url("/com/temp0/img/bg.jpg");
	background-repeat: repeat-y;
	background-position: center 185px;
	text-align:center;
	letter-spacing:0.5px;
	margin: 0px;
	padding: 0px;
	color:#363636;
	/*font: normal 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif; */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;
	margin: 0px;/* margin&padding reset */
	line-height: 1.4em;/* base line height */
	text-align: left;
	display: block;
	font-size:small;
	letter-spacing:normal;
}
object,embed{
	vertical-align:top;
}

fieldset{
	border:none;
}
input,textarea{
	font-size:0.9em;
}

em,address,dfn{
	font-style:normal;
}
ul ul,ul dl,dl ul,table p,table ul,table table{
	font-size:0.9em;
}
ul,ol,dl{
	list-style:none;
}
li{
	display:list-item;
	zoom:normal;
}

table{
	margin : 0;
	empty-cells: show;
	border-collapse:collapse;
	border:none;
	border-spacing:0;
}
th,td{
  vertical-align:top;
  font-weight:normal;
  text-align:left;
}
caption{
  text-align:left;
}

hr,.areaAnchor,.anchor { display : none; }
img,a img{
	vertical-align:bottom;
	border:none;
	background:transparent;
}

a{letter-spacing:normal;}

/*
===== 3: form setting ===========================
*/
option{ padding-right:10px; }
*+html option{padding-right:0;}/* for IE7&Opera */
* html option{padding-right:0;}/* for IE6 */　　　

/*
===== 4: link setting ===========================
*/

a{
	color: #2290d6;
	text-decoration:none;
}
a:link{
	color: #2290d6;
	text-decoration:none;
}
a:visited{
	/*color: #822592;*/
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	color: #FF6666;
	text-decoration:underline;
}

/*
===== CONTENTS ===========================================

	1: CLEARFIX
	2: EACH MODULE

==========================================================
*/

/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}
/*
===== 2: EACH MODULE ==========================================
*/
.pagetop{
	text-align:right;
	padding:1em;
}
/*
===== フロート設定 ===========================
*/
.floL{
	float: left;
}
.floR{
	float: right;
}
.clear {
	clear:both;
}
/*
===== ブロック　インライン設定 ===========================
*/
.block{
	display: block;
}
.inline{
	display: inline;
}
/*
===== マージン設定 ===========================
*/
.marT10{
	margin-top: 10px;
}

.marL10{
	margin-left: 10px;
}
.marR10{
	margin-right: 10px;
}
.marB10{
	margin-bottom: 10px;
}

.marB7{
	margin-bottom: 7px;
}

.marB12{
	margin-bottom: 12px;
}


/*
===== パディング設定 ===========================
*/
.padding5{
	padding: 5px;
}

.padB7{
	padding-bottom: 7px;
}
/*
===== 文字 ===========================
*/
.bold{
	font-weight: bold;
}
.fon16{
	font-size: 16px;
}
.fon14{
	font-size: 14px;
}
.fon12{
	font-size: 12px;
}
.fon10{
	font-size: 10px;
}

.txt-center{
	text-align: center;
}
.txt-right{
	text-align: right;
	float: right;
}

.v-align-middle{
  vertical-align:middle;	
}

.font-red{
	color: #FF0000;
}
.font-orange{
	color: #fc6c02;
}
.font-pink{
	color: #FF43CA;
}
.font-yellow{
	color: #FFFF00;
}

/*
===== 透過PNG ===========================
*/
.iepngfix {
            behavior: expression(IEPNGFIX.fix(this));
        }



/*
==========================================================

	共通部分

==========================================================
*/

/* wrap */
#wrap{
	background:url(../img/bg/wrapbg.png) repeat-y;
	width:960px;
	margin:0 auto;
	padding:15px 20px 0 20px;
}



/*
==========================================================

	header start

==========================================================
*/

.hbg1{
	height:130px;
	background:url(../img/header/headerBg.png);
	text-align:center;
	min-width:1000px;
					  
}


.hbg1 #telCaut{
	clear: both;
	color: #f8f7ba;
	font-size: 11px;
	line-height:110%;
	padding-left:5px;
	letter-spacing:-1px; 
}


.hbgbox1{
  width:990px;
  margin:0 auto;
}

h1{
	width:371px;
	height:100px;
	float:left;
	padding-top:15px;
}

.hbgbox1_img{
	width:318px;
	height:100px;
	float:left;
	padding-top:15px;
}

.hbgbox1_tel{
  width:286px;
  height:100px;
  float:left;
}

.hbg2{
	height:55px;
	background:url(../img/header/GlobalNaviBg.png);
	text-align:center;
	min-width:1000px;
}

#GlobalNavi{
  width:990px;
  height:55px;
  margin:0 auto;
}

#GlobalNavi li{
  float:left;	
}

#GlobalNavi li a{
  height:55px;
  display:block;
  float:left;
  text-indent:-1000000em;
  overflow:hidden;
}

#GlobalNavi li a:hover{
	background-position:0 -55px;
}

.navi1 a{
  width:58px;
  background:url(../img/navi/Navi1.png) no-repeat;
}

.navi2 a{
  width:70px;
  background:url(../img/navi/Navi2.png) no-repeat;
}

.navi3 a{
  width:80px;
  background:url(../img/navi/Navi3.png) no-repeat;
}

.navi4 a{
  width:70px;
  background:url(../img/navi/Navi4.png) no-repeat;
}

.navi5 a{
  width:91px;
  background:url(../img/navi/Navi5.png) no-repeat;
}

.navi6 a{
  width:103px;
  background:url(../img/navi/Navi6.png) no-repeat;
}

.navi7 a{
  width:77px;
  background:url(../img/navi/Navi7.png) no-repeat;
}

.navi8 a{
  width:101px;
  background:url(../img/navi/Navi8.png) no-repeat;
}

.navi9 a{
  width:126px;
  background:url(../img/navi/Navi9.png) no-repeat;
}

.navi10 a{
  width:67px;
  background:url(../img/navi/Navi10.png) no-repeat;
}

.navi11 a{
  width:63px;
  background:url(../img/navi/Navi11.png) no-repeat;
}

.navi12 a{
  width:54px;
  background:url(../img/navi/Navi12.png) no-repeat;
}





/*
==========================================================

	Main column start(2column構成)

==========================================================
*/

#Main{
  width:680px;
  float:left;
}


/*
==========================================================

	Main column2 start(1column構成)

==========================================================
*/
#Main2{
  width:960px;
}

/*
==========================================================

	Main column3 start(1column構成popup)

==========================================================
*/
#Main3{
  width:680px;
}


/*
==========================================================

	Right column start

==========================================================
*/

#Right{
  width:265px;
  float:right;
}

/* 右カラムカバーガールのCSS */
.covergirl{
  margin-bottom:12px;	
}

/* 右カラムカバーガールのCSS */
.r_gravure_bnr{
  margin-bottom:12px;	
}


/* 右カラム写メ日記のCSS */
h3.pd{
  width:195px;
  height:38px;
  float:left;
}

.iflame{
	width:235px;
	height:610px;
}

.pd_bg01{
  background:url(../img/Rcolumn/r_pd_bg01.png) no-repeat;
  width:70px;
  height:28px;
  padding-top:10px;
  float:left;
}

.pd_main{
	background:url(../img/Rcolumn/r_pd_bg02.png) repeat-y;
	width:239px;
	height:612px;
	padding:0 13px;
	overflow:hidden;
}

.pd_bottom{
	height:14px;
	font-size:0;
	line-height:0;
	margin-bottom:12px;
}

/* 右カラムランキングのCSS */
h3.ra{
  width:195px;
  height:38px;
  float:left;
}

.ra_bg01{
  background:url(../img/Rcolumn/r_ranking_bg01.png) no-repeat;
  width:70px;
  height:25px;
  padding-top:13px;
  float:left;
}

.ra01,.ra02,.ra03,.ra04,.ra05{
  width:265px;
  height:133px;
  overflow:hidden;
}

.ra01{
	background:url(../img/Rcolumn/r_rank1_bg.png) no-repeat;
}

.ra02{
	background:url(../img/Rcolumn/r_rank2_bg.png) no-repeat;
}

.ra03{
	background:url(../img/Rcolumn/r_rank3_bg.png) no-repeat;
}

.ra04{
	background:url(../img/Rcolumn/r_rank4_bg.png) no-repeat;
}

.ra05{
	background:url(../img/Rcolumn/r_rank5_bg.png) no-repeat;
}

.r_ra_na_si{
  width:125px;
  float:left;
  padding:60px 5px 5px 40px;
}

.r_ra_na_si a{
	color: #a60c43;
	font-size:15px;
	text-decoration:none;
}
.r_ra_na_si a:link{
	color: #a60c43;
	text-decoration:none;
}
.r_ra_na_si a:visited{
	/*color: #a60c43;*/
	text-decoration:none;
}
.r_ra_na_si a:hover{
	text-decoration:underline;
}
.r_ra_na_si a:active{
	color: #a60c43;
	text-decoration:underline;
}

.r_ra_na_si span{
	font-size:12px;
	color:#3b3b3b;
}

.r_ra_thum{
  background:url(../img/Rcolumn/r_redthum_bg.png) no-repeat;
  width:70px;
  height:105px;
  padding:3px;
  float:left;
  margin-top:11px;
}

.ra_bg02{
	height:10px;
	font-size:0;
	line-height:0;
	clear:both;
}

.ra_bottom{
	height:9px;
	font-size:0;
	line-height:0;
	margin-bottom:12px;
	clear:both;
}

/* 右カラムtwitterのCSS */
.r_twitter_bnr{
	width:265px;
	height:98px;
	margin-bottom:12px;
}

.r_twitter{
  margin-bottom:12px;
}


/* 右カラム出勤予定表のCSS */
h3.sch{
  width:195px;
  height:38px;
  float:left;
}

.sch_bg01{
  background:url(../img/Rcolumn/r_schedule_bg01.png) no-repeat;
  width:70px;
  height:28px;
  padding-top:10px;
  float:left;
}

.sch_main{
	background:url(../img/Rcolumn/r_sch_bg02.png) repeat-y;
	width:225px;
	padding:10px 20px;
}

.sch_main2{
	width:225px;
	height:670px;
	overflow:auto;
}

.r_sch_date{
  background:url(../img/Rcolumn/r_sch_date_bg.png);
  width:184px;
  padding:6px 8px;
  color:#029cfe;
  font-size:12px;
  line-height:12px;
  font-weight:bold;
}

.r_sch_thum{
  background:url(../img/Rcolumn/r_glaythum_bg.png) no-repeat;
  width:70px;
  height:105px;
  padding:3px;
  float:left;
  margin:10px 0;
}

.r_sch_name_time{
  width:119px;
  padding-left:5px;
  float:left;
  margin:10px 0;
}


.r_sch_name a{
	color: #a60c43;
	font-size:12px;
	text-decoration:none;
}
.r_sch_name a:link{
	color: #a60c43;
	text-decoration:none;
}
.r_sch_name a:visited{
	/*color: #a60c43;*/
	text-decoration:none;
}
.r_sch_name a:hover{
	text-decoration:underline;
}
.r_sch_name a:active{
	color: #a60c43;
	text-decoration:underline;
}

.r_sch_name span{
  font-size:10px;	
}

.r_sch_time{
  text-align:center;
  padding:5px 0;
  font-size:12px;
  color:#fc036a;
  font-weight:bold;
  line-height:12px;
}

.r_sch_txt{
  height:4em;
  overflow:hidden;
  padding-top:4px;
  margin-bottom:6px;
  font-size:10px;
  line-height:14px;
}

.r_sch_line{
  font-size:0;
  line-height:0;
}


.sch_bottom{
	height:14px;
	font-size:0;
	line-height:0;
	margin-bottom:12px;
}

/* 右カラムモバイル引き込みのCSS */
.r_mobile_bnr{
  background:url(../img/Rcolumn/r_mobile_bg.png) no-repeat;
  width:247px;
  height:44px;
  padding:90px 0 20px 18px;
  margin-bottom:20px;
  font-size:12px;
}

.r_mobile_bnr span{
  color:#ff004e;	
}

.r_adress{
  width:98px;
  border:1px solid #ffb4d6;
}

.r_domain{
  width:118px;
  border:1px solid #ffb4d6;
  display:block;
  float:left;
  margin-top:2px;
}

.r_submit{
	width:42px;
	height:20px;
	display:block;
	float:left;
	line-height:0;
	font-size:0;
	margin-top:2px;
	margin-left:4px;
}

/*
==========================================================

	女の子タイプゲージ

==========================================================
*/
.gage1,.gage2,.gage3,.gage4,.gage5,.gage6,.gage7,.gage8,.gage9,.gage10,.gage11{
  	width:113px;
	height:13px;
	padding:2px 0 3px 42px;
	margin:0 0 1px 1px;
}

.gage1{
  	background:url(../img/gage/gl_gage1.png) no-repeat;
}

.gage2{
  	background:url(../img/gage/gl_gage2.png) no-repeat;
}

.gage3{
  	background:url(../img/gage/gl_gage3.png) no-repeat;
}

.gage4{
  	background:url(../img/gage/gl_gage4.png) no-repeat;
}

.gage5{
  	background:url(../img/gage/gl_gage5.png) no-repeat;
}

.gage6{
  	background:url(../img/gage/gl_gage6.png) no-repeat;
}

.gage7{
  	background:url(../img/gage/gl_gage7.png) no-repeat;
}

.gage8{
  	background:url(../img/gage/gl_gage8.png) no-repeat;
}

.gage9{
  	background:url(../img/gage/gl_gage9.png) no-repeat;
}

.gage10{
  	background:url(../img/gage/gl_gage10.png) no-repeat;
}

.gage11{
  	background:url(../img/gage/gl_gage11.png) no-repeat;
}

.gage_point{
  width:21px;
  height:13px;
  margin-left:1px;
}



/*
==========================================================

	Footer start

==========================================================
*/

.pagetop_link{
  width:960px;
  text-align:right;
  margin-top:10px;
}

#footer1{
	background:url(../img/footer/footerbg01.png) repeat-x #333333;
	text-align:center;
	min-width:1000px;
}

.footer1_box{
	width:1000px;
	min-width:1000px;
	margin:0 auto;
}

.footer_shop_info{
  width:231px;
  float:left;
}

.footer_shop_info p{
  width:191px;
  font-size:10px;
  line-height:130%;
  color:#FFF;
  padding:15px 10px 10px 30px;
}


.footer_link{
  width:769px;
  background:url(../img/footer/footerbg03.png) no-repeat;
  float:left;
  padding-top:35px;
  margin-bottom:20px;
}

.footer_link img{
  font-size:0;
  line-height:0;
  display:block;
  margin-left:28px;
}

.footer_link li{
	background:url(../img/footer/footer_allow.png) no-repeat center left;
	padding-left:8px;
	color:#FFF;
	font-size:10px;
	line-height:10px;
	margin:10px 5px 0 28px;
}

.home_system,.models_info,.contents,.community,.etc{
  float:left;
  background:url(../img/footer/footer_line.png) repeat-y;
}

.home_system{
  width:165px;
}

.models_info{
  width:168px;
}

.contents{
  width:145px;
}

.community{
  width:150px;
}

.etc{
  width:130px;
}

.footer_link a{
	color: #ffffff;
	text-decoration:none;
}
.footer_link a:link{
	color: #ffffff;
	text-decoration:none;
}
.footer_link a:visited{
	/*color: #822592;*/
	text-decoration:none;
}
.footer_link a:hover{
	text-decoration:underline;
}
.footer_link a:active{
	color: #ffffff;
	text-decoration:underline;
}

#group_link{
  width:930px;
  margin:0 auto;
}

#group_link li{
  width:145px;
  padding:0 5px 10px 5px;
  float:left;
}

#footer2{
	background:url(../img/footer/footerbg02.png);
	text-align:center;
	font-size:10px;
	color:#FFF;
	padding:20px;
	min-width:1000px;
}


/*===== ヘッダー求人リンク追加 =====*/
#rec_link {
	position:relative;
	float:left;
	width:318px;
	height:113px;
	background-image:url(../img/header/rec_link.png);
	background-repeat:no-repeat;
	background-position:30px 5px;
}

/*
#rec_link_pc {
	position:absolute;
	top:78px;
	left:130px;
}

#rec_link_mb {
	position:absolute;
	top:78px;
	left:200px;
}

*/

#rec_link_pc a{
	position:absolute;
	display:block;
	width:71px;
	height:31px;
	top:78px;
	left:130px;
	background:url(../img/header/rec_link_pc_off.png) no-repeat;
	text-indent:-9999px;
}

#rec_link_pc a:hover{
	background:url(../img/header/rec_link_pc_on.png) no-repeat;
}

#rec_link_mb a{
	position:absolute;
	display:block;
	width:71px;
	height:31px;
	top:78px;
	left:200px;
	background:url(../img/header/rec_link_mb_off.png) no-repeat;
	text-indent:-9999px;
}

#rec_link_mb a:hover{
	background:url(../img/header/rec_link_mb_on.png) no-repeat;
}

#searchBnrBox {
	padding-bottom:10px;
}

#search_area_yokohama {
    background: url("../img/Rcolumn/search_yokohama_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    text-indent: -9999px;
    width: 265px;
    height: 126px;
	overflow:hidden;
}
#search_area_yokohama:hover {
    background: url("/common/img/Rcolumn/search_yokohama_on.png") no-repeat scroll 0 0 transparent;
}