@charset "utf-8";
/* CSS Document */

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

* {margin: 0px; padding: 0px;}
em {visibility: hidden; font-size: 10px;}
ul {list-style: none;}
img {border: none;}
h1, h2, h3, h4, h5 {font-size: 12px; font-family: Verdana, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica; color: #4d4d4d;}
table,tr,td{vertical-align:top;}

a{color: #003399;}

a:hover{color:#336699;}

body {
	text-align:center;
	 font-size:14px;}
	

#header,#footer,#content{
	text-align:center;}

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


	
#header{
	padding: 0px 0 40px 0;
	background:url(img/header_bg.gif) repeat-x 0 0;
	}
	

	
#header-box #gn{
	clear:both;
	float:left;
	padding: 10px 0px 25px 0px;
	 background:url(img/menu_bg.gif) no-repeat;
	 margin: 10px 0 0 0;
	 width:900px;}
	 
#header-box #gn li{
	border: none;
	padding:0 0px 0 0px;
	width:150px;
	text-align:center;
	float:left;}
	
#header-box #header_content{
	margin: 0 auto;
	width:880px;
	height:227px;
	clear:both;
	background:url(img/header-content_bg.jpg) no-repeat;
	position:relative;
	}
	
*html body #header-box{

	clear:both;

	}
	
#header-box #header_content h3{
	width:390px;
	padding:10px;
	position:absolute;
	top:250px;
	left:25px;
	color:#003300;
	font-size:14px;}
	
	


#header #header_top{
	background:url(img/header_bg.gif) repeat-x;
	height:52px;
	padding: 7px 0 0 30px;
	text-align:left;}
	
#header #header_top h1{
	color:#FFFFFF;
	display:inline;}
	
#header #header_top h1 a{
	color:#FFFFFF;}
	
#header #header_top h1{
	color:#666666;}
	
#header-box{
	width : 900px;
	position:relative;
	text-align:left;
	margin:0 auto;}



#header h1{
	font-size: 30px;
	float: left;
	margin: 0 0 0 10px;
	background:url(img/h1_bg.gif) no-repeat;
	height:60px;
	width:550px;
	padding:20px 0px 0 55px;
	text-align: left;
	}
	
#header h1 a{
	text-decoration:none;
	color:#333333;}
	
#header h1 a:hover{
	text-decoration:underline;
	color:#333333;}
	
#header ul{
	float: right;
	margin: 10px 0 0 10px;}
	
#header ul li{
	float:left;
	border:#DCDCDC solid;
	border-width: 0 0 0 1px;
	padding: 0px 10px;}

#header ul li a{
	color:#333333;}
	
#header ul li a:hover{
	color:#003366;
	text-decoration:none;}

	
/*---- content ---------------------------------------------------------------------*/

#content{
	margin: 10px 0;}

/*---- コンテンツ右レイアウト用 ---------------------------------------------------------------------*/


#content-box{
	padding: 0px 10px;
	width:874px;
	background:url(img/content_bg.gif) repeat-y 585px 0px;}
	
*html body #content-box{
	margin-top: -3px;
	padding: 0px 10px;
	width:874px;
	background:url(img/content_bg.gif) repeat-y 585px 0px;}
	
#content-box #left_content{
	width:600px;
	height:auto;
	padding: 0 10px 0 0px;
	float:left;
	border: #CCCCCC dotted;
	border-width:0 1px 0 0;
	}
	
#content-box #right_content{
	height:auto;
	float:right;
	width: 200px;}

	
/*---- コンテンツ左レイアウト用 ---------------------------------------------------------------------*/
	
/*---------------------------------------
#content-box{
	padding: 0px 10px;
	width:874px;
	background:url(img/content_bg.gif) repeat-y 585px 0px;}
	
*html body #content-box{
	margin-top: -3px;
	padding: 0px 10px;
	width:874px;
	background:url(img/content_bg.gif) repeat-y 585px 0px;}
	
#content-box #left_content{
	width:600px;
	height:auto;
	padding: 0 0px 0 10px;
	float:right;
	border: #CCCCCC dotted;
	border-width:0 0px 0 1px;
	}
	
#content-box #right_content{
	height:auto;
	float:left;
	width: 200px;}

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

/*----コンテンツ内パーツ用------------------------------------------------------------------------*/

