body{
	font: 14px "メイリオ",Meiryo,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Arial,sans-serif;
	color: #252525;
	-webkit-text-size-adjust: none;
  min-width:1000px;
}
ul,ol{
	list-style: none;
	padding:0;
}

/* 1:Header CSS
  ================================================*/
header {
 	width: 100%;
 	background: url(../img/main/bg_index_header.png) repeat-x;
 }

header #header-inner{
	width: 1000px;
	margin: 0 auto;
 	overflow: hidden;
}

header #header-inner h1 a{
	display: block;
	height: 120px;
}

header #header-inner #logo{
	float:left;
}

header #header-inner #logo h1{
	margin: 10px 0 0 0;
}

header #header-inner #header-info{
	margin: 16px 0 0 400px;
}

header #header-inner #header-info p{
	font-size:12px;
	font-weight: bold;
	margin:5px 0;
}

header #header-inner #header-info div{
	margin: 5px 0 0 0;
	float:left;
}

header #header-inner #header-info ul{
	margin: 5px 0 0 400px;
}

header #header-inner #header-info ul > li a{
	display:block;
	height:38px;
	text-indent: -9999px;
}

header #header-inner #header-info li{
	margin:0 0 5px 0;
}

header #header-inner #header-info li.contact a{
	width:178px;
	background:url(../img/main/btn_index_information.png) no-repeat left 0;
}

header #header-inner #header-info li.profile a{
	width:178px;
	background:url(../img/main/btn_index_information.png) no-repeat right 0;
}

header #header-inner #header-info li.contact a:hover{
	background-position:left -77px;
}

header #header-inner #header-info li.profile a:hover{
	background-position:right -77px;
}

header #header-inner .gnav{
	float:left;
}

header #header-inner .gnav ul{
	overflow:hidden;
	margin:0 0 10px 0;
}

header #header-inner .gnav ul > li {
	float:left;
}

header #header-inner .gnav ul > li a{
	display:block;
	height:70px;
	text-indent: -9999px;
}

header #header-inner .gnav li.top a{
	width:200px;
	background:url(../img/main/img_index_navi.png) no-repeat left 0;
}

header #header-inner .gnav li.news a{
	width:192px;
	background:url(../img/main/img_index_navi.png) no-repeat -200px 0;
}

header #header-inner .gnav li.check a{
	width:194px;
	background:url(../img/main/img_index_navi.png) no-repeat -392px 0;
}

header #header-inner .gnav li.results a{
	width:193px;
	background:url(../img/main/img_index_navi.png) no-repeat -586px 0;
}

header #header-inner .gnav li.services a{
	width:196px;
	background:url(../img/main/img_index_navi.png) no-repeat -779px 0;
}

header #header-inner .gnav li.top a:hover{
	background-position:left -107px;
}

header #header-inner .gnav li.news a:hover{
	background-position:-200px -107px;
}

header #header-inner .gnav li.check a:hover{
	background-position:-392px -107px;
}

header #header-inner .gnav li.results a:hover{
	background-position:-586px -107px;
}

header #header-inner .gnav li.services a:hover{
	background-position:-779px -107px;
}

#page-nav {
  background:url(../img/main/bg_navigation.png) repeat-x;
  height:30px;
}

#page-nav ul{
  width:1000px;
  margin:0 auto;
  text-align:left;
}

#page-nav ul li ,
#page-nav ul li a{
  display:inline;
  color:#FFFFFF;
  line-height:30px;
  vertical-align:baseline;
  margin-right:15px;
}

#page-nav ul li:not(:last-child):after{
  content: "＞";
  padding-left:15px;
}

/* 2:side-area CSS
  ================================================*/
#wrap{
	width:1000px;
	margin: 40px auto 30px;
}

#wrap:after, main:after{
	visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

#side-area{
	width:300px;
	float:left;
}

#side-area h4{
	float:left;
    margin: 15px 0 0 5px;
}

