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

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


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

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

/*	ヘッダー
----------------------------------------------------------------------------*/
#head{
    width: 1200px;
    height: 30px;
    text-align: left;
    margin: 0 auto;
}


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

/*	フッター
----------------------------------------------------------------------------*/
#footer{
    width: 100%;
    background: #E9F5FB;
    padding: 20px 0 0;
}
#footer table{
    width: 1051px;
    margin: 0 auto 20px;
}
#copyright{
    background: #0071BC;
    color: #fff;
    height: 30px;
    line-height: 30px;
}
#footnavi{
    margin: 30px auto 0;
}
    

/*	共送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;}
.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;}


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

/****************************************************************************
	ホ�Eム設宁E
*****************************************************************************/
.HOME #main_cont{
    width: 852px;
}
.HOME #container{
    background: url(../img/page_side.png) right top no-repeat;
    min-height:3246px;
	height:auto !important;
	height:3246px;
}
.HOME #contents{background-image: none;}
.HOME .main{
    width: 852px;
    height: 549px;
    position: relative;
    text-align: left;
    font-size: 110%;
    font-weight: bold;
}
.HOME .main .txt01{
    width: 240px;
    position: absolute;
    top:420px;
    left: 35px;
}
.HOME .main .txt02{
    width: 240px;
    position: absolute;
    top:420px;
    left: 310px;
}
.HOME .main .txt03{
    width: 240px;
    position: absolute;
    top:420px;
    right: 28px;
}
.HOME .box01{
    width: 100%;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: left;
    font-size: 110%;
}
.HOME .box01 .l-box{
    width: 420px;
    height: 220px;
    float: left;
    position: relative;
}
.HOME .box01 .l-box p{
    width: 168px;
    position: absolute;
    top: 80px;
    left: 10px;
}
.HOME .box01 .r-box{
    width: 420px;
    height: 220px;
    float: right;
    position: relative;
}
.HOME .box01 .r-box p{
    width: 218px;
    position: absolute;
    top: 80px;
    left: 10px;
}
.HOME .box02{
    width: 852px;
    height: 271px;
    position: relative;
    margin: 10px 0 0;
    text-align: left;
}
.HOME .box02 p{
    width: 284px;
    position: absolute;
    top: 160px;
    left: 30px;
    font-size: 130%;
}
.HOME .box03{
    width: 852px;
    height: 273px;
    position: relative;
    margin: 10px 0 0;
    text-align: left;
}
.HOME .box03 p{
    width: 284px;
    position: absolute;
    top: 165px;
    left: 30px;
    font-size: 130%;
}
.HOME .box04{
    width: 852px;
    height: 235px;
    position: relative;
    margin: 10px 0 0;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.3;
}
.HOME .box04 .txt01{
    width: 233px;
    position: absolute;
    bottom: 45px;
    left: 170px;
}
.HOME .box04 .txt02{
    width: 233px;
    position: absolute;
    bottom: 30px;
    right: 180px;
}
.HOME .box04 .txt03{
    width: 220px;
    position: absolute;
    bottom: 25px;
    left: 150px;
}
.HOME .box04 .txt04{
    width: 240px;
    position: absolute;
    bottom: 45px;
    right: 180px;
}
.HOME .box04 .txt05{
    width: 229px;
    position: absolute;
    bottom: 30px;
    left: 220px;
}
.HOME .box04 .txt06{
    width: 249px;
    position: absolute;
    bottom: 25px;
    right: 190px;
}
.HOME .box04 .txt07{
    width: 251px;
    position: absolute;
    bottom: 35px;
    left: 150px;
}
.HOME .seo{
    width: 1110px;
    margin: 20px 90px 0 0;
    text-align: left;
}

.HOME .seo h2,.HOME .seo h3,.HOME .seo h4{
    margin: 30px 0 10px;
    text-align: left;
    font-size: 110%;
}

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{
    background: url(../img/contents_back.jpg) 0 0 no-repeat;
    width: 950px;
    overflow: hidden;
}
#sidemenu{
    width: 240px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