#content-box .left{
	float:left;
	width:250px;
	margin: 10px 0;
	padding:5px;
	border:#CCCCCC solid;
	border-width: 0 0 1px 0;}
	
#content-box .left img{
	border:#999999 solid 3px;
	text-align:left;}
	
#content-box .right{
	float:right;
	width:250px;
	margin: 10px 0;
	padding:5px;}
	
#content-box .right img{
	border:#999999 solid 3px;
	text-align:right;}

#content-box .rightimg{
	margin: 5px 0;}

#content-box .rightimg img{
	float:right;}

#content-box .news li{
	border:#DCDCDC solid;
	border-width: 0 0 1px 0;
	padding:5px 5px 5px 35px;
	background:url(img/list_title.gif) no-repeat 5px 50%;}
	
#content-box .news span{
	font-size:12px;
	margin:5px;}
	
#content-box .news02 li{
	border:#DCDCDC solid;
	border-width: 0 0 1px 0;
	padding:5px 5px 5px 35px;
	background:url(img/list_title02.gif) no-repeat 5px 50%;}
	
#content-box .table_layout{
	font-size:12px;
	border:#CCCCCC solid;
	border-width: 1px 0px 0px 0;
	margin:5px 0;
	background:url(img/content_bg.gif) repeat-y 100px 0;}
		
#content-box .table_layout dt{
	clear:both;
	float:left;
	width:100px;
	padding: 5px 0 5px 10px;}
	
#content-box .table_layout dd{	
	border:#CCCCCC solid;
	border-width: 0 0 1px 0px;
	padding: 5px 0 5px 120px;}

	
#content-box .table_layout02{
	font-size:12px;
	margin:5px 0px;}
		
#content-box .table_layout02 img{
	float:left;
	display:block;
	width:100px;
	margin:30px 0 0 0;}
	
#content-box .table_layout02 dl{	
	float:right;
	width:150px;
	margin:5px;}
	
#content-box .table_layout02 dl dt{	
	padding:5px;}
	
#content-box .table_layout02 dl dd{	
	padding:5px;
	border:#CCCCCC solid;
	border-width: 1px 0 1px 0px;}

#content-box table td{
	padding: 5px;}
	
	
#content-box table .center{
	border:#DCDCDC solid;
	border-width: 0 1px;}

#content-box .content_group{
	text-align:center;
	}
	
#content-box .content_group td{
	width:274px;
	}
	
#content-box .content_group dl{
	text-align:left;
	}
	
#content-box .content_group dl dt{
	background:url(img/big_title4.gif) no-repeat;
	height:42px;
	padding: 8px 0 0 0 ;
	width:250px;
	text-align:center;}
	
#content-box .content_group dl dd{
	border:#DCDCDC solid 2px;
	padding: 5px;
	width:250px;}
	
#content-box .job_week{
	border:#CCCCCC solid;
	border-width:1px 0px 0px 0px;
	border-collapse:collapse;}
	
	
#content-box .job_week td{
	border:#CCCCCC solid;
	border-width:0px 1px 1px 1px;
	text-align:center;
	width: 90px;}
	
#content-box .job_week .holiday{	
	background:#FAE2E3;
	width:auto;
	text-align:center;}
	
#content-box .job_week .day{
	text-align:center;}
	
#content-box .sub_box01{
	width: 170px;}
	
#content-box .sub_box01 dt{
	border:#999999 solid 1px;
	padding:5px;
	text-align:center;
	background:#CAFFA6;}
	
#content-box .sub_box01 dd{
	border:#999999 solid;
	border-width:0px 1px 1px 1px;
	padding:5px;}

/*--送信ボタン--*/

#content-box #submit{
	border:none;
	background:url(img/submit.jpg) no-repeat 0px -31px;
	width:107px;
	height:31px;
	display:block;}
	
