@charset "utf-8"; 


.box {background-repeat:no-repeat;	background-position:top left;}

h3 {
	margin-top:15px;
}

.blue-font {color:#09F;}
.red-font {color:#900;}
.orange-font {color:#FF9E0F;}

p { padding-bottom:10px;}

.exa-list,
.exa-detail {
	margin:40px 0 0 60px;
}

.gallerylist_count {
	padding-right:45px;
}

.gallerylist_count a {
	color:#09F;
	text-decoration:none;
}

.gallerylist_count a:hover {
	color:#09F;
	text-decoration:underline;
}
	

/*施工実例＆お客様の声
-------------------------------------------------------------------------------*/
.workarea_img {
	width:165px;
	height:215px;
	text-align:center;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom:2px;
	border-color:#D8D8D8;
	border:solid;
	border-width:1px;
	
}

.workarea_img_l {
	float:left;
	width:165px;
	height:215px;
	text-align:center;
	border-color:#D8D8D8;
	border:solid;
	border-width:1px;
	
}

.workarea_title {
	text-align:center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	font-size:12px;
	color:#598259;
	
}

.workarea_body {
	width:145px;
	text-align:left;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	padding-bottom:7px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	border-bottom-width: 1px;
	
}

.workarea_botan {
	text-align:center;
	padding-left: 55px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	
}

.okyakuarea_body {
	width:280px;
	height:150px;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom:5px;
	font-size:13px;
	line-height: 170%;
	
}

.okyakuarea_img {
	width:200px;
	height:150px;
	text-align:center;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 15px;
	padding-bottom:2px;
	
}

.okyakuarea_title {
	width:200px;
	text-align:left;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom:2px;
	
}

.menu_botan {
	float:right;
	padding-right: 15px;				
}


/* 施工事例のスタイル */
.gallery_imageviwersub_flame {
  margin-left:10px;
  width: 125px;
  padding:3px;
  vertical-align:top;
}
.gallery_imageviwersub_outflame {
  width: 125px;
  float:left;
  vertical-align:top;
}

.gallery_imageviwer_control {
  margin: 10px 0 5px 0;
}
.gallery_imageviwersub_flame ul {
  margin: 0;
  padding: 0;
  width: 125px;
  height: 100px;
  margin: 0 0 5px 0px;
  list-style: none;
}
.gallery_imageviwersub_flame ul li {
  margin: 0 5px 15px 5px;
  width: 50px;
  height: 50px;
  float: left;
}

* html .gallery_imageviwersub_flame ul li {
  margin: 0 2px 5px 2px;
  width: 50px;
  height: 50px;
  float: left;
}

.gallery_imageviwersub_flame ul li img {
  width: 50px;
  height: 50px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 2px;
}
.gallery_imageviwersub_pagecount {
  width: 190px;
  margin: 0 0 5px 5px;
  padding: 0 5px 0 0;
  text-align: right;
}
.gallery_imageviwermain_flame {

  float:right;
  margin-left: 10px;
  border: 1px solid #CCCCCC;
}
* html .gallery_imageviwermain_flame {
  margin-left: 5px;
}
.gallery_imageviwermain_photo {
  margin: 5px 0;
}
.gallery_imageviwermain_line {
  margin: 5px 0;
}
.example_imageviwermain_photocaption {
  margin: 0;
  padding: 5px 0 0 0;
  border-top: 1px solid #ccc;
}
#picture {
  text-align:left;
}
#picture_comment {
  text-align:left;
  margin: 0;
  padding-left: 10px;
}