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

/*-------------------------------- TOP --------------------------------*/
/*------------ 初期設定 ------------*/
body {
	background: url(../images/mainimg_bg.jpg) no-repeat center 212px;
}

#top_contents {
	width: 960px;
	margin: 0 auto;
	padding: 18px 0 4px 0;
}

#contents {
	width: 960px;
	margin: 0 auto 30px auto;
}

#main_contents_top {
	width: 670px;
	float: left;
}

/*topimg*/
#top_contents div.f_right{
width:723px;
height:80px;
position:relative;
}

#topimg{
width:960px;
height:390px;
}

#top_contents div#topimg img{
/*
position:absolute;
top:0px;
left:0px;
z-index:1;
*/
/*display:none;*/
}

/*------------ スライドボックス ------------*/
#top_contents div.slide_box{
position:absolute;
bottom:0px;
left:0px;
width:723px;
height:80px;
background-color: #E4E5E0;
overflow:hidden;
}

.slide_box ul li{
position:absolute;
top:4px;
left:-9999px;
z-index:1;
width:222px;
height:71px;
}

.slide_left {
	position: absolute;
	left: 0;
	top: 0;
	z-index:2;
}

.slide_right {
	position: absolute;
	right: 0px;
	top: 0;
	z-index:2;
}

/*------------ ナビ ------------*/
ul#top_nav {
	float: left;
}

ul#top_nav li {
	width: 217px;
	margin-bottom: 6px;
}

ul#top_nav li a {
	width: 217px;
	height: 72px;
	display: block; 
	text-indent: -9999px;
	background: no-repeat left top;
}

ul#top_nav li#top_nav01 a {
	background-image: url(../images/top/top_nav01.jpg);
}

ul#top_nav li#top_nav02 a {
	background-image: url(../images/top/top_nav02.jpg);
}

ul#top_nav li#top_nav03 a {
	background-image: url(../images/top/top_nav03.jpg);
}

ul#top_nav li#top_nav04 a {
	background-image: url(../images/top/top_nav04.jpg);
}

ul#top_nav li#top_nav05 a {
	background-image: url(../images/top/top_nav05.jpg);
}

ul#top_nav li#top_nav06 a {
	height: 80px;
	background-image: url(../images/top/top_nav06.jpg);
}

/*------------ 最新施工事例 ------------*/
h3.top_ttl01 {
	width: 667px;
	height: 58px;
	margin-bottom: 13px;
	text-indent: -9999px;
	background: url(../images/top/top_ttl01.jpg) no-repeat left top;
}

#new_sample {
	width: 691px;
	margin: 0 0 10px -24px;
	position: relative;
}

#new_sample h4 {
	width: 100%;
	height: 15px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 5px center;
}

h4.top_subttl01 {
	background-image: url(../images/top/top_subttl01.gif);
}

h4.top_subttl02 {
	background-image: url(../images/top/top_subttl02.gif);
}

h4.top_subttl03 {
	background-image: url(../images/top/top_subttl03.gif);
}

h4.top_subttl04 {
	background-image: url(../images/top/top_subttl04.gif);
}

#new_sample .sub_box {
	width: 321px;
	padding-left: 24px;
	margin-bottom: 10px;
	float: left;
}

#new_sample .sample_photo img {
	margin-bottom: 7px;
	border: 1px solid #B1B1B1;
}

/*
#new_sample .sample_btn {
	width: 200px;
	height: 26px;
	margin: 15px auto 0 auto;
}

#new_sample .sample_btn a {
	width: 200px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background: url(../images/top/top_sample_btn.gif) no-repeat left top;
}
*/

/*------------ 最新情報・スタッフブログ更新情報 ------------*/
#new_info {
	width: 321px;
	margin-bottom: 10px;
	float: left;
}

#blog_news {
	width: 317px;
	margin-bottom: 10px;
	float:  right;
}

#new_info a,
#blog_news a {
	color: #666;
	text-decoration: none;
}

#new_info h3 {
	width: 321px;
	height: 60px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../images/top/top_ttl02.jpg) no-repeat left top;
}

#blog_news h3 {
	width: 317px;
	height: 60px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(../images/top/top_ttl03.jpg) no-repeat left top;
}

#new_info dl,
#blog_news dl {
	padding: 5px;
	font-size: 12px;
	background-color: #FFF;
}

#new_info dt,
#blog_news dt {
	padding: 3px 5px 0 5px;
	color: #904212;
	font-weight: bold;
}

#new_info dd,
#blog_news dd {
	margin: 0 5px;
	padding: 0 5px 5px 5px;
	border-bottom: 1px dotted #d1d6c4;
}

#new_info .sub_box,
#blog_news .sub_box {
	padding: 5px;
	background-image: url(../images/top/gray_bg.gif);
}

#main_contents_top p.list_btn {
	padding: 5px 10px;
	text-align: right;
	font-size: 15px;
	background: url(../images/arrow_yerrow.gif) no-repeat 230px center #FFF;
}

/*------------ サービス内容 ------------*/
h3.top_ttl04 {
	width: 667px;
	height: 60px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background: url(../images/top/top_ttl04.jpg) no-repeat left top;
}

#service {
	width: 695px;
	margin-left: -27px;
	position: relative;
}

#service ul li {
	padding: 0 0 27px 27px;
	float: left;
}

.btm_tel_area {
	width: 109px;
	height: 51px;
	padding: 10px 0 0 559px;
	background: url(../images/btm_tel_area.jpg) no-repeat left top;
}

.btm_tel_area p {
	width: 95px;
	height: 42px;
}

.btm_tel_area p a {
	width: 95px;
	height: 42px;
	display: block;
	text-indent: -9999px;
}


/*------------ サイドコンテンツ ------------*/
#side_contents_top {
	width: 270px;
	margin-top: 18px;
	float: right;
}

ul.banner_list li {
	margin-bottom: 10px;
}

ul.banner_list li img {
	border: 1px solid #D3D3D3;
}

/*----calendar----*/
div#cal{
width:270px;
margin-bottom:5px;
}

div#cal table{
width:270px;
border:1px solid #ccc!important;
}

div#cal table caption{
background-color:#fb5;
color:#fff;
padding:5px;
margin-bottom:5px;
font-size:1em;
font-weight:bold;
}

div#cal table th,
div#cal table td{
border-right:1px dotted #ccc;
text-align:center;
vertical-align:middle;
width:14%;
}

div#cal table th{
border-bottom:1px solid #ccc;
padding:5px;
background-color:#fff9ee;
}

div#cal table td span{
display:block;
padding:5px;
}

div#cal table th.sun,
div#cal table td.sun{
color:#f30!important;
}

div#cal table th.sat,
div#cal table td.sat{
color:#06c;
}

div#cal table td.close span{
background-color:#eee;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;

}

p.sample_close{
overflow:hidden;
zoom:1;
margin-bottom:10px;
}

p.sample_close span{
background-color:#eee;
width:50px;
display:block;
float:left;
margin-right:5px;
}