#content-box #submit:hover{
	background:url(img/submit.jpg) no-repeat 0px 0px;}
	
/*--問い合わせボタン--*/
	
#content-box .toiawase{
	border:none;
	background:url(img/toiawase_btn.jpg) no-repeat 0px 0px;
	width:190px;
	height:71.5px;
	display:block;
	text-indent:-9999px;}
	
#content-box .toiawase:hover{
	background:url(img/toiawase_btn.jpg) no-repeat 0px -71.5px;}
	


	
/*---- left_content ---------------------------------------------------------------------*/



#content-box .content01{
	margin: 0px 0 10px 0;}
	
#content-box .content01 p{
	position:relative;
	background: url(img/content_title01.jpg) no-repeat;
	color:#FFFFFF;
	height:30px;
	font-size:16px;
	padding: 12px 0 0 35px;}
	
#content-box .archive_link{
	position:absolute;
	right:65px;
	top:13px;
	}	

#content-box .archive_link a{
	color:#FFFFFF;
	font-size:14px;}

	
#content-box .content01 .content01_box{
	padding: 5px 0 30px 0;
	width:547px;
	background:url(img/content_bottom01.gif) no-repeat 0 bottom;
	}
		
#content-box .content02{
	margin: 0px 0 10px 0;}
	
#content-box .content02 p{
	background: url(img/content_title02.gif) repeat-x;
	height:25px;
	font-size:16px;
	padding: 5px 0 0 18px;
	width:539px;
	border:#DCDCDC solid 2px;
	color:#000000;}
	
#content-box .content02 .content02_box{
	border:#DCDCDC solid;
	border-width:0px 2px 2px 2px;
	padding: 5px;
	width:547px;
	margin: 0px 0 10px 0;}
	
#content-box .content02 .content02_box li{
	border:#CCCCCC solid 2px;
	padding: 5px;
	margin: 0 0 5px 0;}
	
#content-box .content03{
	margin: 0px 0 10px 0;}
	
#content-box .content03 p{
	background: url(img/big_title1.gif) no-repeat;
	height:26px;
	font-size:16px;
	padding: 6px 0 0 18px;}
	
#content-box .content03 .content03_box{
	border:#DCDCDC solid;
	border-width:2px 2px 2px 2px;
	padding: 5px;
	width:548px;
	margin:5px 0;}
	
#content-box .content03 .content03_box li{
	border:#CCCCCC solid 2px;
	padding: 5px;
	margin: 0 0 5px 0;}
	
	
#content-box #left_content #archive dt{
	padding: 8px 0 23px 25px;
	background:url(img/big_title4.gif) no-repeat;}


#content-box #left_content #archive dd{
	padding:5px;
	border:#DCDCDC  solid 1px;
	margin: 10px 0 10px 0;
	position:relative;}
	
#content-box #left_content #archive dd .date{
	position:absolute;
	right:10px;
	top:-20px;}
	

	
/*---- right_content ---------------------------------------------------------------------*/

#content-box #right_content  form #search_btn:hover {
background:transparent url(img/submit_bg.gif) no-repeat scroll 0 -25px;
}

#content-box #right_content  form #search_btn {
background:transparent url(img/submit_bg.gif) no-repeat scroll 0 0;
border:medium none;
display:block;
height:25px;
margin:0 0 0 110px;
width:70px;}



#content-box #right_content #search{
	margin:0 0 10px 0;}

#content-box #right_content #search_body{
	border:normal;
	width:150px;
	margin: 0 0 10px 20px;}
	
	
#content-box #right_content #search_btn:hover{
	background:url(img/search_btn.jpg) no-repeat 0 -35px;}

#content-box #right_content .side01{
	margin: 0 0 20px 0;}
	
#content-box #right_content .side01 p{
	background: url(img/small_title2.gif) no-repeat 50% 0;
	height:40px;
	padding: 15px 0 0 0 ;
	text-align:center;}
	
