@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: normal;
	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;
}

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

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

#header{
	width: 960px;
	height: 101px;
}

	h1{
		width: 350px;
		height: 101px;
		float: left;
	}

	p.head{
		width: 550px;
		margin: 5px 10px 0 0;
		font-size: 10px;
		text-align: right;
		float: right;
	}

	#header p strong{
		font-size: 10px;
	}
 
/* ------------------------------- button ------------------------------- */

	#header ul{
		width: 317px;
		height: 32px;
		margin: 47px 30px 0 0;
		background: url(../lettuce/img/t-nav.gif) no-repeat;
		float: right;
	}

		#header ul li{
			float: left;
		}

			#header ul li.group a,
			#header ul li.recruit a,
			#header ul li.mobile a{
				height: 32px;
				display: block;
				text-indent: -9999em;
			}

			#header ul li.group a{
				width: 167px;
			}

			#header ul li.recruit a{
				width: 70px;
			}

			#header ul li.mobile a{
				width: 79px;
			}

			#header ul li.group a:focus,
			#header ul li.group a:hover{
				background: url(../lettuce/img/t-nav.gif) no-repeat left -32px;
			}

			#header ul li.recruit a:focus,
			#header ul li.recruit a:hover{
				background: url(../lettuce/img/t-nav.gif) no-repeat -167px -32px;
			}

			#header ul li.mobile a:focus,
			#header ul li.mobile a:hover{
				background: url(../lettuce/img/t-nav.gif) no-repeat -237px -32px;
			}

/* ------------------------------- photo ------------------------------- */

#photo{
	width: 960px;
	height: 100px;
	padding: 10px 30px 0;
	background: url(../img/photo-bg.gif) repeat-y left top;
	clear: both;
}

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

