@charset "shift_jis";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: "小塚ゴシック Pro",Meiryo,  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #231815;
	text-decoration: none;
}

a:visited {
	color: #231815;
	text-decoration: none;
}

a:hover {
	color: #231815;
	text-decoration: underline;
}

a:active {
	color: #231815;
	text-decoration: underline;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #231815;
	line-height: 1.5;
	text-align: center;
/*	-webkit-text-size-adjust: 100%;*/
}

#container{
	margin: 0 auto;
	text-align: left;
	width: 802px;
}

#main {
	clear: both;
	margin-bottom: 50px;
	background: #FFF;
}

	* html #main {
		zoom: 1;
	}

	*+html #main {
		zoom: 1;
	}

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

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	padding: 23px 15px 15px 29px;
}

#header h1 {
	float: left;
}

#header .tel {
	float: right;
	padding-top: 13px;
}

/*------------------------------------------------------------
	旧グローバルナビ#gNavi　201507変更
------------------------------------------------------------*/
#gNavi {
	clear: both;
}

#gNavi li {
	float: left;
}

#gNavi li a {
	display: block;
	width: 114px;
	line-height: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

#gNavi .navi01 a {
	background: url(/img/common/g_navi01.gif) no-repeat;
}

#gNavi .navi02 a {
	background: url(/img/common/g_navi02.gif) no-repeat;
}

#gNavi .navi03 a {
	background: url(/img/common/g_navi03.gif) no-repeat;
}

#gNavi .navi04 a {
	background: url(/img/common/g_navi04.gif) no-repeat;
}

#gNavi .navi05 a {
	background: url(/img/common/g_navi05.gif) no-repeat;
}

#gNavi .navi06 a {
	background: url(/img/common/g_navi06.gif) no-repeat;
}

#gNavi .navi07 a {
	background: url(/img/common/g_navi07.gif) no-repeat;
}

#gNavi li a:hover {
	background-position: 0 -36px;}


/*------------------------------------------------------------
	グローバルナビ　201903変更
------------------------------------------------------------*/
#gNavi_n {
	clear: both;
}

#gNavi_n li {
	float: left;
}
#gNavi_n li a {
	display: block;
	width: 114px;
	line-height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}

#gNavi_n .navi01 a {
	background: url(/img/common/g_navi_n01.gif) no-repeat;
}
#gNavi_n .navi02 a {
	background: url(/img/common/g_navi_n02.gif) no-repeat;
}
#gNavi_n .navi03 a {
	background: url(/img/common/g_navi_n03.gif) no-repeat;
}
#gNavi_n .navi04 a {
	background: url(/img/common/g_navi_n04.gif) no-repeat;
}
#gNavi_n .navi05 a {
	background: url(/img/common/g_navi_n05.gif) no-repeat;
}
#gNavi_n .navi06 a {
	background: url(/img/common/g_navi_n06.gif) no-repeat;
}
#gNavi_n .navi07 a {
	background: url(/img/common/g_navi_n07.gif) no-repeat;
}

#gNavi_n li a:hover {
	background-position: 0 -42px;}



/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {

}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	float: left;
	width: 576px;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	float: right;
	width: 155px;
}

#sideBar .sNavi li {
	float: left;
}

#sideBar .sNavi li a,
#sideBar .sNavi li img {
	display:  block;
}


#sideBar .sNavi01 .navi01 a {
	background: url(/img/about/s_navi01_over.gif) no-repeat left top;
}

#sideBar .sNavi01 .navi02 a {
	background: url(/img/about/s_navi02_over.gif) no-repeat left top;
}

#sideBar .sNavi01 .navi03 a {
	background: url(/img/about/s_navi03_over.gif) no-repeat left top;
}

#sideBar .sNavi01 .navi04 a {
	background: url(/img/about/s_navi04_over.gif) no-repeat left top;
}

#sideBar .sNavi01 .navi05 a {
	background: url(/img/about/s_navi05_over.gif) no-repeat left top;
}

