div.post-single a, div.post-single p a/*
Theme Name: work02 Theme
Theme URI: http://www.www.www/
Description: This is my work02 theme.
*/

/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset css end */

body{
	color:#333;
	font-size:14px;
	font-family: 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
}



header .brand_logo{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 218px;
	height: 101px;
	background-image: url(./image/logo3.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	clear: both;
}

h1{
    font-size: 1.8rem;
    margin: 10px 0 20px 0;
}
h2{
	clear:both;
	font-size:1.3em;
	letter-spacing:-0.05em;
	margin:5px 0;
	line-height:1.5;
}

h3{
	letter-spacing:0.1em;
	font-weight:bold;
}

h4{
	margin: 10px 0 15px 0;
	background-image: url(./image/icon_04.gif);
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: left;
	padding-left: 25px;
	font-size: 1.2em;
	line-height: 1.5;
}

h4.new,h4.new a{
	color: #D6B600;
	margin: 50px 0 10px 0 !important;
	background-image:none;
	padding-left:0;
	font-size:1.5em;
}
span.sub{
	color: #333;
	font-size:0.7em;
	font-weight:normal;
}

p{
	line-height:1.5;
	letter-spacing:0.1em;
}

li{
	margin:5px 0;
	letter-spacing:0.1em;
	line-height:1.5;
}

.h2-sub{
	font-size:0.65em;
	font-weight:normal;
	letter-spacing:0;
	color:#999;
}

a{
	color:#D6B600;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}

.hover-eee:hover{
	background-color:#eee !important;
}
.hover-ccc:hover{
	background-color:#ccc !important;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.marginbottom{
	margin-bottom:50px;
}

.bold{
	font-weight:bold;
}
.gray{
	color:#999;
}
.size09{
	font-size:0.9em;
}
.size08{
	font-size:0.8em;
}



p.thumb{
	text-align:center;
}
p.postinfo{
	font-size: 0.8em;
	letter-spacing: -0.1em;
	color: #999;
}
p.catchcopy{
	font-size:1.4em;
	letter-spacing:0.15em;
	line-height:1.5;
	padding:10px 0;
}
.accent{
	font-weight:bold !important;
}
.small{
	font-size:0.8em;
	font-weight:normal;
	color:#666;
}
.red{
	color:#dc143c;
}

.yellow{
	color:#D6B600;
}
.img-responsive-overwrite{
    margin: 0 auto;
}
div.clearfix{
	clear: both;
}
div.space10{
	height:10px;
	clear: both;
}
div.space20{
	height:20px;
	clear: both;
}
div.space30{
	height:30px;
	clear: both;
}
div.space50{
	height:50px;
	clear: both;
}
.font-style-h1{
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho ProN','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',MS Mincho,serif;
	font-size:4.5em !important;
	color:#373533 !important;
	line-height:1.5 !important;
	letter-spacing:0.2em !important;
	margin-top:20px !important;
	font-weight:normal !important;
	text-align:left !important;
}

.font-style-h2{
	margin: 50px 0 15px 0 !important;
}
.font-style01{
	font-family:'Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Hiragino Mincho ProN','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',MS Mincho,serif;
	font-size:1.2em !important;
	color:#373533 !important;
	line-height:2 !important;
	letter-spacing:0.3em !important;
	text-align:left !important;
}

.font-style02{
	font-family:'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	font-size:1.2em !important;
	color:#373533 !important;
	line-height:1.8 !important;
	letter-spacing:0em !important;
	text-align:left !important;
}

img.staff-face{
width: 70px !important;
height: 70px !important;
border-radius: 5px;
}

div.space10{
	height:10px;
}
div.space20{
	height:20px;
}
div.space30{
	height:30px;
}
div#container{
	overflow:hidden;
	border-top:5px solid #333;
	border-bottom:10px solid #333;
}


.mobileonly{
	display:none;
}
.pconly{
	display:block;
}
div#content-wrapper{
	width:980px;
	margin:0 auto;
}
.content-wapper{
	width:980px;
	margin:0 auto;

}
div#content{
	clear:both;
	width:700px;
	float:left;
	padding:50px 0;
}

/*
div#content h3{
	font-size:1.3em !important;
	margin:25px 0;
	padding:10px !important;
	border:1px solid #ccc;
	background-color:#333;
	color:#fff;
}

div#content h3{
    font-size: 1.8em !important;
    margin: 25px 0;
    padding: 30px 0px !important;
    border-top: 5px solid #333;
    border-bottom: 5px solid #333;
    letter-spacing: 0;
    font-weight: bold;
}
*/
div#content h3 a{
	color:#fff;
}

div#content h3 a{
	color:#333;
}

div.content-01{
	margin-bottom:100px;
	float:left;
	clear:both;
	width:100%;
}

div#breadcrumb{
	float:right;
	line-height:4.5;
	font-size:0.8em;
	color:#999;
}
div#breadcrumb div{
	display:inline;

}

div#breadcrumb a{
	color:#D6B600;
	font-weight:bold;
}

a.bt-normal{
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin: 20px 0;
    font-size: 16px;
    color: #333;
	background-color: #eee;
	clear: both;
}
a.bt-normal:hover{
	background-color: #333;
    color: #fff;
	text-decoration: none;
}
/*** HEADER ***************************************************/
#header{
	padding:10px 0 20px 0;
	float:left;
	width:980px;
}

#header .maincopy{
	font-size:12px;
	line-height:1.4;
	letter-spacing:0.05em;
    font-weight: bold;
		margin-top: 0;
		float: left;
}
img.header-phone{
	float:right;
}

.menubtn {
	display: none;
}


div#nav1{
	float:right;
}

.ie7 ul.nav1{
	float:none;
}
ul.nav1{
	float:left;
}

ul.nav1 li{
/*	display:inline-block;
	*display: inline;
    *zoom: 1;  */
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
}
ul.nav1 li:hover{
	background-position:0 -101px;
}
ul.nav1 li#nav-concept{
	width:118px;
	height:100px;
	background-image:url(./image/nav_01.png);
}
ul.nav1 li#nav-works{
	width:118px;
	height:100px;
	background-image:url(./image/nav_02.png);
}
ul.nav1 li#nav-about{
	width:118px;
	height:100px;
	background-image:url(./image/nav_03.png);
}

