@charset "UTF-8"; 

/* ------------------------------- common -------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,from,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

html{
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,h6,pre,address,em,strong,p,dl,li,a,th,td,caption,label{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height: 1.5;
}

ol,ul{
	list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}

caption,th {
     text-align: left;
}

img{
	border: 0;
	vertical-align: bottom;
}

a{
	text-decoration: none;
	overflow: hidden;
}

/* ------------------------------- link ------------------------------- */
a:link{
	color: #4D7CC4;
	text-decoration: underline;
}

a:visited{
	color: #810081;
	text-decoration :none;
}

a:hover{
	color: #E18700;
	text-decoration: underline;
}

/* ------------------------------- base ---------------------- */

body{
	background-color: #FFFFFF;
	background: url(img/bg.jpg) repeat-x left top;
}

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

/* ------------------------------- header ------------------------------- */

#header{
	width: 960px;
	height: 106px;
	background: url(img/header-bg.jpg) no-repeat left top;
}

	h1{
		width: 290px;
		height: 81px;
		margin: 15px 0 0 27px;
		float: left;
	}

	p.head1{
		width: 450px;
		margin: 10px 10px 0 0;
		font-size: 10px;
		float: right;
	}

		#header p strong{
			font-size: 10px;
		}
 
	p.head2{
		width: 420px;
		margin: 20px 0 0 10px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		float: left;
	}

	p.head3{
		width: 185px;
		float: right;
	}

		p.head3 a{	
			width: 165px;
			height: 40px;
			margin: 15px 0 0 0;
			display: block;
			text-indent: -9999em;
		}

/* ------------------------------- container ------------------------------- */