#sideBar .sNavi01 .navi06 a {
	background: url(/img/about/s_navi06_over.gif) no-repeat left top;
}

#sideBar .sNavi02 .navi01 a {
	background: url(/img/shinka/s_navi01_over.gif) no-repeat;
}

#sideBar .sNavi02 .navi02 a {
	background: url(/img/shinka/s_navi02_over.jpg) no-repeat;
}

#sideBar .sNavi02 .navi03 a {
	background: url(/img/shinka/s_navi03_over.gif) no-repeat;
}

#sideBar .sNavi02 .navi04 a {
	background: url(/img/shinka/s_navi04_over.gif) no-repeat;
}

#sideBar .sNavi02 .navi05 a {
	background: url(/img/shinka/s_navi05_over.jpg) no-repeat;
}

#sideBar .sNavi02 .navi06 a {
	background: url(/img/shinka/s_navi06_over.gif) no-repeat;
}

#sideBar .sNavi02 .navi07 a {
	background: url(/img/shinka/s_navi07_over.gif) no-repeat;
}

#sideBar .sNavi02 .navi08 a {
	background: url(/img/shinka/s_navi08_over.gif) no-repeat;
}/*201409分譲宅地追加*/

#sideBar .sNavi02 .navi09 a {
	background: url(/img/shinka/s_navi09_over.gif) no-repeat;
}/*201411シンカシリーズ追加*/

#sideBar .sNavi02 .navi10 a {
	background: url(/img/shinka/s_navi10_over.gif) no-repeat;
}/*201411完成写真集追加*/

#sideBar .sNavi02 .navi11 a {
	background: url(/img/shinka/s_navi11_over.gif) no-repeat;
}/*201411受賞作品追加*/


#sideBar .sNavi03 .navi01 a {
	background: url(/img/bewell/s_navi01_over.gif) no-repeat;
}

#sideBar .sNavi03 .navi02 a {
	background: url(/img/bewell/s_navi02_over.gif) no-repeat;
}

#sideBar .sNavi03 .navi03 a {
	background: url(/img/bewell/s_navi03_over.gif) no-repeat;
}

#sideBar .sNavi03 .navi04 a {
	background: url(/img/bewell/s_navi04_over.gif) no-repeat;
}

#sideBar .sNavi03 .navi05 a {
	background: url(/img/bewell/s_navi05_over.gif) no-repeat;
}

#sideBar .sNavi03 .navi06 a {
	background: url(/img/bewell/album/s_navi06_over.gif) no-repeat;
}

#sideBar .sNavi04 .navi01 a {
	background: url(/img/relife/s_navi01_over.gif) no-repeat;
}

#sideBar .sNavi04 .navi02 a {
	background: url(/img/relife/s_navi02_over.gif) no-repeat;
}

#sideBar .sNavi04 .navi03 a {
	background: url(/img/relife/s_navi03_over.jpg) no-repeat;
}

#sideBar .sNavi04 .navi04 a {
	background: url(/img/relife/s_navi04_over.gif) no-repeat;
}

#sideBar .sNavi04 .navi05 a {
	background: url(/img/relife/s_navi05_over.gif) no-repeat;
}/*201410リライフ追加*/


#sideBar .sNavi05 .navi01 a {
	background: url(/img/well_life/s_navi01_over.gif) no-repeat;
}

#sideBar .sNavi05 .navi02 a {
	background: url(/img/well_life/s_navi02_over.gif) no-repeat;
}