ul.nav1 li#nav-flow{
	width:118px;
	height:100px;
	background-image:url(./image/nav_04.png);
}
ul.nav1 li#nav-consultation{
	width:108px;
	height:100px;
	background-image:url(./image/nav_05.png);
}
ul.nav1 li#nav-topics{
	width:95px;
	height:100px;
	background-image:url(./image/nav_06.png);
}
ul.nav1 li#nav-brochure{
	width:79px;
	height:100px;
	margin-right:-6px;
	background-image:url(./image/nav_07_2.png);
}
ul.nav1 li.current{
	background-position:0 -100px;
}
#comfort dt,#comfort dd{
	line-height: 1.2;
	height: 40px;
}
#comfort dt{
	float: left;
	width:22%;
	clear: both;
}
#comfort dd{

}

@media screen and (min-width: 767px) {
.ffixed {
	position: fixed;
	top: 0;
	width:100% !important;
	background-color:#fff;
	border-bottom:1px #ccc solid;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	height:auto !important;
	z-index:5000;
}
}







/*** END HEADER ***/

/*** SIDEBAR ***************************************************/
div#sidebar{
	float:right;
	width:218px;
}
div#sidebar li{
	background-color:#f4f4f4;
	border-top:1px solid #fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0;
}
div#sidebar li a:hover{
	text-decoration:none;
	background-color:#eee;
}
div#sidebar li:first-child{
	border-top:1px solid #ccc !important;
}

div#sidebar li.last{
	border-bottom:1px solid #ccc !important;
}
div#sidebar li:last-child{
	border-bottom:1px solid #ccc !important;
}
div#sidebar li a{
	display:block;
	padding:18px;
	color:#333;
	font-weight:normal;
}

ul#nav{
	clear:both;
	margin-top:99px;
}

div#sidebar-ietour img{
	width:100%;
}
div#sidebar-ietour p{
	color:#333;
	font-weight:normal;
	font-size:0.8em;
}
div#sidebar-ietour h3{
	margin:5px 0;
	color:#333;
}
div#sidebar-ietour{
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #ccc;
}
div#sidebar-ietour a:hover{
	text-decoration:none;
}
div#sidebar-ietour:hover{
	background-color:#f4f4f4;
}


div#sidebar-brochure{
	border:5px solid #333;
	background-color:#f4f4f4;
	margin:20px 0;
}
div#sidebar-brochure:hover{
	background-color:#eee;
}
div#sidebar-consultation{
	border:1px solid #ccc;
	background-color:#f4f4f4;
	margin-bottom:20px;
}
div#sidebar-consultation:hover{
	background-color:#eee;
}
div#likebox{
	border:1px solid #ccc;
	width:218px;
}
div#sidebar-works{
	margin-left:2px;
}

/* TOPICS SIDEBAR */
div.sidebar-topics ul#nav{
	margin-top:63px;
}
div#sidebar li#categories-3{
	background-color:transparent !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
}
div#sidebar li#recent-posts-3{
	background-color:transparent !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
}

div#sidebar li#yarpp_widget-2{
	border-left:none;
	border-right:none;
	background-color:transparent;
}
div#sidebar li#yarpp_widget-2 li{
	font-size:0.85em;
	}
div#sidebar li.cat-item{
	padding:10px 18px;
	font-size:0.8em;
	background-color:transparent;
	border-top:1px solid #eee;
}


div#sidebar li.cat-item:hover{
	background-color:#eee;
}
div#sidebar li.cat-item a:hover{
	text-decoration:underline;
}
div#sidebar li.cat-item a{
	display:inline !important;
	padding:0 !important;
}
div#sidebar li#recent-posts-3 li{
	background-color:transparent;
	border-top:1px solid #eee;
	font-size:0.85em;
	line-height:1.4;
}
div#sidebar li#recent-posts-3 li a:hover{
	text-decoration:underline;
}
div#sidebar h2.widgettitle{
	font-size:1em;
	font-weight:normal;
	padding:10px 0 0 0;
}


div.tagcloud{
	border:1px solid #ccc;
	padding:15px;
}
#tag_cloud-2{
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	background-color:#fff !important;
}
#tag_cloud-2 a{
	display:inline !important;
	text-decoration: none;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 12px;
    padding: 0 !important;
}
#tag_cloud-2 a:hover{
	background-color:#eee !important;
	text-decoration:underline !important;
}

/*** END SIDEBAR ***/


/*** TOP PAGE ***************************************************/



div#message{
	float:left;
}
div#message img{
	border:1px solid #ccc;
}

#copy{
	position:absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	width: 374px;
    height: 118px;
    z-index: 100;
}
#copy img{
	width:100%;
}

#mainimage-wrapper{
	position:relative;
	clear:both;
}

/*
#rslides {
	z-index: 1;
	float:right;
	width:618px;
	height:378ox;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides li {
	position: absolute;
	display: none;
	width: 100%;
	margin:0;
	left: 0;
	top: 0;
}
*/
/* SLIDER *******************************************************************************/

div#mainimage-wrapper{
	margin:0 auto;
}

.wideslider {
	width: 100%;
	/*height: 320px;*/
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
    width: 100%;
    display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(./image/prev.png) no-repeat center center;}
.slider_next {background: #fff url(./image/next.png) no-repeat center center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/* SLIDER *******************************************************************************/

/* SIDER */
#rslides {
	float:right;
}
.slider {
	width:618px;
	height:378px;
	padding:0;
	margin:0;
}

.rhino-btn {
	z-index:10;
	width:56px;
	height:53px;
	display:block;
	text-indent:-999%;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

.rhino-prev, .rhino-next { bottom:-4px; }

.rhino-prev {
	left:-6px;
	background-position:-168px 0;
}

.rhino-next {
	right:-6px;
	background-position:-106px 0;
}

.rhino-prev:hover { background-position:-168px -53px; }

.rhino-next:hover { background-position:-106px -53px; }

.rhino-toggle {
	top:-4px;
	left:-6px;
}

.rhino-play { background-position:0 0; }

.rhino-play:hover { background-position:0 -53px; }

.rhino-pause { background-position:-56px 0; }

.rhino-pause:hover { background-position:-56px -53px; }

.rhino-container { position:relative; }

.rhino-caption {
	position:absolute;
	background: #000;
	display:none;
	left:0;
	right:0;
	top:0;
	color:#fff;
	padding:10px;
	text-align:right;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

.rhino-bullets {
	position: absolute;
	right:0;
	z-index: 10;
	background: #fff;
	padding:0;
}

.rhino-bullets:before, .rhino-bullets:after {
	position:absolute;
	display:block;
	left:-16px;
	content:' ';
	width:16px;
	height:26px;
}

.rhino-bullets:after {
	left:auto;
	right:-16px;
	background-position: -240px 0;
}

.rhino-bullets li {
	float:left;
	display:inline;
	margin:0 2px;
}

.rhino-bullets li a.rhino-bullet {
	display: block;
	width: 16px;
	height: 11px;
	cursor: pointer;
	background: white;
	font-size: 10px;
	text-align: center;
	padding: 6px 0 5px 0;
	color: #ccc;
	text-decoration:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}

.rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus {
	color:#999;
	background:#eee;
}

.rhino-bullets li a.rhino-bullet.rhino-active-bullet {
	color:#fff;
	background:#eee;
}
/* END SLIDER */

div#topics-wrapper{
	clear:both;
	float:left;
	margin:0 0 50px 0;
	width:100%;
	height:auto;
}


div#topics-wrapper a{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display: block;
	position:relative;
	width: 163.5px;
	height: 220px;
	float: left;
	padding: 15.5px;
	color:#333;
	font-weight:normal;
}
div#topics-wrapper a.last{
	border-right:1px solid #ccc;
}
div#topics-wrapper a:hover{
	background-color:#eee;
	text-decoration:none;
}
div#topics-wrapper a img{
	width:130px;
	height:130px;
}
div#topics-wrapper p.postinfo{
	position: absolute;
	right: 15px;
	bottom: 10px;
}


