@charset "shift_jis";
/* CSS Document */
/****************************************************************************
	body基本設宁E
*****************************************************************************/
body{
color: #333;
font: 13px "メイリオ","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: #333;
text-decoration: underline;
}
a:hover{
color: #6BAF45;
text-decoration: underline;
}

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


/*	外枠
----------------------------------------------------------------------------*/
#container{
width: 100%;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

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

/*	ヘッダー
----------------------------------------------------------------------------*/
h1{
    width: 960px;
    margin: 0 auto;
    text-align:left;
    line-height:2.5em;
}
#head{
    width:100%;
    overflow:hidden;
    border-bottom: 2px solid #ccc;
}
#head table{
    width:960px;
    text-align:right;
    margin:0 auto 10px auto;
}
#head table td.logo{
    width:479px;
    text-align:left;
}


/*	グローバルナビ
----------------------------------------------------------------------------*/
#gmenu{
}
#gmenu ul{
}
#gmenu li{
}

/*	フッター
----------------------------------------------------------------------------*/
#footer{
    text-align:left;
    color:#33BFB5;
    font-size:0.769em;
    border-top:1px solid #ccc;
    padding:15px 0 0;
}
.copyright{
    width:960px;
    height:23px;
    margin:0 auto;
    position:relative;
}
#foot_kanban{
    width:445px;
    height:335px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:999;
}
#foot_kanban_new{
    width:256px;
    height:189px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:999;
}

#footer2{
	width:100%;
	background:url(../img/footer_line.png) bottom repeat-x;
	margin:0;
	padding:0;
}
.footer_inner{
	width:960px;
	margin:auto;
}
.footer_inner:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.copy{
	color:#33BFB5;
    font-size:10px;
	text-align:left;
	padding-top:160px;
}
.f_tel{
	position:relative;
	float:right;
}
.f_btn{
	position:absolute;
	top:75px;
	left:0;
	width:255px;
	text-align:center;
}







/*	共送E
----------------------------------------------------------------------------*/
.mar_bottom50{margin-bottom: 50px;}
.mar_bottom80{margin-bottom: 30px;}
.mar_bot30{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;}
.center{text-align: center;}/*--中央そろぁE-*/
.left{text-align: left;}/*--左揁E��--*/
.right{text-align: right;}
.center-block{margin: 0 auto;}/*--ブロチE��要素中央そろぁE-*/
.clear{clear: both; overflow: hidden; margin: 30px auto;}

.fl{float:left;}
.fr{float:right;}

.mar_topbana {
	margin-bottom: 30px;
	text-align: center;
}

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

h2{
    color:#33BFB5;
    font-size:34px;
    border-bottom:2px solid #33BFB5;
    font-weight:bold;
}


/****************************************************************************
	ホ�Eム設宁E
*****************************************************************************/
#mainimg{
    width:1200px;
    margin:15px auto 0;
}
.HOME #head{border: none;}
.top_box01{
    width:691px;
    margin:20px auto 0;
}
.top_box01 ul{
    width:691px;
    overflow:hidden;
}
.top_box01 ul li{
    width:220px;
    float:left;
    margin:0 10px 20px 0;
    color:#33BFB5;
    font-size:1.308em;
}
.top_box01 p{margin:10px auto 0;width:138px;height:33px;text-align:left;padding-left:35px;}
.top_box01 p.icon01{background:url(../img/top/icon01.png) 0 0 no-repeat;}
.top_box01 p.icon02{background:url(../img/top/icon02.png) 0 0 no-repeat;}
.top_box01 p.icon03{background:url(../img/top/icon03.png) 0 0 no-repeat;text-indent:0.3em;}
.top_box01 p.icon04{background:url(../img/top/icon04.png) 0 0 no-repeat;}
.top_box01 p.icon05{background:url(../img/top/icon05.png) 0 0 no-repeat;}
.top_box01 p.icon06{background:url(../img/top/icon06.png) 0 0 no-repeat;}

.top_box02{
    width:713px;
    overflow:hidden;
    margin:30px auto 0;
    clear:both;
}
.top_box02 .txt{
    width:480px;
    float:left;
    text-align:left;
    margin:0;
}
.top_box02 .switch{
    width:211px;
    float:right;
    margin:0;
}

