@charset "shift_jis";
/* CSS Document */
/****************************************************************************
	body基本設宁E
*****************************************************************************/
body{
color: #6A3906;
font: 12px "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","�E��E� �E�ゴシチE��","MS PGothic",Sans-Serif;/*基本斁E��設宁E/
*font-size: small;/*IE7 IE6標溁E/
*font: x-small;/*IE5-5 5,6*/
line-height: 1.6;
text-align: center;
background: #fff;
}
a{
color: #6A3906;
text-decoration: underline;
}
a:hover{
color: #6BAF45;
text-decoration: underline;
}

h2,h3,h4{text-align: center;}

.clear{clear:both;}

/*	外枠
----------------------------------------------------------------------------*/
#container{
width: 100%;
margin: 0 auto;
padding: 0;
overflow: hidden;
border-top:7px solid #F086B6;
}

/****************************************************************************
	コンチE��チE��宁E
*****************************************************************************/

/*	ヘッダー
----------------------------------------------------------------------------*/
h1{text-align:left; line-height:2.5em;font-weight:normal;font-size:0.846em;}
#head{
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#head table{
    width:100%;
    text-align:right;
}
#head table td.logo{
    width:479px;
    text-align:left;
}


/*	グローバルナビ
----------------------------------------------------------------------------*/
#gmenu{
    background:#F0D4B6;
}
#gmenu ul{
    width:960px;
    margin:0 auto;
    overflow:hidden;
}
#gmenu li{
    width:auto;
    float:left;
    margin:0;
}

/*	フッター
----------------------------------------------------------------------------*/
#footer{
    border-top:9px solid #F0D4B6;
    background:#F8EBDD;
    padding:10px 0 30px;
    color:#231815;
    margin: 50px 0 0;
}
#foot_box{
    width:620px;
    margin:0 auto;
    overflow:hidden;
}
#foot_box .left{
    width:293px;
    float:left;
    margin:0;
    padding-top:25px;
}
#foot_box .right{
    width:266px;
    float:right;
    margin:0;
}
#foot_box .right .compname{font-size:1.692em;}
#foot_box .right .add{font-size:0.846em;}
#foot_box .right .faxno{font-size:1.538em;color:#ff0000;}
#foot_box .right .telno{font-size:1.231em;}



/*	共送E
----------------------------------------------------------------------------*/
.mar_bottom50{margin-bottom: 50px;}
.mar_bottom80{margin-bottom: 30px;}
.mar_top10{margin-top: 10px;}
.mar_top20{margin-top: 20px;}
.mar_top30{margin-top: 30px;}
.mar_top40{margin-top: 40px;}
.mar_top50{margin-top: 50px;}
.mar_top80{margin-top: 80px;}
.mar_tb10{margin: 10px 0;}
.mar_tb20{margin: 20px 0;}
.mar_tb30{margin: 30px 0;}
.mar_tb40{margin: 40px 0;}
.mar_bana01 { margin: 20px auto; text-align: center;}
.center{text-align: center;}/*中央そろぁE/
.left{text-align: left;}/*左揁E��*/
.center-block{margin: 0 auto;}/*ブロチE��要素中央そろぁE/
.clear{clear: both; overflow: hidden; margin: 30px auto;}


/*---------------------------------------------*/

.midashi{
    background:url(../img/top/main_back.png) repeat-x;
    width:824px;
    height:56px;
    line-height:56px;
    font-size:2em;
    margin:20px auto;
}

/****************************************************************************
	ホ�Eム設宁E
*****************************************************************************/
#mainimg{
    width:100%;
    margin:15px 0 0;
    background:url(../img/top/main_back.png) repeat-x;
}
.HOME h2{
    background:url(../img/top/main_back.png) repeat-x;
    width:824px;
    height:56px;
    line-height:56px;
    font-size:2em;
    margin:20px auto;
}

.top_box01 ul{
    width:960px;
    margin:10px 0 0;
    overflow:hidden;
}
.top_box01 ul li{
    width:auto;
    float:left;
    margin:0;
}

.top_sekou{
    width:960px;
    height:131px;
    position:relative;
    margin:10px auto;
}
.topsekou_btn{
    width:284px;
    position:absolute;
    right:0;
    top:0;
}
.topsekou_arrow{
    width:960px;
    top:0;
    left:0;
    text-align:center;
}