#container{
	width: 960px;
	background: url(../img/container-bg.gif) repeat-y left top;
	overflow: hidden;
}

	#main{
		width: 727px;
		margin-right: 13px;
		float: right;
	}

		#news,
		#history{
			width: 358px;
			margin: 12px 0;
			float: left;
		}

		#history{
			float: right;
		}

			h2.news,
			h2.history,
			h2.sc,
			h2.newface,
			h2.profile,
			h2.scc,
			h2.rank,
			h2.query,
			h2.map,
			h2.site,
			h2.qa,
			h2.request,
			h2.sokuho{
				width: 358px;
				height: 30px;
				background: url(../lettuce/img/news.jpg) no-repeat;
			}

			h2.news a,
			h2.history a,
			h2.sc a,
			h2.newface a,
			h2.profile a,
			h2.scc a,
			h2.rank a,
			h2.query a,
			h2.map a,
			h2.site a,
			h2.qa a,
			h2.request,
			h2.sokuho a{
				width: 358px;
				height: 30px;
				display: block;
				text-indent: -9999em;
			}

			h2.history{
				background: url(../lettuce/img/history.jpg) no-repeat;
			}

			h2.sokuho{
				margin: 12px 0;
				background: url(../lettuce/img/sokuho.jpg) no-repeat;
			}

			h2.newface{
				margin: 12px 0;
				background: url(../lettuce/img/newface.jpg) no-repeat;
			}

			h2.profile{
				margin: 12px 0;
				background: url(../lettuce/img/profile.jpg) no-repeat;
			}

			h2.scc{
				margin: 12px 0 0;
				background: url(../lettuce/img/scc.jpg) no-repeat;
			}

			h2.map{
				margin: 12px 0;
				background: url(../lettuce/img/map.jpg) no-repeat;
			}

			h2.rank{
				margin: 12px 0;
				background: url(../lettuce/img/rank.jpg) no-repeat;
			}

			h2.query{
				margin: 12px 0;
				background: url(../lettuce/img/query.jpg) no-repeat;
			}

			h2.qa{
				margin: 12px 0;
				background: url(../lettuce/img/qa.jpg) no-repeat;
			}

			h2.site{
				margin: 12px 0;
				background: url(../lettuce/img/site.jpg) no-repeat;
			}

			h2.request{
				margin: 12px 0;
				background: url(../lettuce/img/request.jpg) no-repeat;
			}

			#news dl,
			#history dl{
				width: 336px;
				height: 80px;
				margin: 5px;
				padding: 5px 0 5px 10px;
				overflow: auto;
				background-color: #fffffc;
				border: 1px solid #94843E;
			}

				#news a.right,
				#history a.right{
					margin: 5px 10px;
					float: right;
				}

			#main ul.day{
				width: 230px;
				height: 27px;
				padding: 5px 0 0;
				position: relative;
				top: 16px;
				left: 5px;
				z-index: 2;
			}

				#main ul.day li{
					width: 70px;
					margin: 0 3px 0 0;
					text-align: center;
					float: left;
				}

		#content{
			width: 715px;
			margin: 10px 5px;
			background-color: #fffffc;
			border: 1px solid #94843E;
			clear: both;
			overflow: hidden;
		}

			#content table{
				width: 695px;
				margin: 10px;
				border: 1px solid #999999;
			}
	
				#content caption{
					font-size: 14px;
					line-height: 1.1;
					color: #990000;
					text-align: center;
				}
	
				#content th,
				#content td{
					font-size: 14px;
					text-align: center;
					border-bottom: 1px solid #999999;
					border-right: 1px solid #999999;
				}
		
				#content thead,
				#content  tfoot{
					background-color: #FFCCFF;
				}

		#map{
			width: 673px;
			height: 500px;
			margin: 15px;
			border: 6px ridge #996600;
			clear: both;
		}

		#address p{
			text-align: center;
		}

			#address div.photo{
				width: 683px;
				margin: 15px;
				border: 1px solid #999999;
				background-color: #fffafa;
				overflow: hidden;
			}

				#address div.photo p img{
					width: 325px;
					padding: 10px;
					float: left;
				}

					#content table.info{
						width: 328px;
						margin: 10px 10px 10px 0;
						float: right;
						border: none;
					}
			
						#content table.info th,
						#content table.info td{
							width: 70px;
							padding-bottom: 10px;
							vertical-align: top;
							text-align: left;
							font-size: 12px;
							line-height: 1.2;
							border: none;
						}

						#content table.info td{
							width: 258px;
						}

			h2.sc{
				clear: both;
				background: url(../lettuce/img/sc.jpg) no-repeat;
			}

			h3.haya,
			h3.oso{
				width: 682px;
				height: 30px;
				margin: 15px 10px 5px;
				text-indent: -9999em;
				background: url(../lettuce/img/hayaban.gif) no-repeat;
			}

			h3.oso{
				background: url(../lettuce/img/osoban.gif) no-repeat;
				clear: both;
			}

			h3.ryokin,
			h3.qa,
			h3.access{
				width: 682px;
				height: 30px;
				margin: 15px 10px 15px;
				text-indent: -9999em;
				background: url(../lettuce/img/ryokin.jpg) no-repeat;
			}

			h3.access{
				background: url(../lettuce/img/access.jpg) no-repeat;
				clear: both;
			}

			h3.qa{
				background: url(../lettuce/img/qa.gif) no-repeat;
				clear: both;
			}

			h3.form{
				font-size: 16px;
				margin: 20px 20px 5px;
				line-height: 1.1;
				border-bottom: 2px solid #990000;
			}

			h3.request{
				font-size: 18px;
				margin: 20px 20px 5px;
				line-height: 1.1;
				border-bottom: 2px solid #990000;
				font-weight: bolder;
			}

			h3.thanks{
                color:#333333;
				font-size: 24px;
				margin: 20px 20px 5px;
				line-height: 1.1;
				border-bottom: 2px solid #990000;
				font-weight: bolder;
			}

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

			#content p.font-big{
				color: #666666;
			}

			#topbox{
				margin-bottom: 10px;
				overflow: hidden;
			}

			#info{
				width: 695px;
				margin: 10px;
			}

				#info dt{
					width: 115px;
					margin: 10px 5px 0;
					float: left;
					clear: both;
				}

				#info dd{
					width: 555px;
					margin: 10px 5px 10px;
					padding: 0 0;
					float: left;
				}

			#content .inner{
				width: 122px;
				height: 261px;
				margin: 0 10px 10px;
				overflow: hidden;
				float: left;
			}
			
			#content .newface-inner{
				width: 337px;
				margin: 0 10px 10px;
				overflow: hidden;
				float: left;
			}

				#content div.inner div.photo{
					width: 102px;
					margin: 5px auto;
					padding: 5px 5px 0;
					border: 1px solid #999999;
				}

				#content .newface-photo{
					width: 335px;
					height: 150px;
					margin: 5px auto;
					padding: 0;
					border: 1px solid #999999;
				}

					#content p.name{
						margin: 5px 0;
						text-align: center;
					}

					#content p.newface-img{
						float: left;
					}

