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

/* トップページ
===========================================================*/
body#top #mainImg {
	height:500px;
	position:relative;
}
#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:2; height:500px; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:500px; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

* html #mainImg  {background:url(../../images/top_main_bg.gif) repeat-x top left;}
* html #supersized  {background:url(../../images/top_main01.jpg) no-repeat top center;}

body#top header {
	background:#FFF;
	padding:26px 0;
	margin:0 0 43px;
}
body#top header p {
	margin:0;
	padding:0;
}
body#top header h1 {
	font-size:154%;
	float:right;
	padding:15px 0 0;
	margin:0;
	width:auto;
}
#top #wrapper #clmL #news {
	margin:0 0 20px;
}
#top #wrapper #clmL #news h2 {
	margin:0 0 30px;
}
#top #wrapper #clmL #news dl {
	text-align:left;
}
#top #wrapper #clmL #news dl dt {
	margin:0 0 20px;
}
#top #wrapper #clmL #news dl dt img {
	margin:0 20px 0 0;
}
#top #wrapper #clmL #news dl dt time {
	vertical-align:-0.2em
}
#top #wrapper #clmL #news dl dt p {
	padding:20px 0 0;
}
#top #wrapper #clmL #news dl dt a {
	background:url(../images/arrow01.gif) no-repeat left 0.4em;
	padding:0 0 0 12px;
	display:block;
	line-height:1.4;
}
#top #wrapper #clmL #news dl dd {
	font-size:93%;
	line-height:1.6;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px dotted #AAA;
}
#top #wrapper #clmL #news .btn {
	padding:0 10px;
}
body#top #wrapper #clmR {
	width:670px;
	float:right;
}
#top #wrapper #clmR #gnavi {
	margin:0 0 35px;
}
#top #wrapper #clmR #gnavi h2 {
	margin:0 0 30px;
}
#top #wrapper #clmR #gnavi ul {
}
#top #wrapper #clmR #gnavi ul li {
	width:310px;
	margin:0 10px 10px 0;
	float:left;
	background:#FFF;
	border:1px solid #F5F5EF;
	padding:9px;
	text-align:left;
}
#top #wrapper #clmR #gnavi ul li a {
	display:block;
}
#top #wrapper #clmR #gnavi ul li:nth-child(even) {
	margin:0;
}
#top #wrapper #clmR #gnavi ul li p {
	line-height:1.4;
	font-size:93%;
	padding:5px 0 0;
}
#top #wrapper #clmR #works {
}
#top #wrapper #clmR #works .flexslider { margin: 0 auto; position: relative; zoom: 1; width:632px; }
#top #wrapper #clmR #works .flex-direction-nav .flex-prev { left: -19px;}
#top #wrapper #clmR #works .flex-direction-nav .flex-next { right: -19px;}

#top #wrapper #clmR #works h2 {
	margin:0 0 30px;
}
#top #wrapper #clmR #works ul {
}
#top #wrapper #clmR #works ul li {
	width:97px;
	text-align:center;
	margin:0 10px 0 0;
}

