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

/*********************************************
TOP
*********************************************/
#top {
	width: 980px;
	height: 250px;
	margin: 0 0 40px;
	background-color: #FFF;
}

/*********************************************
メインコンテンツ 
*********************************************/
/*INFORMATION*/
#main div.info {
	width: 940px;
	height: auto;
	margin: 0 0 50px;
}

#main div.info div {
	width: 180px;
	height: 180px;
	padding: 10px;
	float: left;
	background-color: #FFF;
	box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-webkit-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-moz-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
}

#main div.info h2 {
	width: 710px;
	height: 61px;
	margin: 0 0 15px;
	float: right;
	background-image: url(../img/top/txt_info.gif);
}

#main div.info h3 {
	width: 710px;
	margin: 0 0 10px;
	float: right;
	color: #AD8567;
	font-size: 18px;
	font-weight: bold;
}

#main div.info p {
	width: 710px;
	float: right;
	font-size: 14px;
	line-height: 180%;
}

/*PICK UP*/
#main div.picup {
	width: 940px;
	height: auto;
	margin: 0 0 50px;
	padding: 0 0 56px;
	background-image: url(../img/cmn/bg_line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#main div.picup div.wrap-img {
	width: 180px;
	height: 180px;
	padding: 10px;
	float: left;
	background-color: #FFF;
	box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-webkit-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-moz-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
}

#main div.picup h2 {
	width: 710px;
	height: 59px;
	margin: 0 0 15px;
	float: right;
	background-image: url(../img/top/tit_picup.gif);
}

#main div.picup h3 {
	width: 710px;
	margin: 0 0 10px;
	float: right;
	color: #AD8567;
	font-size: 18px;
	font-weight: bold;
}

#main div.picup h3.tit-more {
	width: auto;
	height: 22px;
	padding: 8px 0 0 28px;
	margin: 0 0 20px;
	float: none;
	background-image: url(../img/cmn/ico_01.gif);
	background-repeat: no-repeat;
}

#main div.picup p {
	width: 710px;
	float: right;
	font-size: 14px;
	line-height: 180%;
}

#main div.picup ul {
	width: 940px;
	height: auto;
}

#main div.picup ul li {
	width: 168px;
	float: left;
}

#main div.picup ul li.item-01,
#main div.picup ul li.item-02,
#main div.picup ul li.item-03,
#main div.picup ul li.item-04 {
	margin: 0 25px 0 0;
}

#main div.picup ul li div {
	width: 156px;
	height: 156px;
	padding: 6px;
	margin: 0 0 20px;
	background-color: #FFF;
	box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-webkit-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
	-moz-box-shadow:rgb(215, 215, 215) 0px 0px 3px 1px;
}

#main div.picup ul li p {
	width: 168px;
	height: auto;
	font-size: 12px;
}

/*ABOUT SALON*/
#main div.about {
	width: 940px;
	height: auto;
	margin: 0 0 50px;
}

#main div.about div.css3 {
	width: 320px;
	height: 244px;
	margin: 0 25px 0 0;
	padding: 10px;
	background-color: #FFF;
	box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 2px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 2px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.25) 0px 0px 2px 1px;
	float: left;
}

#main div.about div.section-01,
#main div.about div.section-02 {
	width: 575px;
	height: auto;
	float: right;
}

#main div.about div.section-01 {
	margin: 0 0 30px;
}

#main div.about div.section-01 h3,
#main div.about div.section-02 h3 {
	width: 575px;
	height: 29px;
	margin: 0 0 10px;
}

#main div.about div.section-01 h3 {
	background-image: url(../img/info/tit_01.jpg);
}

#main div.about div.section-02 h3 {
	background-image: url(../img/info/tit_02.jpg);
}

#main div.about p {
	font-size: 14px;
	line-height: 150%;
}