@charset "utf-8";
/* 
====================================================================================================
■ common (下層ページ共通設定)
■ .news /news/ （新着情報）
■ .contact /contact/ （お問い合わせ）
■ .class_name /folder_name/ （下層ページ）【★】※ページ毎のbodyに付与したclass名称を利用
■ .class_name /folder_name/ （下層ページ）【★】
■ ※以下は必要に応じ追加
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */

#mainimg_naka {
 margin:0px 0px 15px 0px ;
 padding:0px 0px 0px 20px ;
 font-weight:bold;
 color:#33a1e0;
 line-height:70px;
 text-align:left;
 font-size:140%;
 background:url(../common_img/page_tt.png) no-repeat right bottom;
 background-size:240px auto;
 border-bottom:solid 3px #33b9b0;
}

#mainimg_naka:first-letter{
 color:#33b9b0;
 font-size:120%;
}


.tit_style02 {
	padding:7px 0px 7px 0px;
	margin:20px 0px 15px 0px ;
	font-weight:bold;
	color:#825a37;
	font-size:120%;
	text-align:center;
	background:url(../common_img/h3_bg01.png) repeat center top;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.tt03{
background:#009d89;
color:#fff;
padding:5px 0px 5px 20px ;
font-size:100%;
margin-bottom:10px;
}

.tt04{
background:#75c2ed;
color:#fff;
padding:8px 0px 12px 20px ;
font-size:110%;
margin-bottom:10px;
}

.tt05{
background: url(../common_img/tt_bg.gif) no-repeat 0 center;
border-bottom:solid 1px #1a446b;
padding:0px 0px 5px 20px ;
color:#1a8e00;
font-weight:bold;
font-size:100%;
margin:5px 0px;
}

/* 
====================================================================================================
■ .テーブルの定義
---------------------------------------------------------------------------------------------------- */


.hissu:before {
  content: '必須';
  background-color: #ffa23e;
}
.nini:before {
  content: '任意';
  background-color: #4b7aa6;
}
.table_style th:before {
  font-weight: normal;
  padding: 3px 10px;
  margin-right:10px;
  color: #fff;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.table_style {
 border-top: 1px solid #ccc;
 margin:20px auto 10px;
 width:100%;
 background:#fff;
 border-collapse: collapse;
 border-spacing: 0;
 border-bottom:1px solid #aaa;
}

		.table_style th,
		.table_style td {
			padding: 1.5% 1.5%;
			border-bottom: 1px solid #ccc;
			border-right: 1px solid #aaa;
			text-align: left;
		}
		.table_style td {
			background:#fff;
			border-left: 1px solid #aaa;
			border-bottom:none;
		}

		.table_style th {
			vertical-align: top;
			text-align: left;
			font-weight:bold;
			border-left: 1px solid #aaa;
			background:#f2f2f2;
		}
		.table_style td.item{
			color:#37701b;
			background:#f2f2f2;
		}


.res{
display: none;
}

.table_style th,.table_style td {
display: block;
}


.table_style02 {
 margin:20px auto 10px;
 width:100%;
 background:#fff;
 border-collapse: collapse;
 border-spacing: 0;
}

		.table_style02 td {
			padding: 0.8% 1.5%;
			border-bottom: 1px dotted #333;
			border-right: 1px solid #fff;
			text-align: left;
		}
		.table_style02 td {
			background:#fff;
			border-left: 1px solid #aaa;
		}

		.table_style02 th {
			padding: 1.0% 1.5%;
			border-bottom: 1px dotted #333;
			border-right: 1px solid #fff;
			text-align: left;
			vertical-align: top;
			text-align: left;
			font-weight:bold;
			background:#f2f2f2;
			width:20%;
		}
		.table_style02 th.kou{
			color:#37701b;
			background:#fff;
		}


/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 900px) {

.table_style th,.table_style td {
display: table-cell;
}

.table_style th,.table_style02 th{
width:30%;
border-bottom: 1px solid #ccc;
}
.table_style td {
border-bottom:1px solid #aaa;
		}

.res{
display: none;
}
}

/* 
====================================================================================================
■ お問い合わせ
---------------------------------------------------------------------------------------------------- */

.ppList {
  padding: 10px;
  border-radius: 4px;
  background-color: #f1f1f1;
  text-align:left;
  margin-top:10px;
}

.ppList dl {
  padding-bottom: 10px;
  border-bottom: 1px dotted #cccccc;
}
.ppList dl li {
  list-style: inside lower-alpha;
  margin-left: 10px;
  padding: 3px 0;
}