#side-area li p{
	line-height: 100%;
}

#side-area p.title{
	font-weight: bold;
	margin: 5px 0 20px 0;
}

#side-area p.title a{
	text-decoration:none;
	color:#3a3a31;
}

#side-area .icon01{
	display:block;
	float:left;
	text-indent: -9999px;
	width:48px;
	height:50px;
    margin: 5px 0 0 5px;
}

#side-area .icon02{
	display:block;
	float:left;
	text-indent: -9999px;
	width:14px;
	height:15px;
	margin: 0 5px 0 0;
}

#side-area .list{
  float: right;
  margin: 25px 30px 0 0;
  width: 50px;
}

#side-area .list a{
	display: block;
	float:right;
	font-size:12px;
	text-decoration: none;
}

#side-area .news .list a{
	color:#009a92;
}

#side-area .results .list a{
	color:#e25513;
}

#side-area .item01{
	background:url(../img/main/img_index_paint.png) no-repeat left 0;
}

#side-area .item02{
	background:url(../img/main/img_index_paint.png) no-repeat left -50px;
}

#side-area .list01{
	background:url(../img/main/img_index_arrowleft.png) no-repeat left 0;
}

#side-area .list02{
	background:url(../img/main/img_index_arrowleft.png) no-repeat right 0;
}

/*お知らせ*/
#side-area .bg-radius-list{
  background:#ECE9C8;
  width: 300px;
  height:auto;
  border-radius:10px;
  margin: 5px 0 0 0;
}
#side-area .bg-radius-list .bg-dot60{
  width:100%;
  height:60px;
  background:url(../img/main/bg-dot60.png) top no-repeat;
}
#side-area .bg-radius-list ul{
	display:block;
  clear:both;
	width:270px;
  margin: 5px 0 0 10px;
  padding:10px 0;
}
#side-area .bg-radius-list ul li{
  background:url(../img/main/bg-radius-border.png) top left no-repeat;
  margin: 0 0 12px 0;
  border-bottom:2px solid #C1B494;
  padding:7px;
}
#side-area .bg-radius-list li p.date{
	color:gray;
	margin:0 0 7px 0;
}
#side-area .bg-radius-list li p{
	margin:2px 0;
}

/*施工実績*/
#side-area .bg-radius-img{
  background:#ECE9C8;
  width: 300px;
  height:auto;
  border-radius:10px;
  margin: 5px 0 0 0;
}
#side-area .bg-radius-img .bg-dot60{
  width:100%;
  height:60px;
  background:url(../img/main/bg-dot60.png) top no-repeat;
}
#side-area .bg-radius-img ul{
  display: block;
  width: 270px;
  margin: 0 0 0 10px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 10px;
}
#side-area .bg-radius-img ul li{
  height:40px;
  padding:7px;
}
#side-area .bg-radius-img li p{
  display:inline-block;
}
#side-area .bg-radius-img li p.thumb{
  vertical-align:middle;
  border:2px solid #FFF;
  margin-right:14px;
}

#side-area .news{
  overflow: hidden;
  background: url(../img/main/bg_index_left1.png) no-repeat;
  padding: 0px 0 10px 0;
  margin: 5px 0 0 0;
  width: 300px;
}

#side-area .news ul{
	display:block;
  clear:both;
	float:left;
	width:290px;
    margin: 20px 0 0 10px;
}

#side-area .news ul li{
    margin: 0 0 12px 20px;
}

#side-area .news li p.date{
	color:gray;
	margin:0 0 0 0;
}

#side-area .results{
	overflow: hidden;
	background: url(../img/main/bg_index_left2.png) no-repeat;
	background-size: cover;
	padding:0 0 10px 0;
	margin: 15px 0 0 0;
}

#side-area .results ul{
	display:block;
  clear:both;
	float:left;
	width:282px;
	margin: 19px 0 0 18px;
}


#side-area .results ul li{
	overflow:hidden;
	margin: 0 0 10px 0;
}

