@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

/*  ---------------------------
	　WordPressテンプレート
---------------------------  */

#wp #content_area{
	margin:0 10px;
}
#wp #content_area h4{
	font-size:20px;
	color:#EE2500;
	padding:15px;
	background:#FEF3F2;
	margin-bottom: 20px;
}
#wp #content_area h4:before{
	content:'';
	border-left:7px solid #EE2500;
	padding-right:10px;
}
#wp #content_area h5{
	font-size:20px;
	margin-bottom: 20px;
}
#wp #content_area p, 
#wp #content_area ul, 
#wp #content_area table, 
#wp #content_area dl, 
#wp #content_area figure{
	margin:0 10px 1em 10px;
}
#wp #content_area ul > li{
	line-height:2;
}
#wp #content_area ul > li:before{
	content:'●';
	color:#EE2500;
	padding-right: 7px;
	font-size:10px;
}
#wp #content_area table.table_typeA{
	width:100%;
	border-collapse: collapse;
	border:1px solid #CCCCCC;
}
#wp #content_area table.table_typeA th{
	border:1px solid #CCCCCC;
	background:#555555;
	color:#fff;
	padding:10px 15px;
	font-weight: normal;
}
#wp #content_area table.table_typeA td{
	border:1px solid #CCCCCC;
	color:#000;
	padding:10px 15px;
}
#wp #content_area table.table_typeA tr:nth-child(even){
	background:#eee;
}
#wp #content_area table.table_typeA tr:nth-child(odd){
	background:#fff;
}

#wp #content_area table.table_typeB{
	width:100%;
	border-collapse: collapse;
	border:1px solid #CCCCCC;
}
#wp #content_area table.table_typeB th{
	border:1px solid #CCCCCC;
	background:#555555;
	text-align: left;
	color:#fff;
	padding:10px 15px;
	font-weight: normal;
}
#wp #content_area table.table_typeB td{
	border:1px solid #CCCCCC;
	color:#000;
	padding:10px 15px;
}
#wp #content_area table.table_typeB tr:nth-child(odd){
	background:#eee;
}
#wp #content_area table.table_typeB tr:nth-child(even){
	background:#fff;
}


#wp #content_area dt{
	font-size:16px;
	color:#EE2500;
	margin-bottom: 5px;
}
#wp #content_area dd{
	margin-bottom: 15px;
}
#wp #content_area dd:before{
	content:'●';
	color:#EE2500;
	padding-right: 7px;
	font-size:10px;
}
#wp #content_area .floating{

}
#wp #content_area .obj_left{
	float:left;
	width:45%;
}
#wp #content_area .obj_right{
	float:right;
	width:45%;
}

/*  ---------------------------
	　お問い合わせフォーム
---------------------------  */
#wp .form_area .caution{
	font-size:12px;
	color:#EE2500;
	margin:0;
}
#wp .form_area table.contact_form{
	width:100%;
	border:1px solid #ccc;
	border-collapse: collapse;
}
#wp .form_area table.contact_form th{
	width:150px;
	background:#eee;
	border:1px solid #ccc;
	text-align: center;
	vertical-align: top;
	padding:30px 0;
	font-size:16px;
	font-weight: normal;
}
#wp .form_area table.contact_form td{
	border:1px solid #ccc;
	padding:30px 15px;
}
#wp .form_area table.contact_form td .check{
	display:block;
	margin-top: 10px;
	font-size:16px;
	color:#EE2500;
}
#wp .form_area table.contact_form td input.textbox{
	font-size:16px;
	padding:10px;
	border:1px solid #ccc;
}
#wp .form_area table.contact_form td textarea.freetextbox{
	border:1px solid #ccc;
	width:670px;
	padding:10px;
	font-size:16px;
}
#wp .form_area .send_buttonarea{
	margin: 50px auto 30px auto;
	width: 666px;
}
#wp .form_area .send_buttonarea .form_back{
	display:block;
	background:url(/images/wp-temp/form/form_back_off.jpg) no-repeat center top;
	border:none;
	width:318px;
	height:81px;
	float:left;
	font-size:16px;
	padding:3px 0 0 15px;
	cursor: pointer;
}
#wp .form_area .send_buttonarea .form_back:hover{
	display:block;
	background:url(/images/wp-temp/form/form_back_on.jpg) no-repeat center top;
	border:none;
	width:318px;
	height:81px;
	float:left;
	font-size:16px;
	padding:3px 0 0 15px;
	cursor: pointer;
	color:#EE2500;
}
#wp .form_area .send_buttonarea .form_send{
	display:block;
	background:url(/images/wp-temp/form/form_send_off.jpg) no-repeat center top;
	border:none;
	width:318px;
	height:81px;
	float:right;
	font-size:16px;
	padding:3px 0 0 15px;
	cursor: pointer;
}
#wp .form_area .send_buttonarea .form_send:hover{
	display:block;
	background:url(/images/wp-temp/form/form_send_on.jpg) no-repeat center top;
	border:none;
	width:318px;
	height:81px;
	float:right;
	font-size:16px;
	padding:3px 0 0 15px;
	cursor: pointer;
	color:#EE2500;
}