.top_box03{
    background:url(../img/top/img07.png) no-repeat;
    width:692px;
    height:246px;
    margin:30px auto 50px;
}
.top_box03 ul{
    width:638px;
    margin:10px auto;
    overflow:hidden;
}
.top_box03 li{
    width:127px;
    float:left;
    margin:0;
}
.top_box03 li p{margin:8px 0 0;}
.top_box03 li .name{font-size:1.308em;}
.top_box03 h3{color:#F15A24;font-size:3em;font-weight:bold; padding:15px 0 0;text-align: center;}

.top_taiou{
    margin:30px 0 50px;
}
.top_taiou_inner{
	border:solid 4px #fbd15e;
	border-radius:20px;
	padding:15px;
	text-align:center;
}
.ttl_weare{color:#F15A24;font-size:3em;font-weight:bold; padding:15px 0 0;text-align: center;}
.weare li{
	display:inline-block;
	width:130px;
	margin:10px 0;
}




.top_box04{
    margin:20px 0;
    text-align:left;
}
.top_box04 .txt{width:450px;}
.top_box04 h2,.top_box04 h4{
    font-weight: bold;
    text-align: left;
    font-size: 100%;
    border: none;
    margin: 30px 0 0;
    padding: 0;
    color: #000;
}
.top_box04 h3{
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    height: 2.2em;
    color: #000;
    margin-top: 30px;
}

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;
}


/*  �ۈ����̉c�Ɣ͈� */
.title_sub{
    text-align: left;
    padding-left: 1em;
    font-size: 140%;
    border-bottom:2px solid #fbd15e;
    font-weight:bold;
    margin: 50px 0 0;
	color:#F15A24;
}
.normal{
	font-size:13px;
	color:#000000;
	font-weight:normal;
}

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;
}
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;
}








/****************************************************************************
	コンチE��チE�E通設宁E
*****************************************************************************/
#contents{
    width:960px;
    height:auto;
    margin:20px auto;
    overflow:hidden;
}
#sidemenu{
    width:225px;
    float:left;
    margin:0;
}
#maincont{
    width:713px;
    float:right;
    margin:0;
}
h3{
    color: #33BFB5;
    font-size: 150%;
    padding-left: 46px;
    height: 36px;
    line-height: 36px;
    text-align: left;
}
.icon01{background: url(../img/icon/icon01.jpg) no-repeat;}
.icon02{background: url(../img/icon/icon02.jpg) no-repeat;}
.icon03{background: url(../img/icon/icon03.jpg) no-repeat;}
.icon04{background: url(../img/icon/icon04.jpg) no-repeat;}
.icon05{background: url(../img/icon/icon05.jpg) no-repeat;}
.icon06{background: url(../img/icon/icon06.jpg) no-repeat;}
.icon07{background: url(../img/icon/icon07.jpg) no-repeat;}
.icon08{background: url(../img/icon/icon08.jpg) no-repeat;}
.icon09{background: url(../img/icon/icon09.jpg) no-repeat;}
.icon10{background: url(../img/icon/icon10.jpg) no-repeat;}
.icon11{background: url(../img/icon/icon11.jpg) no-repeat;}
.icon12{background: url(../img/icon/icon12.jpg) no-repeat;}
.icon13{background: url(../img/icon/icon13.jpg) no-repeat;}
.icon14{background: url(../img/icon/icon14.jpg) no-repeat;}
.icon15{background: url(../img/icon/icon15.jpg) no-repeat;}
.icon16{background: url(../img/icon/icon16.jpg) no-repeat;}

.txtbox{width: 586px;margin: 20px auto;text-align: left;}
    
/*----------------------------------------------------------------------------
    サイドメニュー詳細設宁E
-----------------------------------------------------------------------------*/
#quote{
    width:225px;
    height:295px;
    position:relative;
}
#quote_new{
    width:225px;
    height:190px;
    position:relative;
}
#quote .switch{
	width: 200px;
}
#sidemenu .navi{
    margin:15px 0;
}
#sidemenu .point{
    width:210px;
    margin:0 auto 20px;
    text-align:left;
    color:#F15A24;
    font-size:1.154em;
}

#sidemenu dl{
    width:198px;
    margin:15px auto;
}
#sidemenu dt{
    text-align:left;
    font-size:1.077em;
    margin-bottom:0.5em;
    font-weight:bold;
	float:none;
	width:198px;
}
#sidemenu dd{
    margin:0 0 15px;
    padding-bottom:1em;
    border-bottom:1px solid #DCDCDC;
}
#sidemenu dd.none{border:none;}

.side_banner li{
	margin-bottom:12px;
}





/****************************************************************************
	ここがいぁE��宁E
*****************************************************************************/
.KOKO #maincont{margin-bottom: 10px;} 
.KOKO h3{margin-top: 50px;}
.KOKO .midashi01{
    font-size: 150%;
    margin: 40px 0;
}
.KOKO .midashi01 strong{
    color: #FF66C2;
    font-weight: normal;
    font-size: 180%;
}
/****************************************************************************
	制作�E流れ設宁E
*****************************************************************************/
.FLOW #maincont{margin-bottom: 100px;}