#side-area .results li p{
	float:left;
	margin:0;
}

#side-area .results li p{
	float:left;
	margin:0;
}

#side-area .results li p.title{
	margin: 12px 0 0 10px;
}

#side-area .question{
	margin:10px 0 0 0;
}
#side-area .kikusui{
	margin:10px 0 0 0;
}
#side-area .bn_area{
	margin:10px 0 0 0;
}


#side-area .estimate{
	height: 150px;
	background: url(../img/main/bnr_index_otoiiawase.png) no-repeat;
	margin: 15px 0 0 0;
}

#side-area .estimate .btn01{
	padding:70px 0 0 120px;
}

#side-area .estimate .btn01 a{
	display: block;
	text-indent: -9999px;
	width:160px;
	height:50px;
}

#side-area .estimate a{
	background: url(../img/main/btn_index_start_otoiawase.png) no-repeat;
}

#side-area .estimate a:hover{
	background-position:left -82px;
}

/* 3:Footer CSS
  ================================================*/
footer{
	width:100%;
	background: url(../img/main/bg_index_footer.png) ;
	clear:both;
}

footer #footer-inner{
	width:1000px;
	margin: 0 auto 5px;
	padding: 15px 0 0 0;
	overflow: hidden;
}

footer #footer-inner #footer-left{
  width:312px;
	float:left;
}
footer #footer-inner #footer-left p img{
  margin:0px;
	}

footer #footer-inner #footer-right{
	margin: 1em 0 0 350px;
	overflow: hidden;
}

footer #footer-inner #footer-right .right-top{
	float:left;
}

footer #footer-inner #footer-right .right-bottom{
	float:left;
	margin: 20px 0 0 0;
}

footer #footer-inner #footer-right .right-bottom div{
	float:right;
	margin: 3px 0 0 20px;
}

footer #footer-inner #footer-right .right-bottom ul{
	margin:0;
	overflow: hidden;
}

footer #footer-inner #footer-right .right-bottom ul > li{
	float:left;
}

footer #footer-inner #footer-right .right-bottom ul>.contact a{
	width: 140px;
	background: url(../img/main/btn_index_footer.png) no-repeat left 0px;
}

footer #footer-inner #footer-right .right-bottom ul>.contact a:hover{
	background-position:left -65px;
}

footer #footer-inner #footer-right .right-bottom ul>.about{
	margin:0 0 0 3px;
}
footer #footer-inner #footer-right .right-bottom ul>.about a{
	width: 140px;
	background: url(../img/main/btn_index_footer.png) no-repeat right 0px;
}

footer #footer-inner #footer-right .right-bottom ul>.about a:hover{
	background-position:right -65px;
}

footer #footer-inner #footer-right .right-bottom ul>li>a{
	display:block;
	height:41px;
}


footer #footer-menu{
	width:1000px;
	margin: 0 auto;
	overflow: hidden;
}

footer #footer-menu .lb{
	float:left;
	width:470px;
}

footer #footer-menu .rb{
	float:left;
	width: 280px;
	margin-left: 210px;
}

footer #footer-menu ul li{
	border-bottom:1px dashed #e1e3d6;
	padding:0 0 4px 0;
	margin:0 0 4px 0;
	font-size:14px;
}

footer #footer-menu ul li a{
	color:#40210f;
	text-decoration:none;
	vertical-align:middle;
	font-size: 14px;
	font-weight: bold;
}

footer #footer-menu ul li span{
	color:#797879;
	margin:0 0 0 9px;
	vertical-align:middle;
	font-size: 13px;
}

footer #footer-menu li:before{
	content:url("../img/top/icon_footer_arrow.png");
	margin:0 6px 0 0;
	position: relative;
	top: 2px;
}

footer #copyright p{
	text-align: center;
}

footer #copyright p small{
	font-size: 14px;
}

/* フッター戻る
------------------------------------------------------------*/
#gotoTop{
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#gotoTop a {
	display: block;
}