#sideBar .sNavi05 .navi03 a {
	background: url(/img/well_life/s_navi03_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi01 a {
	background: url(/img/clair/s_navi01_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi02 a {
	background: url(/img/clair/s_navi02_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi03 a {
	background: url(/img/clair/s_navi03_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi04 a {
	background: url(/img/clair/s_navi04_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi05 a {
	background: url(/img/clair/s_navi05_over.gif) no-repeat;
}

#sideBar .sNavi06 .navi06 a {
	background: url(/img/clair/s_navi06_over.gif) no-repeat;
}

#sideBar .sNavi06 {
	margin-bottom: 16px;
}

#sideBar .sNavi01 li a:hover img,
#sideBar .sNavi02 li a:hover img,
#sideBar .sNavi03 li a:hover img,
#sideBar .sNavi04 li a:hover img,
#sideBar .sNavi05 li a:hover img,
#sideBar .sNavi06 li a:hover img {
	opacity: 0; 	
	filter: alpha(opacity=0);	
　　-moz-opacity:0; 
}

body #sideBar .telList {
	padding-top: 24px;
}

body #sideBar .telList li {
	float: left;
}

body #sideBar .telList li img {
	display: block;
}

#sideBar .sNavi01 .navi00 a:hover img,
#sideBar .sNavi02 .navi00 a:hover img,
#sideBar .sNavi03 .navi00 a:hover img,
#sideBar .sNavi04 .navi00 a:hover img,
#sideBar .sNavi05 .navi00 a:hover img,
#sideBar .sNavi06 .navi00 a:hover img {
    opacity: 0.7;
}

#sideBar .textImg{
margin-bottom:15px;
}

#sideBar .textImg a:hover img {
	opacity: 0.7; 	
	filter: alpha(opacity=70);	
}

/*------------------------------------------------------------
	sideBar01
------------------------------------------------------------*/		
#sideBar.sideBar01 {
	margin-top: 12px;
	width: 156px !important;
}

#sideBar.sideBar01 .sNavi05 {
	margin-bottom: 18px;
}

#sideBar.sideBar01 .textImg {
	margin-bottom: 7px;
}

#sideBar.sideBar01 .link li {
	float: left;
	padding-bottom: 5px;
}

#sideBar.sideBar01 .link img {
	display: block;
}

#sideBar.sideBar01 .link li a:hover img {
	opacity: 0.7; 	
	filter: alpha(opacity=70);	
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
}

#footer .fNavi {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 19px;
	padding: 0 0 8px 27px;
}

#footer .fNavi li {
	display: inline;
	font-size: 0.9em;
}

#footer .fNavi li a {
	margin: 0 5px;
}

#footer .title {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px 25px;
}

#footer .cfBox {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom:20px;
}

#footer .cfBox ul{
	padding-bottom:10px;
	border-bottom: 1px solid #C0C0C0;
}

#footer .cfBox li{
float:left;
width:295px;
margin:0;
padding:0;
}

#footer .cfBox li.end{
margin-left:20px;
width:430px;
}

#footer .fBox {
	padding-left: 26px;
}

#footer .fBox ul {
	float: left;
	margin-right: 5px;
	width: 145px;
}

#footer .fBox .style {
	width: 155px;
}

#footer .fBox .style2 {
	width: 220px;
}

#footer .fBox ul li a {
	background: url(/img/common/icon/icon02.gif) no-repeat left 2px;
	display: inline-block;
	padding-left: 9px;
}

#footer .fBox ul li ul {
	float: none;
	margin: 0 0 15px;
	width: auto;
}

#footer .fBox ul li ul li a {
	background: none;
}@charset "shift_jis";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

.clear {
	clear: both;
}

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

a:hover img.imgHover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

/*------------------------------------------------------------
	comDl
------------------------------------------------------------*/
#conts .comDl {
	clear: both;
	font-size: 1.2em;
	line-height: 1.6;
	margin-left: 9px;
}

#conts .comDl dt {
	clear: both;
	float: left;
	width: 70px;
	word-wrap: break-word;
}

#conts .comDl dd {
	float: right;
	overflow: hidden;
	width: 490px;
	zoom: 1;
}

#conts .comDl dd img {
	display: block;
	float: left;
}

#conts .comDl dd span {
	float: right;
	width: 396px;/*391px*/
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#conts .comLink {
	background: url(/img/common/icon/icon01.gif) no-repeat right 1px;
	font-size: 1.0em;
	margin: 0 10px 20px 0;
	padding-right: 15px;
	text-align: right;
	zoom:1;
}