/* コンセプト
===========================================================*/
#wrapper #clmR #concept h4,
#wrapper #clmR #made h4,
#wrapper #clmR #propose h4,
#wrapper #clmR #after h4,
#wrapper #clmR #price h4,
#wrapper #clmR #house h4 {
	color:#E8C537;
}
#wrapper #clmR #concept aside,
#wrapper #clmR #made aside,
#wrapper #clmR #propose aside,
#wrapper #clmR #after aside,
#wrapper #clmR #price aside,
#wrapper #clmR #house aside {
	margin:0 0 20px;
}
#wrapper #clmR #concept aside ul,
#wrapper #clmR #made aside ul,
#wrapper #clmR #propose aside ul,
#wrapper #clmR #after aside ul,
#wrapper #clmR #price aside ul,
#wrapper #clmR #house aside ul {
	width:550px;
	margin:0 auto;
}
#wrapper #clmR #concept aside ul li,
#wrapper #clmR #made aside ul li,
#wrapper #clmR #propose aside ul li,
#wrapper #clmR #after aside ul li,
#wrapper #clmR #price aside ul li,
#wrapper #clmR #house aside ul li {
	float:left;
	margin:0 30px 10px 0;
}
#wrapper #clmR #concept aside ul li:nth-child(even),
#wrapper #clmR #made aside ul li:nth-child(even),
#wrapper #clmR #propose aside ul li:nth-child(even),
#wrapper #clmR #after aside ul li:nth-child(even),
#wrapper #clmR #price aside ul li:nth-child(even),
#wrapper #clmR #house aside ul li:nth-child(even) {
	margin:0 0 10px;
}
#wrapper #clmR #concept aside ul li a,
#wrapper #clmR #made aside ul li a,
#wrapper #clmR #propose aside ul li a,
#wrapper #clmR #after aside ul li a,
#wrapper #clmR #price aside ul li a,
#wrapper #clmR #house aside ul li a {
	display:block;
}
#wrapper #clmR #concept section .clearfix {
	padding:10px 60px;
	margin:20px 0 0;
	background:#FFF;
	border:1px solid #F5F5EF;
}
#wrapper #clmR #concept section .clearfix .fR {
	padding:30px 0 0;
}
#wrapper #clmR #concept section .clearfix .fR li {
	font-size:131%;
	padding:10px 0 10px 41px;
	margin:15px 0;
}
#wrapper #clmR #concept section .clearfix .fR li:nth-child(1) {
	background:url(../../concept/images/arrow01.gif) no-repeat left 50%;
}
#wrapper #clmR #concept section .clearfix .fR li:nth-child(2) {
	background:url(../../concept/images/arrow02.gif) no-repeat left 50%;
}
#wrapper #clmR #concept section .clearfix .fR li:nth-child(3) {
	background:url(../../concept/images/arrow03.gif) no-repeat left 50%;
}
#wrapper #clmR #concept section .clearfix .fR li:nth-child(4) {
	background:url(../../concept/images/arrow04.gif) no-repeat left 50%;
}
/* こだわりの家づくり */
#wrapper #clmR #made section ul {
	margin:20px 0 0;
}
#wrapper #clmR #made section ul li {
	width:160px;
	float:left;
	margin:0 13px 18px 0;
}
#wrapper #clmR #made section ul li:nth-child(4n) {
	margin:0 0 18px 0;
}
#wrapper #clmR #made section ul li p {
	font-size:85%;
	padding:3px 0 0;
	text-align:center;
}
/* 快適な住宅をご提案します */
#wrapper #clmR #propose {
}
#wrapper #clmR #propose .imgArea {
	background:#FFF;
	border:1px solid #F5F5EF;
	padding:10px 9px;
	margin:20px 0;
}
#wrapper #clmR #propose .imgArea ol {
	float:left;
	width:149px;
	margin:0;
}
#wrapper #clmR #propose .imgArea ol:nth-child(2) {width:127px;margin:0 26px 0 0;}
#wrapper #clmR #propose .imgArea ol:nth-child(3) {width:176px;margin:0 26px 0 0;}
#wrapper #clmR #propose .imgArea ol:nth-child(4) {width:128px;margin:0 26px 0 0;}
#wrapper #clmR #propose .imgArea ol li {margin:0 0 10px;}

#wrapper #clmR #propose .photoArea {
	font-size:85%;
}
#wrapper #clmR #propose .photoArea .fL {
	width:320px;
}
#wrapper #clmR #propose .photoArea .fL .fL,
#wrapper #clmR #propose .photoArea .fL .fR {
	width:150px;
	margin:10px 0 0;
}
#wrapper #clmR #propose .photoArea .fR {
	width:337px;
}
/* 地震に強い家 */
#wrapper #clmR #house {
}
#wrapper #clmR #house .inner section .imgArea {
	margin:20px 0 0;
}
#wrapper #clmR #house .inner section ul {
	margin:0 0 20px;
}
#wrapper #clmR #house .inner section ul li {
	width:330px;
	font-size:85%;
	float:left;
	margin:0 20px 0 0;
}
#wrapper #clmR #house .inner section ul li:last-child {
	margin:0;
}
/* 充実したアフターケア */
#wrapper #clmR #after .inner .imgArea {
	margin:0 0 20px;
}
#wrapper #clmR #after .inner .btn {
	margin:20px 0 0;
}
/* リーズナブルな価格設定 */
#wrapper #clmR #price .inner section:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
#wrapper #clmR #price .inner section img.fL {
	margin:0 15px 0 0;
}
#wrapper #clmR #price .inner section h4 {
	padding:10px 0 0;
}


