@charset "utf-8";


/*==========================================
 TOPページ以外のページ共通
===========================================*/
/*** メインタイトル ***/
div#contents h2 {
	margin-bottom: 20px;
}

/*** 見出し ***/
div#contents h3 {
	height: 44px;
	padding: 0 0 0 15px;
	margin-bottom: 15px;
	background: url(../images/common/titlebg01.jpg) 0 0 repeat-x;
	font-size: 18px;
	font-size: 1.8rem;
	color: #FFF;
	line-height: 44px;
	font-weight: normal;
}
		div#contents h3 span {
			font-size: 14px;
			font-size: 1.4rem;
		}
div#contents h4 {
	padding: 0 0 0 25px;
	margin-bottom: 15px;
	background: url(../images/common/titlebg02.png) 0 3px no-repeat;
	font-size: 18px;
	font-size: 1.8rem;
	color: #060;
	font-weight: normal;
	border-bottom: 1px solid #060;
}
div#contents h5 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #060;
	margin-bottom: 15px;
}
div#contents h6 {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 2px;
	font-weight: normal;
}

/*** 内容 ***/
.detail {
	margin-bottom: 40px;
}

/* 左に余白あり（h4の内容以下） */
.indent {
	margin-left: 25px;
}

/*** アドビリーダー ***/
.adobe_box {
	/*border-top: 1px solid #4A341F;
	border-bottom: 1px solid #4A341F;*/
	border: 2px dotted #FFFFFF;
	padding: 10px 15px;
	margin: 15px 5px 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}
.adobe_box img {
	margin-right: 20px;
	float: left;
}

/*** 表組み ***/
table.basic_table {
	border-top: 1px solid #FFF;
	border-collapse: collapse;
}
table.basic_table th,
table.basic_table td {
	padding: 6px 10px;
	border-bottom: 1px solid #FFF;
	text-align: left;
}
table.basic_table th {
	width: 20%;
	color: #060;
}

/* リスト（通常） */
ul.basic_list {
	margin-left: 20px;
	margin-bottom: 5px;
	list-style: disc;
}
/* リスト（二重丸） */
ul.maru_list li {
	padding: 0 0 15px 20px;
	background: url(../images/common/maru_icon.png) 0 3px no-repeat;
	line-height: 1.4;
}
		/* 子リストなしの場合 */
		ul.maru_list.no_padding li {
			padding-bottom: 5px;
		}
		ul.maru_list.no_padding li:last-child {
			padding-bottom: 15px;
		}
ul.maru_list li ul {
	margin: 5px 0 0;
}
ul.maru_list li li {
	padding: 0;
	margin-left: 15px;
	list-style: disc;
	background: none;
}



/*==========================================
 NEWSページ
===========================================*/
p.date {
	text-align: right;
	color: #666;
	margin-bottom: 10px;
}
.detail_news {
	margin: 0 0 40px 25px;
}
		.detail_news .news_L {
			width: 340px;
			float: left;
			margin-top: 15px;
		}
		.detail_news .news_R {
			width: 340px;
			float: right;
			margin-top: 15px;
		}
		/* 画像回り込み */
		.detail_news img.news_img_L {
			float: left;
			margin-right: 20px;
		}
		.detail_news img.news_img_R {
			float: right;
			margin-left: 20px;
		}

/*==========================================
 ふれあい通信ページ
===========================================*/
ul.maga_list li {
	width: 220px;
	padding: 0 10px 30px;
	float: left;
}
div#contents ul.maga_list li h3 {
	font-size: 16px;
	font-size: 1.6rem;
}

