@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a {color: #0066cc;text-decoration:none;}
a:hover {color:#FF3399;text-decoration:none;}
a:visited {color:#993399;text-decoration:underline;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{opacity:0.85;/*--IE,FF対応--*/filter:alpha(opacity=85);-ms-filter: "alpha( opacity=85)";}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{display: block;margin: 10px auto;text-align: center;}
.img_right{display: block;margin: 10px auto;text-align: center;}
.img_center{display:block;margin:0 auto;clear:both;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_bold2{font-size:90%;}
.txt_small{font-size:75%;}
.txt_small2 {
    border: 1px solid #004fbb;
    color: #004fbb;
    font-size: 11px;
    font-weight: bold;
    line-height: 100%;
    margin: 10px 10px 20px;
    padding: 5px;
    text-align: center;
}
.txt_big{font-size:120%;}
.txt_right{text-align:right;}
.txt_red{color:#cc0000;}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#004fbb;}
.txt_marker{background-color:#FFFF00;}
.txt_underline{border-bottom:#cccccc 1px dotted;margin-bottom:2px;}
/*------------------------------------------
■ テキスト位置
------------------------------------------*/
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.txt_pad_t_10{padding-top:10px;}
.txt_pad_t_20{padding-top:10px;}
.txt_pad_t_30{padding-top:10px;}
.txt_pad_b_10{padding-bottom:10px;}
.txt_pad_b_20{padding-bottom:10px;}
.txt_pad_b_30{padding-bottom:10px;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{}
.sp_none{display: none;}
.size_s{width:120px;}
.size_m{width:180px;}
.size_l{width:220px;}
.max_w{max-width:100%;}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#333333;
  padding-bottom: 132px;
}
#wrap{}
#frame{margin-top:-10px;}
#header{display: none;}
#top{max-width:100%;}
#main{width:96%;margin:0 auto;}
/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
margin: 0px auto;
clear: both;
}

.box2_2{
background-color:#f1ece4;
padding:5px 5px 5px;
}

.box3{background-color:#ebe8d7; padding:10px 10px;
box-shadow: 2px 2px 2px #cccccc;}

.box4{
background: url("../img/bg04.gif") repeat scroll center 0;
padding:0px 5px 5px;
margin-top:-5px;}

.box5{
background-color:#ebe8d7;
padding:0px 5px 5px;
}

.box_bg{
background: url("../img/bg07.gif") repeat scroll center 0 transparent;
border-radius:5px 5px 5px 5px;
box-shadow: 0 2px 2px #CCCCCC;
margin: 10px auto;
padding: 5px 10px 10px;
}
.box_border{
background-color: #FCFAF8;
border: 5px double #CCCCCC;
margin: 10px auto;
padding: 5px 10px 10px;
}

.txt_area{
padding:0px;
}

.txt_area2{
background-color:#ffffff;
margin: 0 auto;
padding:5px 5px;
box-shadow: 2px 2px 2px #cccccc;
}

.txt_area2_2{
background-color:#ffffff;
margin: 0 auto;
padding:5px 5px;
box-shadow: 2px 2px 2px #cccccc;
}


.txt_area3{
margin: 0 auto;
padding:5px 5px;
}

.txt_area4{
margin:5px 5px;
padding:5px 5px 5px;
}

.txt_area5{
padding:5px 5px;
}


.txt_area_bg{
background-color: #fdfbf6;
border: 1px solid #d5cfba;
margin: 10px auto;
padding: 10px;
}
.txt_area_border{
background-color: #FFFFFF;
border: 1px solid #D5CFBA;
margin: 10px auto;
padding: 10px;
}

.p_01_back{
background-color:#ffffff;
border:2px solid #5fbde8;
padding:10px;
 }
 


.p_02_back{
background: url("../img/p_01_03.png") no-repeat scroll 0 0;
height:240px;
width:780px;
margin:0 auto;
 }
 

.circle{ background-color:#ebe8d7; padding:5px;box-shadow: 2px 2px 2px #666666; margin:0 5px;}
.circle2{border: dotted 1px #2282ae; padding:5px 5px; margin:0px auto;}

.circle3{border: solid 1px #004fbb; padding:5px;box-shadow: 2px 2px 2px #666666;}
.circle4{border: solid 1px #999999;padding:5px;}
.circle5{background-color:#feebbe;padding:5px 5px 5px;box-shadow: 2px 2px 2px #666666; margin-bottom:10px;}
.circle6{border: solid 2px #004fbb; padding:0px 5px 0;margin:-18px auto 0;}

.concept_title{
border-left: 5px solid #004fbb;
    color: #004fbb;
    padding: 0 0 0 8px;
    margin-top:10px;
    margin-bottom:10px; 
    font-weight:bold;
    font-size:110%;
}
.concept_title2{
    border-left: 5px solid #CCCCCC;
    font-weight: normal;
    padding: 0 0 0 8px;
    text-shadow: 1px 1px 2px #999999;
    margin-top:10px;
}

.box2{
padding:5px 5px;
}
.txt_area2{
padding:5px 10px;
background-color:#ffffff;
}
.txt_area3{
background-color:#ffffff;
padding-bottom:20px;
}

/*------------------------------------------
■ h1 h2 
------------------------------------------*/
h1{
background-color:#004fbb;
color: #FFFFFF;
display: block;
font-size: 10px;
margin: 0 auto;
padding: 0;
}

.h1_txt{display: block;margin: 0;padding: 4px 10px;}

h2{}

/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
#header{display:none;}

/*------------------------------------------
■お問い合わせエリア
------------------------------------------*/
.order{
border: 5px solid #2282AE;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 2px 2px #CCCCCC;
margin: 10px auto;
padding: 1px 1px 10px;
text-align: center;
}

h3.copy {
background: none repeat scroll 0 0 #2282AE;
color: #FFFFFF;
font-size:14px;
padding: 5px 10px;	
}

.order_an_txt{
background: none repeat scroll 0 0 #FDF7E6;
border-bottom: 2px solid #AA0000;
border-top: 2px solid #AA0000;
display: block;
font-size: 14px;
font-weight: bold;
margin: 5px;
padding: 5px 10px 3px;
text-align: center;
}

/*　▼営業時間▼　*/
.order p.txt_cap,
.order p.order_time{
font-size: 11px;
font-weight: bold;
line-height: 100%;
padding: 5px 0;
}
/*　▼TEL番号エリア▼　*/
.order_tel{margin: 5px 10px;}

.order a.txt_tel{
    color: #333333;
    display: block;
    font-family: Meiryo,メイリオ,sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap;
}

/*　▼ボタンエリア▼　*/
.order_mail{padding-top: 0px;text-align: center;}
.order_mail2{padding-top: 0px;text-align: center;}

.order_mail img{width:271px;}
.order_mail2 img{width:280px;}


.order_btn{margin:0 auto;max-width:92%;}


/*------------------------------------------
■ h4タイトル
（※スマートフォンでは、背景画像を消してテキストタイトルを表示させてください）
------------------------------------------*/
h4.title{
background-color: #004fbb;
border-bottom: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #CCCCCC;
color: #FFFFFF;
display: block;
font-size: 15px;
font-weight: bold;
line-height: 120%;
margin: 15px auto 10px;
padding: 10px;
}

/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a{
border-left:8px solid #004fbb;

font-weight: bold;
line-height: 130%;
margin: 5px auto;
padding-left: 10px;
}
.sub_title_b{
border-bottom: 3px solid #004fbb;
font-weight: bold;
line-height: 130%;
margin: 5px auto;
padding: 5px 0;
}
.sub_title_c{
border-bottom: 1px solid #004fbb;
border-left: 10px solid #004fbb;
font-weight: bold;
line-height: 130%;
margin: 5px auto;
padding: 0 10px 5px;
}
.sub_title_d{
background-color: #004fbb;
border-bottom: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
line-height: 130%;
margin: 5px auto;
padding: 10px 20px 8px;
}
.sub_title_e{
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-size: 120%;
line-height: 130%;
margin: 5px;
padding: 5px 0 6px;
}
.sub_title_f{
background-color: #F8F3E7;
border-left: 15px solid #004fbb;
box-shadow: 1px 1px 1px #CCCCCC;
color: #000000;
line-height: 130%;
margin: 5px 0 5px;
padding: 8px 10px 6px;
}
.sub_title_bg{
border-bottom: 3px solid #004fbb;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-weight: bold;
line-height: 130%;
margin: 5px auto;
padding: 5px 0;
}


/*■■■■■■■■■■■■■■■■■■■■■■
　　流用コンテンツ　【　良く使うカテゴリ　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul{list-style: none outside none;}
ul li.icon_check{background: url("../img/icon_check_small.png") no-repeat scroll 0 6px transparent;padding: 4px 4px 4px 24px;}

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01{
background: none repeat scroll 0 0 #FAFAFA;
border: 1px solid #F1F1F1;
border-radius: 5px;
box-shadow: 2px 2px 2px #CCCCCC;
margin: 10px auto;
padding: 10px;
}
/*------------------------------------------
■ 特徴BOX
------------------------------------------*/
.box_m{
background-color: #DEDBB7;
border-radius: 10px 10px 10px 10px;
margin: 0;
padding: 0 0 10px;
}
.box_m_txt{
background-color: #FFFFFF;
border-radius: 5px 5px 5px 5px;
margin: 0 10px;
padding: 10px;
}

.box_m_set{
border-bottom: 1px dotted #cccccc;
padding-bottom: 5px;
}
.sub_title_m{
border-bottom: 2px dotted #f48500;
font-weight: bold;
line-height: 170%;
margin: 10px auto;
padding: 0;
}

.m_block {
	display:block;
background-color: #F4F5E0;
border-left: 10px solid #004fbb;
box-shadow: 1px 1px 1px #999999;
font-size:80%;
margin-right: 15px;
padding: 3px 10px;
}

.p_icon{
float: left;
margin: 0 5px 0 0;
width: 40px;
}

/*------------------------------------------
■ box_e
------------------------------------------*/
.box_e{
background-color: #004fbb;
border-radius: 5px 5px 5px 5px;
margin: 10px auto;
padding: 10px 0 5px;
}

.box_e_title{
color: #FFFFFF;
font-family: "ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
font-weight: bold;
text-align: center;	
}


.box_e .box_e_in{
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
background:#FCF8F2;
margin: 10px;
padding: 10px;
font-size:90%;
}


/*------------------------------------------
■ フロートボックス width: 216pxにすれば3つ横に並ぶよ。
------------------------------------------*/
.con2_1,
.con2_2,
.con2_3,
.con2_4{
background-color: #FDFBF6;
border: 1px solid #D5CFBA;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #CCCCCC;
margin: 10px 0;
padding: 10px;
}

.con2_title{
border-bottom:3px dotted #004fbb;
display: block;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 5px;
}

/*------------------------------------------
■ 施工事例
------------------------------------------*/
.case_area{font-size:90%; padding:10px; margin:10px auto;}
.case_area_bg{font-size:90%; padding:10px 15px; margin:10px auto;background-color:#f7f7f7;}

.case_area img,.case_area_bg img{ display:block; margin:5px auto;}
.case_area p,.case_area_bg p{margin:0px auto 10px;}
.case_title{
background-color: #232323;
border-bottom: 3px solid #888888;
color: #FFFFFF;
padding: 3px 20px;
font-size:90%; 
}
.float{margin:10px auto;}

.c_title{
background-color: #232323;
color: #FFFFFF;
margin-bottom:10px;
padding:5px 10px;
}

.case_data_bg{background-color:#797979;color:#FFFFFF;}
.case_data_bg p.in{margin:5px auto;padding: 10px;}

.float_5 .case_data_bg{
background-color: #797979;
color: #FFFFFF;
}

/*------------------------------------------
■ POINT
------------------------------------------*/
.point_title{
border-bottom: 2px dotted #004fbb;
color: #AA0000;
font-size: 14px;
font-weight: bold;
margin:0px;
padding-bottom: 5px;
}

/*------------------------------------------
■ STEP
------------------------------------------*/

/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voice_area{}
.voice {
background: url("../img/bg03.gif") repeat scroll 0 0 transparent;
border-radius: 5px;
box-shadow: 0 0 5px #CCCCCC, 0 0 5px #CCCCCC inset;
font-size: 96%;
margin: 0 auto 20px;
padding: 15px;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq{
background-color: #FDFBF6;
border: 1px dashed #D5CFBA;
margin: 10px auto;
padding: 5px 10px;
}
.faq_q{
/*
background: url("../img/icon_q.gif") no-repeat scroll 0 0 transparent;
*/
border-bottom: 1px solid #460607;
color: #460607;
font-weight: bold;
margin: 10px auto;
padding: 0 0 5px;
}
.faq_a{
/*
background: url("../img/icon_a.gif") no-repeat scroll 0 0 transparent;
*/
margin: 10px auto;
padding: 0;
}


/*------------------------------------------
■ ブロック
------------------------------------------*/
.block_left{
}
.block_right{
}
.room{
padding:10px;
}
/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area{
font-size:12px;
margin: 15px auto;
}

.map_in{	
display: block;
height: 300px;
margin: 0 auto;
width: 90%;
}

/*------------------------------------------
■ テーブル
------------------------------------------*/
.table01{
background-color: #edd5af;
font-size: 70%;
margin: 10px auto;
width:100%;
}
.table01 th{
background-color: #FFF9EE;
padding: 5px 5px;
text-align: left;
width: 30%;
}
.table01 td{
padding:5px 5px;
background-color:#FFFFFF;
}

/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area{margin:40px auto;}

/* --フォームテーブルの部分-- */
.table_box{
border-top:#666666 1px dashed;
margin:10px auto;
}

.inq_box{
display:block;
margin:0 auto;
padding:0 0 20px 0;
border-bottom:#666666 1px dashed;
overflow: hidden;
}

.inq_box_title{
border-left: 8px solid #004fbb;
display: block;
font-weight: bold;
margin: 10px auto 0;
padding-left: 5px;
}

.inq_box_txt{
display: block;
float: left;
line-height: 140%;
margin: 0 auto;
padding-bottom: 0;
padding-left: 0;
padding-top: 10px;
}

input,textarea,select{
font-size:14px;
margin:5px auto;
padding:5px;
}
/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
background:#ffffff;
display:block;
text-align:center;
margin:10px auto 0;
padding:0px 0 10px 0;
font-size:12px;
line-height:1.8;
}

.footer_btn{
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcfcfc 0%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
border: 1px solid #E6E6E6;
box-shadow: 0 1px 2px #CCCCCC;
text-shadow: 0 1px 0 #EEEEEE;
color: #000000;
display: block;
font-weight: bold;
padding: 8px 10px;
text-align: left;
}

#footer a{font-size:14px;}
.copyright{margin-top:15px;font-size:10px;}

/*■■■■■■■■■■■■■■■■■■■■■■
　　サブページ設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title{
background-color: #004fbb;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-weight: bold;
margin: 10px 0;
padding: 12px 0 10px;
text-align: center;
}

#order_page,#privacypolicy,#company,#law,#order_end{
font-size: 14px;
line-height: 140%;
margin: 0 auto;
padding:10px 0;
}
/* 別々に指定したければ、分けてください*/

/*------------------------------------------
■ プライバシーポリシーページ設定
------------------------------------------*/
#pp_page{}

.sub_page_h{
background: none no-repeat scroll 0 0 #EFEFEF;
border-bottom: 2px solid #CCCCCC;
border-right: 2px solid #CCCCCC;
font-weight: bold;
margin: 20px 0 5px;
padding: 5px 10px;
}

/*------------------------------------------
■ 特定商取引法に基づく表記
------------------------------------------*/



/*------------------------------------------
■ 会社概要
------------------------------------------*/

#followFoot_line ul {
    overflow: hidden;
    width: 97%;
    margin: 4px auto 6px!important;
}