img.new{
	position:absolute;
	top:25px;
	left:-4px;
	width:50px !important;
	height:27px !important;
}
div#topics-wrapper h3{
	margin:10px 0 0 0;
	font-size:0.85em;
	line-height:1.25;
}

div#working-wrapper{
	clear:both;
	float:left;
	margin:35px 0 0 0;
	width:100%;
}

div#ietour-wrapper{
	clear:both;
	float:left;
	margin:0 0 0 0;
	width:100%;
}


div#working-wrapper a,div#ietour-wrapper a{
	clear:both;
	display: block;
	position:relative;
	float:left;
	margin:0 0 50px 0;
	width:100%;
	height:auto;
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#333;
	font-weight:normal;
}
div#working-wrapper a:hover,div#ietour-wrapper a:hover{
	text-decoration:none;
	background-color:#eee;
}
div#working-wrapper div#working-left,div#ietour-wrapper div#ietour-left{
	float:left;
	height:230px;
}
div#working-wrapper div#working-right,div#ietour-wrapper div#ietour-right{
	position:relative;
	overflow:hidden;
	padding:20px 30px;
	box-sizing:border-box;
	height:230px;
}

div#working-wrapper h3,div#ietour-wrapper h3{
	font-size:1.8em;
	line-height:1.4;
	margin-bottom:11px;
}
div#working-wrapper p,div#ietour-wrapper p{
	font-size:1.1em;
}




span.bt-working{
	background-color: #D6B600;
	color: #fff;
	letter-spacing: -0.1em;
	padding: 4px 10px;
	border-radius: 5px;
	float: right;
	position:absolute;
	right:30px;
	bottom:10px;
}

div#interview-wrapper a{
	clear:both;
	display: block;
	position:relative;
	float:left;
	margin:0 0 50px 0;
	width:100%;
	height:auto;
	border:1px solid #ccc;
	box-sizing:border-box;
	color:#333;
	font-weight:normal;
}
div#interview-wrapper a:hover{
	text-decoration:none;
	background-color:#eee;
}
div#interview-wrapper div#interview-left{
	float:left;
	width:478px;
	height:210px;
	margin: 20px 0 0 30px;
	position:relative;
}
div#interview-wrapper div#interview-right{
	float:right;
}
div#interview-wrapper span.name{
	color:#D6B600;
	font-weight:bold;
	display:block;
	padding:15px 0 5px 0;
}
div#interview-wrapper span.title{
	font-size: 1.3em;
	line-height: 1.4;
	letter-spacing: 0;
}

span.bt-interview{
	background-color: #D6B600;
	color: #fff;
	letter-spacing: -0.1em;
	padding: 4px 10px;
	border-radius: 5px;
	float: right;
	position:absolute;
	right:0;
	bottom:10px;
}
div#works-about-project-wrapper{
	clear:both;
	float:left;
	width:100%;
}
div#works-about-project-wrapper a{
	display:block;
	color:#333;
	font-weight:normal;
}

div#works-wrapper{
	clear:both;
	width:294px;
	height:349px;
	float:left;
}
div#works-wrapper a{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	height:82.5px;
	padding:15px;
	width:auto;
	position:relative;
}
div#works-wrapper a img.new{
width: 35px !important;
height: 20px !important;
top: 10px !important;
left: -3px !important;
}
div#works-wrapper a:hover{
	background-color:#eee;
	text-decoration:none;
}

div#works-wrapper a.last{
	border-bottom:1px solid #ccc;
}
div#works-wrapper p.thumb{
	clear:both;
	float:left;
	margin-right:20px;
}
div#works-wrapper p.thumb img{
	width:82px;
	height:82px;
}
div.works-info h3{
	margin-top:5px;
	font-size:0.85em;
}
div.works-info p{
	line-height:1.5;
	font-size:0.8em;
	margin-top:10px;
	color:#999;
}
div#aboutus-wrapper{
	float:left;
}
a.aboutus-a{
	width: 302px;
	height: 129.5px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left:1px solid #ccc;
}
a.aboutus-a:hover{
	background-color:#eee;
	text-decoration:none;
}

div#aboutus-wrapper a.last{
	border-bottom:1px solid #ccc;
}
a.aboutus-a h3{
	margin-bottom:15px;
}
div#project-wrapper{
	float:left;
}
div#project-wrapper a{
	border:1px solid #ccc;
	text-align:center;
	width:380px;
	height:auto;
	padding:13.5px 0;
}

div#top-nav2{
	clear:both;
	float:left;
	margin:50px 0 50px 0;
	width:980px;
	overflow:hidden;
}

div#top-nav2 li{
	float:left;
}

div#top-nav2 img{
	background-color:#f4f4f4;
}
div#top-nav2 img.last{
	background-color:#fff;
}
div#top-nav2 img:hover{
	background-color:#eee;
}
div#top-nav2 img{
	margin-right:5px;
}
div#top-nav2 img.last{
	margin-right:0;
}
img.brochure{
	margin-bottom:100px;
}
img.brochure:hover{
	background-color:#eee;
}


/*** END TOP PAGE ***/


/*** CONCEPT ***************************************************/

div.concept-content{
	margin-bottom:50px;
}
div.content-concept p{
	line-height:2;
	}
div.content-concept h4{
	margin-top:50px;
}

div#omoide{
	background-image:url("./image/omoide_01.gif");
	background-repeat:no-repeat;
	background-position:right 25%;
}
div#omoide p{
	width:60%;
}