#container{
	width: 960px;
	overflow: hidden;
}

	#main{
		width: 743px;
		float: right;
	}

		h2.main-bg{
			width: 743px;
			height: 274px;
			background: url(img/main.jpg) no-repeat left top;
			text-indent: -9999em;
		}

		#unit{
			padding-top: 20px;
			background: url(img/unit-bg.gif) no-repeat left top;
		}

			#content{
				background: url(img/content-bg.gif) repeat-y left top;
		}

				#content p a{
					font-size: 14px;
				}

				#area{
					width: 700px;
					margin: 0 20px;
					overflow: hidden;
					border: 1px solid #B5CF92;
					clear: both;
				}

					#area p.photo{
						width: 126px;
						float: left;
					}

					#area h2{
						width: 540px;
						margin: 10px 17px 10px;
						font-size: 16px;
						float: left;
					}
					
					#area p.rule1{
						width: 540px;
						margin: 0 17px 10px;
						float: left;
					}
					
				#content div.box1,
				#content div.box2{
					width: 344px;
					margin: 10px 0 10px 20px;
					border: 1px solid #B5CF92;
					float: left;
				}

				#content div.box2{
					margin: 10px 0 10px 10px;
				}

					#content div.box1 p.photo,
					#content div.box2 p.photo{
						width: 104px;
						float: left;
					}

					#content div.box1 h3,
					#content div.box2 h3{
						width: 205px;
						margin: 10px;
						font-size: 16px;
						float: left;
					}
					
					#content div.box1 p.rule1,
					#content div.box2 p.rule1{
						width: 205px;
						margin: 0 10px;
						float: left;
					}

				.jump{
					clear: both;
					padding: 0 20px 20px 0;
					text-align: right;
					background: url(img/jump-bg.gif) no-repeat left bottom;
				}

	/* orange.html ------------------------------- */

	em{
		padding: 0 5px;
		font-style: normal;
		font-size: 16px;
		color: #FF6699;
	}

				#content div.box5{
					width: 640px;
					margin: 0 30px;
					clear: both;
				}

				#content div.box5 h2{
					padding: 10px;
					font-size: 16px;
					color: #FF9900;
					border: 2px solid #FF6699;
				}

				#content div.box5 ul{
					margin: 20px;
				}

				#content div.box5 ul li{
					font-size: 16px;
				}
						
					#content div.box5 p{
						clear: both;
						margin: 10px 0 10px 20px;
						font-size: 16px;
					}

					#content div.box5 p.rule7{
						clear: both;
						width: 350px;
						margin: 0 145px;
					}

					#content div.box5 a{
						padding: 0 5px;
						font-size: 16px;
					}

				#content div.box9{
					width: 700px;
					margin: 20px 20px 10px;
					clear: both;
					border: 1px solid #B5CF92;
					background-color: #fffafa;
					overflow: hidden;
				}

				#content div.box9 dl{
					font-size: 16px;
					float: left;
				}

					#content div.box9 dt{
						width: 70px;
						margin: 10px 10px 0;
						float: left;
						clear: both;
					}
				
					#content div.box9 dd{
						width: 588px;
						margin: 10px 10px 2px;
						float: left;
					}

				#content div.box9 ol{
					margin: 20px 20px 10px;
                    list-style-type: decimal;
				}

				#content div.box9 ol li{
					font-size: 16px;
					margin: 10px 0 10px 20px;
				}

				#content div.box9 p{
					font-size: 16px;
					margin: 5px 10px 0;
				}

    				#content div.box9 p.kome{
    					margin: 5px 10px 3px 90px;
    				}

				p.btn-envi{
					clear: both;
					width: 202px;
					height: 57px;
					margin: 0 50px 40px;
					background: url(img/btn.jpg) no-repeat left top;
					float: right;
				}

					p.btn-envi a{
						width: 202px;
						height: 57px;
						display: block;
						text-indent: -9999em;
					}
			
					p.btn-envi a:focus,
					p.btn-envi a:hover{
						background: url(img/btn.jpg) no-repeat left bottom;
					}

				p.btn-club-shy{
					clear: both;
					width: 202px;
					height: 57px;
					margin: 0 50px 40px;
					background: url(img/btn-club-shy-link.jpg) no-repeat left top;
					float: right;
				}

					p.btn-club-shy a{
						width: 202px;
						height: 57px;
						display: block;
						text-indent: -9999em;
					}
			
					p.btn-club-shy a:focus,
					p.btn-club-shy a:hover{
						background: url(img/btn-club-shy-link.jpg) no-repeat left bottom;
					}

	/* query.html ------------------------------- */

		#form{
			width: 650px;
			margin: 5px 25px 10px;
			padding: 20px;
			border: 1px solid #999999;
			background-color: #fffafa;
			overflow: hidden;
		}

			#content p.font-big{
				margin: 0 10px 5px 30px;
				font-size: 14px;
				color: #666666;
			}

			div.box{
				clear: both;
			}

			div.box label{
				width: 250px;
				margin: 5px 10px;
				padding: 1px 20px 1px 10px;
				border: 1px solid #B5CF92;
				border-left: 5px solid #B5CF92;
				float: left;
			}

			div.box label span{
				margin: 0 0 0 20px;
				font-size: 12px;
				color: #990000;
			}

			div.box .err_message{
				width: 400px;
				padding: 7px 0 0 5px;
				color: #990000;
			}

			div.box p{
				margin: 0 0 2px 20px;
				clear: both;
			}
			
			div.box input.rule2{
				width: 450px;
				margin: 0 0 10px 30px;
			}

			div.box input.rule3{
				width: 50px;
				margin: 0 0 10px 30px;
			}

			div.box select.rule4{
				margin: 0 0 10px 30px;
			}

			div.box7{
				width: 10px;
				margin: 10px;
				float: left;
			}

			div.box input.rule5{
				width: 10px;
				margin: 2px 0 5px 30px;
			}

			div.box8{
				width: 200px;
				margin: 10px;
				float: left;
			}

			div.box select.rule5{
				margin: 0 0 0 30px;
			}

			div.box p.rule6{
				margin: 0 0 0 80px;
			}
	
			div.box textarea{
				width: 570px;
				margin: 0 0 20px 30px;
			}
			
			.btn{
				width: 80px;
				height: 30px;
				margin: 5px 20px;
				font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", "ＭＳ Ｐゴシック", sans-serif;
				font-style: normal;
				font-size: 12px;
				font-weight: bolder;
				color: #FF6600;
				float: left;
			}

			.send_ok{
				margin-bottom: 20px;
				font-size: 14px;
				}

			.kakunin{
				padding: 5px;
				border: 1px solid #999999;
				background-color: #FFF;
			}