/* SE構法
===========================================================*/
#wrapper #clmR #se {
}
#wrapper #clmR #se h4 {
	color:#4BB9CC;
}
#wrapper #clmR #se ul {
	margin:20px 0 0;
}
#wrapper #clmR #se ul li {
	width:308px;
	padding:10px;
	float:left;
	background:#FFF;
	border:1px solid #F5F5EF;
	margin:0 20px 20px 0;
}
#wrapper #clmR #se ul li:nth-child(even) {
	margin:0 0 20px 0;
}
#wrapper #clmR #se ul li img {
	float:left;
	margin:0 10px 0 0;
}
#wrapper #clmR #se ul li h4 {
	padding:10px 0 0;
}
#wrapper #clmR #se section.clearfix img.fL {
	margin:0 10px 0 0;
}
#wrapper #clmR #se section.clearfix embed.fR {
	margin:0 0 0 10px;
}
#wrapper #clmR #se section.clearfix h4 {
	margin:0 0 20px;
}

/* 在来工法
===========================================================*/
#wrapper #clmR #usual {
}
#wrapper #clmR #usual h4 {
	color:#E6934A;
}
#wrapper #clmR #usual section.clearfix img.fL {
	margin:0 10px 0 0;
}
#wrapper #clmR #usual section.clearfix h4 {
	padding:20px 0 0;
}
#wrapper #clmR #usual section ul {
	margin:20px 0 0;
}
#wrapper #clmR #usual section ul li {
	float:left;
	width:216px;
	margin:0 16px 0 0;
}
#wrapper #clmR #usual section ul li:last-child {
	margin:0;
}
#wrapper #clmR #usual section ul li p {
	text-align:center;
	font-size:85%;
	padding:3px 0 0;
}
#wrapper #clmR #usual section .worksBtn {
	margin:20px 0 20px;
}

/* リフォーム
===========================================================*/
#wrapper #clmR #reform h4 {
	color:#DF6C6C;
}
#wrapper #clmR #reform section ul {
	margin:20px 0 0;
}
#wrapper #clmR #reform section ul li {
	width:678px;
	background:#FFF;
	border:1px solid #F5F5EF;
	margin:0 0 20px;
}
#wrapper #clmR #reform section ul li:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
#wrapper #clmR #reform section ul li img {
	float:left;
	margin:0 15px 0 0;
}
#wrapper #clmR #reform section ul li section {
	margin:0;
	padding:15px 20px 15px 0;
}
#wrapper #clmR #reform section ul li section h5 img {
	float:none;
	margin:0 0 20px;
}
#wrapper #clmR #reform section ul.clearfix li {
	float:left;
	width:216px;
	margin:0 16px 0 0;
	background:none;
	border:0px;
}
#wrapper #clmR #reform section ul.clearfix li:last-child {
	margin:0;
}
#wrapper #clmR #reform section ul.clearfix li p {
	font-size:85%;
	padding:3px 0 0;
}
#wrapper #clmR #reform section ul.over3 li {
	margin:0 16px 20px 0;
}
#wrapper #clmR #reform section ul.over3 li:nth-child(3n) {margin:0 0 20px 0;}