div#tanoshisa{
	background-image:url("./image/tanoshisa_02.gif");
	background-repeat:no-repeat;
	background-position:93% 35%;
}
div#tanoshisa p{
	width:60%;
}
div#kyuujitsuni{
	background-image:url("./image/kyuujitsuni_01.gif");
	background-repeat:no-repeat;
	background-position:93% 60%;
}
div#kyuujitsuni p{
	width:60%;
}


/*** END CONCEPT ***/


/*** CONCEPT NEW ***************************************************/

div.concept-content{
	margin-bottom:70px;
}

div.content-concept h4{
	margin-top:50px;
}

div#concept-content001{
	background-image:url("./image/concept01.png");
	background-repeat:no-repeat;
	background-position:93% 35%;
}
div#concept-content001 p{
	width:70%;
}


div#concept-content002{
	background-image:url("./image/concept02.png");
	background-repeat:no-repeat;
	background-position:93% 35%;
}
div#concept-content002 p{
	width:70%;
}
div#concept-content003{
	background-image:url("./image/concept03.png");
	background-repeat:no-repeat;
	background-position:93% 60%;
}
div#concept-content003 p{
	width:70%;
}

div#concept-content004{
	background-image:url("./image/concept04.png");
	background-repeat:no-repeat;
	background-position:93% 60%;
}
div#concept-content004 p{
	width:70%;
}
div#concept-content005{
	background-image:url("./image/concept05.png");
	background-repeat:no-repeat;
	background-position:93% 60%;
}
div#concept-content005 p{
	width:70%;
}

div#concept-content006{
	background-image:url("./image/concept06.png");
	background-repeat:no-repeat;
	background-position:93% 60%;
}
div#concept-content006 p{
	width:70%;
}
/*** END CONCEPT NEW ***/

/*** WORKS ***************************************************/
div#works-gellary{
	clear:both;
}
div#works-gellary a{
	display: block;
	color:#333;
}
div#works-gellary a:hover{
	cursor: pointer;
}
ul.fadeBox li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
	padding:10px;
	width:150px;
	height:250px;
	overflow:hidden;
}

ul.fadeBox li:hover{
	background-color:#eee;
	cursor: pointer;

}
ul.fadeBox li img{
	width:150px;
	height:150px;
}
ul.fadeBox h4{
	background-image:none;
	padding:0;
	margin-bottom:5px;
	font-weight: normal;
	font-size: 0.85em;
	line-height: 1.5;
}

ul.fadeBox li p {
	line-height: 1.5;
	font-size: 0.85em;
	color: #999;
}

div.single-worksphoto ul.fadeBox h4{
	font-size:1em;
	margin:0;
}

div.single-worksphoto ul.fadeBox li{
	border-bottom:none !important;
	padding:0;
	width:159px;
}

div.single-worksphoto{
	clear:both;
	margin-top:100px;
	float:left;
}
/*** END WORKS ***/


/*** WORKPHOTO ***************************************************/
ul#works-photo li{
	height:180px;
}
/*** END WORKPHOTO ***/

/*** WORKS POST ***************************************************/

#works{
	height:auto;
}

#works .post{
	margin:0
}


#works .post img{
	border:none;
}

#works h2#works-h2 {
display: none;
}
#works .house-info-secound {
display: none;
}

#works .scrollGalleryHead{
	/*width:700px;
	margin-left:auto;
	margin-right:auto;*/
	padding:0 10px 0 0 !important;
	margin-top:0 !important;
}

.ie6 .caption_container{
	margin:0 auto !important;
}

#works .scrollgallery{
	/*width:880px !important;*/
	float:right;
	padding:0 !important;
	margin-top:0 !important;
}


#works .scrollGalleryFoot{
	padding:10px 0 0 0;
}

#works .thumbareaContent{
	white-space:normal;
}

#works .thumbareaContent img{
	margin-bottom:8px;
}

#works .house-info{
	width:350px;
	float:left;
}
#works .house-info img{
	padding:0 !important;
}

#works .house-info-01{
	float:left;
	margin-bottom:30px;
}
#works .house-info-02{
	/*overflow:hidden;*/
	clear:left;
}

#works .house-pic{
	float:right;
	width:580px
}
#works .house-pic figure{
	margin: 0;
}
#works .house-pic img{
	max-width: 100%;
	height: auto;
}
.house-info-03{
	clear:both;
	padding:100px 0 100px 0;
}

#work-content-bottom{
	clear:both;
	padding-top:50px;
}

#work-content-bottom .workspost{
	width:908px;
	margin:15px 0 50px 12px;

}

#work-content-bottom .workspost .post-archive-content{
	width:670px;
}

#work-content-bottom a{
	float:left;
}
#work-content-bottom .recent-post li{
	width:180px;
	height:260px;
	margin:10px !important;
	padding:20px !important;
}
#work-content-bottom .recent-post img{
	padding:0 !important;
	float:none;
	width:180px;
	height:180px;
}

p#recent{
	clear:both;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing:0.1em;
	color:#666;
}

img#recent-1500{
	margin-bottom:15px;
}

.recent-post ul{
	margin-left:2px;
}

.recent-post ul a {
	display:block;
	background-color: #fff;
}
.recent-post ul a:hover {
	color:#333;
}
.yarpp-thumbnail {
	height:230px !important;
	padding:5px !important;
	border:1px solid #ccc !important;
	width:30.3% !important;
	*display: inline;
    *zoom: 1;

}
.yarpp-thumbnail img{
	margin: 5px auto !important;
}
.yarpp-thumbnail:hover {
	background-color:#eee;
}
.yarpp-thumbnail-title{
	overflow:visible !important;
	width:auto !important;
	line-height:1.2 !important;
}

/*.recent-post ul a:hover {
	background-color: #eee;
}*/



.house-info div.sns li{
	margin-bottom:30px !important;
}

#works h3{
	border-bottom:none;
}

li.tsubotanka{
	font-weight: bold !important;
	font-size: 1.3em !important;
}

/*
#works ul{
	padding:57px 0 0 50px;
}
*/


.recent-post li{
	padding: 10px;
	width: 326px;
	height:100px;
	/*border: 1px #CCC solid;*/
	border: 1px #e4e4e4 solid !important;
}
.recent-post li:hover{
	background-color:#eee;
}

.recent-post li img{
	float:left;
	margin-right: 20px;
}

.recent-post li p.recent-title{
	font-size:12px;
	color:#373533;
	font-weight:bold;
}

.recent-post li p{
	font-size:11px;
	color:#666;
	margin-bottom:0px;
}

