﻿@charset "utf-8";
/* CSS Document */

body {
margin:0;
padding:0;
background-color:#f0e3c9;
background-image: url("../common/bg_body.jpg");
background-repeat:repeat-x;
text-align:center;
}


/* インライン要素のスタイル */
a:link{color:#835957; text-decoration:underline;}
a:visited{color:#835957; text-decoration:underline;}
a:hover, a:active{color:#835957; text-decoration:none;}
img,object{margin:0;padding:0;border:0;vertical-align:bottom;}
input{color:#333333;}
form{margin:0px;padding:0px;border:0px;}
ul{margin:0px 0px 0px 1.2em;padding:0px;}
li{margin:0px;padding:0px;}

/* コンテナ
---------------------------------------------------- */
#wrapper{
width:976px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-image: url("../common/bg_main.jpg");
background-repeat:repeat-y;
text-align:center;
}

#container{
width:950px;
margin:0px auto;
background-color:#ffffff;
text-align:center;
}

/* ヘッダー
---------------------------------------------------- */
#header{
width:926px;
_width:950px;
height:64px;
padding:0px 0px 0px 24px;
text-align:left;
background-color:#ffffff;
background-image: url("../common/bg_header.jpg");
background-repeat:repeat-x;
background-position:left bottom;
}

#header_left{
width:179px;
padding:21px 0px 0px 0px;
margin:0px 379px 0px 0px;
float:left;
}
* html #header_left {padding:19px 0px 0px 0px;}
*:first-child+html #header_left {padding:19px 0px 0px 0px;}
#header_left h1{margin:0px 0px 0px 0px;}

#header_center{
width:200px;
padding:29px 0px 0px 0px;
margin:0px 21px 0px 0px;
float:left;
}

#header_right{
width:122px;
padding:0px 0px 0px 0px;
margin:23px 0px 0px 0px;
float:left;
text-align:left;
}

/* テーブルの修飾
---------------------------------------------------- */
table.news{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
border-collapse : collapse ;
color:#835957;
}

table.news td{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

table.news .td_white{
padding:5px 0px 5px 5px;
background-color:#ffffff;
}

table.news .td_back{
padding:5px 5px 5px 5px;
background-color:#f6f1e7;
}

table.company{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
}

table.company th{
padding:5px 10px 5px 10px;
margin:0px 0px 3px 0px;
text-align:left;
font-weight:normal;
background-color:#f6f1e6;
border-bottom:1px solid #ffffff;
}

table.company td{
margin:0px 0px 3px 0px;
padding:5px 10px 5px 10px;
text-align:left;
}


/* パンクズ
---------------------------------------------------- */
#topic_path{
width:890px;
margin:10px 0px 20px 0px;
text-align:left;
}

/* コンテンツ
---------------------------------------------------- */
#content_box_t{
clear:both;
float:left;
width:890px;
_width:950px;
padding:17px 30px 30px 30px;
_margin:0px 0px 0px -1px;
background-color:#fcf4ed;
}
#content_box_t h3,h4,h5,h6,p{margin:0px 0px 0px 0px;}
#content_box{
clear:both;
float:left;
width:890px;
_width:950px;
padding:0px 30px 30px 30px;
_margin:0px 0px 0px -1px;
background-color:#ffffff;
text-align:left;
}
#content_box h3,h4,h5,h6,p{margin:0px 0px 0px 0px;}

#content_left{
clear:both;
float:left;
width:190px;
margin:0px 35px 0px 0px;
}

#content_right{
float:left;
width:665px;
margin:0px 0px 0px 0px;
text-align:left;
}


#main_img{
width:950px;
margin:0px 0px 0px 0px;
}
#main_img h2{margin:0px 0px 0px 0px;}

.main_tx{
clear:both;
width:710px;
margin:0px 0px 0px 20px;
}

.main_tx p{
width:710px;
margin:0px 0px 0px 0px;
}

.sub_ttl{
width:697px;
_width:710px;
height:36px;
_height:50px;
margin:0px 0px 20px 20px;
padding:6px 0px 0px 8px;
border:4px solid #edd8a5;
background-color:#d6b563;
}
.sub_ttl img{vertical-align: middle;}

.sub_ttl_l{
width:132px;
border:4px solid #edd8a5;
margin:0px 20px 40px 20px;
_margin:0px 20px 40px 10px;
float:left;
}