/* 展示場のご案内
===========================================================*/
#wrapper #clmR #exhibit {
}
#wrapper #clmR #exhibit h4 {
	color:#50AB7D;
}
#wrapper #clmR #exhibit section.clearfix img.fL {
	margin:0 15px 0 0;
}
#wrapper #clmR #exhibit section.clearfix h4 {
	padding:20px 0 0;
	line-height:1.6;
}
#wrapper #clmR #exhibit ul {
	background:#FFF;
	border:1px solid #F5F5EF;
	width:540px;
	padding:20px 70px;
}
#wrapper #clmR #exhibit ul li {
	margin:0 0 20px;
}
#wrapper #clmR #exhibit ul li:last-child {
	margin:0;
}
#wrapper #clmR #exhibit dl {
	width:160px;
	float:left;
}
#wrapper #clmR #exhibit dl dt {
	color:#50AB7D;
	font-size:108%;
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #AAA;
}
#wrapper #clmR #exhibit dl dd {
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:1px solid #AAA;
	line-height:1.6;
}
#wrapper #clmR #exhibit dl dd:last-child {
	border-bottom:0px;
}
#wrapper #clmR #exhibit dl dd a {text-decoration:underline;}
#wrapper #clmR #exhibit #map {
	width:500px;
	float:right;
}
#wrapper #clmR #exhibit ul.btn {
	background:none;
	border:0px;
	padding:0;
	width:680px;
}
#wrapper #clmR #exhibit ul.btn li {
	width:330px;
	float:left;
	margin:0 20px 0 0;
}
#wrapper #clmR #exhibit ul.btn li:last-child {
	margin:0;
}


/* お問合わせ
===========================================================*/
#wrapper #clmR #contact {
}
#wrapper #clmR #contact section .inner ul {
	margin:0 0 20px;
}
#wrapper #clmR #contact section .inner ul li {
	line-height:1.6;
	text-indent:-1em;
	padding:0 0 0 1em;
}
#wrapper #clmR #contact section .inner ul li:before {
	content:"※";
}
#wrapper #clmR #contact section .inner dl {
	line-height:1.6;
}
#wrapper #clmR #contact form {
	text-align:center;
	padding:0 10px;
}
#wrapper #clmR #contact form .kindForm {
	border-bottom:1px dotted #DFDFD0;
	padding:0 70px 15px ;
	margin:0 0 20px;
}
#wrapper #clmR #contact form .kindForm label {
	float:left;
	padding:16px 0;
	margin:0 30px 0 0;
	background:#2C5376;
	width:240px;
	cursor:pointer;
	color:#6195C5;
	position:relative;
}
#wrapper #clmR #contact form .kindForm label span {
	background:url(../../contact/images/radio_disable.gif) no-repeat left 50%;
	padding:0 0 0 20px;
}
#wrapper #clmR #contact form .kindForm input {
	position:absolute;
	z-index:-5;
}
#wrapper #clmR #contact form .kindForm input:checked+label {
	background: #4079AC;
	color:#FFF;
}
#wrapper #clmR #contact form .kindForm input:checked+label span {
	background:url(../../contact/images/radio_checked.gif) no-repeat left 50%;
	padding:0 0 0 20px;
}
#wrapper #clmR #contact form dl {
	text-align:left;
	margin:0 0 30px;
}
#wrapper #clmR #contact form dl dt {
	float:left;
	padding:8px 10px 0 10px;
}
#wrapper #clmR #contact form dl dt img {
	vertical-align:-0.2em;
	margin:0 0 0 8px;
}
#wrapper #clmR #contact form dl dd {
	border-bottom:1px dotted #DFDFD0;
	padding:0 0 15px 250px;
	margin:0 0 20px;
}
#wrapper #clmR #contact form dl dd input {
	padding:3px 5px;
}
#wrapper #clmR #contact form dl dd #name,
#wrapper #clmR #contact form dl dd #company {
	width:250px;
}
#wrapper #clmR #contact form dl dd #email {
	width:340px;
}
#wrapper #clmR #contact form dl dd #tel,
#wrapper #clmR #contact form dl dd #fax {
	width:160px;
}
#wrapper #clmR #contact form dl dd #date {

}
#wrapper #clmR #contact form dl dd #comment {
	padding:3px 5px;
	width:390px;
	height:94px;
}
#wrapper #clmR #contact form .formBtn {
	width:300px;
	height:50px;
	background:url(../../contact/images/btn01_off.gif) no-repeat top center;
	text-indent:-9999px;
	border:0px;
	cursor:pointer;
	/*Transition*/
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
#wrapper #clmR #contact form .formBtn:hover {
	background:url(../../contact/images/btn01_on.gif) no-repeat top center;
}
/* カレンダー */
#ui-datepicker-div {
	background:#4079AC;
	font-family:Verdana, Geneva, sans-serif;
	display:none;
}
#ui-datepicker-div a:hover {
	text-decoration:none;
	color:#333;
}
table.ui-datepicker-calendar {
	background: #DDD;
    border-collapse: separate;
    border-spacing: 1px;
}
table.ui-datepicker-calendar th {
	background: #4079AC;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px;
}