#brochure-btn{
	clear: both;
	margin-bottom: 30px;
	margin-left:2px;
}



#works li{
	border-bottom:#beb9b9 1px dotted;
	margin-bottom:20px;
	font-family:'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.8em;
	letter-spacing:0.3em;
	list-style-type:none;
}

#works #breadcrumb{
	/*display:none;*/
	margin-left:0;
}
/*** END WORKS POST ***/



/*** ABOUT ***************************************************/
div.content-about p{
	line-height:2;
	}

div.content-about li{
	margin-bottom:10px;
}
.staff-01{
	clear:both;
	float:left;
	margin-bottom:100px;
}
.staff-01 img{
	margin-top:50px;
}



.staff-01 h4{
	margin-bottom:20px;
}

.staff-03{
	float:left;
	padding: 0 0 10px 0;
	width:220px;
}

.staff-04{
}

.staff-05{
	clear:left;
	float:left;
	width:427px;
}

.staff-06{
	float:right;
}

.staff-06 img{
	padding:5px;
	border:#beb9b9 1px dashed;
	margin:0;
}



#media{
	width:681px;
	border:0;
}
.media-01{
	height:150px;
}

.media-02{
	float:left;
}
.media-03{
	padding-left:120px;
}
.media-04{
	font-size:9px;
}


#comfort{
	float:left;
	margin-right:30px;
}
#comfort h4{
	margin-bottom:20px;
}
.company-01{
	float:left;
}
.company-01 li{
		margin-bottom:5px;
}
.company-02{
	padding-left: 80px;
	float:right;
}
.company-02 li{
	letter-spacing: 0em !important;
	margin-bottom:5px;
}
#uver{
	float:left;
	width:335px;
}
#uver h4{
	margin-bottom:20px;
}



#access{
	width:531px;
	border:0;
}

.access-01{
	float:left;
}

.access-02{
	padding-left:150px;
}


#maps-02{
	width:700px;
	height:550px;
	margin-top:20px;
	margin-bottom:100px;

}
/*** END ABOUT ***/


/*** FLOW ***************************************************/
.flow-01{
	clear:both;
}

.flow-02{
	float:left;
	width:150px;
	height:250px;
	padding:10px 10px 10px 0;
}
.flow-03{
	float:left;
	width:510px;
	height:auto;
	margin-left:20px;
	margin-bottom:20px;
}
.flow-03 h4{
	margin-top:10px !important;
}
.flow-04{
	clear:both;
	width:auto;
	height:100px;
	text-align: center;
	vertical-align:middle;
}

/*** END FLOW ***/



/*** CONSULTATION ***************************************************/
.consul-content{
	clear:both;
}
.consul-content img{
	float: right;
    margin: 20px 0 20px 20px;
    width: 250px;
    height: auto;
    border-radius: 5px;
}
.content-consultation .info{
	float:left;
	margin-top:20px;
}

.content-consultation .btn{
	float:left;
	margin-top:20px;
}
.content-consultation img.img-01{
	clear:both;
	float:left;
	margin-top:20px;
}

.content-consultation img.img-02{
	float:right;
	margin-top:20px;
}

.content-consultation h4{
	clear:left;
	font-weight:bold;
	margin-top:30px;
}

.calender-01{
	display:none;
	margin-bottom:0px;
	clear:both;
	overflow:hidden;
}

ul.consult-link{
	clear:both;
	float: left !important;
	margin:0 0 50px 10px;
}

ul.consult-link li{
	background-image: url(./image/list_01.gif);
	background-repeat: no-repeat;
	background-position: left -2px;
	padding-left:20px;
	line-height: 1.4;
	margin-bottom: 10px;

}
ul.consult-link a{
	color:#333;
}　

dl.faqs2{
background: #FAFAFA;
padding: 20px 20px 5px 20px;
}
dl.faqs2 dt{
color: #B51C18;
font-weight:bold;
}
dl.faqs2 dd{
margin-bottom: 20px;
border-bottom: 1px dashed #CCC;
padding-bottom:10px;
}

/*** END CONSULTATION ***/



/*** BROCHURE ***************************************************/

div.content-brochure{
	position:relative;
}
div#inpact{
	z-index:1000;
	box-shadow:0 0 15px #333;
	background-color:#fff;
	padding:30px;
	position:fixed;
	top:-5000px;
	bottom:0;
	left:0;
	right:0;
	width:500px;
	height:700px;
	margin:auto;
	border:20px solid #000000;
}
div#inpact img{
	width:100%;
}
div#inpact p{
	text-align:center;
	font-size:3em;
	padding-top:30px;
	color: #D6B600;
	font-
}



/*** CONTACT ***************************************************/
div#contact table{
	line-height:1.5;
	width:100%;
}
div#contact th{
	text-align:left;
	padding: 20px;
	width:160px;
	vertical-align:top;
	background-color:#eee;
	border:1px solid #ccc;
}
div#contact td{
	text-align:left;
	padding: 10px 10px 50px 10px !important;
	border:1px solid #ccc;
	width:auto !important;
}

div#contact th.confirm{
	text-align:center;
	padding-top:50px;
	font-weight:normal;

}
div#contact th.submit-bt{
	text-align:center;
}
div#contact h3{
	margin:0 0 30px 0 !important;
}

div#contact h4{
	margin-top:40px;
	background-image:none !important;
	padding-left:0 !important;
}


/* お問い合わせ */
span.wpcf7-list-item{
	margin-left:0 !important;
	margin-right:1em !important;
}
.wpcf7-form input[type=submit]{
	font-size:14px;
	width:390px;
	height:50px;
	font-size:1.5em;
	letter-spacing:0.5em;
}


input[type="text"],input[type="email"],input[type="tel"],textarea{
	border:0;
	padding:10px 5px;;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
input:focus,textarea:focus{
    border:solid 1px #EEA34A;
}


input[type="submit"],input[type="button"]{

	font-size: 16px;
	padding: 5px 14px 6px;
	border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #82A031;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border: 1px solid #bbb;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);

}

input[type="submit"]#edit_button{
	padding:0;
}

input[type="submit"]:hover,input[type="button"]:hover{
	background-color:#557009;
    -webkit-box-shadow:inset 0px 0px 3px #fff;
    -moz-box-shadow:inset 0px 0px 3px #fff;
    box-shadow:inset 0px 0px 3px #fff;
}
input[type="submit"]:active,input[type="button"]:active{
    padding-top:6px;
    padding-bottom:4px;
    border:1px solid #334c66;
    background-color:#7E9D2B;
    -webkit-box-shadow:inset 0px 0px 8px #7E9D2B;
    -moz-box-shadow:inset 0px 0px 2px #7E9D2B;
    box-shadow:inset 0px 0px 2px #7E9D2B;
}