#wp #content_area dl.list_qa{
}

#wp #content_area dl.list_qa dt{
	font-size:16px;
	color:#EE2500;
	margin-bottom: 5px;
}

#wp #content_area dl.list_qa dt:before{
	content:'Q :';
	color:#EE2500;
	padding-right: 7px;
	font-size:14px;
	font-weight: bold;
}



#wp #content_area dl.list_qa dd{
	margin-bottom: 15px;
	padding-bottom: 15px ;
	border-bottom: 1px solid #d2d2d2;
}
#wp #content_area dl.list_qa dd:before{
	content:'A :';
	color:#EE2500;
	padding-right: 7px;
	font-size:16px;
	font-weight: bold;
}



/*  ---------------------------
			HOUSING
---------------------------  */
#wp #bukken_near{
	padding-bottom:30px;
	margin-top: 30px;
}
#wp #bukken_near .pic:hover{
	opacity: 0.7;
}


#wp #bukken_near h3{
	background:#EE2500;
	padding:10px 10px 10px 20px;
	color:#FFF;
	letter-spacing:1px;
}

#wp #bukken_near h3 .sub{
	font-size:12px;
}

#wp #bukken_near .house_inner{
	padding:20px 0 20px 0;
	background:#FFF;
}

#wp #bukken_near .house_inner .cullum{
	padding:0 22px 0 22px;
	float:left;
	border-right:1px solid #CCC;
	width:268px;
}

#wp #bukken_near .house_inner .cullum:last-child{
	padding:0 0 0 22px;
	border-right:none;
}

#wp #bukken_near .house_inner .cullum h4{
	font-size:16px;
	color:#EE2500;
	float:left;
	font-weight:bold;
	padding-bottom:15px;
}

#wp #bukken_near .house_inner .cullum h4 .sub{
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}

#wp #bukken_near .house_inner .cullum a.link{
	float:right;
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding:0 0 0 25px;
}

#wp #bukken_near .house_inner .cullum .box{
	padding:0 0 20px 0;
	clear:both;
	cursor:pointer;
}

#wp #bukken_near .house_inner .cullum .box .key{
	position:relative;
	width:100%;
	padding-bottom:5px;
}

#wp #bukken_near .house_inner .cullum .box .key .img{
	width:100%;
}

#wp #bukken_near .house_inner .cullum .box .key .icon{
	position:absolute;
	top:0;
	right:0;
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}

#wp #bukken_near .house_inner .cullum .box .key .cam{
	position:absolute;
	bottom:20px;
	left:-15px;
	color:#FFF;
	background:url(/images/top/house/cam_1_middle.png) repeat-x bottom;
	font-size:14px;
	height:36px;
	line-height:45px;
	padding:0px 10px 5px 9px;
}

#wp #bukken_near .house_inner .cullum .box .key .cam img.cam_l{
	position:absolute;
	top:-5px;
	left:0;
}

#wp #bukken_near .house_inner .cullum .box .key .cam img.cam_r{
	position:absolute;
	top:5px;
	right:-10px;
}


#wp #bukken_near .house_inner .cullum .box p{
	font-size:12px;
	padding-bottom:5px;
	line-height:18px;
}

#wp #bukken_near .house_inner .cullum .box p.name{
	font-size:16px;
}

#wp #bukken_near .house_inner .cullum a.all{
	background:#EEEEEE;
	font-size:12px;
	padding:5px 0 7px 0;
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #EEE;
}

#wp #bukken_near .house_inner .cullum a.all img{
	margin-bottom:-4px;
	margin-right:2px;
}

#wp #bukken_near .house_inner .cullum a.all:hover{
	background:#FFF;
	border:1px solid #EEE;
	text-decoration:none;
}