/*==========================================
 事業内容ページ
===========================================*/
/*** 事業内容 ***/
/* 見出し */
.title_box {
	margin-bottom: 15px;
}
/*.title_box img.number_icon {
	float: left;
	padding-right: 10px;
}*/
/*上下破線div#contents .title_box h5 {
	margin-bottom: 0;
	margin-top: 20px;
	float: left;
	padding: 3px 10px;
	border-bottom: 2px dotted #FFFFFF;
	border-top: 2px dotted #FFFFFF;
}*/
div#contents .title_box h5 {
	margin-bottom: 0;
	/*margin-top: 20px;*/
	padding: 7px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: #4A341F;
	color: #FFF;
	float: left;
	text-align: center;
	line-height: 1.2;
}
div#contents .title_box h5:after {
	/*right: 100%;
	top: 50%;*/
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	/*border-right-color: #4A341F;
	border-width: 5px;
	margin-top: -5px;*/
	/*下に吹き出しの場合*/
	top: 100%;
	left: 50%;
	border-top-color: #4A341F;
	border-width: 5px;
	margin-left: -5px;
}
		div#contents .title_box h5 span {
			font-size: 12px;
			font-size: 1.2rem;
			color: #FC0;
			font-weight: normal;
		}
/* 内容 */
.detail_works {
	border-bottom: 2px dotted #FFFFFF;
	margin-bottom: 40px;
}
		/* 横長写真の場合 */
		.d_left_yoko {
			width: 295px;
			float: left;
			padding-bottom: 20px;
		}
		.d_right_yoko {
			width: 380px;
			float: right;
			padding-bottom: 20px;
		}
		/* 縦長写真の場合 */
		.d_left_tate {
			width: 403px;
			float: left;
			padding-bottom: 20px;
		}
		.d_right_tate {
			width: 272px;
			float: right;
			padding-bottom: 20px;
		}
		/* 写真 */
		img.worksimg {
			border: 5px solid #FFF;
		}
/* リストに矢印追加 */
ul.arrow {
	padding-bottom: 40px;
	background: url(../images/works/arrow.jpg) 70px bottom no-repeat;
}
/* after */
.after_box {
	background-color: #FFEEEE;
	padding: 10px 15px 0;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*-webkit-box-shadow: 1px 2px 10px 0px #000;
	-moz-box-shadow: 1px 2px 10px 0px #000;
	box-shadow: 1px 2px 10px 0px #000;*/
}

/*** リフォームの流れ ***/
dl.flow {
	width: 80%;
	margin: 0 auto;
}
dl.flow dt {
	background-color: #FFF;
	border: solid 3px #FF9900;
	padding: 10px 15px;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
dl.flow dt:first-child {
	margin-top: 0;
}
		dl.flow dt.free {
			border: solid 3px #006600;
		}
dl.flow dt img {
	vertical-align: text-bottom;
	margin: 0 10px 0 0;
}
dl.flow dd {
	padding: 10px 0 40px;
	background: url(../images/works/arrow.jpg) center bottom no-repeat;
}
dl.flow dd:last-child {
	background: none;
}
/* ここまでが無料です */
p.free_msg {
	margin-top: 15px;
	text-align: center;
}
p.free_msg strong {
	font-size: 18px;
	font-size: 1.8rem;
}

/*==========================================
 施工事例ページ
===========================================*/
.example_detail {
	background-image:url(../images/example/notebg_top.jpg), url(../images/example/notebg_bottom.jpg), url(../images/example/notebg_middle.jpg);
	background-position: left top, left bottom, left top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 50px 26px 30px;
	margin-bottom: 35px;
}
div#contents .example_detail p.ex_catch {
	color: #060;
	font-size: 18px;
	font-size: 1.8rem;
	padding-bottom: 10px;
}
/* 見出し（リフォーム箇所） */
div#contents .example_detail h4 {
	width: 150px;
	height: 33px;
	padding: 5px 0 5px;/* 上書き */
	/*margin-bottom: 15px;*/
	background: url(../images/example/exam_titlebg.png) 0 0 no-repeat;/* 上書き */
	font-size: 16px;
	font-size: 1.6rem;
	color: #4A341F;
	/*color: #060;
	font-weight: normal;*/
	border-bottom: none;/* 上書き */
	text-align: center;
	line-height: 33px;
}
		div#contents .example_detail h4 span {
			font-size: 14px;
			font-size: 1.4rem;
			padding-right: 7px;
			/*color: #4A341F;*/
		}