/*------------------------------------------------------------
	.h2Ttl01
------------------------------------------------------------*/
.h2Ttl01 {
	background-color: #E6E6E7;
	font-size: 1.2em;
	margin: 0 3px 22px 0;
	padding: 5px 10px 2px 30px;
}

/*------------------------------------------------------------
	.h2Ttl02
------------------------------------------------------------*/
#conts .h2Ttl02 {
	border-bottom: 1px solid #BFBFBF;
	line-height: 1.2;
	margin-bottom: 8px;
	overflow: hidden;
	padding-left: 2px;
	zoom: 1;
}

#conts .h2Ttl02 .lSpan {
	float: left;
	font-size: 1.3em;
	width: 300px;
}

#conts .h2Ttl02 .lSpan span {
	font-size: 0.9em;
	font-weight: normal;
	margin-left: 5px;
}

#conts .h2Ttl02 .rSpan {
	float: right;
	font-size: 1.0em;
	font-weight: normal;
	padding-top: 2px;
	text-align: right;
	width: 250px;
}

/*------------------------------------------------------------
	shinkaBox
------------------------------------------------------------*/
#conts .shinkaBox {
	margin: 0 5px 17px 0;
}

#conts .shinkaBox .photoBox {
	float: left;
}

#conts .shinkaBox .textBox {
	background-color: #000;
	float: right;
	min-height: 240px;
	padding: 10px 10px 0 10px;
	width: 224px;
}

* html #conts .shinkaBox .textBox {
	min-height:240px;
	_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>240?"240px":"");
} 

#conts .shinkaBox .textBox p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.75;
}

#conts .shinkaBox .textBox .title {
	margin-bottom: 17px;
}

/*------------------------------------------------------------
	comShinka
------------------------------------------------------------*/
#conts .comShinka {
	margin: 0 37px 0 2px;
}

#conts .comShinka .listUl {
	float: left;
	width: 91px;
}

#conts .comShinka .listUl li {
	float: left;
	padding-bottom: 9px;
}

#conts .comShinka .listUl li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

#conts .comShinka .listUl li a,
#conts .comShinka .listUl li img {
	display:  block;
}

#conts .comShinka .mapUl {
	float: right;
	width: 385px;
}

#conts .comShinka .mapUl li {
	float: left;
	padding-bottom: 58px;
	position: relative;
	width: 385px;
}

#conts .comShinka .mapUl li img {
	display: block;
}

#conts .comShinka .mapUl li a img {
	position: absolute;
}

#conts .comShinka .mapUl li .number01 {
	left: 130px;
	top: 105px;
}

#conts .comShinka .mapUl li .number02 {
	left: 190px;
	top: 117px;
}

#conts .comShinka .mapUl li .number03 {
	left: 194px;
	top: 206px;
}

#conts .comShinka .mapUl li .number04 {
	left: 299px;
	top: 122px;
}

#conts .comShinka .mapUl li .number05 {
	left: 217px;
	top: 90px;
}

#conts .comShinka .mapUl li .number06 {
	left: 289px;
	top: 197px;
}

#conts .comShinka .mapUl li .number07 {
	left: 171px;
	top: 162px;
}

#conts .comShinka .mapUl li .number08 {
	left: 170px;
	top: 199px;
}

#conts .comShinka01 .listUl {
	float: none;
	padding: 7px 0 44px 0;
	width: 512px;
}

#conts .comShinka01 .listUl li {
	padding: 0 10px 10px 0;
}

#conts .comShinka01 .mapUl {
	margin-left: 74px;
	float: none;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;
	filter: alpha(opacity=50) !important;
	opacity: 0.5 !important;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{ padding:1px;}
        #cboxLoadingGraphic{background:url(common/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(common/images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background: url(/img/common/closelabel.gif) no-repeat; right:15px;top: 2px;width:70px;height:20px;display:none !important;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
#conts .comLinkUl {
	margin: 0 -9px 36px 0;
	overflow: hidden;
	width: 582px;
	zoom:1;
}

#conts .comLinkUl li {
	float: left;
	padding: 0 9px 12px 0;
}