input[type="button"].deleteBookmark{
	color:#999;
}

select{
	padding: 7px;
	font-size:1em;
	border:0;
	font-family:Arial, sans-serif;
	color:#666;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
select:focus {
    border:solid 1px #EEA34A;
}


.has-success .form-control{
    background-color: rgba(31, 210, 34, 0.13);
}
.has-error .form-control{
    background-color: rgba(206, 35, 32, 0.1);
}
textarea.form-control {
    height: auto !important;
}
input#bt-go{
	background-color: #f0ad4e;
    border-color: #eea236;
	background-image:none;
}
input#bt-go:hover{
	background-color: #E49525;
}
input#bt-back{
	background-color: #fff;
	border-color: #ccc;
	color:#333;
	background-image:none;

}
input#bt-back:hover{
	background-color:#eee;
}
input.bt-submit{
	padding: 10px 30px;
    background-image: initial;
    color: #fff;
    text-shadow: none;
    font-size: 18px;
	background-image:none;

	}
input.bt-submit:active{
	padding: 10px 30px;
}
form{
	/*background: #fafafa;
	padding: 30px;
	border: 1px solid #ccc;*/
}
input.wpcf7-submit{
	cursor:pointer;
}

div.wpcf7 img.ajax-loader{
	width:16px;
	height:16px;
}

/*Webkit*/
::-webkit-input-placeholder    {font-size:0.8em;}

/*Firefox 19以降*/
::-moz-placeholder    {font-size:0.8em;}

/*Firefox 18以前*/
:-moz-placeholder    {font-size:0.8em;}

/*Windows IE*/
:-ms-input-placeholder    {font-size:0.8em;}
/*** END CONTACT ***/


div.contact-tell{
	padding:30px;
	margin-top:50px;
	background-color:#fafafa;
	border:1px solid #ccc;
}


/*** アンケート ***************************************************/
div.content-question{
	width:618px !important;
}

div.content-question form{
	border:none;
}

div.content-question div#question h4.catchcopy{
	font-size:1.6em;
}
div.content-question div#question label{
	font-size:1.4em;
}

div#quoform{
	margin-top:100px;
}

/*** QA ***************************************************/


div.content-qa div.content-01 div{
	margin-bottom:100px;
}
div.content-qa h3{ｙ
	margin:0 0 30px 0 !important;
}
div.qa{
	clear:both;
	margin-bottom:100px;
}
.qa-01{
	border:#DDD 1px solid;
	margin-bottom:50px;
	padding:10px;
}

.qa h3{
	margin-top:50px;
}

.qa p,dl{
    line-height:        170%;
    margin-bottom:      10px
}
.qa dl,dt,dd{
    padding:            0;
    margin:             0;
}
.faqs{
    padding-top:        20px;
}
.faqs dt{
    background:         url(./image/q.gif) 0 20px no-repeat;
    padding:            20px 0 10px 35px;
    position:           relative;
	font-family:'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.8em;
	letter-spacing:0.1em;
}
.ie6 .faqs dt{
    background:         url(./image/q.gif) 0 4px no-repeat;
}
.ie7 .faqs dt{
    background:         url(./image/q.gif) 0 5px no-repeat;
}
.faqs dt:hover{
    cursor:pointer;
	color:#999;
}
.faqs dd{
    background:         url(./image/a.gif) 0 -1px no-repeat;
    padding:            0 0 10px 35px;
    position:           relative;
    color:              #333;
	font-family:'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.8em;
	letter-spacing:0.1em;
	margin-bottom:30px;
}
.ie6 .faqs dd{
    background:         url(./image/a.gif) 0 4px no-repeat;
}
.ie7 .faqs dd{
    background:         url(./image/a.gif) 0 4px no-repeat;
}
.faqs .hover{
    color:              #990000;
    text-decoration:    underline;
}

.qa p.postinfo{
	margin:30px 0 50px 0;
}
/*** END QA ***/


/*** POST ***************************************************/

.post{
	margin-bottom:50px;
	clear:both;
	float:left;
	width:660px;
	padding:19px;
	border:1px solid #ccc;
}






.postinfo{
	clear:both;
	text-align:left;
	font-size: 11px !important;
	color: #666;
}
.post-single table{
	width:100%;
}
.post-single tbody,.post-single tr{
	width:100%;
}
.post-single table th{
	padding: 30px;
	border: 2px solid #333;
	background: #eee;
	font-weight: bold;
}
.post-single table td{
	padding: 30px;
	border: 2px solid #333;
	background: #fefefe;
}
.wp-caption-text{
	font-size: 0.7em !important;
	color: #999;
	letter-spacing: 0 !important;
	padding: 0 5px 0 0;
}


.wp-caption{
	width:100% !important;
}

.non250{
	width:250px !important;
}
/*　ソーシャルボタン　*/


div#snsbox-article{
	margin:50px 0;
}
div.fbbtn{
	margin-bottom:20px;
}

.pickup-post img{
	padding:3px;
	border:1px #ccc dashed;
}
.pin img{
	border:none;
}


.post img.border-none{
	padding:0;
	border:none;
}

img.ai{
	padding: 4px 5px 5px;
	border-top: 1px solid rgba(0, 0, 0, .4);
	border-bottom: 1px solid white;
	background: rgba(0, 0, 0, .25);
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignleft {
	float:left;
	margin: 0 20px 5px 0;
}
.alignright {
	float:right;
	margin: 0 0 5px 20px;
}
.clearboth{
	clear:both;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
.block{
	display:block;
}

.post-archive-content{
	float:right;
	width:435px;
	height:auto;
	position:relative;
}
.post-archive-content p.postinfo{
	position:absolute;
	bottom:0px;
	right:10px;
}
.post-archive{
	color:#333;
	font-weight:normal;
}
.post-archive:hover{
	background-color:#eee;
}
.post-archive img{
float: left;
}

.post h3{
	margin-bottom:10px;
	overflow:hidden;
	line-height:1.5em;
}

a#line-bt,#line-img,.line-img2{
	display:none;
}

a#line-bt2{
	display:none;
}

/**** BLOG CATEGORY-LIST ****/
div#category-list{
	clear:both;
	width:100%;
	margin-top:50px;
}

.content-topics div#category-list,.content-topics div#tag-list{
	display:block;
	clear:both;
	float:left;
	height:auto;
	padding:30px 0;
}


