@charset 'UTF-8';
/*===========================================
original02.css INDEX
===========================================*/


/*--------------------------------------------------
common
--------------------------------------------------*/
body {
	color:#3F3926; !important
}
a:link{-webkit-tap-highlight-color:#fcd700; color:#3F3926;}
a:hover{color:#3F3926; text-decoration:underline;}
a:visited{color:#3F3926; text-decoration:none;}

.capW600{width:600px;}
.capW700{width:700px;}
.capW510{width:510px;}
.capW520{width:520px;}
.capW530{width:530px;}
.capW540{width:540px;}
.capW550{width:550px;}

@media screen and (max-width:599px){
.capW600{width:100%; padding-bottom:10px;}
.capW700{width:100%; padding-bottom:10px;}
.capW510, .capW520, .capW530, .capW540, .capW550{width:100%;}
}

ul.columnBox02 {
	width:100%;
	overflow:hidden;
}
ul.columnBox02 li {
	float:left;
}
ul.columnBox02 li:last-of-type {
	float:right;
}



#contents_titleWrap {
	width:100%;
	overflow:hidden;
	margin-bottom:55px;
	padding-top:20px;
}
#contents_titleWrap li {
	float:left;
}
div.categoryBlock03 p span {
	font-size:0.8em;
}
div.categoryBlock03 a span {
	font-weight:normal !important;
}

@media screen and (max-width:600px){
	ul.columnBox02 {
		width:100%;
	}
	ul.columnBox02 li {
		float:none;
		margin-bottom:20px;
		text-align:center;
	}
	ul.columnBox02 li:last-of-type {
		float:none;
		margin-bottom:0;
	}
	#contents_titleWrap li {
		width:100%;
	}
	#contents_titleWrap li img {
		width:100%;
	}
}

body#popup #content h1{
	color:#3F3926;
}

#top_mansionList li {
	display:block;
	background:url(../images/icon_arrow_club01.jpg) 10px 50% no-repeat;
	padding:3px 5px 3px 30px;
	float:left;
	margin-right:15px;
	color:#3F3926; !important
}
dl#gnaviSubList {
	margin-top:-5px;
	height:36px;
	padding:5px 0 0 0;
	background-color:#C5BFA4;
	font-size:90%;
}
dl#gnaviSubList02 {
	margin-top:-5px;
	height:66px;
	padding:5px 0 0 0;
	background-color:#C5BFA4;
	font-size:90%;
}
#gnaviSubList dd, dl#gnaviSubList02 dd {
	display:block;
	float:left;
	padding:3px 5px 3px 28px;
	background:url(../images/icon_arrow_club02.jpg) 10px 50% no-repeat;
}

#gnaviSubList a:link, #gnaviSubList02 a:link{-webkit-tap-highlight-color:#fcd700; color:#403A26;}
#gnaviSubList a:hover, #gnaviSubList02 a:hover{color:#403A26; text-decoration:underline;}
#gnaviSubList a:visited, #gnaviSubList02 a:visited{color:#403A26; text-decoration:none;}









/*--------------------------------------------------
bgImgText Adjust
--------------------------------------------------*/
.kvAdjust01{height:178px; background:url(../../_Templates/images/device_kvbg_01.jpg) 0 0 no-repeat; position:relative;}

