@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	background:url(img_tmp/bg.jpg) repeat-x #a4c8e0;
	color:#666;
	text-align:center;
	font-size:75%;
	line-height:1.5;
	/*\*/
	letter-spacing:0.1em;
	/**/
	}
	
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	}
	
a {
	text-decoration: underline;	
	}

a:link, a:visited, a:active {
	color: #f90;
	}

a:hover {
	color: #C00;
	}

a img ,img {
	border:none;
	}
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

#wrapper {
	width:760px;
	margin:20px auto;
	}
	
#header {
	width:760px;
	text-align:left;
	}
	
h1{width:400px;float:left;}	

#header #adBox{width:359px;float:right;font-size:24px;font-weight:bold;line-height:100%;}

#header img{vertical-align:top;}

#header .name{
	padding:4px;
	font-size:14px;
	font-weight:bold;
	background:#F0F0F0;
	border-top:1px dashed #666;
	border-bottom:1px dashed #666;
	margin-bottom:8px;}	
	
#contents{
	background:url(img_tmp/bg_m.jpg) repeat-y;
	}
	
#conBg {
	background:url(img_tmp/bg_h.jpg) no-repeat top;
	padding-top:50px;
	}
	
#conBgBt {
	background:url(img_tmp/bg_b.jpg) no-repeat bottom;
	padding-bottom:60px;
	}
	
#footer img{vertical-align:middle;margin-right:6px;}		
#footer a:link , #footer a:visited , #footer a:active{
	text-decoration:none;
	color:#000;
	}

#footer a:hover {
	text-decoration:none;
	color: #333;
	}	
	
/* キャッチコピー
---------------------------------------------*/		

#catch {
	width:704px;
	margin:0 auto;
	background:url(img_tmp/catch_m.gif) repeat-y;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
	}
	
#catch .txt{padding:4px 6px 4px 15px;}	


/* 写真　アイコンエリア
---------------------------------------------*/	

#conBox01 {
	width:704px;
	margin:0 auto 20px;
	text-align:left;
	}
		
#conBox01 .photo{
	width:327px;
	float:left;
	}
	
#conBox01 .ico{
	width:377px;
	float:right;
	}
	
#conBox01 .ico .icoBox01{
	background:url(img_tmp/ses_box.gif) no-repeat;
	width:377px;
	height:94px;
	margin-bottom:10px;
	}
	
#conBox01 .ico .icoBox02{
	background:url(img_tmp/ren_box.gif) no-repeat;
	width:377px;
	height:94px;
	margin-bottom:10px;
	}
	
#conBox01 .ico .icoBox03{
	background:url(img_tmp/oth_box.gif) no-repeat;
	width:377px;
	height:94px;
	}		
	
#conBox01 .ico .icoBox01 .sp, #conBox01 .ico .icoBox02 .sp, #conBox01 .ico .icoBox03 .sp{
	padding-top:30px;
	padding-left:28px;
	}
	
#conBox01 .ico .icoBox01 .sp img, #conBox01 .ico .icoBox02 .sp img, #conBox01 .ico .icoBox03 .sp img{
	margin-right:6px;}
	
/* スタッフボイス
---------------------------------------------*/

#voice {
	width:704px;
	margin:0 auto;
	text-align:left;
	margin-bottom:20px;
	}
	
#voice .txt{padding:8px 6px 4px 15px;
	background:url(img_tmp/voice_m.gif) repeat-y;
	color:#036;
	}		


/* スペシャル
---------------------------------------------*/

#special {
	width:704px;
	margin:0 auto;
	text-align:left;
	margin-bottom:20px;
	}
	
#special .txt{padding:8px 6px 4px 39px;
	background:url(img_tmp/sp_m.gif) repeat-y;
	}
	
#special li{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;}	

/* 地図　プライス　エリア
---------------------------------------------*/

#conBox02{	width:704px;
	margin:0 auto;
	text-align:left;
	margin-bottom:20px;
	}
	
#conBox02 h2{
	margin-bottom:10px;}	

#conBox02 #gmap{
	width:390px;
	float:left;
	padding-bottom:20px;
	color:#fff;
	}

#conBox02 #gmap h3{
	width:360px;
	padding-bottom:6px;
	border-bottom:1px dashed #fff;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	}
	
#conBox02 #gmap address{
	margin-top:10px;
	font-style:normal;
	color:#fff;}
	
#conBox02 #map{margin-bottom:15px;}		
	
#conBox02 #price{
	width:310px;
	float:right;
	margin-bottom:20px;
	}
	
#conBox02 #price .prBox{
	border:1px solid #9CF;
	}	
	
#conBox02 #price .prBox td,#conBox02 #price .prBox th {
	padding:4px;
	background:#DDF4FF;
	}
	
#conBox02 #price .prBox td.line,#conBox02 #price .prBox th.line {
	border-bottom:1px dashed #9CF;
	}	
	
#conBox02 #price .prBox th{
	text-align:left;
	}			



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

.w200 {	width: 200px;}
.w400 {	width: 400px;}

/* スペース関連
---------------------------------------------------- */

.spB05{	margin-bottom:05px;}	
.spB10{	margin-bottom:10px;}	
.spB15{	margin-bottom:15px;}	
.spB20{	margin-bottom:20px;}
	
.spT05{	margin-top:5px;}
.spT10{	margin-top:10px;}
.spT15{	margin-top:15px;}
.spT20{	margin-top:20px;}

.spR05{	margin-right:05px;}	


/* その他
---------------------------------------------------- */
.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 */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}