@charset "utf-8";

/* 基本設定
---------------------------------------------*/
body{
 	text-align: center;
	font-size: 75%;
	font-family: Verdana,'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5;
	color: #fff;
	background:url(../images/bg_body_top.gif) repeat-x;
	background-color: #000;
	border: none;
}
/* ヘッダー
---------------------------------------------*/
#header {
 	position: relative;
	clear: both;
	width: 950px;
 	height: 461px;
}
#mask {
	position: absolute;
	background: url(../images/bg_mask.gif) no-repeat left center;
	width: 668px;
	height: 360px;
	top: 40px;
	right: 0;
}
.mask_img {
	position: absolute;
	width: 632px;
	height: 325px;
	top: 18px;
	left: 18px;
}
#contact {
	position: absolute;
	top: 10px;
	right: 7px;
}
#contact a{
	color: #fff;
	text-decoration: none;
	background: url(../images/arrow_01.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 10px;

}
#contact a:hover{
	color: #996600;
	text-decoration: none;
	background: url(../images/arrow_01.gif) no-repeat 4px 5px;
	padding-left: 15px;
	margin-left: 10px;

}
h1 {
	position: absolute;
	width: 248px;
	height: 373px;
	top: 30px;
	left: 0;
	overflow: hidden;
}
h1 img {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1; 
}
h2 {
	position: absolute;
	text-indent: -9999px;
}
h3 {
	position: absolute;
	top: 35px;
	left: 180px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}
h4 {
	background: url(../images/bg_tit_sub.gif) no-repeat;
	background-position: 0 35px;
	width: 740px;
	height: 32px;
	padding-left: 0;
	padding-bottom: 30px;
	font-size: 140%;
	color: #fff;
	font-weight: normal;
}
h5 {
	background: url(../images/bg_side_banner_h.gif) no-repeat;
	height: 23px;
	position: relative;
	padding-left: 13px;
	top: 0;
	color: #996600;
	font-size: 80%;
	font-weight: normal;
	line-height: 20px;
}


/* レフトボディー
---------------------------------------------*/

#leftbody {
	width: 170px;
	float: left;
	margin-top: 30px;
}
#lnavi {
    background: url(../images/side_menu.gif) no-repeat;
	width: 169px;
	height: 249px;
    position: relative;
	top: 0px;
}
#lnavi ul {
 list-style: none;
}
#lnavi li {
	position: absolute;
	text-indent: -9999px;
	height: 62px;
}
#lnavi li a { display: block; height: 62px;}

#lnavi li#lnavi_01  { top: 0; left: 0; width: 169px;}
#lnavi li#lnavi_02  { top: 62px; left: 0px; width: 169px;}
#lnavi li#lnavi_03  { top: 124px; left: 0px; width: 169px;}
#lnavi li#lnavi_04  { top: 186px; left: 0px; width: 169px;}

#lnavi li#lnavi_01   a:hover { background: url(../images/side_menu_on.gif) 0 0 no-repeat; }
#lnavi li#lnavi_02   a:hover { background: url(../images/side_menu_on.gif) 0 -62px no-repeat; }
#lnavi li#lnavi_03   a:hover { background: url(../images/side_menu_on.gif) 0 -124px no-repeat; }
#lnavi li#lnavi_04   a:hover { background: url(../images/side_menu_on.gif) 0 -186px no-repeat; }

#lnavi li#lnavi_01   a.stay { background: url(../images/side_menu_on.gif) 0 0 no-repeat; }
#lnavi li#lnavi_02   a.stay { background: url(../images/side_menu_on.gif) 0 -62px no-repeat; }
#lnavi li#lnavi_03   a.stay { background: url(../images/side_menu_on.gif) 0 -124px no-repeat; }
#lnavi li#lnavi_04   a.stay { background: url(../images/side_menu_on.gif) 0 -186px no-repeat; }