#conts .comLinkUl li a,
#conts .comLinkUl li img {
	display: block;
}

#conts .comLinkUl .link01 a {
	background: url(/img/shinka/link01_over.gif) no-repeat;
}

#conts .comLinkUl .link02 a {
	background: url(/img/shinka/link02_over.gif) no-repeat;
}

#conts .comLinkUl .link03 a {
	background: url(/img/shinka/link03_over.gif) no-repeat;
}

#conts .comLinkUl .link04 a {
	background: url(/img/shinka/link04_over.gif) no-repeat;
}

#conts .comLinkUl .link05 a {
	background: url(/img/shinka/link05_over.gif) no-repeat;
}

#conts .comLinkUl li a:hover img {
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
}

/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
#conts .comInner {
	clear: both;
	margin: 0 6px 4px 24px;
}

#conts .comInner .photoBox {
	float: right;
}

#conts .comInner .textBox {
	float: left;
	margin-top: 6px;
	width: 335px;
}

#conts .comInner .textBox h4 {
	margin: 0 0 11px 3px;
}

#conts .comInner .textBox p {
	font-size: 1.0em;
	margin-bottom: 0;
}

/*------------------------------------------------------------
	colorBox
------------------------------------------------------------*/
#conts .colorBox .btmImg img,
#conts .colorBox .topImg img {
	clear: both;
	display: block;
}

#conts .colorBox {
	clear: both;
	margin-bottom: 15px;
}

#conts .colorBox .mindBox {
	background: url(/img/shinka/concept01/color_bg.gif) repeat-y left top;
	padding: 16px 34px 10px 24px;
	zoom:1;
}

#conts .colorBox .mindBox .photoBox {
	float: right;
	margin: 20px 0 10px 28px;
}

#conts .colorBox .mindBox dt {
	margin-bottom: 7px;
}

#conts .colorBox .mindBox dd {
	line-height: 1.7;
	margin-bottom: 19px;
}

/*------------------------------------------------------------
	comCase
------------------------------------------------------------*/
#main .comCase {
	clear: both;
	margin: 0 41px 20px 38px;
}

#main .comCase .leftBox {
	float: left;
	width: 460px;
}

#main .comCase .rightBox {
	float: right;
	width: 223px;
}
#main .comCase .leftBox p {
	font-size: 1em;
	line-height: 1.9;
	text-indent: 10px;
}

#main .comCase .leftBox .title {
	font-size: 1.4em;
	line-height: 1.6;
	margin-bottom: 19px;
	text-indent: 0;
}

#main .comCase .rightBox p {
	font-size: 1em;
	line-height: 1.6;
}

/*------------------------------------------------------------
	comVisual
------------------------------------------------------------*/
#main .comCase .leftBox .comVisual {
	border: 1px solid #BFBFBF;
	clear: both;
	padding: 22px 28px 21px 33px;;
}

#main .comCase .leftBox .comVisual p {
	line-height: 1.8;
	margin-bottom: 20px;
	text-indent: 0;
}

#main .comCase .leftBox .comVisual .title {
	font-size: 1.35em;
	margin-bottom: 2px;
}

#main .comCase .leftBox .comVisual ul {
	margin-right: -9px;
	overflow: hidden;
	width: 405px;
}

#main .comCase .leftBox .comVisual ul li {
	float: left;
	margin-right: 9px;
	position: relative;
}

#main .comCase .leftBox .comVisual ul li img {
	display: block;
}

#main .comCase .leftBox .comVisual ul li span {
	left: 0;
	position: absolute;
	top: 0;
}

#main .comCase .leftBox .comVisual .note {
	line-height: 1.5;
	margin-bottom: 0;
}

/*------------------------------------------------------------
	comPhotoList
------------------------------------------------------------*/
#main .comPhotoList {
	clear: both;
	margin: 0 -22px 0 36px;
	overflow: hidden;
	width: 771px;
}

#main .comPhotoList li {
	float: left;
	margin-right: 22px;
}

#main .comPhotoList li img {
	display: block;
}