.btnAdjust01{height:40px; background:url(../../_Templates/images/index_img_04.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust02{height:40px; background:url(../../_Templates/images/index_img_01.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust03{height:40px; background:url(../../_Templates/images/index_img_02.jpg) 0 0 no-repeat; position:relative; margin-bottom:10px;}
.btnAdjust01,
.btnAdjust02,
.btnAdjust03{background-size:100% auto;}
.btnAdjust01 span,
.btnAdjust02 span,
.btnAdjust03 span{position:relative; top:inherit; left:10px; display:inline-block; line-height:1.3;}
.btnAdjust01 small,
.btnAdjust02 small,
.btnAdjust03 small{display:block; padding-left:10px; margin-top:-3px;}

@media screen and (max-width:600px){
	.kvAdjust01{
		height:89px;
		background-position:100% 0;
	}
	.gn2{
		margin-left:0;
		margin-bottom:10px;
		float:left;
		display:inline;
		/*background-color:#ccc;*//*for sample*/
		width:100%;
	}
}


/*-------------------------------------------
Color
-------------------------------------------*/
.color21 {
	color:#187A39;
}
.color22 {
	color:#633D3D;
}
.color23 {
	color:#8B1A1E;
}
.color24 {
	color:#990000;
}
.color25 {
	color:#046C93;
}
.color26 {
	color:#A24621;
}

.boxColor01 {
	border:1px solid #928057;
	padding:25px;
}
.boxColor02 {
	width:620px;
	border:1px solid #928057;
	padding:25px;
}
.boxColor03 {
	border:1px solid #A1A1A1;
	padding:25px;
}

.lineBdod {
	border-bottom:1px dotted #CCC;
}

@media screen and (max-width:600px){
	.boxColor01 {
		padding:3%;
	}
	.boxColor02 {
		width:90%;
		padding:5%;
	}
	.boxColor03 {
		padding:3%;
	}
}

/*-------------------------------------------
Title
-------------------------------------------*/
.calierTitle {
	color:#279693;
	font-size:1.8em;
	padding-bottom:20px;
}
.calierSubTitle {
	color:#333333;
	font-size:1.5em;
	padding-bottom:20px;
}
.chalierSubTitleBlue {
	color:#004692;
	font-size:1.5em;
	padding-bottom:20px;
}
.chalierContentsTitle {
	color:#666666;
	font-size:1.4em;
	padding-bottom:20px;
	margin-top:25px;
}
.chalierContentsListTitle {
	color:#004692;
	font-size:1.3em;
	padding-bottom:10px;
	line-height:1.5em;
	margin-top:-3px;
}
.chalierContentsListTitle02 {
	color:#004692;
	font-size:1.1em;
	padding-bottom:10px;
	line-height:1.5em;
}
.chalierContentsListLink {
	color:#004692;
	font-size:0.9em;
	padding-top:15px;
}

.lifeTitleKamiiwasaki {
	color:#637CCE;
	font-size:1.5em;
	padding-bottom:20px;
}
.lifeTitleMr {
	color:#BA7A23;
	font-size:1.5em;
	padding-bottom:20px;
}
.lifeTitleTama {
	color:#53904D;
	font-size:1.5em;
	padding-bottom:20px;
}

.coodinateTitle {
	color:#2D1918;
	font-size:1.5em;
	padding-bottom:20px;
}
.coodinateTitle02 {
	color:#852643;
	font-size:1.5em;
	padding-bottom:20px;
}

.shopTitleSub {
	font-size:90%;
}


/*-------------------------------------------
 Column
-------------------------------------------*/
ul.columnWrap {
	overflow:hidden;
	width:100%;
}
ul.columnWrap li.floatL {
	float:left;
}
ul.columnWrap li.floatR {
	float:right;
}
ul.columnWrap3col {
	overflow:hidden;
	width:100%;
}
ul.columnWrap3col li.floatL {
	float:left;
	width:230px;
	margin-right:15px;
}
ul.columnWrap3col li.floatR {
	float:right;
	width:230px;
}
ul.columnWrap3col p {
	padding-bottom:5px;
}
ul.columnWrap3col dt {
	padding-bottom:8px;
	font-weight:bold;
}

@media screen and (max-width:600px){
	.columnWrap .floatL {
		float:none;
		width:100%;
		padding-bottom:15px;
	}
	.columnWrap .floatR {
		float:none;
		width:100%;
		padding-bottom:15px;
	}
	.columnWrap .floatL img, .columnWrap .floatR img {
		width:100%;
	}
	
	ul.columnWrap3col li.floatL, ul.columnWrap3col li.floatR {
		float:none;
		width:100%;
		padding-bottom:15px;
		text-align:center;
	}
	ul.columnWrap3col li.floatL img , ul.columnWrap3col li.floatR img {
		width:100%;
	}
	ul.columnWrap3col dd {
		text-align:left;
	}
}


/*-------------------------------------------
Area
-------------------------------------------*/
ul.areaWrap {
	overflow:hidden;
	width:100%;
}
ul.areaWrap li.floatL {
	float:left;
}
ul.areaWrap li.floatR {
	float:right;
}
ul.areaWrap3col {
	overflow:hidden;
	width:100%;
}
ul.areaWrap3col li.floatL {
	float:left;
	width:230px;
	margin-right:15px;
}
ul.areaWrap3col li.floatR {
	float:right;
	width:230px;
}
ul.areaWrap3col p {
	padding-bottom:5px;
}
ul.areaWrap3col dt {
	padding-bottom:8px;
	font-weight:bold;
}
ul.areaWrap li p.title {
	color:#6F514F;
	font-size:1.4em;
	padding-bottom:20px;
	line-height:1.3em;
}


@media screen and (max-width:600px){
	.areaWrap .floatL {
		float:none;
		width:100%;
		padding-bottom:15px;
	}
	.areaWrap .floatR {
		float:none;
		width:100%;
		padding-bottom:15px;
	}
	.areaWrap .floatL img, .areaWrap .floatR img {
		width:100%;
	}
	
	ul.areaWrap3col li.floatL, ul.areaWrap3col li.floatR {
		float:none;
		width:100%;
		padding-bottom:15px;
		text-align:center;
	}
	ul.areaWrap3col li.floatL img , ul.areaWrap3col li.floatR img {
		width:100%;
	}
	ul.areaWrap3col dd {
		text-align:left;
	}
}
/*-------------------------------------------
Column
-------------------------------------------*/

ul.columnTxt {
	overflow:hidden;
	margin-bottom:30px;
}
ul.columnTxt li {
	float:left;
	width:440px;
	margin-right:40px;	
}
.columnTxt02 {
	font-size:110%;
	line-height:1.7em;
}
.columnTxt03 {
	width:60%;
	font-size:110%;
	line-height:1.7em;
}

.columnTxtW40 {
	width:40%;
}
.columnTile {
	color:#666;
	font-size:1.3em;
	padding-bottom:10px;
	line-height:3.0em;
}
.columnTile02 {
	color:#004692;
	font-size:1.5em;
	padding-bottom:20px;
}

.columnTableBox {
	width:100%;
}
.columnTable50 {
	width:50%;
	margin-bottom:40px;
}
.columnTableBox02 {
	width:70%;
}

.columnListBox {
	overflow:hidden;
	padding-bottom:10px;
}
.columnListBoxL {
	color:#8B191E;
}
.columnListBoxR {
	width:670px;
}


.columnTableBox .bg_white {
	background:#FFF;
}
.columnTable dd, .columnTableBox td, .columnTableBox dd, .columnTableBox02 td, .columnTable50 dd, .columnTableBox02 dd {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#F1EFE8;
}
.columnTableBox td.head, .columnTableBox02 td.head {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#403A26;
	color:#ffffff;
}

.columnTableBox td.head_red, .columnTableBox02 td.head_red {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#D27D80;
	color:#ffffff;
}
.columnTableBox td.head_blue, .columnTableBox02 td.head_blue {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#4B88B7;
	color:#ffffff;
}
.columnTable dd.blue, .columnTableBox td.blue, .columnTableBox dd.blue, .columnTableBox02 td.blue, .columnTable50 dd.blue, .columnTableBox02 dd.blue {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#D7E2E8;
}
.columnTable dd.red, .columnTableBox td.red, .columnTableBox dd.red, .columnTableBox02 td.red, .columnTable50 dd.red, .columnTableBox02 dd.red {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:12px;
	background-color:#F0DBD8;
}

.columnTableBox03 td.head {
	color:#8B191E;
}

.columnTable dd.last {
	border-bottom:1px solid #CCC;
}

.columnZukai01 {
	overflow:hidden;
	margin-bottom:15px;
}
	
.columnZukai01 li {
	background-color:#403A26;
	color:#ffffff;
	padding:10px;
	float:left;
	margin-right:10px;
	margin-bottom:7px;
}

.columnTableBox04 {
	width:100%;
	border:1px solid #898888;
}
.columnTableBox04 tr {
	border-bottom:1px solid #898888;
}
.columnTableBox04 td, .columnTableBox04 th {
	padding:5px 20px;
	box-sizing:border-box;
}
.columnTableBox04 td.head, .columnTableBox04 th {
	color:#964D00;
	text-align:center;
}
.columnTableBox04 .head {
	width:30%;
	background:#FFF8D5;
}
.columnColorBox01 {
	background:#FFFDED;
	border:1px solid #954E00;
	box-sizing:border-box;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;
	padding:32px 30px;
	box-sizing:border-box;
}
ul.pointTitle {
	overflow:hidden;
}
ul.pointTitle li {
	float:left;
}
ul.pointTitle li:first-of-type {
	padding-right:16px;
}


@media screen and (max-width:600px){
.columnTableBox {
	width:100%;
}
.columnTableBox div.floatL, .columnTableBox div.floatR {
	width:100%;

}
.columnTxt02 {
	width:100%;
	line-height:1.7em;
}
.columnTxt03 {
	width:100%;
}
.columnZukai01 li {
	width:100%;
	margin-right:0px;
	margin-bottom:7px;
}
.columnListBoxL {
	color:#8B191E;
	width:94%;
}
.columnListBoxR {
	width:94%;
}
ul.pointTitle {
	overflow:hidden;
}
ul.pointTitle li {
	float:none;
}
ul.pointTitle li:first-of-type {
	padding-right:0;
}


}


/*-------------------------------------------
Contents
-------------------------------------------*/
.chalierTopInfo {
}
.chalierTopInfo dt {
	color:#999999;
	padding-bottom:2px;
	margin-top:12px;
}
.chalierTopInfo dd {
	padding-left:10px;
	padding-bottom:3px;
}














.clubTitle {
	color:#633D3D!important;
	font-size:1.5em;
	padding-bottom:30px;
}
.clubContentsTitle {
/*	margin-bottom:30px !important;*/
	margin-bottom:30px !important;
}
.clubTitleEco {
	color:#347A47!important;
	font-size:1.3em;
	padding-bottom:20px;
}

.mansionLink {
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}

ul#pageNextBack {
	margin-top:40px;
	overflow:hidden;
}
ul#pageNextBack li {
	float:right;
	text-align:left;
	background:url(../images/icon_arrow_club01.jpg) 10px 50% no-repeat;
	padding:3px 5px 3px 30px;
}
ul#pageNextBack li.back {
	float:left;
	text-align:left;
	background:url(../images/icon_arrow_club01.jpg) 10px 50% no-repeat;
	padding:3px 5px 3px 30px;
}

ul#pageNextBack02 {
	margin-top:40px;
	overflow:hidden;
}
ul#pageNextBack02 li {
	float:right;
	text-align:left;
	padding:3px 5px 3px 0px;
}
ul#pageNextBack02 li.back {
	float:left;
	text-align:left;
	padding:3px 5px 3px 0px;
}