.content-topics div#category-list p,.content-topics div#tag-list p{
	margin-bottom:8px;
	margin-right:10px;
	float:left;
	letter-spacing:0.3em;
}
div#category-list p:last-child{
	display:none;
}

.content-topics div#category-list p a,.content-topics div#tag-list p a{
	text-decoration:none;
	color:#333;
	letter-spacing:0.1em;
	background-color:#f5f5f5;
	border:1px solid #eee;
	border-radius:5px;
	font-weight:normal;
	line-height:1;
	font-size:16px;
	padding:10px 12px;
	line-height:2.4;
}

.content-topics div#category-list p a:hover,.content-topics div#tag-list p a:hover{
	/*text-decoration:none;*/
	background-color:#333;
	color:#fff;
}

.content-topics div.post{
	clear:both;
}
.content-single div#breadcrumb{
	float:left;
}

/**** END BLOG CATEGORY ****/

div.content-gallery{
	width: 100% !important;
}
div.post-single{
	border:none;
	padding:0;
	width:100%;
}

div#content.content-gallery h2{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	border-bottom: none;

}
div#content.content-gallery h2 a{
	color: #333;
}

div#content.content-gallery h3{
    font-family: serif;
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
    padding: 10px 0 !important;
    font-size: 1.5em !important;
    margin-bottom: 0px !important;
}


div#content.content-gallery p{
	font-size: 1.1em;
}
div.post-single a,div.post-single p a{
	line-height:1.2;
}

div.post-single div.post-archive-content h3{
	margin: 0 0 15px 0 !important;
}
div.post-single div.post-archive-content p{
	line-height:1.5 !important;
	font-size:1em !important;
}
div.post-single img{
	max-width:100%;
	height:auto;
}
div.yarpp-related{
	float:left;
	clear:both;
	width:100%;
	margin-bottom: 50px;
}
div.yarpp-related a{
	color:#333;
	font-weight:normal;
}
.yarpp-related .yarpp-thumbnail-title{
	font-size:1.2em !important;
	line-height:1.3 !important;
}



/***  End　POST　***/

/*** PAGENATION ***************************************************/
.pagenation{
	clear:both;
}
p.pagenation{
  font-size:1.2em;
  overflow:hidden;
  line-height:2 !important;
	letter-spacing: -0.05em;
}

p.pagenum{
}

.content-blog p.pagenum{
  text-align:left;
  margin:50px 0;
}

p.pagenum a{
  background-color: #78982b;
}

p.pagenum span{
  background-color: #a7d043;
}

p.pagenum a,p.pagenum span{
  padding:3px 6px;
  color:#ffffff;
}

p.pagenation span{
    width: 40%;
    border: 1px solid #ccc;
}
span.oldpage{
  float:left;
}

span.newpage{
  float:right;
	text-align: right;
}
/*** END PAGENATION ***/

/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
line-height:1.5;
color: #333;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #f48881;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #f48881;
-webkit-box-shadow: 0 0 0 3px #f48881;
-moz-box-shadow: 0 0 0 3px #f48881;
text-align:center;
}
#prev_next_home:hover{
background-color: rgba(244,136,129,0.7);
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}


/*** REPORT ***************************************************/

div.content-thanks2{
	width:100% !important;
	padding:0 5%;
	float:left;
}
div#report-link{
	clear:both;
	float:left;
	margin:50px 0;
}
div#report-link img{
	border:5px solid #333;
	margin: 15px;
}
div#report-link img:hover{
	border:5px solid #D6B600;
}
img#linepic{
	margin:50px 140px;
}
div.content-report p{
	font-size:16px;
}
div.content-report h2{
	font-family: 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:700;
	vertical-align:120px;
	letter-spacing:0.3em;
	margin:0 !important;
}


div.speak{
	clear:both;
	float:left;
	padding:20px 3% 12px 3%;
	border: 3px solid #e4e4e4;
	background-color:#fafafa;
	width:94%;
}

div.speak p{
	margin-bottom:0 !important;
}

div.speak img,div.speak-allow img{
	border:none !important;
}

div.speak-allow{
	clear:both;
	float:left;
	text-align:center;
	width:100%;
	padding:10px 0;
}

/*** END REPORT ***/




/*** FOOTER ***************************************************/

#footer-ctr{
	position: fixed;
	z-index: 100;
	top: 50%;
	left: 0;
	width: 100px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}
#footer-ctr a{
	width: 100%;
	display: block;
	background-color: #ffffff;
	padding: 30px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 1.8;
	color: #333;
	box-sizing: border-box;
	border-bottom:1px solid #ccc;
}
#footer-ctr a i{
	font-size: 2em;
}
#footer-ctr a:hover{
	color: #fff;
	background-color: #333;
}



#brochure1{
	display:block;
}
#brochure2{
	display:none;
}
#brochure3{
	display:none;
}
div.backtotop{
	clear:both;
	float:right;
	background-image:url(./image/backtotop.gif);
	width:26px;
	height:27px;
	text-indent:-10000px;
}
div.backtotop:hover{
	background-position:0 -27px;
}
footer{
	float:left;
}
div#footer{
	clear:both;
	border:1px solid #ccc;
	background-color:#333;
	width:898px;
	padding:40px;
	height:auto;
	margin:0 0 30px 0;
}
div#footer a{
	color:#fff;
	font-weight:normal;
}

ul#footer-ul01{
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}
div#footer > ul > li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
	vertical-align:top;
	margin:0 78px 0 0;
	font-size:0.9em;
	color:#fff
}
div#footer > ul > li.last{
	margin:0 0 0 0;
}
div#footer > ul > li > ul > li{
	font-size:0.95em;
	margin:2px 0;
}
div#footer > ul > li > ul{
	margin-top:15px;
}
div#footer-middle{
	clear:both;
	float:left;
	padding:0 0 20px 0;
	width:100%;
}
div#footer-middle p{
	letter-spacing:0;
}
p#footer-contact{
	margin:0 0 10px 0;
}


div#footer-bottom{
	clear:both;
	border-top:1px solid #ccc;
	padding:15px 0;
	font-size:0.85em;
	color:#999;
}
div#footer-bottom a{
	color:#999;
	font-weight:normal;
}
/*** END FOOTER ***/



/*** デザインジュウタク＋α  ***************************************************/
p#controls{
	display:none;
}
.plusalpha h2{
	float:none !important;
	text-align:center;
}



.plusalpha-00 p{
text-align: center;
padding: 50ox 0;
line-height:2;
}


.plusalpha-01{
	margin-top:50px;
}

#plusalpha01-madori-left{
	width: 325px;
margin-right: 50px;
float: left;
}