.ppList ol {
}

.ppList ol li {
  margin: 0 auto;
  padding: 10px 0 0 15px;
  text-indent:-15px;
  border-top: 1px dotted #cccccc;
  list-style: inside decimal;
}

.ppList ol li:first-child {
  border-top: none;
}

p.hissu{
 background:url(../common_img/icon_hissu.png) no-repeat left 2px;
 background-size:35px;
 margin: 0;
 padding:0px 0px 0px 45px ;
}

p.nini{
 background:url(../common_img/icon_ninni.png) no-repeat left 2px;
 background-size:35px;
 margin: 0;
 padding:0px 0px 0px 45px ;
}


/* 
====================================================================================================
■ コンテンツ内共通
---------------------------------------------------------------------------------------------------- */

/* -------画像のレフト・ライト------- */

.fig_01{
float:right;
width:36%;
margin:10px 10px 20px 10px;
}

.fig_02{
float:left;
width:36%;
margin:0px 20px 20px 0px;
}

.fig_03{
float:right;
width:20%;
margin:0px 0px 20px 20px;
}

.fig_04{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}


.fig_05{
float:right;
width:20%;
margin:0px 0px 20px 20px;
text-align:center;
}

.fig_06{
float:left;
width:20%;
margin:0px 20px 20px 0px;
}

/* -------アコーディオン系------- */


.dl_style_faq {margin:10px 5px 20px 5px;
 }

.dl_style_faq dt {
padding:13px 40px 13px 40px;
position: relative;
border-bottom:dashed 1px #ccc;
font-weight:bold;
margin:2px 0px 0px 0px ;
color:#a6783c;
}

