@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2012-03-9
 * Editor:    contents
 * Modified:  2012-10-17 by:contents tokunaga
 *
 * ***********************************************************
 */


/* font-size===========================================

10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217% 

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

/* □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

  倶楽部　club.css

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ */

/* ///////////////////////////////////////////////////////////////////
	common
/////////////////////////////////////////////////////////////////// */

#club .imageBox01{
	width:320px;
	padding:0px 32px 0px 32px;
	float:left;
	border:0px solid #000000;
	text-align:center;
}

#club .textRight01{
	width:380px;
	padding:0px 20px 0px 0px;
	float:right;
}

#club #clubTrial .textRight01{
	width:360px;
}

	#club .textRight01 p{
		padding:5px 0px 20px 0px;
	}

/* ///////////////////////////////////////////////////////////////////
	top
/////////////////////////////////////////////////////////////////// */

#clubTop .textRight01 p.remarks01{
	padding:1.250em 0px 0px 105px;
	font-size:83.4%;
}


#clubPay .textRight01 p.remarks01{
	padding:0px 0px 0px 80px;
}


/* ///////////////////////////////////////////////////////////////////
	life
/////////////////////////////////////////////////////////////////// */

#club #clubLife .imageBox01 .image01{
	padding:0px 0px 18px 0px;
}

#club #clubLife .imageBox01 .image02{
	padding:0px 0px 18px 0px;
	text-align:right;
}

#club #clubLife .clinicBox{
	margin:0px 0px 50px 0px;
}

	#club #clubLife .clinicBox .logo{
		width:50px;
		float:left;
	}
	
	#club #clubLife .clinicBox dl{
		width:324px;
		float:right;
	}
	
		#club #clubLife .clinicBox dl dt{
			font-size:125%;
			font-weight:bold;
			margin:0px 0px 1px 0px;
		}
		
		#club #clubLife .clinicBox dl dd{

		}

/* ///////////////////////////////////////////////////////////////////
	trial
/////////////////////////////////////////////////////////////////// */

#clubTrial dl dt,
#clubPony dl dt{
	font-weight:bold;
	font-size:116.7%;
	padding:0px 0px 2px 0px;
}

#clubTrial dl dd{
	padding:0px 0px 22px 2em;
}

	#club #clubPony .textBox01 dl dd p{
		padding:0px 0px 10px 0em;
	}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		width:320px;
		margin:0px auto 0px auto;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:320px;
		height:483px;
		overflow:hidden;
		border:0px solid #000000;
	}

	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:13px;
		height:22px;
		position:absolute;
		left:30px;
		top:300px;
		z-index:1000;
		border:0px solid #000000;
		}	
	#nextBtn, #slider1next{ 
		left:405px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:13px;
		height:22px;
		background:url(../club/img/trial/arrowL.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../club/img/trial/arrowR.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */

#clubTrial .imageBox01 .copy01{
	text-align:left;
	width:384px;
	border:0px solid #000000;
	margin:0px 0px 0px -30px;
}

  #clubTrial .imageBox01 .copy01 dt{
	  font-size:100%;
  }
  
  #clubTrial .imageBox01 .copy01 dd{
	  margin:0px 0px 10px 0px;
	  padding:0px 0px 0px 0px;
  }

	
#clubTrial .imageBox01 .zoomText{
	text-align:right;
	margin:8px -50px 8px 0px;
}

  #clubTrial .imageBox01 .zoomText span{
	  background:url(../club/img/trial/zoom_icon01.gif) no-repeat 0px 2px;
	  padding:0px 0px 4px 18px;
  }

/* ///////////////////////////////////////////////////////////////////
	pony
/////////////////////////////////////////////////////////////////// */

#clubPony #wapper{
	background:url(../club/img/pony/image01.jpg) no-repeat 0px 0px;
	min-height:648px;
	position:relative;
	padding:128px 0px 0px 0px;
}

	#clubPony #wapper .copy01{
		position:absolute;
		top:0px;
		left:320px;
		font-size:116.7%;
		width:452px;
	}

	
	#clubPony dl dd{
		padding:0px 0px 22px 2em;
		border:0px solid #000000;
	}
	
		#clubPony dl dd.last{
			padding:0px 0px 0px 2em;
			border:0px solid #000000;
		}

#club #clubPony p.remarks01{
	padding:0px 0px 0px 2em;
	border:0px solid #000000;
}
	
/* ///////////////////////////////////////////////////////////////////
	clubInstitution
/////////////////////////////////////////////////////////////////// */

#clubInstitution .imageBox01{
	width:460px;
	border:0px solid #000000;
	padding:0px 0px 0px 0px;
}

	#clubInstitution .imageBox01 li{
		float:left;
		padding:0px 9px 16px 9px;
		border:0px solid #000000;
	}