@media screen and (max-width:599px){
	ul#pageNextBack {
		display:none;
	}
	#spIndex{
		width:94%;
		margin:0 auto;
	}
}
/*-------------------------------------------
sidebar
-------------------------------------------*/
#main {
	text-align:left;
}
@media screen and (max-width:599px){
	#main {
		width:94% !important;
		margin:0 auto;
	}
}

/*-------------------------------------------
sidebar
-------------------------------------------*/
#sidebar{text-align:left;}
#sidebar dl dt a{background-color:#403A26;}
#sidebar dl dt a:hover{background-color:#282417;}
#sidebar dl dd li a{display:block; color:#403A26; height:27px; padding:18px 15px;}


/*-------------------------------------------
interview
-------------------------------------------*/
ul#interviewList {
	width:100%;
	margin:44px auto 0;
	overflow:hidden;
}
ul#interviewList li {
	float:left;
	width:465px;
	margin-bottom:33px;
	border-bottom:1px solid #000;
	background:url(../../interview/images/arrow.jpg) bottom right no-repeat;
}
ul#interviewList li:nth-child(2n) {
	float:right;
}

ul#interviewList li dl.thumbWrap {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
ul#interviewList li dl.thumbWrap dt{
	float:left;
	margin-right:25px;
}
ul#interviewList li dl.thumbWrap dd{
	float:left;
	text-align:left;
	margin-top:12px;
}
ul#interviewList li dl.thumbWrap dd p.name{
	font-size:2.2rem;
	margin-top:3px;
	margin-bottom:7px;
}
ul#interviewList li dl.thumbWrap dd p.katagaki{
	font-size:1.1rem;
}
div.kiji {
	text-align:center;
	padding-top:160px;
}
div.kiji .kijiMain {
	margin-bottom:72px;
}
div.kiji hr {
	width:846px;
	margin:40px auto;
	border-top:1px solid #CCC;
}
div.kiji hr.spacer {
	margin-bottom:0;
	border-top:none;
}
div.kiji div#watanabeBg {
	background:#897962;
	padding:70px 0;
}