#banner {
    background: url(../images/bg_side_banner.gif) repeat-y;
	width: 170px;
    position: relative;
	margin-top: 70px;
}
.banner_c {
	position: relative;
	width: 150px;
	height:152px;
	margin: 10px 10px;
}
#banner_c_f {
	position: relative;
	width: 150px;
	height:152px;
	margin: 10px 10px 0px 10px;
}
#banner_t_01 {
	position: absolute;
	width: 120px;
	height: 20px;
	top: 115px;
	left: 25px;
	color: #000;
	font-size: 85%;
}
#banner_t_01 a{
	color: #000;
	text-decoration:none;
}
#banner_t_01 a:hover{
	color: #996600;
	text-decoration:underline;
}
#banner_t_02 {
	position: absolute;
	width: 120px;
	height: 20px;
	top: 115px;
	left: 25px;
	color: #fff;
	font-size: 85%;
}
#banner_t_02 a{
	color: #fff;
	text-decoration:none;
}
#banner_t_02 a:hover{
	color: #996600;
	text-decoration:underline;
}
#banner_t_03 {
	position: absolute;
	width: 120px;
	height: 20px;
	top: 115px;
	left: 25px;
	color: #000;
	font-size: 85%;
}
#banner_t_03 a{
	color: #000;
	text-decoration:none;
}
#banner_t_03 a:hover{
	color: #996600;
	text-decoration:underline;
}

/* ライトボディー
---------------------------------------------*/
#rightbody {
	width: 740px;
	float: right;
	margin-top: 30px;
	margin-bottom: 0px;
}
#title {
	position: relative;
	width: 740px;
	height: 89px;
    background: url(../images/title.gif) no-repeat;
}
#news {
	position: relative;
	width: 740px;
	margin: 30px 0 50px 0;
	color: #996600;
}
.news_box {
	position: relative;
	width: 740px;
	border-bottom: 1px dotted #666;
}
.news_box a {
	color: #996600;
	text-decoration: none;
	padding: 20px 0 ;
	display: block;
}
.news_box a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #101010;
	background-image: none;
}
.day1 {
	margin-right: 63px;
}
.day2 {
	margin-right: 55px;
}
.day3 {
	margin-right: 46px;
}


.style1 {color: #990000}

/* スタッフ募集エリア
---------------------------------------------*/
.news_f {
	border-bottom: 1px dotted #666;
	margin-bottom: 30px;
	padding-bottom: 35px;
}
.news_f p{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
#staff {
	border: none;
	vertical-align: top;
	margin-right: 20px;
}
#qr {
	border: none;
	vertical-align: top;
	margin-left: 20px;
	text-align: center;
}


/* フッター
---------------------------------------------*/
#footer {
    clear: both;
	text-align: left;
	background: url(../images/bg_footer.gif) repeat-x;
	height: 220px;
	width:100%;
	color: #FFFFFF;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #996600;
	text-decoration: none;
}
#footer-inner {
	position: relative;
	background: url(../images/bg_footer_inner.jpg) no-repeat;
	width: 950px;
	height: 220px;
	margin: 0 auto;
	}
#pagetop {
    padding-left: 730px;
    width: 170px;
}
#pagetop a:active {
	position: relative;
	top: 1px;
	left: 1px;
}
#fnavi_contact {
	display : inline;
	padding-left: 15px;
	margin-left: 25px;
	background: url(../images/arrow_01.gif) no-repeat left center;
	list-style: none;
}
#copy {
	position:absolute;
	font-size: 95%;
	font-style: normal;
	top: 145px;
	left: 100px;
}
/* フッター #fnavi_01
---------------------------------------------*/
#fnavi_01 {
	position: relative;
	top: 50px;
	padding-left: 280px;
	text-align: left;
	color: #996600;
}
#fnavi_01 ul{
	margin: 0;
	padding: 0;
}
#fnavi_01 ul li {
	margin: 0;
	padding: 0 7px;
	display: inline;
	border-left: 1px solid #fff;
}
#fnavi_01 ul li.home {
	border-left: none;
}
/* フッター #fnavi_02
---------------------------------------------*/
#fnavi_02 {
	position: relative;
	top: 95px;
	padding-left: 450px;
	text-align: left;
}
#fnavi_02 ul{
	margin: 0;
	padding: 0;
}
#fnavi_02 ul li {
	margin: 0;
	display : inline;
}
#fnavi_02 ul li a{
	margin: 0;
	display : inline;
	background: url(../images/arrow_01.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 10px;

}
#fnavi_02 ul li a:hover{
	margin: 0;
	display : inline;
	background: url(../images/arrow_01.gif) no-repeat 4px 5px;
	padding-left: 15px;
	margin-left: 10px;

}
#fnavi_02 ul li.shop {
	padding-left: 18px;
	background-image: none;
}

