@charset "shift_jis";

@import "common.css";

body {
	background-image: url(../images/background_index.gif);
	margin: 0px;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;   
	font-size:12px;
	line-height: 18px;
}

/* =======================================
	 common
========================================*/
.clear { clear:both; }
img { border:0; }  

/* =======================================
	 left_area
========================================*/

#left_area { width:200px; margin:0 auto; }

/* ------------------------------- reserved デモページ*/

#left_area #wrap_reserved {
	width:200px;
	height:461px;
	background-image: url(../images/reservation_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom:20px;
	display:block;
	border:solid 1px #CCCCCC;
} 
#wrap_reserved img { margin:0; }
#wrap_reserved #btn_boxT { height:111px; margin-top:162px; }
#wrap_reserved #btn_boxB { height:66px; margin-top:15px; }
#wrap_reserved #btn_boxB img { float:left; }
#wrap_reserved #onegai { height:92px; margin-top:15px; }
#wrap_reserved #onegai #note { margin:5px 15px; text-align:left; }

#banner_wrap { width:210px; }
#banner_wrap img { margin-bottom:1px; }
#banner_left { float:left; width:100px; }
#banner_right { float:right; width:100px; }

/* =========================================================================================
============================================================================================*/
/* =======================================
	 body/デモページ
========================================*/

#index_contents { width:600px; margin:20px auto; min-height:361px; }


/* ------------------------------- wedding */

#wrap_wedding {
	float:right;
	width:200px;
	margin-bottom:20px;
} 
#wrap_wedding img { margin:0; }

/* ------------------------------- left_wrap デモページ */

#index_contents #left_wrap { float:left; width:380px; padding-bottom:20px; }

#left_wrap div.head {
	clear:both;
	width:380px; height:30px;
	line-height:30px; text-align:left; text-indent:10px;
	background-image: url(../images/index_head_bg380.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
div.head strong { color:#FF3366; }

#left_wrap div.forwoman {
	background-image: url(../images/index_woman_bg.gif);
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}

div.forwoman strong {
	color:#bb33bb;
	font-size:100%;
	line-height:1.5;
}
div.forwoman .ph { float:right; margin:0 0 10px 10px; }

/* ------------------------------- coffee デモページ */
#left_wrap div.coffee {
	text-align: left;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
div.coffee strong { color:#bb33bb; font-size:120%; line-height:1.5; }
div.coffee .ph { float:right; margin:0 0 10px 10px; }

/* ------------------------------- reserved デモページ*/

#index_contents #reserved {
	width:200px;
	height:361px;
	float:right;
	background-image: url(../images/reservation_bg.jpg);
	background-repeat: no-repeat;
	padding-bottom:20px;
} 
#reserved img { margin:0; }
#reserved #boxT { height:111px; margin-top:162px; }
#reserved #boxB { height:66px; margin-top:15px; }
#reserved #boxB img { float:left; }