table.ui-datepicker-calendar td {
	background: #FFF;
	color: #000;
	padding: 10px 10px;
	text-align: center;
}
table.ui-datepicker-calendar td:hover {
	background: #DDD;
}
table.ui-datepicker-calendar td.ui-datepicker-today {
	background: #FF8000;
}
table.ui-datepicker-calendar td.ui-datepicker-today a {
	color: #FFF;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable {
	background: #97BAD9;
	color: #4079AC;
}
table.ui-datepicker-calendar td.ui-datepicker-unselectable a:hover {
	cursor:pointer;
}
.ui-datepicker-header {
	padding:10px;
	color:#FFF;
}
a.ui-datepicker-prev {
	float: left;
	cursor: pointer;
	background:url(../../contact/images/cal_prev.gif) no-repeat left 2px;
	width:5px;
	height:10px;
	text-indent:-9999px;
}
a.ui-datepicker-next {
	float: right;
	cursor: pointer;
	background:url(../../contact/images/cal_next.gif) no-repeat left 2px;
	width:5px;
	height:10px;
	text-indent:-9999px;
}
a.ui-state-disabled {
	cursor:default;
}

/* 確認画面 */
#wrapper #clmR #contact .confirm {
	text-align:left;
	margin:0 0 30px;
}
#wrapper #clmR #contact .confirm dt {
	float:left;
	padding:0 10px 0 10px;
}
#wrapper #clmR #contact .confirm dd {
	border-bottom:1px dotted #DFDFD0;
	padding:0 0 15px 250px;
	margin:0 0 20px;
}
#wrapper #clmR #contact .btn {
	text-align:center;
	padding:0 60px;
}
/* 完了画面 */
#wrapper #clmR #contact .complete {
	text-align:center;
}
#wrapper #clmR #contact .complete h4 {
	font-size:154%;
	color:#3F79AC;
	margin:20px 0;
}
#wrapper #clmR #contact .complete p {
	margin:0 0 10px;
}
#wrapper #clmR #contact .complete .btn {
	margin:30px 0 0;
}
/* エラー画面 */
#wrapper #clmR #error h4 {
	color:#4079AC;
}
#wrapper #clmR #error p {
	margin:0 0 15px;
}