/* ------------------------------- 初期cssここから ------------------------------- 

					#content p.newface-name,
					#content p.newface-size1{
						width: 130px;
						margin: 5px 0 5px 5px;
						font-size: 14px;
						float: left;
					}

					#content p.newface-name span{
						font-size: 16px;
					}

					#content p.newface-size1{
						width: 75px;
					}

					#content p.newface-size2{
						width: 225px;
						margin: 5px;
						float: left;
					}

					#content p.newface-size3{
						width:70px;
						margin: 5px 0 5px 5px;
						font-size: 12px;
						overflow: hidden;
						float: left;
					}

					#content p.newface-size4{
						width: 150px;
						margin: 5px 5px 5px 0;
						font-size: 12px;
						overflow: hidden;
						float: left;
					}
/* ------------------------------- 初期cssここまで ------------------------------- */

/* ------------------------------- 新しいのcssここから ------------------------------- */

					#content p.newface-name{
						width: 225px;
						margin: 5px 0 5px 5px;
						float: left;
					}

						#content p.newface-name span{
							font-size: 16px;
						}

					#content p.newface-size2{
						width: 225px;
						margin: 5px;
						float: left;
					}

					#content p.newface-size4{
						width: 225px;
						margin: 5px 0 5px 10px;
						font-size: 12px;
						float: left;
					}
/* ------------------------------- 新しいのcssここまで ------------------------------- */

				#content p.mark{
					margin: 0 2px;
					float: left;
				}

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

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

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

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

			div.box p{
				margin: 0 0 2px 20px;
				clear: both;
			}
			
			div.box input{
				width: 450px;
				margin: 0 0 10px 30px;
			}
			
			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;
			}

			#unit{
				height: 500px;
			}

			#unit h3{
				font-size: 18px;
				margin: 20px 20px 5px;
				line-height: 1.1;
				border-bottom: 2px solid #990000;
			}

			#unit h3,
			#unit p{
				margin: 30px;
				font-size: 14px;
			}

			.jump{
				clear: both;
				margin: 10px 10px 10px;
				text-align: right;
			}

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

#side{
	width: 196px;
	margin-left: 12px;
	float: left;
}

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

	#side p.kyujin{
		height: 125px;
		background: url(../img/kyujin.jpg) no-repeat left top;
	}

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

		#side p.kyujin {
			height: 125px;
		}

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

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

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

#footer{
	width: 952px;
	margin: 0 4px;
	height: 203px;
	clear: both;
	background: url(../img/footer-bg.jpg) repeat-x;
}

	#footer h3{
		padding: 10px 0;
		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;
	}

/* ------------------------------- qa ------------------------------- */

    #content h5.qa{
    	margin: 10px 20px;
    	font-size: 16px;
    	font-weight: bold;
    	border-bottom:  2px solid #B5CF92;
    }
    	
    #content p.qa{
    	margin: 10px 20px 30px;
    	font-size: 14px;
    }

    #content p.other{
    	margin: 10px 20px 30px;
    	font-size: 14px;
    	font-weight: bold;
    }