/*------------------------------------------------------------
	takerImg
------------------------------------------------------------*/
#main .takerImg {
	clear: both;
	margin-left: 30px;
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
#main .comBox {
	background-color: #F5E9D5;
	margin: 0 3px 63px 0;
}

#main .comBox .photoBox {
	float: right;
}

#main .comBox dl {
	float: left;
	padding: 22px 20px 0 17px;
	width: 354px;
}

#main .comBox dt {
	float: left;
}

#main .comBox dd {
	color: #000;
	font-size: 1.2em;
	line-height: 1.7;
	padding: 30px 0 0 100px;
}

#main .comBox dd span {
	display: block;
	margin-bottom: 19px;
}

	* html #main .comBox dd span {
			text-indent: -3px;
		}
		
/*------------------------------------------------------------
	close
------------------------------------------------------------*/		
#main .close {
	clear: both;
	font-size: 1.5em;
	margin: 25px 16px 10px 0;
	text-align: right;
}

#main .close a {
	background: url(/img/common/icon/icon03.gif) no-repeat right top;
	padding: 2px 25px 2px 0;
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/		
#conts .comTable {
	border-collapse: collapse;
	margin: 0 0 0 -4px;
	position: relative;
	width: 100%;
}

#conts .comTable td {
	line-height: 1.2;
	padding-bottom: 13px;
	text-align: left;
	vertical-align: top;
}

#conts .comTable .tdStyle td {
	padding-bottom: 21px;
}

#conts .comTable td a {
	display: block;
}

#conts .comTable td img {
	display: block;
}

#conts .comTable td a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

#conts .comTable td span {
	display: block;
	overflow: hidden;
	padding-top: 4px;
	zoom: 1;
}

#conts .comTable td span img {
	float: left;
	margin-right: 3px;
}

#conts .comTable td span a {
	float: left;
	overflow: hidden;
	padding-top: 4px;
	width: 90px;
	word-break: break-all;
	zoom: 1;
}

#conts .comTable td .spanStyle01 a {
	width: 110px;
}

#conts .comTable td .spanStyle02 a {
	width: 80px;
}

#conts .comTable td .spanStyle03 a {
	padding-top: 0;
}

#conts .comTable td .photo01 {
	margin-top: -16px;
	position: relative;
	zoom: 1;
}

/*------------------------------------------------------------
	h2Header
------------------------------------------------------------*/		
body .h2Header {
	background-color: #524E4D;
	color: #FFF;
	font-size: 1.6em;
	margin-top: -2px;
	padding: 6px 5px 2px 5px;
	position: relative;
	z-index: 100;
}
/*------------------------------------------------------------
	h3Header
------------------------------------------------------------*/		
#conts .h3Header {
	margin-bottom: 41px;
}
/*------------------------------------------------------------
	comDlNew
------------------------------------------------------------*/		
#conts .comDlNew {
	clear: both;
	margin-bottom: 21px;
}

#conts .comDlNew dt {
	margin-bottom: 13px;
}

#conts .comDlNew dt img {
	display: block;
}

#conts .comDlNew dd {
	font-size: 1.1em;
	line-height: 1.7;
	margin-right: 70px;
}
/*------------------------------------------------------------
	comInfo
------------------------------------------------------------*/		
#conts .comInfo {
	background-color: #47210E;
	margin-bottom: 21px;
	zoom: 1;
}

#conts .comInfo .photoBox {
	float: left;
}

#conts .comInfo .textBox {
	float: right;
	margin-top: 24px;
	width: 338px;
}

#conts .comInfo .textBox .title {
	margin-bottom: 32px;
}

#conts .comInfo .textBox ul li {
	float: left;
	padding: 0 10px 5px 0;
}

#conts .comInfo .textBox ul li img,
#conts .comInfo .textBox ul a {
	display: block;
}

#conts .comInfo .textBox ul .navi01 a {
	background: url(/img/well_life/com_link01_over.gif) no-repeat;
}

#conts .comInfo .textBox ul .navi02 a {
	background: url(/img/well_life/com_link02_over.gif) no-repeat;
}