.top_box02{
    width:960px;
    height:401px;
    position:relative;
    margin:0;
}
.top_box02 h3{
    width:960px;
    position:absolute;
    top:10px;
    left:0;
    font-size:2.077em;
    background:url(../img/top/h_line.png) center bottom no-repeat;
}
.top_box02 p{
    width:960px;
    position:absolute;
    top:60px;
    left:0;
    font-size:2.308em;
}

.top_box03{
    background:#F5E3CF;
    width:960px;
    margin:10px 0 0;
    padding:15px 0 0;
}
.top_box03 h3{
    width:960px;
    font-size:2.077em;
    background:url(../img/top/h_line.png) center bottom no-repeat;
}
.top_box03 p{
    width:960px;
    font-size:2.308em;
}
.top_box03 ul{
    width:865px;
    margin:30px auto 0;
    overflow:hidden;
}
.top_box03 ul li{
    width:210px;
    float:left;
    margin:0 4px 0 0;
}
.top_box03 ul li p{
    font-size:1.385em;
    width:auto;
}
 
table.bd_area {
border-top:solid 1px #afafaf;
border-left:solid 1px #afafaf;
border-right:solid 1px #afafaf;
border-bottom:solid 1px #afafaf;

}
table.bd_area th{
border-right:0px;
border-bottom:0px;
}
table.bd_area td{
border-right:0px;
border-bottom:0px;
border-left:0px;
border-top:0px;
} 
 
   
   
/****************************************************************************
	コンチE��チE�E通設宁E
*****************************************************************************/
#contents{
    width:960px;
    height:auto;
    margin:0px auto;
    overflow:hidden;
}
.inquiry{
    width:960px;
    margin:0;
}
.inquiry table{
    border-top:7px solid #F086B6;
    border-bottom:7px solid #F086B6;
    margin-top:10px;
}
.inquiry .logo p{
    text-align:left;
    line-height:2.5em;
    font-weight:normal;
    font-size:0.846em;
}
.seotxt{margin:50px 0 120px;text-align:left;}
.seotxt h2,.seotxt h3{
    font-weight: bold;
    font-size: 100%;
    text-align: left;
    margin: 30px 0 0;
    background: none;
}
.seotxt h2{height: 3.2em;}


/****************************************************************************
	ここがいぁE��宁E
*****************************************************************************/
.KOKO .box01{
    width: 959px;
    height: 400px;
    margin: 30ox 0 0;
    position: relative;
    text-align: left;
}
.KOKO .box01 .txt{
    width: 420px;
    position: absolute;
    top: 150px;
    right: 30px;
}
.KOKO .box02{
    width: 960px;
    height: 861px;
    margin: 30ox 0 0;
    position: relative;
}
.KOKO .box02 .txt{
    width: 940px;
    position: absolute;
    top: 320px;
    left:30px;
    overflow:hidden;
}
.KOKO .box02 .txt li{
    width: 256px;
    float: left;
    margin-right: 50px;
}
.KOKO .box03{
    width: 960px;
    height: 539px;
    margin: 30px 0;
    position: relative;
}
.KOKO .box03 .txt{
    width: 820px;
    position: absolute;
    top: 300px;
    left:130px;
    overflow:hidden;
}
.KOKO .box03 .txt li{
    width: 173px;
    float: left;
    margin-right: 30px;
}

/****************************************************************************
	看板製作�E流れ設宁E
*****************************************************************************/
.FLOW .box01{
    width: 859px;
    height: 243px;
    margin: 30px auto;
    position: relative;        
}
.FLOW .box01 .txt{
    width: 182px;
    position: absolute;
    bottom: 50px;
    left: 340px;
}
.FLOW .box02{
    width: 859px;
    height: 209px;
    margin: 30px auto;
    position: relative;        
}
.FLOW .box02 .txt{
    width: 385px;
    position: absolute;
    top: 90px;
    left: 100px;
    text-align: left;
}
.FLOW .box03{
    width: 859px;
    height: 209px;
    margin: 30px auto;
    position: relative;        
}
.FLOW .box03 .txt01{
    width: 339px;
    position: absolute;
    top: 80px;
    left: 100px;
    text-align: left;
}
.FLOW .box03 .txt02{
    width: 339px;
    position: absolute;
    top: 80px;
    right: 50px;
    text-align: left;
}
.FLOW .box03 .title{
    font-size: 140%;
}
.FLOW .box04{
    width: 859px;
    height: 243px;
    margin: 30px auto;
    position: relative;        
}
.FLOW .box04 .txt{
    width: 385px;
    position: absolute;
    top: 90px;
    left: 100px;
    text-align: left;
}

