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

body{
font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
margin:0;
color:#313131;
text-align:center;
}

/******** HEADER *********/
header{
	width:100%;
	height:60px;
	background-color:#339999;
	padding-top:10px;
	padding-bottom:10px;
	}

.name{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
	text-align:left;
	}

.orderbutton{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-75px;
	text-align:right;
	}


/******** NAV ********/
nav{
	height:25px;
	background-color:#336677;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	}

#navigate{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}

a#navi{
	font-weight:bold;
	background-color:#336677;
	border-right:solid 1px #ffffff;
	text-decoration:none;
	display:block;
	width:199px;
	float:left;
	line-height:25px;
	}

a#navi:hover{
	background-color:#33cccc;
	}

/******** FOOTER ********/
img#icon{
	margin-bottom:0px;
	margin-left:680px;
	}

footer{
	width:100%;
	height:200px;
	background-color:#336677;
	text-align:center;
	color:#ccffff;
	margin-top:-9px;
	padding-top:20px;
	}

#footer{
	width:800px;
	margin:auto;
	text-align:right;
	}

#footerbutton{
	width:800px;
	font-weight:bold;
	margin-top:-140px;
	margin-left:auto;
	margin-right:auto;
	}

a#footer-a{
	color:#336677;
	border:solid 5px #336677;
	background-color:#ccffff;
	border-radius: 50px 50px 50px 50px;
	text-decoration:none;
	display:block;
	padding-top:25px;
	padding-bottom:25px;
	width:73px;
	float:left;
	}

a#footer-a:hover{
	color:#ccffff;
	background-color:#336677;
	}



/******** トップページ ********/

#top{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	}

.topimg{
	margin-bottom:50px;
	}


/*** 見出しの画像 ***/

h2#titlebar{
	background:url(../material/bar.png);
	width:600px;
	height:45px;
	margin-top:150px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:80px;
	padding-top:15px;
	color:#ffffff;
}


/*** 我が社の特徴 ***/

#features{
	width:600px;
	margin-right:auto;
	margin-left:auto;
	padding-left:100px;
	text-align:left;
	}

#check{
	margin:auto auto 20px auto;
	padding-left:45px;
	background-image:url(../material/check.jpg);
	background-repeat:no-repeat;
	}


/*** 事業内容 ***/

#sakui{
	width:600px;
	margin:auto;
	}

.box{
	width:300px;
	height:80px;
	text-align:left;
	margin-top:50px;
	}

.box-right{
	margin-left:300px;
	margin-top:-80px;
	}

.circle{
	color:#606060;
	font-weight:bold;
	font-size:16pt;
	padding:20px 5px 20px 5px;
	border-radius: 80px 80px 80px 80px;
	}

.c-orange{
	border:solid 7px #ff9900;
}

.c-red{
	border:solid 7px #ff0033;
	}

.c-parple{
	border:solid 7px #9966cc;
	}

.c-aqua{
	border:solid 7px #66ccff;
	}

.c-green{
	border:solid 7px #66cc00;
	}


.list{
	margin-left:95px;
	margin-top:-35px;
	}

h6{
	width:250px;
	color:#ffffff;
	font-weight:bold;
	font-size:14pt;
	background-color:#287CD1;
	padding-top:5px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	}

.balloon{
	width:130px;
	margin-top:25px;
	margin-right:15px;
	margin-bottom:50px;
	}

#sonota{
	width:600px;
	margin:auto;
	}

.work{
	width:160px;
	height:160px;
	background-color:#f0f5f5;
	border:solid 3px #c0cccc;
	margin-right:10px;
	padding:15px;
	text-align:left;
	}

.work-center{
	margin-top:-196px;
	margin-left:200px;
	}

.work-right{
	margin-left:400px;
	margin-top:-196px;
	margin-bottom:20px;
	}


/*** 施工実績 ***/

h4.gray{
	color:gray;
	font-size:24px;
	}


/*** マップ ***/

#map{
	width:600px;
	margin-top:-50px;
	margin-bottom:50px;
	}


/*** 会社概要 ***/
#policy{
	width:100%;
	height:600px;
	padding-top:50px;
	background-position: top;
	background-repeat: no-repeat;
	background-image:url(../material/nyunoboringbg-88.jpg);
	}

.policy{
	margin-top:20px;
	}


#policy-text{
	margin-top:-350px;
	}

#overview{
	width:600px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom:50px;
	}

.overview{
	margin-left:100px;
	margin-top:-23px;
	}

hr{
	width:600px;
	margin-bottom:20px;
	}




/******** お問合せフォーム ********/
article#form{
	margin-top:40px;
	}

form{
	width:600px;
	border:solid 3px #339999;
	margin-top:20px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	padding-top:40px;
	padding-bottom:20px;
	padding-left:60px;
	text-align:left;
	}

.text{
	width:500px;
	margin-bottom:10px;
}

.textarea{
	width:500px;
	height:150px;
	margin-bottom:10px;
}

.form{
	font-weight:bold;
	}

select{
	width:250px;
	margin-bottom:10px;
	}

button{
	width:150px;
	font-weight:bold;
	background-color:#339999;
	border:solid 2px #c0c0c0;
	color:#ffffff;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	}

button:hover{
	background-color:#ff6666;
	border:solid 2px #ffffff;
	cursor: pointer;
	}

button:active{
	background-color:#996666;
	border:solid 2px #c0c0c0;
	}


/******** 送信完了画面 ********/
div#if{
	width:400px;
	margin:auto;
	padding:20px;;
	border:solid 2px #c0cccc;
	}



/******** FONT ********/
.bold{
	font-weight:bold;
	}

.white{
	color:#ffffff;
	}

.red{
	color:#ff0033;
	}

.sky{
	color:#ccffff;
	}

.bluegreen{
	color:#339999;
	}

.blue{
	color:#287CD1;
	}

.font12{
	font-size:12pt;
	}

.font14{
	font-size:14pt;
	}

.font16{
	font-size:16pt;
	}

.font20{
	font-size:20pt;
	}

.font24{
	font-size:24pt;
	}