#conts .comInfo .textBox ul .navi03 a {
	background: url(/img/well_life/com_link03_over.gif) no-repeat;
}

#conts .comInfo .textBox ul .navi04 a {
	background: url(/img/well_life/com_link04_over.gif) no-repeat;
}

#conts .comInfo .textBox ul .navi05 a {
	background: url(/img/well_life/com_link05_over.gif) no-repeat;
}

#conts .comInfo .textBox ul li a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

/*------------------------------------------------------------
	comMenu
------------------------------------------------------------*/
.comMenu {
	margin-bottom: 36px;
	padding-left: 29px;
	background-color: #F0F0F1;
}
	
.comMenu li {
	float: left;
}

.comMenu li img {
	display: block;
}

.comMenu li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi {
	margin: 27px 77px 0 1px;
	padding: 10px 0 10px;
	clear: both;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	background-color: #FAFAFA;
}

.pageNavi li {
	padding: 0 18px 0 85px;
	float: left;
}

.pageNavi li img {
	display: block;
}

.pageNavi li a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
@charset "shift_jis";
/* CSS Document */
#gNavi {
	margin-bottom: 12px;
}

#main .inner {
	clear: both;
	margin: 0 61px 10px 15px;
}

#main .inner02 {
	margin: 0 74px 41px 15px;
}

#main .inner dl {
	float: left;
	margin-top: 6px;
	width: 260px;
}

#main .inner dt {
	float: left;
}

#main .inner dd {
	font-size: 1.1em;
	padding-left: 60px;
}

#main .inner ul {
	background: url(/img/relife/case02/arrow.gif) no-repeat center bottom;
	float: right;
	padding-bottom: 80px;
}

#main .inner ul li {
	float: left;
	padding-right: 28px;
}

#main .inner02 ul {
	background: none;
	margin-top: 5px;
	padding-bottom: 0;
}

#main .inner02 ul li {
	padding: 0;
}

#main .inner ul li img {
	display: block;
}

#main .comBox {
	margin-bottom: 53px;
}

#main .comBox dl {
	width: 350px;
}

#main .comBox dd {
	padding-top: 0;
}

#main .house {
	border: 1px solid #BFBFBF;
	clear: both;
	margin: 0 auto 20px;
	padding: 33px 20px 35px 27px;
	width: 735px;
}

#main .house .lBox {
	float: left;
	width: 375px;
}

#main .house .lBox .title {
	font-size: 1.4em;
	line-height: 1.5;
	margin-bottom: 14px;
	text-indent: 0;
}

#main .house .lBox p {
	line-height: 1.65;
	text-indent: 10px;
}

#main .house .lBox .text {
	margin-bottom: 28px;
}

#main .house .rBox {
	float: right;
	margin-top: 12px;
	width: 294px;
}

#main .house .rBox .photo {
	margin-bottom: 5px;
}

#main .house .rBox p {
	margin-bottom: 10px;
}

#main .house .subHouse {
	margin-right: 19px;
}

#main .house .dining {
	clear: both;
	margin-left: 5px;
}

#main .house .dining li {
	border-right: 1px solid #BFBFBF;
	float: left;
	margin: 50px 15px 0 0;
	padding-right: 9px;
	width: 163px;
}

#main .house .dining .liStyle {
	border: none;
	margin-right: 0;
	padding: 0;
	width: 305px;
}

#main .house .dining .none {
	border: none;
	margin-right: 0;
	padding: 0;
}

#main .house .dining li .title {
	font-size: 1.4em;
	margin-bottom: 2px;
}

#main .house .dining li p {
	line-height: 1.6;
	margin-bottom: 20px;
}

#main .house .dining li .text {
	margin-bottom: 48px;
}

#main .house .dining li .photo {
	position: relative;
}

#main .house .dining li .photo02 {
	margin-left: 13px;
	position: relative;
}

#main .house .dining li .photo span {
	left: 0;
	position: absolute;
	top: 0;
}

#main .takerImg {
	margin-left: 50px;
}