@charset "UTF-8";

@import"reset.css";

html{
	color:#333;
	font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:90%;
	line-height:1.8;
}

body{
	background:#F60 url(../img/logo_bg.gif) left center no-repeat;
	text-align:center;
	vertical-align:baseline;
}


#wrapper{
	background:#FFF;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:800px;
}






/*------------------------------------------------------
ヘッダー
------------------------------------------------------*/

#header{
	background:url(../img/title_bg.gif);
	height:160px;
	width:800px;
}

h1{
	padding:20px 0 0 10px;
}
h1 a{
	display: block;
	width: 265px;
	height: 133px;
	text-indent: -9999px;
	overflow: auto;
}

#headerIcon01{
	position:absolute;
	left: 295px;
	top: 10px;
}

#headerIcon02{
	position:absolute;
	left: 390px;
	top: 10px;
}

#headerIcon03{
	position:absolute;
	left: 484px;
	top: 10px;
}

#headerIcon04{
	position:absolute;
	left: 297px;
	top: 99px;
	width:90px;
	height:54px;
}

#headerIcon05{
	position:absolute;
	left: 387px;
	top: 99px;
	width:90px;
	height:54px;
}

#headerIcon06{
	position:absolute;
	left: 477px;
	top: 99px;
	width:90px;
	height:54px;
}

#headerMenu{
	margin:0 0 0 10px;
	padding:0;
}

#headerMenu li{
	float:left;
	margin:0;
}

/*------------------------------------------------------
コンテンツ
------------------------------------------------------*/

#contents, .contents{
	clear:left;
	height:auto;			/*あとで数値変更*/
	margin:10px;
	padding:10px 0 10px 10px;
	position:relative;
	width:770px;
	xbackground:#f2f2f2;		/*確認用*/
}

/*for IE*/
#contents h2, .contents h2{
	margin-bottom:15px;
	text-align:center;
}
/*for IE*/

#contents>h2, .contents>h2{
	margin-bottom:15px;
	text-align:center;
}

#news{
	clear:left;
	_display:inline;
	float:left;
	height:500px;
	margin:10px 10px 0 10px;
	width:380px;
}

*html #news{padding-top:10px;}

#newsbox{
	background:url(../img/news_bg.gif) repeat-x #d4d4d4;
	background-attachment: fixed;
	background-position: 0px 40px;
	_background-position: 0px 0px;
	overflow: auto;
	line-height:1.2;
	height:510px;
	width:370px;
	padding: 0 0px 0 10px;
}

.newsbox_title{
	background : url(../img/wn_title.gif);
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 0 10px 0px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	font-size: 14px;
}
.newsbox_title span{
	display: block;
	text-align: right;
}

.newsbox_img{
	margin: 0 0 0 3px;
}
.newsbox_img a img{
	border: 1px solid #333;
}

.newsbox_body{
	margin: 0 0 40px 3px;
}


#event{
	float:left;
	height:250px;
	margin:10px 10px 10px 0;
	width:390px;
	_padding-top:10px;
}

#eventbox{
	background:#ffe2d0;
	height:200px;
	overflow: auto;
	line-height:1.2;
	padding: 0 0px 0 10px;
}

.eventbox_title{
	background : url(../img/event_title.gif);
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 0 10px 0px;
	padding: 0 5px 0 5px;
	color: #572300;
	font-weight: bold;
	font-size: 14px;
}
.eventbox_title span{
	display: block;
	text-align: right;
}

.eventbox_img{
	margin: 0 0 0 3px;
}
.eventbox_img a img{
	border: 1px solid #333;
}

.eventbox_body{
	margin: 0 0 40px 3px;
}

#eventbox_iflame{
	background-color: #ffe2d0;
	text-align: left;
	line-height:1.2;
	padding: 0 0px 0 10px;
}


#pickup{
	float:left;
	height:240px;
	margin:0 10px 10px 0;
	width:384px;
}

#pickupbox{
	background:#564637;
	border-left:3px solid #111;
	border-right:3px solid #111;
	height:190px;
	width:384px;
}