.dl_style_faq dt:before{position: absolute;content:"Q";left:0px;top:12px;color:#fff;background:#2e7b00;font-weight:normal;padding:0 10px;margin:0px 10px 0px 0px ;}

.dl_style_faq dd {
padding:10px 10px 10px 40px;
text-indent:-40px;
}

.dl_style_faq dd:before{content:"A";color:#fff;background:#ff9600;font-weight:normal;padding:0 10px;margin:0px 10px 0px 0px ;}


.dl_style_faq .open {}
.dl_style_faq .open:after { position: absolute;content:'▲';right:10px;top:12px; color:#fff;font-size:100%;background:#ff9000;padding:0 3px;}
.dl_style_faq dt,
.dl_style_faq .close {}
.dl_style_faq .close:after { position: absolute;content:'▼';right:10px;top:12px; color:#fff;font-size:100%;background:#1c9500;padding:0 3px;}


/* -------緑の箇所------- */

.greenbox_tt{
margin-bottom:0px;
line-height:20px;
color:#fff;
font-weight:bold;
padding:10px;
background:#1a8e00;
}

ul.gre{
font-weight:bold;
padding:3px 10px;
font-size:90%;
background:#136900;
}
ul.gre li{
float:left;
margin:0px 5px;
display:block;
color:#fff;
}


ul.gre li:before{content:"・";}


/* -------流れ------- */


.flow_box{
 background: url(../common_img/flow_bg.png) repeat-y 8.5% 0px;
 padding:0px 0px 10px 0px;
 min-height:30px;
}

.flow_box_end{
 padding:0px 0px 20px 0px;
 min-height:30px;
}

.flow_tt{
 background:#32aade;
 padding:20px 3px;
 line-height:1.2;
 text-align:center;
 font-weight:bold;
 width:23%;
 color:#fff;
 font-size:80%;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.flow_coment{
border:solid 3px #63b2ed;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
margin:0px 0px 0px;
padding:0px ;
width:70%;
padding:10px 0px 20px 0px;
min-height:100px;
}

.flow_coment p{
padding:10px;
font-size:95%;
line-height:1.3;
}

.flow_kyou{
 border-bottom:dotted 2px #63b2ed;
 padding:0px 0px 5px 0px;
 margin:0px 10px 5px;
 font-weight:bold;
 color:#1a8e00;
 font-size:100%;
}


.flow_kyou02{
 background: url(../common_img/line02.png) repeat-x 0px bottom;
 padding:0px 0px 10px 0px;
 margin:0px 0px 10px;
 font-weight:bold;
 color:#ff4e00;
 font-size:100%;
 text-align:center;
}


.flow_kyou03{
 background: url(../common_img/line02.png) repeat-x 0px bottom;
 padding:0px 0px 10px 0px;
 margin:0px 0px 10px;
 font-weight:bold;
 color:#000;
 font-size:130%;
 text-align:left;
}

.kyou_cyou{
color:#f6b300;
font-weight:bold;
border-bottom:dotted 1px #ccc;
padding:5px 0;
margin:5px 10px 0;
font-size:100%;
}

.kyou_cyou:before { content:"◆"; } 

.kyou_st{
padding:5px 10px 10px 15px;
}

.hitu_box{
margin:20px 10px;
background:#fff4db;
border:dotted 2px #ffe2a2;
padding:10px;
}


.hitu{
color:#990000;
font-weight:bold;
border-bottom:dotted 1px #ccc;
padding:5px 0 0 15px;
text-indent:-15px;
margin:0 10px 10px;
font-size:120%;
}

.hitu:before { content:"●"; } 


.pink_box{
background:#fff4f4;
border:solid #ccc 1px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(../common_img/ie-css3.htc);
padding:10px;
margin:0px 10px 10px;
}

.seikyuu{
color:#ef63bb;
font-weight:bold;
padding:5px 0;
margin-bottom:10px;
font-size:100%;
}

.seikyuu:before{ content:"請求先";background:#ef63bb;padding:1px 5px 0px;color:#fff;margin-right:10px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url(../common_img/ie-css3.htc);} 

ul.ques{
 list-style-type: none;
 margin: 0px 10px 40px;
 line-height: 1.5;
}

ul.ques li{
}

ul.ques li a{
 color:#646464;
}

#contents ul.ques li a.lin{
 color:#ff5a00;
}


ul.ques li.que{
 background:#f3f3f3 url(../common_img/q_icon_q.gif) no-repeat 5px 5px;
 padding:10px 0px 10px 40px;
 border-bottom:dotted 1px #ccc;
 color:#8f8f8f;
}

ul.ques li.que02{
 background:#e6e6e6 url(../common_img/q_icon_q.gif) no-repeat 5px 5px;
 padding:10px 0px 10px 40px;
 border-bottom:dotted 1px #ccc;
 color:#8f8f8f;
}


ul.ques li.ans{
 background: url(../common_img/q_icon_a.gif) no-repeat 5px 5px;
 padding:10px 0px 10px 40px;
 border-bottom:dotted 1px #ccc;
 margin-bottom: 20px;
}

ul.ques li.pag{
 text-align:right;
 margin-bottom: 50px;
}


.sikaku{
color:#000;
font-weight:bold;
border-bottom:dotted 1px #ccc;
padding:5px 0 0 15px;
text-indent:-15px;
margin-bottom:10px;
font-size:100%;
}

.sikaku:before { content:"□ ";font-size:100%; } 


.sikaku02{
color:#000;
font-weight:bold;
border-bottom:dotted 1px #ccc;
padding:5px 0 0 15px;
text-indent:-15px;
margin-bottom:10px;
font-size:100%;
}

.sikaku02:before { content:"■ ";font-size:100%; } 


.bikkuri{
background:#ffeaed;
margin:15px 10px 15px;
padding:15px 30px;
position:relative;
}

.kyou_box{
margin:0px 10px 10px 10px ;
background:#fff9d8;
border:dotted 2px #efdf86;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
padding:10px;
}


.arrow_b{
 background:url(../common_img/icon_04.gif) no-repeat left 5px;
 margin:0px 0px 10px 10px;
 color:#563123;
 font-weight:bold;
 padding:0px 0px 0px 20px ;
 list-style-type: none;
}

.arrow_a{
 background:url(../common_img/icon_00.gif) no-repeat left 7px;
 margin:0px 0px 10px 10px;
 color:#3a5c93;
 font-weight:bold;
 padding:3px 0px 3px 20px ;
 border-bottom:1px dotted #cccccc;
 list-style-type: none;
}

.arrow_d{
 background:url(../common_img/icon_00.gif) no-repeat left 7px;
 margin:0px 0px 5px 0px;
 color:#c48720;
 font-weight:bold;
 padding:3px 0px 3px 25px !important;
 border-bottom:1px dotted #cccccc;
 list-style-type: none;
}

.pl10{padding:0 1% 2%;}

/* 
====================================================================================================
◆タブ切り替え　見積り以外の箇所
---------------------------------------------------------------------------------------------------- */

ul.tabs{
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px;
 list-style-type: none;
}


ul.tabs li{

}


ul.tabs li.tabb a{

}



ul.tabs li a:hover {

}

ul.tabs li a.is_active {

}


.tab-content {
	width: 100%;
	display: none;
	margin:0px auto 30px;
	background:#fff;}

.tab-content.is_show {
  display: block;
}

.tab-content p{padding:0px 15px 0px 15px;}