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

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

* {margin: 0px; padding: 0px; line-height: 150%;}
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;}

html{
	background:url(img/footer_bg.gif) repeat-x bottom;}

body {
	text-align:center;
	 font-size:14px;
	 padding:0;
	 margin:0;
	background:url(img/header_bg.gif) repeat-x;}
	
#header,#footer,#content{
	text-align:center;
	}

#header #header_top,#footer #footer_bottom{
	height:52px;
	padding: 7px 0 0 30px;
	text-align:left;}
	
#header #header_top h1,#footer #footer_bottom h3{
	display:inline;
	float:left;
	margin:10px 0 0 0;
	font-size:16px;}
	
#header #header_top h1 a,#footer #footer_content h3 a{
	color:#333333;}
	
#header #header_top h1 a:hover,#footer #footer_content h3 a:hover{
	color:#666666;}
	
#header-box,#header_top,#header_content,#footer-box,#content-box{
	width : 850px;
	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_top ul,#footer-box ul{
	float: right;
	margin: 10px 0 0 10px;}
	
#header_top ul li,#footer ul li{
	float:left;
	border:#B5B5B5 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{
	background:url(img/body_bg.gif) no-repeat 50% 80px;}
	
#header-box{
	background:url(img/header_content_bottom.gif) bottom no-repeat;
	}
	
#header-box #gn{
	clear:both;
	float:left;
	position:absolute;
	right:0px;
	top:0px;}
	 
#header-box #gn li a{
	display:block;
	border: none;
	padding:15px 0px 0 0px;
	width:150px;
	height:35px;
	text-align:center;
	 background:url(img/gn_bg.gif) no-repeat;
	 text-decoration:none;}
	 
#header-box #gn li a:hover{
	background:url(img/gn_bg.gif) no-repeat 0px -51px;
	color:#FF9900;}
	
#header-box #header_content{
	margin: 0 0 0 0px;
	width:850px;
	height:157px;
	border:1px #B5B5B5 solid;
	clear:both;
	background:url(img/header_content_bg.jpg) no-repeat;
	}
	
#header-box #header_content h3{
	width:290px;
	padding:10px;
	margin: 10px 0 0 370px;
	font-size:14px;}
	
/*---- content ---------------------------------------------------------------------*/

#content{
	margin: 10px 0;}

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

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

#content-box{
	padding: 0px 10px;
	width:874px;
	border:#B5B5B5 solid;
	border-width: 0 3px;
	background:#FFFFFF;}
	
*html body #content-box{
	margin-top: -3px;
	padding: 0px 10px;
	width:874px;
	border:#B5B5B5 solid;
	border-width: 0 3px;
	background:#FFFFFF;}
	
#content-box #wide_content{
	width:565px;
	height:auto;
	padding: 0 0 0 0px;
	float:left;
	}
	
#content-box #side_content{
	height:auto;
	float:right;
	width: 275px;}
---------------------------------------*/
	
/*---- コンテンツ左レイアウト用 ---------------------------------------------------------------------*/
	

#content-box{
	padding: 0px 10px;
	width:830px;
	border:#B5B5B5 solid 1px;
	background:#FFFFFF;}
	
*html body #content-box{
	margin-top: -3px;
	padding: 0px 10px;
	width:830px;
	background:#FFFFFF;}
	
#content-box #wide_content{
	height:auto;
	padding: 0 0 0 0px;
	float:right;
	margin:10px 0;
	text-align:center;}
	
#content-box #wide_content_box{
	width:569px;
	height:auto;
	padding:10px;
	border:#B5B5B5 solid;
text-align:left;
	border-width: 0 1px;}
	
*html body #content-box #wide_content_box{
	width:569px;
	height:auto;
	padding:10px;
	border:#B5B5B5 solid;
	border-width: 0 1px;
	margin:-3px 0 0 0;}
	
#content-box #side_content{
	height:auto;
	float:left;
	width:auto;
	margin:10px 0;}
	