/* ------------------------------- new_map ------------------------------- */

    #og_map {
        width: 683px;
        margin: 15px;
        border: 1px solid #999999;
        background-color: #fffafa;
        overflow: hidden;
    }

    #og_map div.description {
        width: 393px;
        padding: 20px 10px 10px;
        float: left;
    	display: inline;
    }

    #og_map h4 {
    	font-size: 16px;
    	font-weight: bold;
    	color:#bb0000;
    	margin: 10px 0 5px;
    }

    #og_map h5 {
    	font-size: 14px;
    	font-weight: bold;
    	color:#000000;
    	margin: 0 0 5px;
    }

    #og_map p {
    	font-size: 14px;
    	color:#333333;
        line-height:1.4;
    	margin: 0 0 13px;
    }

    #og_map ul {
    	margin: 10px 0 30px 20px;
        list-style-type: decimal;
    }

    #og_map li {
    	font-size: 14px;
    	color:#333333;
        line-height:1.5;
        margin: 0 0 7px;

    }

    #og_map div.photo {
        width: 250px;
        padding: 30px 10px 10px;
        float: left;
        display: inline;
    /*    background-color: #000; */

    }

    #og_map div.photo p.img {
        margin: 0 0 10px;   
    }

    #og_map a:link, a:visited, a:hover{
    	text-decoration :none;
    }



/* ------------------------------- request ------------------------------- */

	#request{
		width: 643px;
		margin: 5px 15px 10px;
		padding: 5px 20px 20px;
		border: 1px solid #999999;
		background-color: #fffafa;
		overflow: hidden;
	}

		#request table{
			clear: both;
			width: 620px;
            border-collapse: collapse;
/*
            border-style: solid;
            border-color: #ffffff;
            border-width: 0;
*/
        }

        #request td{
            border-style: solid;
            border-color: #ffffff;
            border-width: 0;
        }
        
		#request table td.t1{
  			padding: 5px 5px 5px 10px;
			width: 200px;
			color: #333333;
			text-align:left;
			vertical-align:top;
	    }

		#request table td.t2{
  			padding: 5px 5px 5px 10px;
			color: #333333;
			text-align:left;
	    }

		#request table td.t3{
  			padding: 5px 0 0 10px;
			color: #333333;
			text-align:left;
	    }

		#request table td.t4{
  			padding: 0 0 5px 10px;
			color: #333333;
			text-align:left;
	    }

		#request table td.t5{
  			padding: 5px 10px 0;
			color: #000000;
			text-align:center;
	    }

		#request div.box label{
			width: 220px;
			margin: 15px 10px 5px;
			padding: 1px 20px 1px 10px;
			border: 1px solid #b79b5b;
			border-left: 5px solid #b79b5b;
			font-size: 14px;
			color: #000000;
		}

		#request div.box input.large{
			width: 250px;
			margin: 0;
		}

		#request div.box input.small{
			width: 100px;
			margin: 0;
		}

		#request div.box input.radio{
			width: 20px;
			margin: 0 3px 0 0;
		}

		#request div.box textarea{
			width: 550px;
			margin: 5px 10px;
		}

		#request .btn{
			width: 300px;
			height: 50px;
			margin: 5px 0 5px 180px;
			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo", "ＭＳ Ｐゴシック", sans-serif;
			font-style: normal;
			font-size: 30px;
			font-weight: bolder;
			color: #FF6600;
		}

		#request .jump{
			clear: both;
			margin: 10px 10px 10px;
			text-align: right;
		}

		#request div.box .err_message{
				width: 280px;
				padding: 7px 0 0 5px;
				color: #ff0000;
			}

        #content p.thanks{
        	margin: 15px 0;
        	font-size: 18px;
			font-weight: bolder;
        	text-align:center;
        }

        #content p.thanks2{
        	margin: 30px 0;
        	font-size: 24px;
			font-weight: bolder;
        	text-align:center;
        }

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

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

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

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

*html #main,#side,#header ul,#content .inner,#footer li,#main ul.day li{
	display: inline;
}

*html #content .newface-inner,#content p.newface-img,#content p.newface-name,#content p.newface-size,#address div.photo dt,#address div.photo dd{
	display: inline;
}

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

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

*html #footer p{
	clear: both;
}