/* 新着情報
===========================================================*/
/* 一覧ページ */
#wrapper #clmR #news {
}
#wrapper #clmR #news h3 {
	font-size:154%;
	font-weight:bold;
	background:url(../../news/images/tit_bg.gif) no-repeat 8px bottom;
	border-bottom:2px solid #BEBEA0;
	padding:12px 20px 8px 51px;
}
#wrapper #clmR #news .inner .newsBox {
	width:194px;
	margin:0 16px 30px 0;
	padding:10px;
	border:1px solid #F5F5EF;
	background:#FFF;
	float:left;
}
#wrapper #clmR #news .inner .newsBox:nth-child(3n) {
	margin:0 0 30px 0;
}
#wrapper #clmR #news .inner .newsBox img.category {
	margin:0 10px 0 0;
}
#wrapper #clmR #news .inner .newsBox time {
	vertical-align:-0.2em;
}
#wrapper #clmR #news .inner .newsBox .imgArea {
	margin:10px 0 0;
	width:194px;
	height:95px;
	overflow:hidden;
}
#wrapper #clmR #news .inner .newsBox h4 {
	font-size:100%;
	font-weight:normal;
	background: url(../images/arrow01.gif) no-repeat left 0.3em;
	margin:20px 0 10px;
	padding:0 0 0 12px;
	line-height:1.2;
}
#wrapper #clmR #news .inner .newsBox p {
	font-size:85%;
}
#wrapper #clmR #news .inner .btn {
	margin:20px 0 0;
	text-align:right;
}
#wrapper #clmR #news .pagebar {
	clear:both;
	text-align:center;
	padding:10px;
	margin:50px 0 0;
}
#wrapper #clmR #news .pagebar span,
#wrapper #clmR #news .pagebar a {
	padding:7px 10px;
	margin:0 2px;
}
#wrapper #clmR #news .pagebar span:first-child,
#wrapper #clmR #news .pagebar a:first-child {
	padding:7px 10px;
	margin:0 2px 0 20px;
}
#wrapper #clmR #news .pagebar .this-page {
	background:#BEBEA0;
	color:#FFF;
}
/* 記事ページ */
#wrapper #clmR #news .inner .info {
	text-align:right;
	margin:0 0 30px;
}
#wrapper #clmR #news .inner .info img {
	margin:0 10px 0 0;
}
#wrapper #clmR #news .inner .info time {
	vertical-align:-0.2em;
}
#wrapper #clmR #news .inner .detailBox {
}
#wrapper #clmR #news .inner #detailBox p {
	margin:0 0 15px;
	line-height:1.8;
}
#wrapper #clmR #news .inner #detailBox img {
	margin:0 0 15px;
	padding:3px;
	background:#FFF;
	border:1px solid #DDD;
}
#wrapper #clmR #news .inner #detailBox p img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#wrapper #clmR #news .inner #detailBox img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#wrapper #clmR #news .inner #detailBox img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#wrapper #clmR #news .inner #detailBox .alignright {
    float: right;
}
#wrapper #clmR #news .inner #detailBox .alignleft {
    float: left;
}

/* ブログ
===========================================================*/
/* 一覧ページ */
#wrapper #clmR #blog {
}
#wrapper #clmR #blog h3 {
	font-size:154%;
	font-weight:bold;
	background:url(../../blog/images/tit_bg.gif) no-repeat 8px bottom;
	border-bottom:2px solid #95A5A6;
	padding:12px 20px 8px 51px;
}
#wrapper #clmR #blog .inner .blogBox {
	width:194px;
	margin:0 16px 30px 0;
	padding:10px;
	border:1px solid #F5F5EF;
	background:#FFF;
	float:left;
}
#wrapper #clmR #blog .inner .blogBox:nth-child(3n) {
	margin:0 0 30px 0;
}
#wrapper #clmR #blog .inner .blogBox time {
	vertical-align:-0.2em;
}
#wrapper #clmR #blog .inner .blogBox .imgArea {
	margin:10px 0 0;
	width:194px;
	height:95px;
	overflow:hidden;
}
#wrapper #clmR #blog .inner .blogBox h4 {
	font-size:100%;
	font-weight:normal;
	background: url(../images/arrow01.gif) no-repeat left 0.3em;
	margin:20px 0 10px;
	padding:0 0 0 12px;
	line-height:1.2;
}
#wrapper #clmR #blog .inner .blogBox p {
	font-size:85%;
}
#wrapper #clmR #blog .inner .btn {
	margin:20px 0 0;
	text-align:right;
}
#wrapper #clmR #blog .pagebar {
	clear:both;
	text-align:center;
	padding:10px;
	margin:50px 0 0;
}
#wrapper #clmR #blog .pagebar span,
#wrapper #clmR #blog .pagebar a {
	padding:7px 10px;
	margin:0 2px;
}
#wrapper #clmR #blog .pagebar span:first-child,
#wrapper #clmR #blog .pagebar a:first-child {
	padding:7px 10px;
	margin:0 2px 0 20px;
}
#wrapper #clmR #blog .pagebar .this-page {
	background:#95A5A6;
	color:#FFF;
}
/* 記事ページ */
#wrapper #clmR #blog .inner .info {
	text-align:right;
	margin:0 0 30px;
}
#wrapper #clmR #blog .inner .info img {
	margin:0 10px 0 0;
}
#wrapper #clmR #blog .inner .info time {
	vertical-align:-0.2em;
}
#wrapper #clmR #blog .inner .detailBox {
}
#wrapper #clmR #blog .inner #detailBox p {
	margin:0 0 15px;
	line-height:1.8;
}
#wrapper #clmR #blog .inner #detailBox img {
	margin:0 0 15px;
	padding:3px;
	background:#FFF;
	border:1px solid #DDD;
}
#wrapper #clmR #blog .inner #detailBox p img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#wrapper #clmR #blog .inner #detailBox img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
#wrapper #clmR #blog .inner #detailBox img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
#wrapper #clmR #blog .inner #detailBox .alignright {
    float: right;
}
#wrapper #clmR #blog .inner #detailBox .alignleft {
    float: left;
}