/* ------------------------------- side ------------------------------- */

#side{
	width: 202px;
	float: left;
}

	#nav ul{
			width: 202px;
			height: 512px;
			background: url(img/menu.jpg) no-repeat left top;
		}

			#nav ul li a{
				width: 202px;
				height: 46px;
				display: block;
				text-indent: -9999em;
			}

			#nav ul li.shinjuku11 a{
				height: 0;
			}

			#nav ul li.home a{
				height: 52px;
			}

			#nav ul li.kyujin a{
				height: 35px;
			}

			#nav ul li.orange a,
			#nav ul li.lettuce a,
			#nav ul li.firstlady a{
				height: 22px;
			}

			#nav ul li.romanee a,
			#nav ul li.asakusa11 a{
				height: 23px;
			}

			#nav ul li.shy a{
				height: 21px;
			}

			#nav ul li.hana a,
			#nav ul li.broadway a{
				height: 24px;
			}

			#nav ul li.broadway a{
				height: 30px;
			}

			#nav ul li.kyujin{
				text-indent: -9999em;
			}

				#nav ul li.home a.active,
				#nav ul li.home a:focus,
				#nav ul li.home a:hover{
					background: url(img/menu.jpg) no-repeat -202px 0;
				}

				#nav ul li.envi a.active,
				#nav ul li.envi a:focus,
				#nav ul li.envi a:hover{
					background: url(img/menu.jpg) no-repeat -202px -52px;
				}

				#nav ul li.kyujin a.active,
				#nav ul li.kyujin a:focus,
				#nav ul li.kyujin a:hover{
					background: url(img/menu.jpg) no-repeat -202px -98px;
				}

				#nav ul li.orange a.active,
				#nav ul li.orange a:focus,
				#nav ul li.orange a:hover{
					background: url(img/menu.jpg) no-repeat -202px -133px;
				}

				#nav ul li.lettuce a.active,
				#nav ul li.lettuce a:focus,
				#nav ul li.lettuce a:hover{
					background: url(img/menu.jpg) no-repeat -202px -155px;
				}

				#nav ul li.romanee a.active,
				#nav ul li.romanee a:focus,
				#nav ul li.romanee a:hover{
					background: url(img/menu.jpg) no-repeat -202px -177px;
				}

				#nav ul li.firstlady a.active,
				#nav ul li.firstlady a:focus,
				#nav ul li.firstlady a:hover{
					background: url(img/menu.jpg) no-repeat -202px -200px;
				}

				#nav ul li.shy a.active,
				#nav ul li.shy a:focus,
				#nav ul li.shy a:hover{
					background: url(img/menu.jpg) no-repeat -202px -222px;
				}

				#nav ul li.asakusa11 a.active,
				#nav ul li.asakusa11 a:focus,
				#nav ul li.asakusa11 a:hover{
					background: url(img/menu.jpg) no-repeat -202px -243px;
				}

				#nav ul li.hana a.active,
				#nav ul li.hana a:focus,
				#nav ul li.hana a:hover{
					background: url(img/menu.jpg) no-repeat -202px -266px;
				}

				#nav ul li.broadway a.active,
				#nav ul li.broadway a:focus,
				#nav ul li.broadway a:hover{
					background: url(img/menu.jpg) no-repeat -202px -290px;
				}

				#nav ul li.faq a.active,
				#nav ul li.faq a:focus,
				#nav ul li.faq a:hover{
					background: url(img/menu.jpg) no-repeat -202px -320px;
				}

				#nav ul li.voice a.active,
				#nav ul li.voice a:focus,
				#nav ul li.voice a:hover{
					background: url(img/menu.jpg) no-repeat -202px -366px;
				}

				#nav ul li.mensetsu a.active,
				#nav ul li.mensetsu a:focus,
				#nav ul li.mensetsu a:hover{
					background: url(img/menu.jpg) no-repeat -202px -412px;
				}

				#nav ul li.query a.active,
				#nav ul li.query a:focus,
				#nav ul li.query a:hover{
					background: url(img/menu.jpg) no-repeat -202px -458px;
				}

	#side p.keitai{
		width: 196px;
		height: 147px;
		margin: 20px 3px;
		background: url(img/keitai.jpg) no-repeat right top;
	}

		#side p.keitai a{
			width: 196px;
			height: 147px;
			display: block;
			text-indent: -9999em;
		}

			#side p.keitai a:focus,
			#side p.keitai a:hover{
				background: url(img/keitai.jpg) no-repeat left top;
			}