/****************************************************************************
	施工例設宁E
*****************************************************************************/
.CASE .box01 {
    width: 948px;
    overflow: hidden;
    margin: 30px auto 200px;
}
.CASE .box01 ul{
    width: 100%;
    overflow: hidden;
}
.CASE .box01 ul li{
    width: 237px;
    float: left;
    margin-bottom:20px;
}
.CASE .box01 ul li p{
    background: #F5E3CF;
    border: 5px solid #F0D4B6;
    width: 180px;
    padding: 5px 0;
    margin: 0 auto;
}

/****************************************************************************
	看板の種類設宁E
*****************************************************************************/
.TYPE .box01{
    width: 887px;
    margin: 20px auto;
    overflow: hidden;
}
.TYPE .box01 ul{
    width: 100%;
    overflow: hidden;
}
.TYPE .box01 li{
    width: 400px;
    float: left;
    margin: 0 40px 30px 0;
    background: #F5E3CF;
    padding: 20px 0;
    text-align: center;
}
.TYPE .box01 li .title{
    width: 280px;
    margin: 0 auto;
    background: #6A3906;
    border: 3px solid #fff;
    color: #fff;
    padding: 5px 0;
}
.TYPE .box01 li p{
    text-align: left;
    width: 363px;
    margin: 0 auto;
}
/****************************************************************************
	会社概要設宁E
*****************************************************************************/
.COMPANY .box01{
    width: 887px;
    height: 541px;
    margin: 30px auto 0;
    position: relative;
}
.COMPANY .box01 .txt{
    width: 300px;
    position: absolute;
    top: 100px;
    left: 120px;
    text-align: left;
    font-size: 130%;
}
.COMPANY .box01 .txt .title{
    font-size: 140%;
    margin-bottom: 20px;
}
.COMPANY .box02{
    width: 824px;
    margin: 40px auto 0;
    text-align: left;
}
.COMPANY .box02 th{
    width: 425px;
}
.COMPANY .box02 td{
    padding-left: 40px;
}
.COMPANY .box02 td .title{
    font-size: 140%;
    margin-bottom: 20px;
}
.COMPANY .box03{
    width: 636px;
    overflow: hidden;
    margin: 20px auto 50px;
}
.COMPANY .box03 li{
    width: 182px;
    float: left;
    margin: 0 45px 20px 0;
    font-size: 80%;
}
/****************************************************************************
	お問ぁE��せ設宁E
*****************************************************************************/
.mailform{margin-bottom: 100px;}
.mailform table{
    border-left: 1px solid #6A3906;
    border-top: 1px solid #6A3906;
    width: 628px;
    margin: 40px auto;
}
.mailform table th{
    border-right: 1px solid #6A3906;
    border-bottom: 1px solid #6A3906;
    background: #F8EBDD;
    padding: 5px 10px;
    vertical-align: top;
}
.mailform table td{
    border-right: 1px solid #6A3906;
    border-bottom: 1px solid #6A3906;
    text-align: left;
    padding: 5px 8px;
}
.submit_btn{
    width: 182px;
    height: 69px;
    background: url(../img/contact/submit.png) no-repeat;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}
.mailform input[type="text"],.mailform textarea {width: 100%}    

table.area_list{
    text-align: left;
	width:660px;
	margin:20px auto;

}
table.area_list th,
table.area_list td{
	padding:5px 10px;
	border-bottom: dotted 1px #d4d4d4;
}
table.area_list td{
/*	font-size:120%;*/
}
table.area_list th{
	width:90px;
	font-size:90%;
}
table.area_list th div{
	width:80px;
	padding:10px 0;
	text-align:center;
	color:#ffffff;
	line-height:1em;
	font-weight:bold;
	background-color:#33BFB5;
	border-radius:5px;
}