#content-box #side_content_box{
	height:auto;
	width: 219px;
	border:#B5B5B5 solid;
	border-width: 0 1px;}


*html body #content-box #side_content_box{
	height:auto;
	width: 219px;
	border:#B5B5B5 solid;
	border-width: 0 1px;
	margin:-3px 0 0 0;}



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

#content-box .otoiawase_btn{
	display:block;
	text-align:center;}

#content-box .layout_box01{
	border: 1px #999999 solid;
	padding:10px;
	}

#content-box .layout_box01 dt{
	border: #F9AE3B dotted;
	border-width: 0 0 1px 0;
	padding: 3px 0 3px 25px;
	background:url(img/list_icon.gif) no-repeat 0px center;}
	
#content-box .layout_box01 dd{
	padding: 5px 0 5px 25px;
	border: #CCCCCC solid;
	border-width: 0 0 1px 0;}


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

#content-box .news li{
	border:#B5B5B5 solid;
	border-width: 0 0 1px 0;
	padding:5px 5px 5px 35px;
	background:url(img/list_icon.gif) no-repeat 5px 50%;}
	
#content-box .news span{
	font-size:12px;
	margin:5px;}
	
#content-box .news02 li{
	border:#B5B5B5 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:145px;
	margin:5px;}
	
*html body #content-box .table_layout02 dl{	
	width:145px;
	margin:5px;
	float:left;}
	
#content-box .table_layout02 dl dt{	
	padding:5px;}
	
#content-box .table_layout02 dl dd{	
	padding:5px 0;
	border:#CCCCCC solid;
	border-width: 1px 0 1px 0px;}

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

#content-box .content_group{
	text-align:center;
	}
	
#content-box .content_group td{
	padding:0;
	text-align:center;}
	
#content-box .content_group dl{
	text-align:left;
	}
	
#content-box .content_group dl dt{
	background:url(img/content01_title_bg.gif) no-repeat;
	height:42px;
	padding: 5px 0 0 0 ;
	text-align:center;}
	
#content-box .content_group dl dd{
	border:#B5B5B5 solid 1px;
	padding: 5px;}
	
#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:url(img/title_bg.gif) repeat-x ;}
	
#content-box .sub_box01 dd{
	border:#999999 solid;
	border-width:0px 1px 1px 1px;
	padding:5px;
	background:#F2F2F2;}

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

#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;}
	
	
#content-box .archive_link{
	position:absolute;
	right:15px;
	top:5px;
	}	

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


	
/*---- wide_content ---------------------------------------------------------------------*/



#content-box .content01{
	width:551px;
	margin:0 auto 10px;
	text-align:left;}
	
#content-box .content01 p{
	position:relative;
	background: url(img/content01_title_bg.gif) no-repeat;
	height:30px;
	width:521px;
	font-size:16px;
	padding: 2px 0 0 20px;}
		
#content-box .content01 .content01_box{
	border:#B5B5B5 solid 1px;
	padding: 5px;
	margin:5px 0;
	}
	

		
#content-box .content02{
	text-align:left;
	margin:0 auto 10px;
	width:551px;}
	
#content-box .content02 p{
	background: url(img/content02_title_bg.jpg) no-repeat;
	height:39px;
	width:535px;
	font-size:16px;
	padding: 3px 0 0 16px;
	color:#ffffff;}
	
#content-box .content02 .content02_box{
	border:#B5B5B5 solid 1px;
	padding: 5px;}
	
#content-box .content02 .content02_box .rightimg_box{
	}
	
#content-box .content02 .content02_box li{
	border:#CCCCCC solid 2px;
	padding: 5px;
	margin: 0 0 5px 0;}
	
#content-box .content03{
	text-align:left;
	margin:0 auto 10px;
	width:551px;}
	
#content-box .content03 p{
	background: url(img/content03_title_bg.gif) no-repeat;
	height:30px;
	width:513px;
	font-size:16px;
	padding: 2px 0 0 33px;}
	