/* strong（common.cssに上書き） */
.example_detail strong {
	font-size: 14px;
	font-size: 1.4rem;
}
/* 内容 */
img.ex_img_top {
	margin-bottom: 15px;
}
img.ex_img_left {
	float: left;
}
.ex_txt_bottom, .ex_txt_right_box {
	padding: 15px 20px 0;
	background-color: #FFF;
}
.ex_txt_bottom {
}
.ex_txt_right {
	width: 320px;
	float: right;
}		
		/***** ビフォーアフター *****/
		div#contents .example_detail h5 {
			margin-bottom: 5px;
		}
				div#contents .example_detail h5 img {
					vertical-align: bottom;
				}
		div#contents .example_detail hr {
			border: none;/* デフォルト設定をクリア */
			border-bottom: 1px dotted #666666;
			padding: 0 0 20px;
			margin: 0 0 20px;
		}
		/* 写真1枚の場合 */
		.example_detail .ex_before_box {
		}
				.example_detail .ex_before_box.before_L {
					width: 190px;
					float: left;
				}
				/* 通常リスト　設定追加 */
				.example_detail .ex_before_box ul.basic_list {
					padding: 5px 0 15px;
				}
		.example_detail .ex_after_box {
		}
				.example_detail .ex_after_box.after_R {
					width: 420px;
					float: right;
				}
				/* 二重丸リスト　設定追加 */
				.example_detail .ex_after_box ul.maru_list {
					/*padding: 10px 0 15px 50px;
					background: url(../images/example/point.png) 0 5px no-repeat;*/
					padding: 10px 0 15px;
				}
		/* 吹き出し */
		/*img.fukidashi {
			margin-top: 150px;
		}*/
		
		/* 写真複数の場合 */
		.example_detail .ex_before_box02 {
			padding-bottom: 20px;
		}
				.example_detail .ex_before_box02 .ex_before_imgL {
					float:left;
				}
				.example_detail .ex_before_box02 .ex_before_txtR {
					width: 450px;
					float: right;
				}
		.example_detail .ex_after_box02 {
		}
				.example_detail .ex_after_box02 .cf {
					padding-top: 10px;
				}
					.example_detail .ex_after_box02 .cf:first-of-type {
						padding-top: 0;
					}
				.example_detail .ex_after_box02 .ex_after_imgL {
					width: 320px;
					float: left;
				}
				.example_detail .ex_after_box02 .ex_after_imgR {
					width: 320px;
					float: right;
				}	
		
		/* ビフォーアフター形式でない場合 */
		.example_detail p.ex_comment {
			padding-bottom: 15px;
		}

/*==========================================
 会社概要ページ
===========================================*/
/*** ごあいさつ ***/
img.president_pic {
	border: 7px solid #FFF;
	float: left;
}
.president_txt {
	width: 450px;
	float: right;
}
		p.president_name {
			margin-top: 20px;
			margin-left: 320px;
			padding: 0 10px;
			border-top: 1px solid #4A341F;
			border-bottom: 1px solid #4A341F;
			text-align: center;
		}
		p.president_name span {
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 1.4;
		}

/*** 基本情報 ***/
.comp_pic {
	padding-bottom: 15px;
}
		.comp_pic img {
			border: 7px solid #FFF;
		}
img.gaikan_pic {
	float: left;
}
img.shop_pic {
	float: right;
}

/*** メンバー ***/
img.member_pic {
	border: 7px solid #FFF;
	margin-top: 10px;
}

/*==========================================
 お問い合わせページ（事業内容ページにも使用）
===========================================*/
.tel_box {
	width: 400px;
	background-color: #FFF;
	border: 2px dotted #CC0000;
	padding: 10px 30px;
	margin: 15px auto 0;
}
.tel_box span {
	color: #F60;
	line-height: 1.2;
}
.tel_box strong {
	font-size: 30px;
	font-size: 3.0rem;
	color: #F60;
}