@charset "utf-8";
/* CSS Document */
html{
//    overflow:hidden;
    margin:0%;
    padding:0%;
    height:100%;
}

/*
===== 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;/**/
}
/**/

body{
  margin:0;
  padding:0;
}



img.bgmaximage{
position:fixed !important;
}
 
#maincontent {
position: absolute;
top: 55%;
left: 0;
z-index: 50;
width: 100%;
height:250px;
background:url(./img/ninshou/obi_bg.png) repeat-x;
text-align:center;
}

.img_box{
  width:730px;
  margin:20px auto 0 auto;
}

h1{
  margin:0;
  padding:0;
}

.left{
	width:348px;
	margin:0;
	padding:0;
	float:left;
}

.image{
  margin:0;
  padding:0;
}

.right{
	width:310px;
	margin:0;
	padding:0;
	float:right;
}



.enter{
	width:341px;
	height:45px;
	z-index: 60;
}

.enter a{
	display:block;
	background:url(./img/ninshou/enter.png) no-repeat;
	width:341px;
	height:45px;
	overflow:hidden;
	text-indent:-10000em;
}

.enter a:hover{
	background-position:0 -45px;
}

.leave{
	width:341px;
	height:45px;
	z-index: 60;
}

.leave a{
	display:block;
	background:url(./img/ninshou/leave.png) no-repeat;
	width:341px;
	height:45px;
	overflow:hidden;
	text-indent:-10000em;
}

/*.leave a:hover{
	background-position:0 -45px;
}*/

#SM_enter {
/*
position: absolute;
top: 50%;
left: 10%;
z-index: 50;
*/
width:598px;
height:180px;
margin:0 auto;
}

#g_job {
position: absolute;
top: 40%;
left: 80%;
z-index: 50;
width:243px;
height:180px;
}

#b_job {
position: absolute;
top: 65%;
left: 83%;
z-index: 50;
width:191px;
height:140px;
}

#g_job a{
	display:block;
	background:url(./img/ninshou/g_job.png) no-repeat;
	width:243px;
	height:180px;
	overflow:hidden;
	text-indent:-1000000em;
}

#g_job a:hover{
	background-position:0 -180px;
}

#b_job a{
	display:block;
	background:url(./img/ninshou/b_job.png) no-repeat;
	width:191px;
	height:140px;
	overflow:hidden;
	text-indent:-1000000em;
}

#b_job a:hover{
	background-position:0 -140px;
}


/*20120319ɉF؂CSS*/

#maincontent2 {
margin:35% auto 0;
padding-top:118px;
z-index: 50;
width: 770px;
height:94px;
background:url(./img/ninshou/main_backg.png) no-repeat;
}

#maincontent2 ul{
  width:209px;
  margin:0 0 0 511px;
  list-style:none;
  padding:0;
  z-index: 60;
}

.enter2{
  width:209px;
  height:52px;
}

.enter2 a{
  width:209px;
  height:52px;
  display:block;
  background:url(./img/ninshou/enter0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.enter2 a:hover{
	background-position:0 -52px;
}

.leave2{
  width:209px;
  height:30px;
}

.leave2 a{
  width:209px;
  height:30px;
  display:block;
  background:url(./img/ninshou/leave0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.leave2 a:hover{
	background-position:0 -30px;
}


#grouplink{
	width:427px;
	height:169px;
	background:url(./img/ninshou/grouplinkbg.png) no-repeat;
	position: absolute;
 top:85%;
right:1%;
z-index: 0;
}

#grouplink ul{
	width:400px;
	margin:0;
	padding:18px 0 0 12px;
	z-index: 10;
}

#grouplink li{
  background:url(./img/ninshou/lionk_bg.png) no-repeat;
  width:92px;
  height:36px;
  padding:2px 0 0 2px;
  margin:2px 3px;
  float:left;
  list-style:none;
  z-index: 10;
  behavior: expression(IEPNGFIX.fix(this));
}



/*20120319ɉF؂CSS*/

#maincontent2 {
margin:35% auto 0;
padding-top:118px;
z-index: 50;
width: 770px;
height:94px;
background:url(./img/ninshou/main_backg.png) no-repeat;
}

#maincontent2 ul{
  width:209px;
  margin:0 0 0 511px;
  list-style:none;
  padding:0;
  z-index: 60;
}

.enter2{
  width:209px;
  height:52px;
}

.enter2 a{
  width:209px;
  height:52px;
  display:block;
  background:url(./img/ninshou/enter0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.enter2 a:hover{
	background-position:0 -52px;
}

.leave2{
  width:209px;
  height:30px;
}

.leave2 a{
  width:209px;
  height:30px;
  display:block;
  background:url(./img/ninshou/leave0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.leave2 a:hover{
	background-position:0 -30px;
}

/*20120319ɉF؂CSS*/

#maincontent2 {
margin:35% auto 0;
padding-top:118px;
z-index: 50;
width: 770px;
height:94px;
background:url(./img/ninshou/main_backg.png) no-repeat;
}

#maincontent2 ul{
  width:209px;
  margin:0 0 0 511px;
  list-style:none;
  padding:0;
  z-index: 60;
}

.enter2{
  width:209px;
  height:52px;
}

.enter2 a{
  width:209px;
  height:52px;
  display:block;
  background:url(./img/ninshou/enter0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.enter2 a:hover{
	background-position:0 -52px;
}

.leave2{
  width:209px;
  height:30px;
}

.leave2 a{
  width:209px;
  height:30px;
  display:block;
  background:url(./img/ninshou/leave0319.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.leave2 a:hover{
	background-position:0 -30px;
}


/* 認証ページ 恋愛グループリンク CSS　現在使っていない */
#grouplink{
	width:427px;
	height:169px;
	background:url(./img/ninshou/grouplinkbg.png) no-repeat;
	position: absolute;
 top:80%;
right:1%;
z-index: 0;
}

#grouplink ul{
	width:400px;
	margin:0;
	padding:28px 0 0 12px;
	z-index: 10;
}

#grouplink li{
  background:url(./img/ninshou/lionk_bg.png) no-repeat;
  width:92px;
  height:36px;
  padding:2px 0 0 2px;
  margin:2px 3px;
  float:left;
  list-style:none;
  z-index: 10;
  behavior: expression(IEPNGFIX.fix(this));
}


/* 認証ページ 恋愛グループリンク CSS　現在使っていない　ここまで */



#grouplinkf{
    width: 670px;
	margin:0 auto 20px auto;
	background:url(./img/ninshou/grouplinkfbg.png) repeat;
	border:solid 3px #ffffff;
}



/*20120417ɉF؂CSS*/

.ninshou_image {
  width:85%;
  margin:0 auto;
}

#maincontent3 {
/*margin:43% auto;*/
/*margin: 43% auto 5px;*/
margin: 5px auto 5px;
padding:0;
z-index: 50;
width: 552px;
height:121px;
list-style:none;
}

.enter3{
  width:276px;
  height:121px;
  float:left;
}

.enter3 a{
  width:276px;
  height:121px;
  display:block;
  background:url(./img/ninshou/enter0417.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.enter3 a:hover{
	background-position:0 -121px;
}

.leave3{
  width:276px;
  height:121px;
  float:left;
}

.leave3 a{
  width:276px;
  height:121px;
  display:block;
  background:url(./img/ninshou/leave0417.png) no-repeat;
  text-indent:-10000em;
  overflow:hidden;
}

.leave3 a:hover{
	background-position:0 -121px;
}