#pickupbox img{
	margin:0 30px 0 30px;
	border: 1px solid #111;
}

#mission img{
	vertical-align:bottom;
	margin-top:10px;
}

/*------------------------------------------------------
フッター
------------------------------------------------------*/
#footer{
	clear:both;
}

.qrbox,
.qrbox-left{
	float:left;
	height:98px;
	width:260px;
}

.qrbox,
.qrbox-left{
	_display:inline;
	margin: 0 0 0 2px;
}


.qrbox-left{
	margin-left:8px;
}

#footerMenu{
	clear:left;
	padding:5px 0;
	text-align:center;
}

#footerMenu li{
	border-right:1px solid #000;
	display:inline;
	font-size:90%;
	padding:0 10px;
}

#footerMenu a{
	text-decoration:none;
	font-size:12px;
}

#footerMenu a:hover{text-decoration:underline;}

#footFirst{border-left:1px solid #000;}

#main_address{
	width: 780px;
	height: 150px;
	background:#ff6600;;
	padding-top: 10px;
	margin:20px auto 0 auto;
	color:white;
	text-align:center
}

.footerbn{
	display: block;
	width: 468px;
	margin: 0px auto 0px auto;
}


/*------------------------------------------------------
テキスト表示に関する設定（共通）
------------------------------------------------------*/
.block{margin:5px 0 5px 40px;}
.caution{color:#FF0000; font-weight:700;}
.center{text-align:center;}
.bold{font-weight:700;}
.stitle{margin:10px 0;}
#contents p{margin:0 25px 0 40px;}
/*------------------------------------------------------
メルマガ
------------------------------------------------------*/
#mm-h3{
	font-size:120%;
	font-weight:700;
	text-align:center;

}

p.mmInn{
	margin:10px 0 0 15px;
	padding:5px;
}

p.mmInn label{
	display:block;
	float:left;
	font-weight:700;
	width:200px;
}

p.mmInn input{
	height:1.3em;
	width:400px;
}

.sbtn{
	height:2em;
	width:3em;
}

#contents #border{
	border:3px solid #a62409;
	margin:10px auto;
	text-align:center;
	width:300px;
}


/*メルマガ登録結果*/
#mmdiv{
	height: 400px;
	padding: 30px;
}


/*空メール送信に変更　091008　nogawa*/
#mm_karamail{
	background : url(../img/mm-btn-bg.gif);
	width: 591px;
	height: 121px;
	margin: 10px 0 0 35px;
	padding: 29px 0 0 109px;
}

#mm_karatouroku{
	display: block;
	overflow: auto;
	float: left;
	text-indent: -9999px;
	width: 210px;
	height: 90px;
}
#mm_karatouroku:hover{
	background : url(../img/mm-touroku_on.gif);
}

#mm_karasakujo{
	display: block;
	overflow: auto;
	float: left;
	text-indent: -9999px;
	margin: 0px 0 0 63px;
	width: 210px;
	height: 90px;
}
#mm_karasakujo:hover{
	background : url(../img/mm-sakujo_on.gif);
}

/*------------------------------------------------------
求人情報
------------------------------------------------------*/
#rectable{
	border-collapse:collapse;
	margin:0 auto 10px;
	width:650px;
}

#rectable th{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;			/*後で変更*/
	letter-spacing:.2em;
	padding:3px 0;
	text-indent:1em;
	vertical-align:middle;
	width:200px;
}

#rectable td{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;			/*後で変更*/
	padding:3px 0;
	text-indent:1em;
	vertical-align:middle;
}

#iframerec{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:block;
	height:500px;
	margin:0 auto;
	padding-right:10px;
	width:638px;
}

#recbody{
	background:#FFF;
	text-align:left;
}


#recform{
	margin:0 auto;
	width:638px;
}

input{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	height:1.3em;
	width:10em;
}

input:focus,
textarea:focus{
	background:#f2f2f2;
}

#recform p{
	margin:10px 0 0 15px;
	border-bottom:1px dashed #999;
	padding:5px;
}

label{
	display:block;
	float:left;
	font-weight:700;
	width:350px;
}