.sub_ttl_r{
width:550px;
margin:10px 0px 20px 0px;
float:left;
}

.img_center{text-align:center;}
.img_right{text-align:right;}
.img_border{border:1px solid #cccccc;padding:2px;}

/* 左サイド
---------------------------------------------------- */
.side_box{
width:182px;
margin:0px 0px 0px 13px;
}

/* トップページ
---------------------------------------------------- */
#top_img{
clear:both;
width:950px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
}
#top_img h2{margin:0px 0px 0px 0px;}

.top_bt{position:absolute; top:146px; left:648px}


/* ごあいさつ
---------------------------------------------------- */
.greeting_tx{
width:528px;
float:left;
margin:0px 20px 0px 0px;
}

.greeting_img{
width:342px;
float:left;
margin:0px 0px 0px 0px;
}

/* お客様のメリット
---------------------------------------------------- */
.merit_box_l{
float:left;
width:436px;
border:1px solid #cccccc;
padding:1px;
margin:0px 0px 20px 0px;
}

.merit_box_r{
float:right;
width:436px;
border:1px solid #cccccc;
padding:1px;
margin:0px 0px 20px 0px;
}

.merit_box_inner01{
width:387px;
margin:0px 0px 0px 20px;
padding:0px 0px 20px 0px;
}

.merit_box_inner02{
width:436px;
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
text-align:center;
}
* html .merit_box_inner02 {padding:0px 0px 8px 0px;}
*:first-child+html .merit_box_inner02 {padding:0px 0px 8px 0px;}

.merit_img_l{
width:381px;
margin:0px 0px 0px 6px;
}

.merit_tx{width:361px;margin-left:9px;margin-bottom:10px;}
.merit_tx_img_l{width:155px;text-align:right;float:left;margin-bottom:10px;}
.merit_tx_img_r{width:173px;float:right;}

.qa_box{
clear:both;
width:870px;
margin:0px 0px 20px 10px;
padding:0px 0px 15px 0px;
border-bottom:1px solid #cccccc;
}
.qa_box:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .qa_box{height:1em;}
.qa_box{display:block;}
/**/

.qa_box_last{
clear:both;
width:870px;
margin:0px 0px 30px 10px;
}

.qa_img{
clear:both;
width:39px;
float:left;
margin:0px 10px 15px 0px;
}

.qa_question{
width:821px;
float:left;
margin:12px 0px 20px 0px;
}

.qa_answer{
width:821px;
float:left;
margin:12px 0px 0px 0px;
}

.qa_mgn15{
clear:both;
margin:15px 0px 15px 0px;
}

/* 事業主様のメリット
---------------------------------------------------- */
.entrepreneur_box_l{
width:430px;
float:left;
}

.entrepreneur_box_r{
width:430px;
float:right;
}

.entrepreneur_flow_box{
width:365px;
margin:0px 0px 0px 33px;
}

.entrepreneur_flow_l{
width:174px;
float:left;
margin:0px 6px 0px 0px;
text-align:center;
}

.entrepreneur_flow_c{
width:10px;
float:left;
margin:361px 3px 0px 0px;
}

.entrepreneur_flow_r{
width:172px;
float:left;
margin:0px 0px 0px 0px;
text-align:center;
}

.entrepreneur_flow_inner{
width:114px;
margin:0px 0px 0px 29px;
}
* html .entrepreneur_flow_inner {margin:0px 0px 11px 0px;}
*:first-child+html .entrepreneur_flow_inner {margin:0px 0px 11px 0px;}

.entrepreneur_flow_inner_l{
width:13px;
float:left;
margin:13px 37px 0px 0px;
}

.entrepreneur_flow_inner_r{
width:16px;
float:left;
margin:0px 0px 11px 0px;
}

.entrepreneur_box_r_inner{
width:402px;
margin:0px 0px 0px 14px;
}

/* お問い合わせ
---------------------------------------------------- */
.contact_box{
width:700px;
height:171px;
_height:190px;
border:1px solid #b69e83;
background-color:#ffffff;
background-image: url("../contact/images/bg_contact.jpg");
background-repeat:no-repeat;
background-position:3px 3px;
text-align:center;
padding:23px 0px 0px 0px;
margin-left:95px;
}