#content-box #right_content .side01 .side01_box{
	border:#DCDCDC 1px solid;
	padding: 5px;
	background: #F2F2F2;}


#content-box #right_content .side02{
	margin: 0 0 20px 0px;}
	
#content-box #right_content .side02 p{
	background:url(img/side_title2.gif) no-repeat 50% 0;
	height:25px;
	padding: 3px 0 5px 0 ;
	text-align:center;}
	
#content-box #right_content .side02 .side02_box{
	border:#DCDCDC solid 1px;
	padding: 5px;}
	
#content-box #right_content .side03{
	margin: 0 0 10px 0px;
	background:url(img/side_bottom.jpg) no-repeat bottom;
	width:194px;
	padding: 0 0 44px 0;}
	
#content-box #right_content .side03 p{
	background:url(img/side_title.jpg) no-repeat;
	height:32px;
	padding: 5px 0 0 0 ;
	color:#FFFFFF;
	text-align:center;
	text-indent:-9999px;}
	
#content-box #right_content .side03 .side03_box{
	padding:0 5px;
	margin: 0 0 0px 0px;
	background:url(img/side_body.jpg) repeat-y 50% 50%;}
	
	
#content-box #right_content .side04{
	margin:5px auto;	
	background: url(img/content_bottom03.gif) no-repeat 50% bottom;
	width:194px;
	padding: 0 0 30px 0;}
	
#content-box #right_content .side04 p{
	background:url(img/side_title.jpg) no-repeat;
	background: url(img/content_title03.gif) no-repeat 50% 0;
	height:35px;
	padding: 28px 0 0 0 ;
	text-align:center;}
	
#content-box #right_content .side04 .side04_box{
	padding:0 10px;
	background: url(img/content_body3.gif) repeat-y 50% 0;
	margin: 0 0 0px 0px;}
	
	
#content-box #right_content .side_gn li{
	text-align:center;
	padding:5px 0;
	background:url(img/side_body.jpg) no-repeat 50% 0;
	height:25px;}
	
#content-box #right_content #rss{
	display:block;
	height:36px;
	width:100px;
	background: url(img/rss.gif) no-repeat 0px 0px;
	margin:0 auto;
	padding :3px 0 0 30px;}

	
#content-box #right_content .side_gn .cat{
	background-color:#DCDCDC;
	color:#000066;
	display:block;
	padding:10px 7px;
	text-align:center;
	width: 160px;
	margin:0 auto;
	height:15px;}

#content-box #right_content .side_gn{
	margin:0 0 0px 0;}
	
	
/*---- footer ---------------------------------------------------------------------*/

#footer{
	background:url(img/footer_bg.gif) repeat-x;
	padding:0 0 40px 0;}

#footer #footer_bottom{
	clear:both;
	margin: 10px 0 0 0;}
	
#footer #footer_bottom span{
	position:absolute;
	right:50px;
	color:#FFFFFF;}

#footer #footer_bottom{
	height:52px;
	padding: 7px 0 0 30px;
	text-align:left;}
	
#footer #footer_bottom h3{
	color:#FFFFFF;
	display:inline;}
	
#footer #footer_bottom h3 a{
	color:#FFFFFF;}
	
#footer #footer_bottom h3 a:hover{
	color:#666666;}
	
#footer-box,#content-box{
	width : 850px;
	position:relative;
	text-align:left;
	margin:0 auto;}



#footer-box h2{
	font-size: 12px;
	float: left;
	margin: 10px 0 0 10px;}
	
#footer-box h2 a{
	text-decoration:none;
	color:#333333;}
	
#footer-box h2 a:hover{
	text-decoration:underline;
	color:#333333;}
	
#footer-box ul{
	float: right;
	margin: 10px 0 0 10px;}
	
#footer ul li{
	float:left;
	border:#DCDCDC solid;
	border-width: 0 0 0 1px;
	padding: 0px 10px;}

#footer ul li a{
	color:#333333;}
	
#footer ul li a:hover{
	color:#003366;
	text-decoration:none;}


/* ----counter measure for bug------------------------------------------------------------ */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 


/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */