@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#333333;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	background:url(../img/bg_dot.gif) #E8E8E8;
}

/* リンク 
-----------------------------------------------------*/
a{			color:#000;}
a:hover{	color:#999;text-decoration:none;}


/*---------------------------------------------------*/
/* メインレイアウト
-----------------------------------------------------*/
#wrapper {
	width:850px;
	margin: 0 auto; /* Firefox 向けセンタリング指定 */
	text-align:left;
}
#wrap_contents{
	background:#fff;
}

/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
#header {
	width:850px;
	height:154px;
	background:#fff url(../img/head_bg.jpg) repeat-x;
	position:relative;
}
#header h1{
	position:absolute;
	left:9px;
	top:14px;
	z-index:5;
}
#header h2{
	position:absolute;
	left:145px;
	top:35px;
}
#header address{
	position:absolute;
	left:603px;
	top:33px;
}
#header #sub{
	float:right;
	padding:4px 25px 0 0;
}
#header #sub li{
	display:inline;
	padding-left:10px;
}


/*---------------------------------------------------*/
/* ナビ
-----------------------------------------------------*/
#navi{
	width:809px;
	height:51px;
	background:#fff url(../img/navi_bg.jpg) no-repeat;
	z-index:4;
	position:absolute;
	left:18px;
	top:103px;
}
#navi ul{
	width:780px;
	height:20px;
	position:absolute;
	left:26px;
	top:15px;
}
#navi ul li{
	float:left;
}
#navi ul li a{
	display:block;
	background:url(../img/navi_cap.gif) no-repeat 0px 2px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 18px 0px 22px;
}
#navi li a:hover{
	background:url(../img/navi_cap.gif) no-repeat 0px -98px;
	color:#999;
}
	
/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
#contents{
	width:620px;
	float:left;
	display:inline;
	margin:8px 0 0 21px;
}
#title{
	border:#e8e8e8 solid 10px;
}

#contents h3{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-indent:8px;
	padding:21px 0px 31px 64px;
	background:url(../img/h3_icon.gif) no-repeat;
}
#contents h4{
	font-size:16px;
	font-weight:bold;
	padding:18px 0px 20px 12px;
	background:url(../img/h4_line.gif)  repeat-x;
	margin-top:12px;
}
#contents p{
	margin-top:10px;
	text-align:left;
}
#contents strong{
	color:#f60;
	font-size:14px;
	font-weight:bold;
}
#contents .pic{
	margin:15px 0px 0px 10px;
	border:#E7EAEB solid 4px;
	float:right;
}
#contents .inquiry_btn{
	margin-top:8px;
}
#contents .inquiry_btn_sub{
	margin:8px 0px;
	padding:8px;
	border:#ccc solid 1px;
}
.detail_btn{
	float:right;
	margin:2px;
}
.detail_btn a:hover{
	zoom: 1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8; //mozira
	opacity:0.8; //IE
}
.underline{
	border-bottom:#ccc dotted 1px;
	margin-bottom:12px;
}
/* 料金表
---------------------*/
#contents th{
	border:#ccc solid 1px;
	padding:4px;
	background:#ccc url(../img/bg_dot.gif);
	text-align:center;
	font-weight:bold;
}
#contents td{
	border:#ccc solid 1px;
	padding:4px;
}
.price{
	text-align:right;
	color:#f60;
	font-size:14px;
	text-align:center;
}

/* サービスの流れ
---------------------*/


.attn{
	padding:14px;
}

.attn li{
	background:url(../img/asterisk.gif) 0px no-repeat;
	padding-left:12px;
}
/*---------------------------------------------------*/
/* フォーム
-----------------------------------------------------*/
#form_tabale td{
	padding:4px;
	border-collapse:separate;
	border:#fff solid 2px;
}
#form_tabale .title{
	color:#fff;
	background:#2395B3;
	padding-left:6px;
	font-size:14px;
}


#form_tabale .item{
	color:#fff;
	background:#666;
	padding-left:6px;
}
#form_tabale .cont{
	background:#f0f0f0;
}
#form_tabale input{
	padding:2px;
}
#form_tabale textarea{
	padding:2px;
	width:400px;
	height:60px;
}
.attn{
	font-size:10px;
}

#sitemap{
	margin-left:18px;
	
}
#sitemap li{
	background:url(../img/icon_page.gif) no-repeat 3px;
	padding-left:18px;
	
}
.case_pic{
	float:left;
	margin:10px;
	border:#ccc solid 1px;
}
.inquiry_bnr{
	width:350px;
	background:#FFF2BB;
	border:#FFccaa solid 1px;
	padding:10px;
	line-height:1.2;
	margin:0 auto;

}
.inquiry_bnr span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bolder;
	color:#c00;
}

/*---------------------------------------------------*/
/* 右カラム
-----------------------------------------------------*/
#right_column{
	display:inline;
	float:right;
	width:170px;
	margin:8px 25px 0 0;
}

#news_window{
	background:url(../img/news_bg.gif) repeat-y;
}
#news{
	width:169px;
	height:180px;
	overflow:auto;
}
#news p{
	padding:4px;
}
.bnr{
	margin-bottom:10px;
}
/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
#footer {
	width:100%;
	clear:left;
	color:#FFFFFF;
	background:#f60;
	text-align:center;
}
#foot_navi{
	display:block;
	width:850px;
	background:#fff;
}
#foot_navi li{
	float:right;
	padding:3px 8px;
}
.copy{
	padding:10px;
}
#link li{
	float:left;
	padding:5px;
	color:#ddd;
}
#link li a{
	color:#ddd;
}
#link li a:hover{
	color:#999;
}

/*---------------------------------------------------*/
/* ClearFix
-----------------------------------------------------*/
.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
.clearfix{
	zoom:1;
}