/* ------------------------------- footer ------------------------------- */

#footer{
	width: 960px;
	height: 216px;
	clear: both;
	background: url(img/foot-bg.jpg) no-repeat left top;
}

	#footer h3{
		padding: 20px 0 10px;
		font-size: 16px;
		text-align: center;
	}

	#footer-box1{
		width: 828px;
		height: 82px;
		margin: 0 auto 10px;
	}

	#footer-box1 ul li{
		width: 82px;
		height: 82px;
		margin: 0 5px;
		float: left;
	}

		#footer-box1 ul li.orange{
			background: url(../img/orange.jpg) no-repeat left top;
		}

		#footer-box1 ul li.lettuce{
			background: url(../img/lettuce.jpg) no-repeat left top;
		}

		#footer-box1 ul li.romanee{
			background: url(../img/romanee.jpg) no-repeat left top;
		}

		#footer-box1 ul li.firstlady{
			background: url(../img/firstlady.jpg) no-repeat left top;
		}

		#footer-box1 ul li.shy{
			background: url(../img/shy.jpg) no-repeat left top;
		}

		#footer-box1 ul li.asakusa11{
			background: url(../img/asakusa11.jpg) no-repeat left top;
		}

		#footer-box1 ul li.hana{
			background: url(../img/hana.jpg) no-repeat left top;
		}

		#footer-box1 ul li.broadway{
			background: url(../img/broadway.jpg) no-repeat left top;
		}

		#footer-box1 ul li.shinjuku11{
			background: url(../img/shinjuku11.jpg) no-repeat left top;
		}

		#footer-box1 ul li a{
			width: 82px;
			height: 82px;
			display: block;
			text-indent: -9999em;
		}

	#footer-box2{
		width: 892px;
		margin: 0 30px;
		text-align: center;
	}

		#footer-box2 ul li{
			margin: 0 5px;
			display: inline;
		}

	#footer p{
		margin-top: 5px;
		text-align: center;
	}

	address{
		text-align: center;
	}

/* ------------------------------- for modern browser IE6、IE7を除外（モダンブラウザ） ------------------------------- */

html>/**/body div.box .err_message{
	float: left;
}

/* ------------------------------- for IE7 ------------------------------- */

*:first-child+html div.box input.rule5{
	margin: 0 0 0 30px;
}

/* ------------------------------- for IE6 ------------------------------- */

*html li a{
	display: inline-block;
	display: block;
}

*html #main,#side,#header ul,#content .inner,#footer li,#main ul.day li,div.box1,div.box2,#content div.box9 dl,#content div.box9 dt{
	display: inline;
}

*html {
	display: inline;
}

*html div.box input.rule5{
	margin: 0 0 0 30px;
}

*html div.box8{
	margin: 13px 0 10px -20px;
}

*html #footer-box2 ul{
	margin-left: 140px;
}

*html #footer-box2 ul li{
	float: left;
}

*html #footer p{
	clear: both;
}