/* サイトマップ
===========================================================*/
#wrapper #clmR #sitemap {
}
#wrapper #clmR #sitemap ul li {
	font-size:139%;
	margin:0 0 30px;
	padding:0 0 10px;
	border-bottom:1px solid #999;
	background:url(../images/arrow02.gif) no-repeat left 0.1em;
}
#wrapper #clmR #sitemap ul li:first-child {
	background:url(../../sitemap/images/icon01.gif) no-repeat left -0.1em;
	padding:4px 0 10px;
}
#wrapper #clmR #sitemap ul li:first-child a {
	padding:0 0 0 34px;
}
#wrapper #clmR #sitemap ul li:nth-child(2)/*,
#wrapper #clmR #sitemap ul li:nth-child(3),
#wrapper #clmR #sitemap ul li:nth-child(4),
#wrapper #clmR #sitemap ul li:nth-child(5),
#wrapper #clmR #sitemap ul li:nth-child(6)*/ {
	border:0px;
	margin:0 0 10px;
}
#wrapper #clmR #sitemap ul li a {
	padding:0 0 0 16px;
}

#wrapper #clmR #sitemap ul li ul {
	margin:10px 0 0;
	padding:15px 20px 0;
	border-top:1px solid #999;
}
#wrapper #clmR #sitemap ul li ul li {
	font-size:72%;
	float:left;
	margin:0 40px 15px 0 !important;
	padding:0 !important;
	border:0px;
	background:url(../images/arrow01.gif) no-repeat left 0.1em !important;
}
#wrapper #clmR #sitemap ul li ul li a {
	padding:0 0 0 10px !important;
}

/* 準備中・404
===========================================================*/
#wrapper #clmR #ready .btn {
	text-align:center;
	margin:30px 0;
}
#wrapper #clmR #nf404 h4 {
	color:#857DBF;
	margin:0 0 20px;
}
#wrapper #clmR #nf404 ul li {
	list-style:disc inside;
	margin:0 0 15px;
	line-height:1.6;
}
#wrapper #clmR #nf404 p {
	margin:0 0 15px;
}
#wrapper #clmR #nf404 .btn {
	text-align:center;
	margin:30px 0;
}

