@charset "utf-8";

/* ========================================================
	template.css => テンプレート用CSS
======================================================== */
html {
	min-width: 1000px;
}
body {
	background: url(../images/page_bg.gif) top;
	font-size: 75%;
	line-height: 1.6;
	color: #6e6e6f;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
}
table {
	line-height: 1.6;
}
a {
	color: #6e6e6f;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
p {
/*Androidブラウザフォントバグ対策*/
max-height: 999999px;  
}

/* ヘッダー
============================================================================================================ */
#headContainer {
	width: 1000px;
	zoom: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#headContainer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#headContainer h1 {
	float: right;
	padding: 5px 0;
	font-weight: normal;
	font-size: 84%;
	color: #878787;
}
#headContainer #logo {
	float: left;
	padding-top: 25px;
}
#headContainer div {
	float: left;
	width: 626px;
	text-align: right;
	padding-right: 5px;
}
#headContainer div p {
	display: inline;
}
#headContainer ul {
	float: right;
}
#headContainer ul li {
	float: left;
	padding-left: 2px;
}
#headContainer .contact {
	position: relative;
	top: -4px;
	float: right;
}


/* コンテンツ
============================================================================================================ */
#contentsContainer {
	width: 1000px;
	padding-bottom: 20px;
	zoom: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#contentsContainer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#contentsInner {
	float: left;
	width: 836px;
}


/* コンテンツエリア
-------------------------------------------------------------------------- */
#contentsArea {
	float: right;
	width: 633px;
}


/* 左エリア
-------------------------------------------------------------------------- */
#leftArea {
	float: left;
	width: 199px;
	padding-top: 20px;
}

#nailNavi {
	background: url(../images/side/nail_navi_bg_foot.png) no-repeat bottom;
}
#nailNavi ul {
	background: url(../images/side/nail_navi_bg.png);
	padding-top: 3px;
	padding-left: 46px;
	padding-bottom: 10px;
}
#nailNavi ul li {
	padding: 0 0 5px 10px;
	background: url(../images/side/nail_navi_icon.png) no-repeat 0 0.5em;
	line-height: 1.6;
}
#nailNavi ul a {
	color: #7a66a5;
}
#nailNavi p {
	text-align: center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 53px;
	padding-left: 0;
}

.couponBtn {
	margin-top:10px;
	margin-left: 7px;
}
.mapBtn {
	margin-top: 20px;
}
.blogBtn {
	margin-left: 3px;
	margin-top: 4px;
}
.mobileBtn {
	margin-left: 7px;
	margin-top:20px;
}
.bridalBtn {
}

/* 右エリア
-------------------------------------------------------------------------- */
#rightArea {
	float: right;
	padding-top: 22px;
	width: 163px;
}
.offerBtn {
	margin-left:6px;
	margin-top:11px;
}
.membersBtn {
	margin-top:14px;
}


/* フッター
============================================================================================================ */
#footContainer {
	width: 1000px;
	background: url(../images/foot/line.png) no-repeat top;
	zoom: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#footContainer:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}

#footContainer div {
	float: left;
	width: 225px;
	padding-left: 20px;
}
#footContainer div dl {
	padding-left: 10px;
}
#footContainer div dt {
	margin-bottom: 0.3em;
	font-size: 84%;
}

#footContainer ul {
	float: left;
	padding-top: 20px;
	padding-right: 2.5em;
	padding-bottom: 0;
	padding-left: 0;
}
#footContainer ul ul {
	float: none;
	padding: 0;
}
#footContainer ul a:link, #footContainer ul a:visited {
	text-decoration: none;
}
#footContainer ul a:hover, #footContainer ul a:active {
	text-decoration: underline;
}

#copyright {
	padding-bottom: 20px;
	font-size: 84%;
	text-align: center;
}