#sidemenu ul{margin-bottom: 20px;}
#sidemenu ul li{margin-bottom: 10px;}
#sidemenu .staff{margin: 20px 0 0;background: #E0F0FF;}
#sidemenu .stafflist{padding-bottom: 10px;}
#sidemenu .stafflist li{
    width: 230px;
    height: 129px;
    margin: 10px auto 0;
    position: relative;
}
#sidemenu .stafflist li p{
    width: 111px;
    position: absolute;
    right: 5px;
    top: 20px;
    font-size: 80%;
    text-align: left;
}
.txt-box{text-align: left;margin: 10px 50px;}
.maintitle{margin: 10px auto 0;}
/****************************************************************************
	ぁE��ね�E�楽、E��板屁E
*****************************************************************************/
.IINE .box01{
    width: 862px;
    height: 524px;
    margin: 20px auto 30px;
    position: relative;
    text-align: left;
}
.IINE .box01 .txt01{
    width: 405px;
    position: absolute;
    top: 10px;
    left: 0;
}
.IINE .box01 .txt02{
    width: 342px;
    position: absolute;
    bottom: 30px;
    right: 0;
}
.IINE .box02{
    width: 950px;
    height: 415px;
    margin: 20px 0 30px;
    position: relative;
    text-align: left;
}
.IINE .box02 p{
    width: 405px;
    position: absolute;
    top: 180px;
    left: 50px;
}
.IINE .box03{
    width: 100%;
    overflow: hidden;
    margin: 20px 0;
}
.IINE .box03 .l-box{
    width: 476px;
    float: left;
    margin: 0;
}
.IINE .box03 .r-box{
    width: 473px;
    float: right;
    margin: 0;
}
.IINE .box04{width: 429px; margin: 120px auto 0;}
.IINE .box04 li{
    width: 429px;
    height: 155px;
    position: relative;
    margin-bottom: 20px;
    text-align: left;
}
.IINE .box04 li div{
    width: 249px;
    position: absolute;
    top: 30px;
    left: 150px;
}
.IINE .box04 li div strong{
    font-weight: 700;
    font-size: 120%;
}
.IINE .box05{
    text-align: left;
    width: 425px;
    margin: 20px auto 0;
}
.IINE .box05 p{margin-top: 20px;}


/****************************************************************************
	会社案�E
*****************************************************************************/
.COMP .box01{
    width: 791px;
    height: 609px;
    margin: 50px auto 0;
    position: relative;
    text-align: left;
}
.COMP .box01 .title{
    width: 117px;
    position: absolute;
    top: 10px;
    left: 30px;
}
.COMP .box01 .txt01{
    width: 548px;
    position: absolute;
    top: 10px;
    left: 147px;
}
.COMP .box01 li{line-height: 52px;}
.COMP .box01 li.add{
    line-height: 1.8;
    height: 218px;
    padding-top: 10px;
}
.COMP .box01 li.work{line-height: 1.8;padding-top: 10px;}

.COMP .link{
    width: 890px;
    overflow: hidden;
    margin: 20px auto 0;
}
.COMP .link li{
    width: 169px;
    float: left;
    margin-right: 10px;
}

/****************************************************************************
	看板の種顁E
*****************************************************************************/
.TYPE dl{
    width: 687px;
    margin: 30px auto 0;
    overflow: hidden;
}
.TYPE dl dt{
    width: 272px;
    float: right;
    clear: both;
    margin-bottom: 50px;
}
.TYPE dl dd{
    overflow: hidden;
    text-align: left;
    margin-bottom: 50px;
}
.TYPE dl dd .title p{
    width: 180px;
    display: block;
    padding: 1px 3px;
    background: #ED1C24;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 120%;
}
.TYPE dl dd ul{margin: 20px 0 0;font-size: 110%;}

/****************************************************************************
	施工事侁E
*****************************************************************************/
.CASE #contents ul{
    width: 100%;
    margin: 100px auto 0;
    overflow: hidden;
}
.CASE #contents ul li{
    width: 50%;
    float: left;
    margin: 0 auto 50px;
}

/****************************************************************************
	制作�E流れ
*****************************************************************************/
.FLOW .box01{
    width: 834px;
    margin: 30px auto 0;
    overflow: hidden;
}
.FLOW .box01 li{
    /*width: 50%;*/
	width: 100%;
    float: left;
    margin: 0;
}
.FLOW .box02{
    width: 831px;
    height: 444px;
    margin: 20px auto 0;
    position: relative;
    text-align: left;
}
.FLOW .box02 .txt01{
    width: 437px;
    position: absolute;
    top: 50px;
    left: 30px;
}
.FLOW .box02 .txt02{
    width: 396px;
    position: absolute;
    bottom: 70px;
    right: 0;
}

/****************************************************************************
	お問ぁE��わせ
*****************************************************************************/
.CONTACT #contents table{
    width: 750px;
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 40px auto;
    text-align: left;
}
.CONTACT #contents table th{
    width: 232px;
    background: url(../img/contact/th_back.jpg);
    color: #fff;
    padding: 5px 0 5px 15px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}
.CONTACT #contents table td{
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
}
.w100{width: 100%;}
.submit_btn{
width: 203px;
height: 41px;
background: url(../img/contact/submit.jpg) no-repeat;
border: 0;
cursor: pointer;
}
.CONTACT #contents input[type="text"]{height: 1.5em;}


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