/* 施工事例
===========================================================*/
/* 一覧 */
#wrapper #clmR #works {
}
#wrapper #clmR #works h3 {
}
#wrapper #clmR #works .clearfix {
}
#wrapper #clmR #works .clearfix section {
	width:216px;
	float:left;
	margin:0 26px 20px 0;
	text-align:center;
}
#wrapper #clmR #works .clearfix section:nth-child(3n) {
	margin:0 0 20px;
}
#wrapper #clmR #works .clearfix section .img {
	background:#FFF;
	border:1px solid #CCC;
	padding:2px;
	margin:0 0 10px;
}
#wrapper #clmR #works .clearfix section .img:hover {
	border:1px solid #30AC92;
}
#wrapper #clmR #works .clearfix section .img a img {
	/*Transition*/
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
#wrapper #clmR #works .clearfix section .img a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
#wrapper #clmR #works .clearfix section h4 {
	font-size:92%;
	font-weight:normal;
	margin:0 0 10px;
}
#wrapper #clmR #works .clearfix section h4 span {
	font-size:117%;
	font-weight:bold;
}
#wrapper #clmR #works .clearfix section h4 a {
	color:#30AC92;
}
#wrapper #clmR #works .clearfix section p {
	font-size:92%;
}

/* 詳細 */
#wrapper #clmR #works.detail {
}
#wrapper #clmR #works.detail h3 {
	font-size:154%;
	font-weight:bold;
	background:url(../../works/images/tit_bg.gif) no-repeat 8px bottom;
	border-bottom:2px solid #30AC92;
	padding:12px 20px 8px 51px;
}
#wrapper #clmR #works.detail h4 {
	font-size:138%;
	font-weight:bold;
	color:#30AC92;
	margin: 0 0 20px;
}
#wrapper #clmR #works.detail h5 {
	font-size:108%;
	font-weight:bold;
	margin: 0 0 10px;
	padding:0 10px;
}
#wrapper #clmR #works.detail img.main {
	margin:0 0 20px;
}
#wrapper #clmR #works.detail p {
	margin:0 0 50px;
	padding:0 10px;
}
#wrapper #clmR #works.detail .spec {
	margin:0 0 50px;
	padding:0 10px;
}
#wrapper #clmR #works.detail .spec img.fL {
	float:left;
	width:240px;
}
#wrapper #clmR #works.detail .spec dl.fR {
	float:right;
	width:400px;
}
#wrapper #clmR #works.detail .spec dl.fR dt {
	float:left;
	color:#30AC92;
	font-weight:bold;
}
#wrapper #clmR #works.detail .spec dl.fR dd {
	padding:0 0 0 80px;
	margin:0 0 20px;
}
#wrapper #clmR #works.detail .spec dl.fR dd ul {
}
#wrapper #clmR #works.detail .spec dl.fR dd ul li {
	margin:0 0 10px;
}
#wrapper #clmR #works.detail .spec dl.fR dd ul li:last-child {
	margin:0;
}
#wrapper #clmR #works.detail .flexslider { width:672px; }
#wrapper #clmR #works.detail .flex-direction-nav .flex-prev { left: -14px;}
#wrapper #clmR #works.detail .flex-direction-nav .flex-next { right: -14px;}

.flexslider { margin: 0 auto; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;	-webkit-transition: All 0.3s ease;	-moz-transition: All 0.3s ease;	-o-transition: All 0.3s ease;	-ms-transition: All 0.3s ease;	transition: All 0.3s ease;}
.flexslider .slides a:hover img {	opacity: 0.8;	filter: alpha(opacity=80);	-moz-opacity: 0.8;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 14px; height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; cursor: pointer; text-indent:-9999px; }
.flex-direction-nav .flex-prev { background:url(../../works/images/prev.gif) no-repeat center center #000;}
.flex-direction-nav .flex-next { background:url(../../works/images/next.gif) no-repeat center center #000;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.6; }

body:after{content:url(../../works/images/close.png) url(../../works/images/loading.gif) url(../../works/images/prev.png) url(../../works/images/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#FFF;zoom:1;width:250px;height:250px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:0 auto}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;background:url(../../works/images/loading.gif) no-repeat;margin:0 auto}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container > .nav{left:0}.lb-nav a{outline:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../../works/images/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../../works/images/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-dataContainer{padding-top:5px;zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;margin:0 auto}.lb-data{color:#ccc;padding:0 4px}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../../works/images/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-outerContainer:after,.lb-dataContainer:after{content:"";display:table;clear:both}.lb-nav a.lb-prev:hover,.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}