@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)";}



/*------------------------------------------
■ トップナビ
------------------------------------------*/
#top_navi {
    background-color:#000000;
    margin: 0;
    position: fixed;
    width: 100%;
    z-index: 9999999;
}
#top_navi .top_navi_box {
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    width: 940px;
}
#top_navi .top_navi_box_title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 0;
    text-align: center;

}
#top_navi .navi_box_left {
   color: #FFFFFF;
    float: left;
    font-size: 16px;
    text-align: center;
    width: 480px;ter;
    width: 480px;
}
#top_navi .navi_box_right {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    padding: 0 5px;
    text-align: center;
}
#top_navi .navi_box_right_02 {
    color: #FFFFFF;
    float: left;
    font-size: 12px;
    line-height: 283%;
    padding: 0 5px;
    text-align: center;
}
#top_navi .navi_box_left_tell {
    color: #FFFFFF;
    font-size: 23px;
    font-weight: bold;
}


.include .caption_ng {
    background-color: #EFEFEF;
    font-size: 13px;
    line-height: 180%;
    margin: 10px 0px;
    padding: 10px 20px;
}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{float:left;margin-right:20px;margin-bottom:10px;}
.img_right{float:right;margin-left:20px;margin-bottom:10px;}
.img_center{display:block;margin:0 auto;clear:both;}
.size_m{ border: 2px solid #FFFFFF;
box-shadow: 3px 3px 3px #CCCCCC;}




/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_bold2{font-weight:bold;}
.txt_small{font-size:90%;}
.txt_big{font-size:120%;}
.txt_big2{font-size:180%;}

.txt_right{text-align:right;}
.txt_red{color:#cc0000;}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#235981;}
.txt_marker{background-color:#FFFF00;}
.txt_underline{border-bottom:#cccccc 1px dotted;margin-bottom:2px;}
.txt_white{color:#ffffff;}
.p_01_back{
    background: url("../img/back_01.jpg") no-repeat scroll 0 0 transparent;
    height: 326px;
    margin: 0 auto;
    width: 800px;
 }
 
.txt_move{
    left: 14px;
    position: relative;
    top: 90px;
    width: 493px;
 }

.p_02_back{
background: url("../img/p_01_03.png") no-repeat scroll 0 0;
height:240px;
width:780px;
margin:0 auto;
 }
 
.txt_move2{
    left: 25px;
    position: relative;
    top: 28px;
    width: 538px;
 }

.circle{ background-color:#2282ae; padding:20px;box-shadow: 2px 2px 2px #666666; margin:0 10px;}
.circle2 {
    border: 1px solid #2282AE;
    box-shadow: 2px 2px 2px #666666;
    margin: 20px auto;
    padding: 19px;
}
.circle3 {
    border: 1px solid #DA4D4D;
    box-shadow: 2px 2px 2px #666666;
    padding: 20px;
}
.circle4 {
    padding: 0 20px 20px;
}
.circle5{background-color:#DEDBB7;padding:20px 20px 10px;box-shadow: 2px 2px 2px #666666; margin-bottom:10px;}
.circle6{border: solid 3px #2282ae; padding:0px 20px ;margin:-45px auto;}

.concept_title{
background-color: #2282ae;
    box-shadow: 2px 2px 2px #666666;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 130%;
    margin: 10px auto;
    padding: 10px 25px 6px;
}
.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{
background: url("../img/bg04.gif") repeat-y scroll 0 0;
padding: 20px;
margin: 0 auto;
}

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

#header_wrap {
    background-color: #FFFFFF;
}
/*------------------------------------------
■ テキスト位置
------------------------------------------*/
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.txt_pad_t_10{padding-top:10px;}
.txt_pad_t_20{padding-top:20px;}
.txt_pad_t_30{padding-top:30px;}
.txt_pad_b_10{padding-bottom:10px;}
.txt_pad_b_20{padding-bottom:20px;}
.txt_pad_b_30{padding-bottom:30px;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{display: none;}
.sp_none{}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/

body {
background: url("../img/body_bg.gif") repeat fixed center 0 #ffffff;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#333333;
    font-size: 16px;
    line-height: 180%;
}
#wrap2{
background: url("../img/wrap_bg.png") repeat-y scroll center 0;
margin:0 auto;
}
#frame{padding-top:0px;
margin:0 auto;
    background: rgba(0, 0, 0, 0) url("./img/wrap_bg.png") repeat-y scroll center 0;
	
	}
#top{background: url("../img/top_wrap.png") repeat scroll center 0px #FFFFFF;
}

#main{
    margin: 0 auto;
    width:940px;

}



.section{margin:30px auto 10px;clear:both;
}
/*------------------------------------------
■ box_001
------------------------------------------*/
.box_001{
background: url("../img/box_001_bottom.jpg") no-repeat scroll center 0 transparent;
height: 769px;
margin: 0 auto;
width:940px;
}

.box_001 .in_txt {
color: #382c27;
font-size: 16px;
margin: 0;
padding: 142px 0 0 39px;
}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
margin: 0px auto;
clear: both;
}

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

.txt_area{
padding:0px;
}

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

/*------------------------------------------
■ h1 h2 
------------------------------------------*/
h1{    background-color: #2282AE;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;}
.h1_txt{    display: block;
    line-height: 120%;
    margin: 0 auto;
    padding: 5px 10px;
    width: 900px;}
h2{}

/*------------------------------------------
■ ヘッダーエリア
------------------------------------------*/
#header{
background: url("../img/header.gif") no-repeat scroll center 0 transparent;
height: 85px;
margin: 0 auto;
padding: 0;
width:900px;
position: relative;
}
#header .header_tel{}
/*
#header .header_tel_number{

background: url("../img/icon_free_d_small.gif") no-repeat scroll 0 2px transparent;
    color: #000000;
    display: block;
    font-size: 22px;
    font-weight: bold;
    left: 657px;
    line-height: 100%;
    position: absolute;
    top: 38px;
    white-space: nowrap;
}

*/

#header .header_btn{
left: 688px;
position: absolute;
top: 17px;
}

/*------------------------------------------
■お申込みエリア
------------------------------------------*/
.order{
background:url(../img/order.jpg) no-repeat center top;
margin: 15px auto;
padding:0;
height:449px;
position: relative;
width:941px;
}

h3.copy {display: none;}

.order_area{}
.order_tel{}

/*　▼営業時間▼　*/
.order p.txt_cap,
.order p.order_time{
/*--　
テキストで入れる場合は、この「display:none;」を外して調整
　--*/
font-size: 14px;
font-weight: bold;
line-height: 120%;
padding: 0 0 0 0px;
display:none;
}

/*　▼TEL番号エリア▼　*/
.order a.txt_tel{
/*
background: url("../img/icon_free_d.gif") no-repeat scroll 10px 4px transparent;
*/
    color: #FF0000;
    display: block;
    font-size: 47px;
    font-weight: bold;
    left: 500px;
    line-height: 100%;
    position: absolute;
    top: 216px;
    white-space: nowrap;
}

/*　▼ボタンエリア▼　*/

.order_mail {
    display: block;
    padding-top: 327px;
    text-align: center;
}
.order_mail2{
    display: block;
    left: 421px;
    position: absolute;
    top: 327px;
}

.order_chat{
    display: block;
    left: 421px;
    position: absolute;
    top: 327px;
}

.order_btn{}

.plain{white-space:nowrap;}

/*------------------------------------------
■ h4タイトル
（※スマートフォンでは、背景画像を消してテキストタイトルを表示させてください）
------------------------------------------*/

/*▼タイトルをテキストにする場合はコチラ
h4.title {
background: url("../img/title_bg.gif") no-repeat scroll center 0 transparent;
clear: both;
color: #FFFFFF;
display: block;
font-size: 34px;
height: 100px;
letter-spacing: 0.05em;
line-height: 230%;
margin: 0 auto;
text-indent: 80px;
text-shadow: 1px 2px 2px #000000;
}
*/

/*▼タイトルを画像にする場合はコチラ*/

h4.title{
clear: both;
display: block;
height: 90px;
margin: 10px auto 0;
text-indent: -4000px;
}
h4.t_001{background: url("../img/title_001.gif") no-repeat scroll center 0 transparent;}
h4.t_002{background: url("../img/title_002.gif") no-repeat scroll center 0 transparent;}
h4.t_003{background: url("../img/title_003.gif") no-repeat scroll center 0 transparent;}
h4.t_004{background: url("../img/title_004.gif") no-repeat scroll center 0 transparent;}
h4.t_005{background: url("../img/title_005.gif") no-repeat scroll center 0 transparent;}
h4.t_006{background: url("../img/title_006.gif") no-repeat scroll center 0 transparent;}
h4.t_007{background: url("../img/title_007.gif") no-repeat scroll center 0 transparent;}
h4.t_008{background: url("../img/title_008.gif") no-repeat scroll center 0 transparent;}
h4.t_009{background: url("../img/title_009.gif") no-repeat scroll center 0 transparent;}
h4.t_010{background: url("../img/title_010.gif") no-repeat scroll center 0 transparent;}



/*------------------------------------------
■ サブタイトル装飾（基本値）
------------------------------------------*/
.sub_title_a{
border-left:8px solid #235981;
font-size: 20px;
font-weight: bold;
line-height: 130%;
margin: 10px auto;
padding-left: 10px;
}
.sub_title_b{
border-bottom: 3px solid #235981;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-size: 30px;
font-weight: bold;
line-height: 130%;
margin: 10px auto;
padding: 5px 0;
}
.sub_title_c{
border-bottom: 1px solid #235981;
border-left: 10px solid #235981;
font-size: 22px;
font-weight: bold;
line-height: 130%;
margin: 10px auto;
padding: 0 15px 5px;
}
.sub_title_d{
background-color: #2282ae;
    box-shadow: 2px 2px 2px #666666;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 130%;
    margin: 10px auto;
    padding: 10px 25px 6px;
}
.sub_title_e{
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-size: 32px;
line-height: 130%;
margin: 0;
padding: 5px 0 6px;
}
.sub_title_f{
background-color: #F8F3E7;
border-left: 15px solid #235981;
box-shadow: 1px 1px 1px #CCCCCC;
color: #000000;
font-size: 28px;
line-height: 130%;
margin: 10px 0 15px;
padding: 8px 20px 6px;
}
.sub_title_bg{
background: url("../img/sub_title_bg.gif") no-repeat scroll center 0 transparent;
font-size: 26px;
font-weight: bold;
height: 64px;
line-height: 262%;
padding-left: 60px;
}


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

/*------------------------------------------
■ list_box
------------------------------------------*/
.list_box_01{
background: url("../img/list_box_01.jpg") no-repeat scroll center 0 transparent;
height: 394px;
}

.list_box_01 ul{
line-height: 200%;
margin: 0 30px;
width: 590px;
padding: 30px 10px;
}
.list_box_01 ul li.icon_check{
background: url("../img/icon_check.png") no-repeat scroll 0 0 transparent;
font-size: 22px;
font-weight: bold;
line-height: 100%;
list-style: none outside none;
margin: 10px 0;
padding-bottom: 6px;
padding-left: 35px;
padding-top: 5px;
}
/*------------------------------------------
■ 特徴BOX
------------------------------------------*/
.box_m{
background-color: #DEDBB7;
border-radius: 10px 10px 10px 10px;
margin: 0;
padding: 0 0 30px;
}
.box_m_txt{
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
margin: 0 30px;
padding: 20px 20px 10px;
}

.box_m_set{
border-bottom: 1px dotted #CCCCCC;
margin: 10px auto;
padding-bottom: 5px;
}
.sub_title_m{
border-bottom: 3px solid #F48500;
color: #432C25;
font-family: "HGP創英角ｺﾞｼｯｸUB";
font-size: 28px;
letter-spacing: 0.05em;
line-height: 130%;
margin: 0 auto 5px;
padding-bottom:5px;
}

.m_block {
display: none;
background-color: #F4F5E0;
border-left: 10px solid #235981;
box-shadow: 1px 1px 1px #999999;
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
font-size: 22px;
margin-right: 15px;
padding: 3px 20px 0;
}

.p_icon{width: 120px; margin-right:10px;}

/*------------------------------------------
■ box_e
------------------------------------------*/
.box_e{
background-color: #235981;
border-radius: 5px 5px 5px 5px;
margin: 30px auto;
padding: 20px 20px 15px;
}

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

.box_e .box_e_in{
background: none repeat scroll 0 0 #FCF8F2;
line-height: 140%;
margin-top: 20px;
padding: 15px 40px 20px;
text-align: left;
}

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

.con2_title{
border-bottom: 3px dotted #235981;
display: block;
font-size: 22px;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 6px;
padding-top: 10px;
}

/*------------------------------------------
■ 施工事例
------------------------------------------*/
.case_area{font-size:14px; line-height:180%;margin:20px auto;}
.case_area_bg{
margin:20px auto;
background-color:#f7f7f7;
font-size:14px;
padding:20px;
line-height:180%;
}

.case_title{
background-color: #232323;
border-bottom: 3px solid #888888;
color: #FFFFFF;
padding: 3px 20px;
}

.case_img{margin: 0 auto 10px;display:block;width:97%;}
.case_area img, .case_area_bg img{ margin-bottom:5px;}

.float_5{float:left;width:50%;}
.float_4{float:left;width:40%;}
.float_6{float:left;width:60%;}

.float{float:left; margin:5px;width:32%;}
.float_in{border: 1px solid #000000;padding: 5px;}
.float p{ padding:0 5px; line-height:160%;}
.c_title{
background-color: #232323;
color: #FFFFFF;
margin-bottom: 10px;
padding: 5px 10px;
}
.float img{width:100%; margin:0 auto 10px;display:block;}
.float_in img{width:98%; margin:5px auto;display:block;}

.case_data_bg{background-color:#797979;color: #FFFFFF;}
.case_data_bg p.in{padding:15px;}

.float_5 .case_data_bg{background-color: #797979;color: #FFFFFF;margin:0 0 0 10px;}


/*------------------------------------------
■ POINT
------------------------------------------*/
.point_title{
border-bottom: 2px dotted #235981;
color: #AA0000;
font-size: 22px;
font-weight: bold;
margin-left: 0px;
padding-bottom: 5px;
padding-top: 10px;
}

/*------------------------------------------
■ STEP
------------------------------------------*/
.step_area{
background-color: #FFFFFF;
border: 10px solid #DEDBB7;
margin: 0px auto -6px;
padding: 20px;
}


.step_ttile {
    border-bottom: 2px dashed #1982AF;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-size: 22px;
    letter-spacing: 0.04em;
    line-height: 160%;
    margin: 5px 0 10px;
    padding: 0;
}

.s_block{
    border-left: 5px solid #1982AF;
    color: #1982AF;
    font-size: 22px;
    margin-right: 15px;
    padding: 5px 10px;
}
/*------------------------------------------
■ お客様の声
------------------------------------------*/
.voice_area{}
.voice {
background: url("../img/bg08.gif") repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #CCCCCC, 0 0 2px #CCCCCC inset;
font-size: 96%;
line-height: 160%;
margin: 0 auto 20px;
padding: 30px 40px 20px;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq{
background-color: #FDFBF6;
border: 1px solid #D5CFBA;
margin: 10px auto;
padding: 10px 30px 20px;

}
.faq_q{

    background: url("../img/icon_q.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 170%;
    margin: 10px auto;
    padding: 5px;
	    text-indent: 35px;
}


.faq_a{
    background: url("../img/icon_a.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    font-size: 14px;
    line-height: 180%;
    margin: 10px 0 20px;
    padding: 5px;
    text-indent: 35px;
}

/*------------------------------------------
■ ブロック
------------------------------------------*/
.block_left{
background-color: #EFEFEF;
float: left;
width: 30%;
}
.block_right{
background-color: #cccccc;
float: right;
width: 70%;
}
.room{
padding:15px;
}

.block_left2{
background-color: #EFEFEF;
float: left;
width: 50%;
}
.block_right2{
background-color: #cccccc;
float: right;
width: 50%;
}

/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area{
font-size: 16px;
line-height: 100%;
text-align: right;}

.map_in{	
display: block;
height: 550px;
margin: 0 auto;
width: 100%;
}

/*------------------------------------------
■ テーブル
------------------------------------------*/
.table01{
background-color: #cccccc;
font-size: 16px;
margin: 15px auto;
width:100%;
}
.table01 th{
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
}
.table01 td{
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
}
.table01 th.th01{
width: 30%;
text-align: center;
}
.table01 td.td_c{
text-align: center;
}
.table01 td.td_r{
text-align: right;
}


.table02{
font-size: 16px;
margin: 15px auto;
width:100%;
}
.table02 th{
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
}
.table02 td{
line-height: 100%;
padding: 10px 10px;
width:50%;
}
/*------------------------------------------
■ フォーム部分
------------------------------------------*/

.form_area{margin:40px auto;}

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

.inq_box{
border-bottom: 1px dashed #666666;
display: block;
font-size: 16px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 20px;
}
.inq_box_top{
border-top:#cccccc 1px solid;
}
.inq_box_title{
border-left: 8px solid #2282ae;
float: left;
font-weight: bold;
line-height: 150%;
margin-top: 20px;
padding-left: 12px;
width: 260px;
}
.inq_box_txt{
display: block;
float: left;
line-height: 140%;
padding-left: 20px;
padding-top: 20px;
width: 300px;
}
input,textarea,select{
font-size: 16px;
margin:5px auto;
padding:5px;
}

/*------------------------------------------
■ フッター
------------------------------------------*/
#footer {
border-bottom: 1px solid #CCCCCC;
display: block;
font-size: 14px;
line-height: 1.8;
margin: 30px 0px 0;
padding: 0px 0;
text-align: center;
}
.copyright {
background-color:#2282ae;
color: #FFFFFF;
height: 40px;
margin: 15px auto 0;
padding-top: 15px;
}

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

/*------------------------------------------
■ サブページ共通
------------------------------------------*/
.sub_page_title{
background-color: #2282ae;
border-bottom: 3px solid #CCCCCC;
color: #FFFFFF;
font-size: 28px;
font-weight: bold;
margin: 20px 0;
padding: 20px 0 15px;
text-align: center;
}

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

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

.sub_page_h{
border-bottom: 2px solid #CCCCCC;
font-size: 18px;
font-weight: bold;
line-height: 130%;
margin: 0 0 15px;
padding: 5px 0 3px;
}

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

.include .form_box {
    border: 1px solid #cccccc;
    display: block;
    height: auto;
    margin: 10px auto;
    padding: 30px 20px;
    width: 840px;
}

.voice_area {
    margin: 0 auto;
    width: 840px;	
}
.voice {
    background: transparent url("http://hr-001.sakura.ne.jp/haraichi-websozai/affairs/img/bg08.gif") repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 2px #cccccc, 0 0 2px #cccccc inset;
    font-size: 96%;
    line-height: 160%;
    margin: 0 auto 20px;
    padding: 30px 40px 20px;
}
.faq {
    background-color: #fdfbf6;
    border: 1px solid #d5cfba;
    margin: 10px auto;
    padding: 10px 30px 20px;
}

.faq_area {
    margin: 0 auto;
    width: 840px;
}
.faq_q {
    background: rgba(0, 0, 0, 0) url("http://hr-001.sakura.ne.jp/haraichi-websozai/affairs/img/icon_q.gif") no-repeat scroll 0 0;
    border-bottom: 1px solid #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 170%;
    margin: 10px auto;
    padding: 5px;
    text-indent: 35px;
}
.faq_a {
    background: rgba(0, 0, 0, 0) url("http://hr-001.sakura.ne.jp/haraichi-websozai/affairs/img/icon_a.gif") no-repeat scroll 0 0;
    display: block;
    font-size: 14px;
    line-height: 180%;
    margin: 10px 0 20px;
    padding: 5px;
    text-indent: 35px;
}
/*------------------------------------------
■ 会社概要
------------------------------------------*/

.box_002 {
    background-color: #f1ece4;
}

.coice {
    margin: 0 30px 10px;
}
.love {
    background-color: #efebe8;
    border: 5px solid #660101;
    border-radius: 5px;
    box-shadow: 0 5px 5px #cccccc;
    float: left;
    margin-bottom: 10px;
    width: 420px;
}
.ricon {
    background-color: #ecf0f2;
    border: 5px solid #114c77;
    border-radius: 5px;
    box-shadow: 0 5px 5px #cccccc;
    float: right;
    margin-bottom: 10px;
    width: 420px;
}

.box_002 .in_txt {
    padding: 10px 10px 20px;
}