@charset "utf-8";
/************************************************
*	レイアウト									*
************************************************/

#bleft{
	width:150px;
	float:left;
	margin:0 0 0 0;
	min-height:650px;
	height: auto !important;
	height: 650px;
	}
#bright{
	width:785px;
	float:right;
	}
	
/* left */
#bleft #cymenu{
	margin:80px 0 20px;
	}
#bleft h2 img{
	border:0;
	}
#cymenu li{
	list-style-type: none;
	margin:0 0 10px 0;
	}
#cymenu a{
	height:35px;
	width:150px;
	display:block;
	outline:0;
	text-decoration: none;
	}
#cymenu #ym01 a{
	background-image: url(../img/y_menu01.gif);
	}
#cymenu #ym02 a{
	background-image: url(../img/y_menu02.gif);
	}
#cymenu #cm01 a{
	background-image: url(../img/c_menu01.gif);
	}
#cymenu #cm02 a{
	background-image: url(../img/c_menu02.gif);
	}
#cymenu a:hover{
	 background-position:0 -35px;
	}
#bleft #ystay a{
	display:block;
	width:150px;
	height:60px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/y_blog.gif);
	}
#bleft #cstay a{
	display:block;
	width:150px;
	height:60px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/c_blog.gif);
	}
#bleft #member{
	margin:20px 0 0;
	}
#bleft #member a{
	display:block;
	width:150px;
	height:50px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/com_mem02.gif);
	}
#bleft #member img{
	margin:20px 0;
	}
#bleft #member p{
	font-size:0.8em;
	}
#bleft #cyblog ul{
	margin:10px 0 50px;
}
#bleft #cyblog li{
	margin:0 0 10px 0;
	list-style-type: none;
	font-size:0.7em;
	border-bottom:1px dotted #cccccc;
}
#bleft #cyblog li a{
	color:#666666
}
#bleft #cyblog li a:hover{
	color:#cccccc;
}
#bleft #cyblog li span{
	font-size:0.7em;
	color:#C6B071;
}
#bleft #ystay a:hover,
#bleft #cstay a:hover{
	 background-position:0 -60px;
}
#bleft #member a:hover{
	 background-position:0 -50px;
}
#bleft #cystory{
	margin:0 0 30px;
	}
#bleft #qr{
	margin:0 0 200px;
	}
#bleft #qr p{
	font-size:0.7em;
	color:#0099cc;
	margin:5px 0 0;
	}
#bleft #cystory a{
	display:block;
	width:150px;
	height:55px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/com_elstory.gif);
	}
#bleft #cystory a:hover{
	 background-position:0 -55px;
}
/* 淀屋橋店 */	
#shopinfo{
	margin:50px 0 0;
}
#shopflash{
	width:365px;
	float:left;
}
#shoplist{
	width:400px;
	float:right;	
}
#shoplist ul{
	margin:160px 0 0;
}
#shoplist li{
	font-size:0.8em;
	color:#333333;
	line-height:120%;
	list-style-type: none;
}
#shopmap{
	padding:50px 100px 0;
	clear:both
}
#shopmap p{
	font-size:0.8em;
	color:#152E4F;
	margin:5px 0 0
}
#mapde li{
	float:left;
	list-style-type: none;
}
#mapde #ybigmap a{
	display:block;
	margin:20px 10px 0 523px; 
	width:126px;
	height:38px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/y_bigmap.gif);
}
#mapde #yhow a{
	display:block;
	margin:20px 0 0; 
	width:126px;
	height:38px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/y_how.gif);
}
#mapde #cbigmap a{
	display:block;
	margin:20px 10px 0 523px; 
	width:126px;
	height:38px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/c_bigmap.gif);
}
#mapde #chow a{
	display:block;
	margin:20px 0 0; 
	width:126px;
	height:38px;
	outline:0;
	text-decoration: none;
	background-image: url(../img/c_how.gif);
}
#mapde #ybigmap a:hover,
#mapde #yhow a:hover,
#mapde #cbigmap a:hover,
#mapde #chow a:hover{
	 background-position:0 -38px;
}
#mapde{
	margin:0 0 80px;
	}
/* スタイルコレクション */
#style{
	margin:50px 0;
}
/* メニューリスト */
#menulist{
	margin:50px 0;
	font-size:0.8em;
}
#menulist .mlbl{
	width:400px;
	float:left
}
#menulist .mlbr{
	width:385px;
	float:left
}
#menulist .spa{
	clear:both;
	}
#menulist h4{
	margin:20px 0 0;
}
#menulist .mlyod ul{
	border-top:2px dotted #FEDBBD;
	border-bottom:2px dotted #FEDBBD;
	width:385px;
	padding:10px 0;
	margin-bottom:20px;
}
#menulist .mlcha ul{
	border-top:2px dotted #B3D3DB;
	border-bottom:2px dotted #B3D3DB;
	width:385px;
	padding:10px 0;
	margin-bottom:20px;
}
#menulist li{
	list-style-type: none;
	margin:5px 10px;

}
#menulist li p{
	font-size:0.85em;
	color:#777777
}
#menulist li span{
	margin-left:20px;
	font-size:0.85em;
	color:#666666
}
#menulist .yspa ul{
	border-top:2px dotted #FEDBBD;
	border-bottom:2px dotted #FEDBBD;
	background-attachment: fixed;
	background: url(../img/y_mtp.jpg)  no-repeat  left top;
	min-height:180px;
	margin-bottom:20px;
		}