.contact_tl{
width:448px;
margin:0px 0px 16px 122px;
}
* html .contact_mail{margin:0px 0px 16px 0px;}
*:first-child+html .contact_mail{margin:0px 0px 16px 0px;}

.contact_tl_l{
width:187px;
float:left;
margin:0px 20px 16px 0px;
}

.contact_tl_r{
width:241px;
float:left;
margin:2px 0px 0px 0px;
}

.contact_mail{
clear:both;
width:289px;
height:15px;
background-color:#ffffff;
padding:6px 182px 4px 183px;
margin-left:23px;
margin-bottom:10px;
}
* html .contact_mail{margin-left:0px;}
*:first-child+html .contact_mail{margin-left:0px;}

/* フッター
---------------------------------------------------- */
#footer_area{
clear:both;
width:976px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
background-image: url("../common/bg_main.jpg");
background-repeat:repeat-y;
background-position:left bottom;
}
#footer_area:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html #footer_area{height:1em;}
#footer_area{display:block;}
/**/
#footer{
clear:both;
width:890px;
margin:0px 0px 0px 43px;
padding:10px 0px 0px 0px;
}

#footer_link{
width:732px;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#835957;
}

#footer_team{
width:158px;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer_copyright{
width:930px;
height:30px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
text-align:right;
}

/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{clear:both;margin:0px 0px 0px 0px;}
.img_mgn2{margin:0px 0px 2px 0px;}
.img_mgn3{margin:0px 0px 3px 0px;}
.img_mgn4{margin:0px 0px 4px 0px;}
.img_mgn5{margin:0px 0px 5px 0px;}
.img_mgn5_t{margin:5px 0px 5px 0px;}
.img_mgn6{margin:0px 0px 6px 0px;}
.img_mgn7{margin:0px 0px 7px 0px;}
.img_mgn7_t{margin:7px 0px 7px 0px;}
.img_mgn7_l{margin:0px 0px 7px 5px;}
.img_mgn9{margin:0px 0px 9px 0px;}
.img_mgn10{margin:0px 0px 10px 0px;}
.img_mgn10_t{margin:0px 0px 10px 0px;padding:10px 0px 0px 0px;}
.img_mgn10_l{margin:0px 0px 10px 10px;}
.img_mgn11{margin:0px 0px 11px 0px;}
.img_mgn12{margin:0px 0px 12px 0px;}
.img_mgn13{margin:0px 0px 13px 0px;}
.img_mgn12_l{margin:0px 0px 12px 17px;}
.img_mgn15{margin:0px 0px 15px 0px;}
.img_mgn20{margin:0px 0px 20px 0px;}
.img_mgn20_l{margin:0px 0px 20px 10px;}
.img_mgn24{margin:0px 0px 24px 0px;}
.img_mgn30{margin:0px 0px 30px 0px;}
.img_mgn30_20{margin:20px 0px 30px 0px;}
.img_mgn35{margin:0px 0px 35px 0px;}
.img_mgn50_20{margin:20px 0px 50px 0px;}
.img_mgn70_20{margin:20px 0px 70px 0px;}
.img_mgn30_l{margin:0px 0px 30px 0px;padding:0px 0px 0px 10px;}
.img_mgn40{margin:0px 0px 40px 0px;}
.img_mgn50{margin:0px 0px 50px 0px;}
.img_mgn80{margin:0px 0px 80px 0px;}
.img_mgn100{margin:0px 0px 100px 0px;}

/* フロートのクリア
---------------------------------------------------- */
.clr{clear:both;}

/*IE用画像余白
---------------------------------------------------- */
.img_0mgn{font-size:0;}

/* ページトップ
---------------------------------------------------- */
.pagetop{
width:57px;
float:right;
padding:0px 5px 0px 0px;
margin:0px 0px 30px 0px;
}

/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 12px;
background:url("../common/ic_link.gif") no-repeat 0px 70%;
}

.link_mark_f{
margin:0px 0px 0px 10px;
padding:6px 0px 0px 12px;
background:url("../common/ic_link.gif") no-repeat 0px 70%;
}

/* 特殊リンク色
---------------------------------------------------- */
#footer_link a:link{color:#835957; text-decoration:none;}
#footer_link a:visited{color:#835957; text-decoration:none;}
#footer_link a:hover, a:active{color:#835957; text-decoration:underline;}