#content-box .content03 .content03_box{
	border:#B5B5B5 solid 1px;
	padding: 5px;
	margin:5px 0;}
	
#content-box .content03 .content03_box li{
	border:#CCCCCC solid 2px;
	padding: 5px;
	margin: 0 0 5px 0;}
	
#content-box .content04{
	text-align:left;
	margin:0 auto 10px;
	width:551px;}
	
#content-box .content04 p{
	background: url(img/content04_title_bg.jpg) no-repeat;
	height:44px;
	width:525px;
	font-size:16px;
	padding: 10px 0 0 26px;
	color:#ffffff;}
	
#content-box .content04 .content04_box{
	border:#B5B5B5 solid 1px;
	padding: 5px;}

#content-box #wide_content #archive{
	text-align:left;}

	
#content-box #wide_content #archive dt{
	padding: 7px 0 13px 20px;
	margin: 0 0 0px 0;
	background:url(img/content01_title_bg.gif) no-repeat 0 0;}


#content-box #wide_content #archive dd{
	padding:5px;
	border:#B5B5B5  solid 1px;
	margin: 0px 0 10px 0;
	position:relative;
	font-size:10px;}
	
#content-box #wide_content #archive dd .date{
	color:#00CC00;}
	

	
/*---- side_content ---------------------------------------------------------------------*/

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

#content-box #side_content #search_body{
	width:192px;
	vertical-align:top;
	margin:0 0 0 10px;}
	
#content-box #side_content #search_btn{
	background:url(img/submit.gif) no-repeat 0 0;
	height: 26px;
	width:61px;
	border:none;
	display:block;
	margin:10px 0 0 144px;}

	

#content-box #side_content .side01{
	margin: 0 0 20px 0;
	width:181px;
	margin: 0 auto 10px;}
	
#content-box #side_content .side01 p{
	background:url(img/side01_title.gif) no-repeat;
	height:26px;
	padding: 5px 0 0 0 ;
	text-align:center;
	color:#FFFFFF;}
	
#content-box #side_content .side01 .side01_box{
	border:#B5B5B5 1px solid;
	padding: 5px;
	background: #F2F2F2;
	margin:5px 0;}


#content-box #side_content .side02{
	margin: 0 auto 10px;
	width:181px;}
	
#content-box #side_content .side02 p{
	background:url(img/side02_title.jpg) no-repeat;
	height:30px;
	padding: 5px 0 0 0 ;
	color:#FFFFFF;
	text-align:center;}
	
#content-box #side_content .side02 .side02_box{
	border:#B5B5B5 solid 1px;
	padding: 5px;}
	
#content-box #side_content .side03{
	margin: 0 0 0px 0px;}
	
#content-box #side_content .side03 p{
	background:url(img/side03_title.gif) no-repeat;
	height:42px;
	padding: 5px 0 0 0 ;
	color:#FFFFFF;
	text-align:center;}
	
#content-box #side_content .side03 .side03_box{
	padding: 5px;
	margin:5px;}
	
#content-box #side_content .side_gn li{
	border:#B5B5B5 solid;
	border-width:0 0 1px 0;
	text-align:center;
	padding:5px 0;}
	
#content-box #side_content #rss{
	display:block;
	height:26px;
	width:145px;
	background: url(img/rss.gif) no-repeat 0px 0px;
	margin:0 auto;
	padding:5px 0 0 36px;
	vertical-align: bottom;
	font-size:12px;}
		
#content-box #side_content .side_gn .cat{
	background-color:#B5B5B5;
	color:#000066;
	display:block;
	padding:5px;}

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


#footer #footer_bottom{
	clear:both;
	margin: 10px 0 0 0;}
	
#footer #footer_content{
	width:850px;
	margin:0 auto;
	padding: 10px 0;}
	
#footer #footer_content h3{
	float:left;}
	
#footer #footer_content ul{
	float:right;}


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