.check{
	border:none;
	vertical-align:middle;
	width:1.5em;
}

.long{width:15em;}


textarea{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	height:8em;
	width:18em;
}

#btn{height:35px}

#btn:hover{
	border:2px solid #666;
	border-style:inset;
}

/*------------------------------------------------------
料金案内
------------------------------------------------------*/
#pricetable,
#credittable,			/*追加*/
#optiontable,
#basictable,
#delitable{
	border-collapse:collapse;
	margin:0 auto 15px;
	width:500px;
}

#rectable .t-head,
#basictable .t-head,
#pricetable .t-head,
#optiontable .t-head,
#delitable .t-head{
	height:30px;
	margin:0;
	padding:0;
	text-indent:0;
}

/*#pricetable{background:url(../img/table-bg.gif) repeat-x #e5e5e5;}*/

#pricetable th,
#delitable th{
	border:1px solid #ccc;			/*後で変更*/
	letter-spacing:.2em;
	padding:3px 0 0 10px;
	xtext-indent:1em;
	vertical-align:middle;
	width:230px;
}

#delitable th{width:250px;}



#pricetable td,
#delitable td{
	border:1px solid #ccc;			/*後で変更*/
	padding:3px 20px 3px 0;
	text-align:right;
	vertical-align:middle;
}


#credittable td{					/*追加*/
	border:0;
	padding:3px 0;
	text-align:left;
	vertical-align:middle;
}


#delitable td{
	padding:3px 20px 3px 0;
}


#optiontable{border:1px solid #ccc;}


#optiontable th{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;			/*後で変更*/
	letter-spacing:.2em;
	padding:3px 0 0 5px;
	xtext-indent:1em;
	vertical-align:middle;
}

#optiontable td{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;
	font-weight:700;
	font-size:120%;			/*後で変更*/
	text-align:center;
	vertical-align:middle;

}

#basictable th{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;			/*後で変更*/
	text-align:center;
}

#basictable td{
	background:#FFF;			/*後で変更*/
	border:1px solid #ccc;			/*後で変更*/
	padding:3px;
}

.even{background:#f2f2f2;}



/*------------------------------------------------------
リンク
------------------------------------------------------*/
.link_catename{
	clear: both;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 0 0 30px;
	font-size: 16px;
	font-weight: bold;
	color: #a75000;
}

.link_banner{
	margin: 0 0 0 30px;
	overflow: auto;
}
.link_banner li{
	float: left;
	margin: 10px 20px 0 0;
	height: 41px;
}
.link_banner li a img{
	border: 1px solid #111;
}

#link_annai{
	clear: both;
	margin: 50px 40px 0 30px;
	padding: 20px 0 20px 0;
	border: 1px solid #811;
	line-height: 1.4em;
	background-color: #ffe2d0;
}
#link_annai p{
	font-weight: bold;
	color: #675000;
}

/*------------------------------------------------------
モバイル版
------------------------------------------------------*/
#iframemob{
	background:#FFF;
	border:1px solid #333;
	display:block;
	height:200px;
	margin:0 auto;
	padding:5px 20px;
	width:450px;
}

*html #iframemob{
	height:270px;
	width:490px;
	padding:0;

}

*:first-child+html #iframemob{
	height:270px;
	width:490px;
	padding:0;
}



/*------------------------------------------------------
待ち合わせ場所
------------------------------------------------------*/
.mapsss{
	margin: 0 0 10px 0;
}

#p001{
	position:absolute;
	left: 484px;
	top: 325px;
}

#p01{
	position:absolute;
	left: 484px;
	top: 250px;
}

#p02{
	position:absolute;
	left: 450px;
	top: 217px;
}

#p03{
	position:absolute;
	left: 590px;
	top: 193px;
}

#p04{
	position:absolute;
	left: 342px;
	top:110px;
}

#p05{
	position:absolute;
	left: 184px;
	top: 446px;
}

#p06{
	position:absolute;
	left: 58px;
	top: 432px;
}

#p07{
	position:absolute;
	left: 360px;
	top: 765px;
}
#p08{
	position:absolute;
	left: 315px;
	top: 945px;
}