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

p{
        line-height: 1.5em;
	 font-size:14px;
	margin:8px 0 0 0;
}
	
#header,#footer,#content{
	text-align:center;}

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

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

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


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


	
#header-box{
	padding: 0 0 27px 0;
	background:url(img/header_content_bottom.gif) bottom no-repeat;
	}
	
#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 0 0 6px;
	width:880px;
	height:237px;
	border:4px #DCDCDC solid;
	clear:both;
	background:url(img/header_content_photo.jpg) no-repeat;
	}
	
#header-box #header_content h3{
	width:390px;
	padding:10px;
	margin: 20px 0 0 471px;
	color:#006699;
	font-size:14px;}
	
/*---- content ---------------------------------------------------------------------*/

#content{
	margin: 10px 0;}

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

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

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

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

#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 .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;
	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/side_03_title.jpg) no-repeat;
	height:42px;
	padding: 5px 0 0 0 ;
	width:250px;
	color:#FFFFFF;
	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:201px;
	height:30.5px;
	display:block;
	text-indent:-9999px;}
	
#content-box .toiawase:hover{
	background:url(img/toiawase_btn.jpg) no-repeat 0px -30.5px;}
	


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



#content-box .content01{
	margin: 0px 0 10px 0;}
	
#content-box .content01 p{
	position:relative;
	background: url(img/content_01_title.gif) no-repeat;
	color:#FFFFFF;
	height:25px;
	font-size:16px;
	padding: 8px 0 0 15px;}
	
#content-box .archive_link{
	position:absolute;
	right:15px;
	top:8px;
	}	

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

	
#content-box .content01 .content01_box{
	border:#DCDCDC solid;
	border-width: 0px 3px 3px 3px;
	padding: 5px;
	width:547px;
	}
		
#content-box .content02{
	margin: 0px 0 10px 0;}
	
#content-box .content02 p{
	background: url(img/content_02_title.gif) no-repeat;
	height:22px;
	font-size:16px;
	padding: 0px 0 0 18px;
	color:#000000;}
	
#content-box .content02 .content02_box{
	border:#DCDCDC solid 2px;
	padding: 5px;
	width:547px;
	margin: 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{
	color:#FFFFFF;
	background: url(img/content_03_title.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: 5px 0 20px 5px;
	background:url(img/sub_title01.gif) repeat-x bottom;}


#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 #search{
	margin:0 0 10px 0;}

#content-box #right_content #search_body{
	background:url(img/search_bg.jpg) no-repeat;
	height: 25.5px;
	padding: 10px 5px 0 10px;
	width:192px;
	border:none;
	vertical-align:top;}
	
#content-box #right_content #search_btn{
	background:url(img/search_btn.jpg) no-repeat 0 0;
	height: 35.5px;
	width:54px;
	border:none;
	margin:0px 0 0 -4px;}
	
*html body #content-box #right_content #search_btn{
	background:url(img/search_btn.jpg) no-repeat 0 0;
	height: 35.5px;
	width:54px;
	border:none;
	margin:1px 0 0 -4px;}/*for ie6*/
	
	
#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/side_01_title.gif) no-repeat;
	height:40px;
	width:275px;
	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 10px;}
	
#content-box #right_content .side02 p{
	background:url(img/side_02_title.gif) no-repeat;
	height:25px;
	padding: 10px 0 0 0 ;
	width:257px;
	color:#FFFFFF;
	text-align:center;}
	
#content-box #right_content .side02 .side02_box{
	border:#DCDCDC solid 1px;
	padding: 5px;
	width : 245px;
	background: #F2F2F2;}
	
#content-box #right_content .side03{
	margin: 0 0 0px 10px;}
	
#content-box #right_content .side03 p{
	background:url(img/side_03_title.jpg) no-repeat;
	height:42px;
	padding: 5px 0 0 0 ;
	width:250px;
	color:#FFFFFF;
	text-align:center;}
	
#content-box #right_content .side03 .side03_box{
	padding: 5px;
	margin: 0 0 0 10px;
	width : 225px;}
	
#content-box #right_content .side_gn li{
	border:#DCDCDC solid;
	border-width:0 0 1px 0;
	text-align:center;
	padding:5px 0;}
	
#content-box #right_content #rss{
	display:block;
	text-indent:-9999px;
	width:151px;
	height:36px;
	background: url(img/rss.jpg) no-repeat 0px 0px;
	margin:0 auto;}
	
#content-box #right_content #rss:hover{
	background: url(img/rss.jpg) no-repeat 0px -36px;
	}
	
#content-box #right_content .side_gn{
	margin:0 0 10px 0;}
	
#content-box #right_content .side_gn .cat{
	background-color:#DCDCDC;
	color:#000066;
	display:block;
	padding:5px;}

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

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


/* ----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 */