@charset "UTF-8";
a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none;color: #000;}
a:active{text-decoration:none; color: #000; }
a:hover{color: #000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
img{border:0;vertical-align:top;margin:0;}
.vamiddle{vertical-align:middle}
.cf:before,.cf:after{display:block;overflow:hidden;content:""}
.cf:after{clear:both}
.clear{clear:both}
ul,ol{list-style:none}
a img.linkimg{background:none!important;}
a:hover img.linkimg{opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";background:none!important;}
//img{max-width: 100%;height: auto;width /***/:auto;}

body{width:960px;text-align:center;
font-size:30px;
}
.page_set{border:0;width:100%;background-color:#fff;color:#000;padding: 0;margin:0;}

.text_left {	text-align:left;}

a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }
/********************************* header ******/

h1 {
	height:33px;
	padding-top:10px;
	padding-bottom:64px;
	font-size:12px;
	color:#342214;
	text-align:left;
}

.header_box_bg{/*top:0;*/
	border:0;
	left:50%;
	width: 100%;
	height:127px;
	background-color:#fff;
	display:-webkit-box;
	-webkit-box-align:center;

}
.header_box{/*top:0;*/
	border:0;
	height:127px;
	width:960px;
	left:50%;
	z-index:7000;
	display:-webkit-box;
	-webkit-box-flex:1;
text-align:left;


}


/*-------- panel --------*/
.panel_box{
	background:rgba(0,0,0,0.8);z-index:9999;
}
.panel_box ul{
	list-style:none;margin:0;padding:0;
}
.panel_box li{
	width: 100%;
	border-bottom:2px solid #fff;
	text-align:left;
	color:#fff;
	font-family:'frankgoth_xcn_btregular', Helvetica, Arial, sans-serif;font-weight: bold;
}
.panel_box li img{width:auto;height: 70px;}
.panel_box li a{
	padding:10px 0;
	text-transform:uppercase;
	cursor:pointer;
	display:block;
	background-color:transparent;
}
.ui-panel {
	width: 15em;
	min-height: 100%;
	border-width: 0;
	position: absolute;
	top: 0;
	display: block;
}


/*------------------------------------- menu -------------*/
#menu_bg {
	width:100%;
	height:69px;
	background: url(image/header_bg_03.gif);
	background-repeat:repeat-x;
}
#menu {
	width:960px;
	height:69px;
}






/*------------------------------------- slider -------------*/
#slider_bg {
	width:100%;
	height:318px;
	background: url(image/header_bg_03.gif);
	background-repeat:repeat-x;
}
#slider_bg2 {
	width:100%;
	height:270px;
	padding-top:20px;
	background: url(image/header_bg_03.gif);
	background-repeat:repeat-x;
}

#top-rotation {
	position:relative;
	z-index:1;
	overflow:hidden;
	width:100%;
	padding-top:10px;
}

#top-rotation .paginate {
	position:absolute;
	bottom:30px;
	left:0;
	z-index:100;
	width:100%;
	height:10px;
	text-align:center;
	letter-spacing:-0.4em;
}

#top-rotation .paginate li{
	display:inline-block;
	margin:0 7px;
	width:10px;
	height:10px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#ccc;
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000;
	letter-spacing:normal;
	font-size:1px;
	line-height:1;
}

#top-rotation .paginate li.active{background-color:#666;}




/*-------- footer --------*/
#footer {width:960px;;padding: 0;margin:0;text-align:center;border:0;
	background-image:url();
}
#footer .copy{color:;margin: 10px 20px;}
#footer a{margin:0;padding:0;BORDER:0;}

#pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:9999;
}





/*-------- index --------*/
#wide960{width: 960px;


}
.box300{
	float:left;
	width:300px;
	height:300px;
	background: url(./image/300_300_g_w3kaku.gif);
	background-repeat:no-repeat;
	padding:8px;
	display:-webkit-box;
	-webkit-box-align:center;
	text-align:center;
	display: block;

}
.box300 a{
	z-index:2020;
	text-transform:uppercase;
	cursor:pointer;
	display:block;
}
.font_bold{font-weight: bold;}
.font30{font-size:30px;line-height: 1.8;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


.font24{font-size:24px;}
.font20{font-size:20px;}
.font18{font-size:18px;}
.font16{font-size:16px;    line-height: 1.8;
	font-family:'frankgoth_xcn_btregular', Helvetica, Arial, sans-serif;
}
.font14{font-size:14px;}
.font12{font-size:12px;}

.hr_250{width:250px;
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #000; /* 線色 */
	height: 1px; /* 高さ */
	margin:0 20px 0 0;
}

.wide480{
	float:left;
	width:470px;
	height:100%;
	margin:5px;
	display:-webkit-box;
	-webkit-box-align:center;
	text-align:center;
	display: block;

}
.wide940_300{
	width: 940px;
	height:300px;
	background: url(./image/940_300_bk.jpg);
	background-repeat:no-repeat;	
	display:-webkit-box;
	-webkit-box-align:center;
	text-align:center;
	display: block;
}









/*--------  --------*/






.tablestyle01 {
	width:750px;
	margin-top:20px;
	font-size:15px;
	font-size:1.5rem;
	vertical-align:top;
	background-color:#e7e7e7;
}

.tablestyle01 th{
	background-color:#f0f0f0;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	margin:0 0 10px;
	padding:5px 10px;
	border:2px solid #ffffff;
}
	
.tablestyle01 td {
	 background-color:#FFFFFF;
	 padding:10px;
	 line-height:160%;
	 text-align:left;
}

.style01td {
	background-color:#f0f0f0;
	padding:10px;
	line-height:160%;
	text-align:left;
	width:160px;
}

.price_bold {
	font-weight:bold;
	color:#FF0000;
}

.tablestyle03 {
	width:750px;
	margin-top:20px;
	font-size:29px;
	vertical-align:top;
	background-color:#e7e7e7;
}
.tablestyle03 td {
	 background-color:#FFFFFF;
	 padding:10px;
	 line-height:160%;
	 text-align:left;
}

/*----------------------------------- recruit ---------------*/
.table_style02 {
	width:750px;
	margin-top:20px;
	font-size:15px;
	font-size:1.5rem;
	vertical-align:top;
	background-color:#e7e7e7;
}

.style02title {
	background-color:#f0f0f0;
	text-align:center;
	font-weight:bold;
	vertical-align:middle;
	margin:0 0 10px;
	padding:5px 10px;
	border:2px solid #ffffff;
}

.title_contact{
	width:180px;
	background-color:#e7e7e7;
	font-size:15px;
	font-size:1.5rem;
	text-align:left;
	vertical-align:middle;
	margin:0 0 10px;
	padding:5px 10px;
	border:1px solid #FFFFFF;
	color:#000000;
}

.tab_contact {
	background-color:#FFFFFF;
	padding:10px;
	font-size:15px;
	font-size:1.5rem;
	line-height:160%;
	text-align:left;
}
#text_contact {
	width:645px;
	font-size:15px;
	font-size:1.5rem;
	text-align:left;
	margin-top:40px;
}