.incident_share{
	margin-top: 20px;
	background:#F1F9FC;
	padding:10px;
}
.incident_share a{
	color:#333;
	text-decoration: underline;
	margin-right: 1em;
}
.incident_share a:hover{
	color:#0088CA;
	text-decoration: underline;
}
.incident_share a:before{
	content:url('/images/about/about_arrow_b_l.png');
	margin:0 5px 0 5px;
	display:inline-block;
	vertical-align: middle;
}



.incident_apart{
	margin-top: 20px;
	background:#F1F9FC;
	padding:10px;
}

.incident_apart a{
	color:#333;
	text-decoration: underline;
	margin-right: 1em;
}

.incident_apart a:hover{
	color:#00BBC4;
	text-decoration: underline;
}

.incident_apart a:before{
	content:url('/images/about/about_arrow_g_l.png');
	margin:0 5px 0 5px;
	display:inline-block;
	vertical-align: middle;
}

.incident_social{
	margin-top: 20px;
	background:#fff5da;
	padding:10px;
}
.incident_social a{
	color:#333;
	text-decoration: underline;
	margin-right: 1em;
}
.incident_social a:hover{
	color:#ffbd00;
	text-decoration: underline;
}
.incident_social a:before{
	content:url('/images/about/about_arrow_y_l.png');
	margin:0 5px 0 5px;
	display:inline-block;
	vertical-align: middle;
}



/*  ---------------------------
			HOUSING
---------------------------  */
#wp #house{
	padding-bottom:30px;
	padding-top:30px;
}

#wp #house h3{
	background:#EE2500;
	padding:10px 10px 10px 20px;
	color:#FFF;
	letter-spacing:1px;
}

#wp #house h3 .sub{
	font-size:12px;
}

#wp #house .house_inner{
	padding:20px 0 20px 0;
	background:#FFF;
}

#wp #house .house_inner .cullum{
	padding:0 25px 0 25px;
	float:left;
	width:268px;
}

#wp #house .house_inner .cullum:first-child{
	border-right:1px solid #CCC;
	padding:0 26px 0 15px;
}


#wp #house .house_inner .cullum:last-child{
	padding:0 0 0 25px;
	border-left:1px solid #CCC;
}

#wp #house .house_inner .cullum h4{
	font-size:16px;
	color:#EE2500;
	float:left;
	font-weight:bold;
	padding-bottom:15px;
}

#wp #house .house_inner .cullum h4 .sub{
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}

#wp #house .house_inner .cullum a.link{
	float:right;
	background:url(/images/top/link_arrow.gif) no-repeat left;
	padding:0 0 0 25px;
}

#wp #house .house_inner .cullum .box{
	padding:0 0 20px 0;
	clear:both;
	cursor:pointer;
}

#wp #house .house_inner .cullum .box .key{
	position:relative;
	width:100%;
	padding-bottom:5px;
}

#wp #house .house_inner .cullum .box .key .img{
	width:100%;
}

#wp #house .house_inner .cullum .box .key .icon{
	position:absolute;
	top:0;
	right:0;
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:1px;
}

#wp #house .house_inner .cullum .box .key .cam{
	position:absolute;
	bottom:20px;
	left:-15px;
	color:#FFF;
	background:url(/images/top/house/cam_1_middle.png) repeat-x bottom;
	font-size:14px;
	height:36px;
	line-height:45px;
	padding:0px 10px 5px 9px;
}

#wp #house .house_inner .cullum .box .key .cam img.cam_l{
	position:absolute;
	top:-5px;
	left:0;
}

#wp #house .house_inner .cullum .box .key .cam img.cam_r{
	position:absolute;
	top:5px;
	right:-10px;
}


#wp #house .house_inner .cullum .box p{
	font-size:12px;
	padding-bottom:5px;
	line-height:18px;
}

#wp #house .house_inner .cullum .box p.name{
	font-size:16px;
}

#wp #house .house_inner .cullum a.all{
	background:#EEEEEE;
	font-size:12px;
	padding:5px 0 7px 0;
	width:100%;
	display:block;
	text-align:center;
	border:1px solid #EEE;
}

#wp #house .house_inner .cullum a.all img{
	margin-bottom:-4px;
	margin-right:2px;
}

#wp #house .house_inner .cullum a.all:hover{
	background:#FFF;
	border:1px solid #EEE;
	text-decoration:none;
}