@media screen and (max-width:599px){
	ul#interviewList {
		width:96%;
	}
	ul#interviewList li {
		float:none;
		width:100%;
	}
	ul#interviewList li:nth-child(2n) {
		float:none;
	}
	
	ul#interviewList li dl.thumbWrap {
		width:100%;
		margin:0 auto;
		overflow:hidden;
	}
	ul#interviewList li dl.thumbWrap dt{
		margin-right:4%;
		width:30%;
	}
	ul#interviewList li dl.thumbWrap dd{
		float:left;
		text-align:left;
		margin-top:2%;
		width:60%;
	}
	ul#interviewList li dl.thumbWrap dd p.name{
		font-size:1.7rem;
		margin-top:3px;
		margin-bottom:0px;
	}
	ul#interviewList li dl.thumbWrap dd p.katagaki{
		font-size:0.8rem;
		line-height:1.0rem;
	}
	div.kiji {
		width:100%;
		margin:0 auto;
		text-align:center;
		padding-top:40px;
	}
	div.kiji .kijiMain {
		margin-bottom:72px;
	}
	div.kiji .kijiDtl {
		width:92%;
		margin:0 auto;
	}
	div.kiji hr {
		width:100%;
		margin:40px auto;
		border-top:1px solid #CCC;
	}
	div.kiji hr.spacer {
		margin-bottom:0;
		border-top:none;
	}
}