#menulist .cspa ul{
	border-top:2px dotted #B3D3DB;
	border-bottom:2px dotted #B3D3DB;
	background-attachment: fixed;
	background: url(../img/c_mtp.jpg)  no-repeat  left top;
	min-height:180px;
	margin-bottom:20px;
		}
#menulist .yspa li,
#menulist .cspa li{
	list-style-type: none;
	margin:0 0 5px 270px;
	}
#menulist #moption{
	clear:both;
	padding:20px 0 0;
	font-size:0.8em;
	text-align:right;
	color:#666666;
	}
/* 会社概要 */
#company{
	margin:0 0 0;
}
#comare{
	margin:20px 0 50px;
}
#cylogo{
	margin:0 0 0 505px;
}
.companylist{
	background:url(../img/comp_cen.gif) repeat-y;
	width:636px;
	height:100%;
	margin:50px 0 0 74px;
	font-size:0.75em;
	line-height:150%;
	color:#666666;
	}

.companylist table{
	clear:both;
	width:500px;
	font-size:0.9em;
	margin:0 0 20px 68px;
	padding:0 0 0;
	color:#666666;
	}
.companylist ul{
	clear:both;
	width:500px;
	font-size:0.9em;
	margin:20px 0 20px 68px;
	padding:0 0 0;
	color:#666666;
	}
.companylist li{
	padding:0 0 0 10px;
	line-height:140%;
	margin:0 0 20px;
	border-bottom:1px dotted #999999;
	list-style-type: none;
	}
.companylist th{
	width:130px;
	text-align:left;
	padding:5px 0 5px 10px;
	border-bottom:1px dotted #999999;
	}
.companylist td{
	width:370px;
	padding:5px 0;
	border-bottom:1px dotted #999999;
	}
.companylist dl{
	clear:both;
	width:500px;
	margin:0 0 0 68px;
	padding:30px 0;
	color:#666666;
	}
.companylist dt{
	width:180px;
	float:left;
	margin:0 0 20px;
	border-bottom:1px dotted #999999;
	}
.companylist dt span{
	margin:0 0 0 30px;
	}	
.companylist dd{
	width:320px;
	float:left;
	margin:0 0 20px;
	border-bottom:1px dotted #999999;
	}
.companylist .clb{
	clear:both;
}
.companylist h4{
	width:500px;
	font-size:1.2em;
	margin:30px 0 0 68px;
	background-color:#C8CAC1;
	padding:5px;
	}
.companylist h5{
	padding:0 0 5px;
	margin:20px 0 0 68px;
	font-size:1em;
	color:#0099CC
	}
.companylist .made{
	width:500px;
	text-align:right;
	margin:0 0 10px 68px;
	}
.rinen{
	width:500px;
	text-align:center;
	font-size:1.2em;
	line-height:300%;
	margin:30px 0 50px 68px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	}
/* リンク */
#link{
	margin:50px 100px 0;
	min_height:630px;
}
#link img{
	border:0;
	margin-bottom:5px;
}
#link hr{
	border-bottom:1px solid #cccccc;
}
#link h3{
	float:left;
	width:230px;
}
#link ul{
	float:left;
	margin:0 0 0 10px;
	list-style-type: none;
	font-size:0.75em;
}
#link li{
	margin:5px 0 0;
} 
#link ul a{
	color:#376371;
	text-decoration: underline;
}
#link ul a:hover{
	color:#999999;
}
/* メールマガジン */
#mailform{
	padding:50px 0;
}
#mailform p{
	text-align:right;
	color:#666666;
	font-size:0.7em;
	margin:5px 5px 0 0;
}
#mailform table{
	margin:50px 0 0 130px;
	font-size:0.75em;
	text-align:left;
	color:#333333;
	background-color:#F9F9F7;
}
#mailform table th{
	padding:15px 0 15px 15px;
	width:145px;
	font-weight:normal;
	border-bottom:1px solid #ffffff
}
#mailform table th span{
	margin:0 5px 0 5px;
	color:#330000
	}
#mailform table td{
	width:350px;
	border-bottom:1px solid #ffffff
}
#mailform .btsub{
	margin:15px 142px 20px 130px;
	text-align:center
}
/* staff */
#staff{
	width:700px;
	margin:0 0 50px 42px;
	background-color:#F7F7F7;
	border:1px solid #E4E4E4;
	padding:50px 0;
}
.stab{
	width:640px;
	margin:0 30px;
}
.stab h3{
	color:#9A764A;
	font-size:1.2em;
	padding:0 0 10px;
}
.stab li{
	list-style-type: none;
	margin:0 0 0;
	clear:both;
}
.stab h4{
	width:160px;
	line-height:150%;
	font-size:0.68em;
	float:left;
	color:#857D65
}
.stab p{
	width:280px;
	line-height:150%;
	float:right;
	font-size:0.68em;
	color:#666666
}
.stab .botimg{
	clear:both;
	padding:20px 0;
}
.sbl .sphoto{
	float:left;
	width:180px;
}
.sbr .sphoto{
	float:right;
	width:180px;
}
.sbl ul{
	width:440px;
	float:right;
	margin:0 0 0 0
}
.sbr ul{
	width:440px;
	float:left;
	margin:0 0 0 0;
}