/* �T�C�h�o�[�Ɋ��‚��邽�߁A�ȉ��s�g�p�̂��ƁB�@*/
/*
.FLOW dl{
    width: 635px;
    margin: 20px auto auto 50px;
    overflow: hidden;
}
.FLOW dt{
    width: 220px;
    float: right;
}
.FLOW dd{
    width: 415px;
    overflow: hidden;
    text-align: left;
}
*/

dl.workFlow{
    width: 635px;
    margin: 20px auto auto 50px;
    overflow: hidden;
}
dl.workFlow dt{
    width: 220px;
    float: right;
}
dl.workFlow dd{
    width: 415px;
    overflow: hidden;
    text-align: left;
}





/****************************************************************************
	施工例設宁E
*****************************************************************************/
.CASE #maincont{margin-bottom: 10px;}
.CASE .box01{
    width: 697px;
    overflow: hidden;
    margin: 30px auto 0;
}
.CASE .box01 li{
    width: 220px;
    float: left;
    margin: 0 12px 50px 0;
}
.CASE .box01 li p{
    width: 150px;
    margin: 10px auto 0;
    text-align: left;
}
.CASE .box01 li p span{
    color: #33BFB5;
    margin-right: 15px;
}
/****************************************************************************
	看板の種類設宁E
*****************************************************************************/
.TYPE #maincont{margin-bottom: 10px;} 
.workTYPE dl{
    width: 635px;
    margin: 20px auto auto 50px;
    overflow: hidden;
}
.workTYPE dt{
    width: 220px;
    float: right;
}

.workTYPE dd{
    width: 415px;
    overflow: hidden;
    text-align: left;
}
/****************************************************************************
	会社概要設宁E
*****************************************************************************/
.COMPANY #maincont{margin-bottom: 10px;}
.COMPANY .box01{
    width: 713px;
    height: 389px;
    margin: 30px auto 0;
    position: relative;
}
.COMPANY .box01 .txt{
    width: 300px;
    position: absolute;
    top: 80px;
    left:50px;
    text-align: left;
}
.COMPANY .box01 .txt p{
    font-size: 130%;
    margin-bottom: 10px;
}

.COMPANY .box01 .txt_2{
    width: 300px;
    position: absolute;
    top: 20px;
    left:50px;
    text-align: left;
}
.COMPANY .box01 .txt_2 p{
    font-size: 130%;
    margin-bottom: 10px;
}

.COMPANY .box01 .txt_2 p.aoji{
    color: #33BFB5;
    font-size: 150%;
	font-weight:bold;
}





.COMPANY .box01 ul{
    width: 704px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    overflow: hidden;
}
.COMPANY .box01 ul li{
    width: 220px;
    float: left;
    display: block;
    margin-right: 10px;
}
.COMPANY h3{
    text-align: left;
    padding-left: 1em;
    font-size: 140%;
    border-bottom:2px solid #33BFB5;
    font-weight:bold;
    margin: 50px 0 0;
}
.COMPANY table{
    width: 659px;
    margin: 20px auto 0;
}
.COMPANY table .title{
    font-size: 120%;
    margin-bottom: 10px;
    text-align: left;
}
.COMPANY .box02{
    width: 636px;
    margin: 30px auto 0;
    overflow: hidden;
}
.COMPANY .box02 li{
    width: 201px;
    float: left;
    margin: 0 16px 20px 0;
}


/*  ��ЊT�v ---------*/
table.gaiyou{
	border:solid 1px #999999;
	margin-bottom:20px;
}
table.gaiyou th,
table.gaiyou td{
	text-align:left;
	vertical-align:top;
	padding:10px;
	border:solid 1px #999999;

}
table.gaiyou th{
	background-color:#d4d4d4;
}





/****************************************************************************
	お問ぁE��せ設宁E
*****************************************************************************/
.CONTACT #maincont{margin-bottom: 10px;}
.CONTACT .mailform table{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    width: 670px;
    margin: 30px auto 0;
}
.CONTACT .mailform table th{
    width: 225px;
    background: #33BFB5;
    color: #fff;
    padding: 10px;
    vertical-align: top;
    border-bottom:1px solid #fff;
    text-align: center;
}
.CONTACT .mailform table td{
    padding: 10px;
    text-align: left;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    font-size: 80%;
}
.submit_btn{
    width: 130px;
    height: 39px;
    background: url(../img/contact/submit.png) no-repeat;
    margin: 20px auto;
    border: 0;
}
.CONTACT input[type="text"],.CONTACT textarea{
    width: 100%;
    border: 1px solid #ccc;
	padding:3px 0;
}