#clubInstitution .textRight01{
	width:290px;
	border:0px solid #000000;
	padding:0px 0px 0px 0px;
}
	
	#clubInstitution .textRight01 .tbl01{
		width:290px;
	}	
	
		#clubInstitution .textRight01 .tbl01 caption{
			text-align:left;
			font-size:116.7%;
		}
	
	
		#clubInstitution .textRight01 .tbl01 th{
			text-align:left;
			width:120px;
			padding:8px 10px 0px 20px;
			border:0px solid #000000;
		}

		#clubInstitution .textRight01 .tbl01 td{
			text-align:left;
			padding:8px 10px 0px 0px;
			border:0px solid #000000;
		}
		
			#clubInstitution .textRight01 .tbl01 td.cell01{
				width:40px;
			}
			
			#clubInstitution .textRight01 .tbl01 td.cell02{
				text-align:right;
			}

/* ///////////////////////////////////////////////////////////////////
	clubPay
/////////////////////////////////////////////////////////////////// */

#clubPay .textLeft01{
	width:350px;
	float:left;
	border:0px solid #000000;
}

#clubPay .textRight01{
	width:350px;
	float:right;
	border:0px solid #000000;
}

#clubPay .tbl01,
#clubPay .tbl02,
#clubPay .tbl03{
	margin:0px 0px 50px 0px;
	border:0px solid #000000;
	width:330px;
	float:right;
}


#clubPay .mgB10{
	margin:0px 0px 10px 0px;
}

#clubPay .textRight01 .tbl01{
	margin:0px 0px 25px 0px;
}

/* buyBox
-------------------------------------------------------------*/
#clubPay .buyBox{
	clear:both;
	background: url(../club/img/buy_image01.jpg) no-repeat;
	padding:30px 0px 0px 140px;
}

	#club #clubPay .buyBox .title01{
		margin:0px 0px 0px 0px;
		padding:0px 0px 12px 0px;
	}
	
	#clubPay .buyBox p{
		padding:0px 0px 8px 0em;
		font-size:91.7%;
	}

/* tbl01
-------------------------------------------------------------*/
#clubPay .tbl01 th{
	text-align:left;
	width:120px;
	padding:5px 0px 0px 0px;
	vertical-align:top;
	border:0px solid #000000;
}
	
		#clubPay .tbl01 th span{
			font-weight:normal;
		}
		
#clubPay .tbl01 td,
#clubPay .tbl02 td{
	padding:5px 0px 0px 0px;
	vertical-align:top;
	border:0px solid #000000;
}

	#clubPay .tbl01 td.cell01{
		width:70px;
	}
	
	#clubPay .tbl01 td.cell02{
		width:60px;
	}
	
	#clubPay .tbl01 td.cell03{
		width:80px;
		text-align:right;
	}

/* tbl02
-------------------------------------------------------------*/
#clubPay .tbl02 th{
	text-align:left;
	width:110px;
	padding:5px 0px 0px 0px;
	vertical-align:top;
	border:0px solid #000000;
}

	#clubPay .tbl02 td.cell01{
		width:110px;
	}
	
	#clubPay .tbl02 td.cell02{
		width:110px;
		text-align:right;
	}

/* tbl03
-------------------------------------------------------------*/

#clubPay .tbl03 th{
	text-align:left;
	width:110px;
	padding:5px 0px 0px 1em;
	vertical-align:top;
	border:0px solid #000000;
}


/* remarks
-------------------------------------------------------------*/

#clubPay .remarks01{
	font-size:91.7%;
	padding:0px 0px 50px 1em;
	clear:both;
	width:330px;
	float:right;
}

	#clubPay .remarks01 li{
		text-indent:-1em;
		padding:0px 0px 5px 1em;
	}



/* title
-------------------------------------------------------------*/

#club #clubPay .title01{
	font-weight:bold;
	font-size:116.7%;
	margin:0px 0px 16px 0px;
	border:0px solid #000000;
	padding:5px 0px 0px 0px;
	clear:both;
}

#clubPay .title02{
	padding:0px 0px 10px 0em;
	border:0px solid #000000;
	width:330px;
	float:right;
}

	#club #clubPay .title02 p{
		padding:0px 0px 0px 0px;
	}

	#clubPay .title02 .mainTitle01{
		width:220px;
		float:left;
		font-weight:bold;
	}
	
	#clubPay .title02 .price01{
		width:80px;
		float:right;
		text-align:right;
	}
	
	#clubPay .title02 .mainTitle02{
		width:330px;
		font-weight:bold;
	}
	
		#clubPay .title02 .mainTitle02 span{
			font-size:91.7%;
			font-weight:normal;
			margin:0px 0px 0px 10px;
		}

#clubPay .title03{
	clear:both;
	font-weight:bold;
	padding:0px 0px 0px 1.6em;
	border:0px solid #000000;
}