@charset "UTF-8";

/*========================================

	makihaus
	eco_reform_LP
	
	base.css
	Recent Edit | 2010.06
	
	[1] ブラウザリセット＋基本設定
	[2] 汎用クラス
	[3] スタイル
	
========================================*/


/* ●[1] ブラウザリセット＋基本設定-------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

object,  embed {
    vertical-align: top;
}

body{
	zoom:1;
	color:#333333;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	line-height: 1.5;
	background: #ebeae6;
	margin:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:100%;
	color:#333;
}

strong{
	font-weight:bold;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	border:0;
	vertical-align:top;
}

address,em,th,dt{
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}

q:before,q:after{
	content:'';
}

input, textarea, select{
	font-size:100%;
}

input, select {
	vertical-align: middle;
}

sup,sub {
	font-size:85%;
}

table{
	font-size:1em; /* for IE 5.5 */
}

caption,th{
	text-align:center;
}

a:link, a:visited {
	color: #428d05;
	text-decoration:underline;
}

a:hover{
	color: #959595;
	text-decoration:none;
}

/* ●[2] 汎用クラス-------------------- */


.clear {
	clear:both;
}

.clear_left {
	clear:left;
}

.clear_right {
	clear:right;
}


/* ●clearfix */

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

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* For Except Mac IE ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */


/* ●フロート */
.float_right {
	float:right;
}

.float_left {
	float:left;
}


/* ●汎用マージン */

.mb0{ margin-bottom: 0px; }
.mb05{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }

.mt05{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }

.mr05{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }

.ml05{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }

/* ●汎用パディング */

.pa0{ padding:0px; }
.pa05{ padding:5px; }
.pa10{ padding:10px; }
.pa15{ padding:15px; }
.pa20{ padding:20px; }
.pa30{ padding:30px; }
.pa40{ padding:40px; }

.pa05w{ padding:0 5px; }
.pa10w{ padding:0 10px; }
.pa15w{ padding:0 15px; }

/* ●フォントサイズ */

.font_s { font-size: 93%;}
.font_ss { font-size: 85%; }
.font_l { font-size: 108%; }
.font_ll { font-size: 116%; }
.font_b { font-weight:bold;}

.align_l { text-align: left; }
.align_c { text-align: center; }
.align_r { text-align: right; }


/* ●汎用横幅 */
.yokohaba100 {width:100px;}
.yokohaba120 {width:120px;}
.yokohaba150 {width:150px;}
.yokohaba180 {width:180px;}
.yokohaba200 {width:200px;}
.yokohaba250 {width:250px;}
.yokohaba300 {width:300px;}
.yokohaba340 {width:340px;}
.yokohaba400 {width:400px;}
.yokohaba450 {width:450px;}
.yokohaba470 {width:470px;}
.yokohaba500 {width:500px;}


/* ●汎用カラー */
.f_gray { color: #666; }
.f_bl { color:#0075a9; }
.f_red { color:#F00; }
.f_gl { color:#7ea726; }
.f_or { color:#eb6100; }
.f_pk { color:#eb6877; }

/* ●「※」つき文章 */
.asterisk {
	text-indent:-1em;
	padding-left:1em;
}

/* ●最初の一文字だけひっかかりとしてでる */
.cap {
	padding-left: 1em;
	text-indent: -1em;
}



/* ●[3] スタイル-------------------- */

/* ●ヘッダー */
#header {
	width:100%;
	background:#342927;
}

#header_inner {
	width:900px;
	margin:0 auto;
	padding:2px 0 2px 0;
	font-size: 85%;
	color:#FFF;
}

#logo {
	width:900px;
	margin:0 auto 20px auto;
}


/* ●フッター */
#footer {
	border-top: solid 1px #342927;
	width:900px;
	margin:20px auto;
	padding:20px 0 0 0;
}

#footer .logo {
	width:200px;
	float:left;
}

#footer .copy {
	width:400px;
	font-size: 85%;
	float:right;
	text-align:right;
	margin:10px 0 0 0;
}



/* ●ボックス */
.block01 {
	width:900px;
	margin:0 auto 30px auto;
}

.block_bt {
	width:900px;
	text-align:center;
	margin:40px auto 40px auto;
}

/* ●qa */
.block_qa {
	width:900px;
	background:#FFF;
	padding:20px 0 20px 0;
	margin:0 auto 40px auto;
}

.block_qa_inner {
	padding:0 22px 0 22px;
}

.block_qa_box {
	width:400px;
	height:180px;
	border:solid 1px #CCC;
	padding:10px;
}

.block_qa_box02 {
	width:400px;
	height:255px;
	border:solid 1px #CCC;
	padding:10px;
}

/* ●qa ふきだし01*/
.qa_q {
	width:331px;
	background:url(../img/qa_q_in.gif) repeat-y;
}

.qa_q_top {
	background:url(../img/qa_q_top.gif) top left no-repeat;
	padding:15px 0 0 0;
}

.qa_q_bottom {
	background:url(../img/qa_q_bottom.gif) bottom left no-repeat;
	padding:0 0 3px 0;
}

.qa_q_inner {
	padding:0 10px 10px 20px ;
	color:#78a518;
	font-weight:bold;
}

/* ●qa ふきだし02*/
.qa_a {
	width:331px;
	background:url(../img/qa_a_in.gif) repeat-y;
}

.qa_a_top {
	background:url(../img/qa_a_top.gif) top left no-repeat;
	padding:3px 0 0 0;
}

.qa_a_bottom {
	background:url(../img/qa_a_bottom.gif) bottom left no-repeat;
	padding:0 0 10px 0;
}

.qa_a_inner {
	padding:10px 20px 0px 10px ;
}



/* ●フォーム*/
/* テーブルスタイル */
.ta_style02 {
	padding:10px 30px 10px 30px;
}
.ta_style02 table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	clear: both;
	color: #333;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.ta_style02 th {
	background-color: #f2f2f2;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align:left;
	padding:0 0 0 10px;
	font-weight:bold;
}

.ta_style02 table tr td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	padding: 10px;
	vertical-align: top;
}

.contact_txt {	
}

.contact_block02 {
	margin:10px 0 0 0;
	text-align:center;
}