#plusalpha01-madori-left img#madori-left{
padding-top:20px;
margin-top:100px;
}


#plusalpha01-madori-right{
	overflow:hidden;
}

#plusalpha01-madori-right img#madori-right{
padding-bottom:20px;
margin-bottom:200px;
}

#plusalpha01-tokucho{
	float:left;
	margin:100px 0;
}

.tokucho{
	width:193px;
	float:left;
	margin:20px;
}
.tokucho p{
	padding:5px;
}

#tokucho04{
	clear:left;
	float:left;
}
.tokucho h3{
	font-size:1em;
	text-align:center;
	font-weight:bold;
	color:#999;
	letter-spacing:0.1em;
	border-bottom:none;
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background-color:transparent !important;
}

#plusalpha-01-footer{
	clear:both;
	text-align:center;
}

#plusalpha-01-footer img{
	margin:20px 50px;
}
.plusalpha-02{
	margin-top:100px;
	float:left;
}
#plusalpha-02-header{
	margin-bottom:100px;
}


#plusalpha-02 img.releasedplusalpha{
	text-align:left;
}
.plusalpha-02 article{
	width:193px;
	float:left;
	margin:50px 20px;
}
.plusalpha-02 article h4{
	font-size: 0.9em;
	float: left;
	margin: 0;
	font-weight: normal;
	background-image: none;
	padding: 0;
}
.plusalpha-02 article p.plusalpha-released-info{
letter-spacing: -0.1em;
margin-bottom:0;
float:right;
}
plusalpha-02-released article{
	display:inline-block;
}
plusalpha-02-released article img{
}
#plusalpha-02-footer{
	text-align:center;
	padding: 100px 0;
}

.plusalpha-03{
	float:left;
}

.plusalpha-03 h3{
	border-bottom:none;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.1em;
}

#loan-content{
	padding:50px;
	border:2px solid #ccc;
}


#loan-content dl{
	clear:both;
	overflow:auto;
	line-height:2.5;
	letter-spacing:0.2em;
	font-size:1.2em;
}
#loan-content dt{
	clear:both;
	width:50%;
	float:left;
	padding-left:15px;
}
#loan-content dd{
	float:left;
	width:20%;
}

#loan-content dl#dl02{
	border-top:1px solid #ccc;
	margin-bottom:50px;
	padding-top:20px;
	font-weight:bold;
}

#loan-footer{
	padding:50px 20px;
}
#loan-footer li{
	list-style-type:disc;
	margin-bottom:10px;
	margin-left:20px;
	letter-spacing:0;
	line-height:1.2;
}
.plusalpha-footer{
	clear:both;
	text-align:center;
	padding: 100px 0;
}

.plusalpha-sidebar ul.fixed{
	position:static !important;
}

.plusalpha-sidebar li{
	letter-spacing:0.1em;
}


.relesed-plusalpha{
	margin: 50px 0 20px 0;
	display: block;
	padding:15px;
	color:#fff;
	background-color:#333;
}
.relesed-plusalpha-child{
	margin-bottom:25px;
	display: block;
	color: #999;
}
/*** END デザインジュウタク＋α ***/

/*** 各＋αページ ***************************************************/

div#plusalpha-bottom{
	margin-top:100px;
}

div#plusalpha-bottom li{
	display:inline-block;
	margin-right:20px;
}
.plusalpha-child #sidebar{
	margin-top:70px !important;
}

div.plusalpha-content{
	clear:both;
}
div.plusalpha-space01{
	float:left;
	width:100%;
	height:50px;
}
div.plusalpha-space02{
	float:left;
	width:100%;
	height:100px;
}
/**　END　各＋αページ　**/



/*** お客様の声ページ ***************************************************/
div#content-interview{
	float:left;
	padding-top:50px;
}
div#content-interview h2{
	letter-spacing: 0.1em;
	font-size: 1.5em;
	float: left;
	font-weight: normal;
}

div#content-interview div#interview-top{
	padding:50px;
	border:2px solid #eee;
	margin-top:50px;
}

div#content-interview div#interview-top span.title p{
	font-size: 2em;
	letter-spacing: 0.1em;
	float: left;
	font-weight: normal;
	border-bottom: 1px dotted #333;
	margin-bottom: 20px;
	width: 100%;
}
div#content-interview div#interview-top span.gaiyou{
	display:block;
	background: #fafafa;
	padding: 10px;
	color: #666;
}
div#content-interview div#interview-top span.gaiyou p{
	letter-spacing:0em;
}
div#content-interview div#interview-top span.name{
	color:#D6B600;
	font-weight:bold;
}
div#content-interview div#interview-top span.name p{
	margin:0 0 10px 10px;
}

div#content-interview h3{
	color:#D6B600;
	margin: 50px 0 10px 0 !important;
}

div#content-interview div#mainsentence h3{
	font-size: 1.5em !important;
}

div#content-interview div#mainsentence{
	width:800px;
	margin:0 auto;
}
div#interview{
	text-align:center;
}
div#interview h2{
	float:none;
}

div#interview-related {
	clear:both;
	float:left;
	margin:50px 0;
	width:100%;
	height:auto;
}


div#interview-related a{
	display: block;
	position:relative;
	width: 200px;
	height: 270px;
	float: left;
	padding: 25.5px;
}
div#interview-related a img{
	border-radius:50%;
	}

div#interview-related a:hover{
	background-color:#eee;
	text-decoration:none;
}

div#interview-related h3{
	margin:10px 0 0 0 !important;
	line-height:1.25;
	color:#333;
	text-align:left;
}


div#interview-works a{
	display:block;
	float: left;
	width: 100%;
	background: #fafafa;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 50px;
	color:#333;
	font-weight:normal;
}
div#interview-works a:hover{
	background:#eee;
}
div#interview-works p.thumb{
	float: left;
	padding: 0 10px 0 0;
}

/**　END　お客様の声ページ　**/



/*** カテゴリー別施工例ページ ***************************************************/
.gllr_image_block img{
	border:none !important;
}
.gllr_image_block p{
	border:none !important;
	margin:0 !important;
}


/*** ギャラリー ***************************************************/

.rl-gallery-container{
	clear: both;
}



/*** インスタフィード ***************************************************/
#sb_instagram .sb_instagram_header h3.sbi_no_bio,#bloginsta h3.sbi_no_bio{
    padding-top: 9px!important;
    background-color: transparent;
    border: none;
    color: #333;
}

#bloginsta .sbi_header_img{
	float: left;
	margin-right: 10px;
}
.instaheader img{
	border-radius: 50%;
	width: 70px;
}