/*========================================*/
/* css for "THE SPA SEIJO" */
/* 2007.7.6 */
/*  Inter-Active Design Inc. - Y.O. */
/*========================================*/

#index, #spa, #relax, #access { /*  */ }
body { background-image:url(../img/cmn/page_bg.gif); background-repeat:repeat; background-color:transparent;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";}
@media screen {
	body { font-size:small; }
	}
@media print {
	body { font-size:10pt; }
	html>body { font-size:9pt; }
	}

#container, #container2col { margin:0 auto; padding:0 44px 0 45px; width:711px; height:100%;
	background-image:url(../img/cmn/container_bg.gif); background-repeat:repeat-y; background-color:transparent; }

/* ========= Navigation =============================== */
#header { margin:0; padding:0; width:711px; height:72px; background-image:url(../img/cmn/header_bg.jpg);
	background-repeat:no-repeat; border-bottom:1px solid #705048; }
#header #logo { float:left; margin:32px 0 0 20px; width:270px; height:27px; }
#header #catch { float:left; margin:32px 0 0 13px; }
#header #inquiry { float:right; margin:32px 21px 0 0; }
#topnav { clear:both; margin:0; padding:0; width:711px; }
#footer { clear:both; margin:0; padding:10px 0; width:711px; border-top:1px solid #705048; }
html>body #footer { padding:0 0 20px 0; }
h3#copy { text-indent:15px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666; width:700px; }

#content { margin:0; padding:0; width:711px; }
@media screen {
	#content { background-color:#fff; }
	}

/* ========= General =============================== */
img { border:none; }
p { margin:0; }
ul, ol  { margin:0; }
em { font-weight:bold; font-style:normal;}

img.sp5 { margin-bottom:5px; }
img.sp10 { margin-bottom:10px; }
img.sp15 { margin-bottom:15px; }
img.sp20 { margin-bottom:20px; }
img.spLf5 { margin-left:5px; }
img.spLf10 { margin-left:10px; }
img.spTop5 { margin-top:5px; }
img.spTop10 { margin-top:10px; }

@media screen {
	.txt-s { font-size:90%; }
	.txt-m { font-size:100%; }
	.txt-l { font-size:110%; }
	}
@media print {
	.txt-s { font-size:10pt; }
	.txt-m { font-size:11pt; }
	.txt-l { font-size:12pt }
	}
.txt-gray6 { color:#666; }
.txt-gray9 { color:#999; }
.txt-brown { color:#5C423B; }
.txt-brown2 { color:#A6776B; }
.txt-red { color:#f00; }

.lh-140 { line-height:140%; }
.lh-150 { line-height:150%; }

.cr { clear:both; }

/* ========= paragraph =============================== */
.para-r { text-align:right; margin-top:3px; margin-right:10px; }
@media screen {
	.para-lead { margin:10px 10px 10px 15px; font-size:110%; }
	.para-lead2 { margin:10px 5px 0px 5px; font-size:110%; }
	}
@media print {
	.para-lead { margin:10px 10px 10px 15px; font-size:11pt; }
	.para-lead2 { margin:10px 5px 0px 5px; font-size:11pt; }
	}

.base-y { margin-right:10px; padding:10px 13px; background-color:#FFF9E7; border:1px solid #E2C474; }
.base-w { padding:10px 13px; background-color:#fff; border:1px solid #E2C474; }

.base-kakomi { padding:0; }
@media screen {
	.base-kakomi01 { margin-bottom:0; padding:26px 25px 0px 22px; background-image:url(../img/relax/relax_kei_top.gif);
		background-repeat:no-repeat; background-position:top left; }
	.base-kakomi02 { margin-top:0; padding:0px 25px 12px 22px; background-image:url(../img/relax/relax_kei_btm.gif);
		background-repeat:no-repeat; background-position:bottom left; }
	html>body .base-kakomi02 { margin-bottom:15px; }
	}

@media print {
	.base-kakomi01 { margin-bottom:0; padding:26px 25px 0px 22px; background-image:url(../img/relax/relax_kei_top.gif);
		background-repeat:repeat; background-position:top left; }
	.base-kakomi02 { margin-top:0; padding:0px 25px 12px 22px; background-image:url(../img/relax/relax_kei_btm.gif);
		background-repeat:repeat; background-position:bottom left; }
	html>body .base-kakomi02 { margin-bottom:15px; }
	}


/* ========= index page =============================== */
.indexMainpic { margin:0; padding:0; width:711px; /*height:270px;*/ border-bottom:1px solid #705048; }

.colLeft { float:left; width:439px; margin:0; padding:10px 0 10px 10px; background-color:#fff; border-right:1px solid #705048; }
.colRight { float:left; width:250px; padding:10px 0 10px 10px; margin:0; background-color:#fff; }
.colBtm { /*float:left;*/ width:690px; padding:20px 10px 10px 10px; margin:0; background-color:#fff; border-top:1px solid #705048; }
.colBtm p.para-r { margin-top:5px; margin-right:0px; }

/* ========= index - News, Campaign =============================== */
ul.mark-s { padding-left:10px; }
ul.mark-l { padding-left:0px; }
/* News title (’†’i) */
@media screen {
ul.mark-s li { list-style:none; background-image:url(../img/cmn/mark_flower_s.gif); background-repeat:no-repeat;
	background-position:1px left; text-indent:18px; margin-bottom:10px; }
html>body .mark-s li { background-position:0px 2px; margin-bottom:8px;  }
html*ul.mark-s li { list-style:none; background-image:url(../img/cmn/mark_flower_s.gif); background-repeat:no-repeat;
	background-position:-2px 0px; text-indent:18px; margin-bottom:3px; }

/* News articles (‰º’i) */
.mark-l li { list-style:none; background-image:url(../img/cmn/mark_flower_l.gif); background-repeat:no-repeat;
	background-position:1px left; text-indent:0px; padding-left:20px; margin-bottom:20px; }
html>body .mark-l li /* for Gecko */ { padding-left:21px; background-position:0px 1px;  }
/* for Safari \*/
html:\66irst-child ul.mark-l li { list-style:none; background-image:url(../img/cmn/mark_flower_l.gif); background-repeat:no-repeat;
	background-position:-2px 0px; text-indent:0px; margin-bottom:18px; }
/* end */
	}

@media print {
	ul.mark-s li { list-style-type:disc; text-indent:18px; margin-bottom:10px; }
	html>body .mark-s li { margin-left:20px; text-indent:6px; margin-bottom:8px;  }
	html*ul.mark-s li { text-indent:18px; margin-bottom:3px; }

	/* News articles (‰º’i) */
	.mark-l li { list-style-type:disc; padding-left:5px; margin-left:5px; margin-bottom:20px; }
	html>body .mark-l li /* for Gecko */ { padding-left:6px; margin-left:15px; background-position:0px 1px;  }
	/* for Safari \*/
	html:\66irst-child ul.mark-l li { margin-bottom:18px; }
	/* end */
	}

/*** ul.mark-l > li > ol.inside >li  ***/
.mark-l li ol.inside { padding-left:10px; color:#333; }
.mark-l li ol.inside li { list-style:none; background-image:none; padding-left:10px; margin-bottom:0px; }
/*** ul.mark-l > li > p.ttl  ***/ 
.mark-l li p.ttl { margin-bottom:6px; font-weight:bold; color:#333; }


/* ========= news page =============================== */
.news{
	list-style-type: none;	margin: 0px;	padding: 0px;	}
.news-title {
	font-size: 130%;	border-top: 1px solid #666633;	border-bottom: 1px solid #666633;	margin:0px 10px 10px 15px;	padding: 10px 0px;	font-weight: bold;		list-style-type: none;}
.news-date{
	text-align: right; margin-right:10px;	}
.news-content { margin:10px 10px 10px 15px; font-size:110%; }
.news-img { text-align: center;}

/* ========= Spa,Relaxation page =============================== */
.colHalf { float:left; width:335px; margin:0 0 10px 0; padding:10px 0 0 10px; background-color:#fff; }

.colFull { /*float:left;*/ width:690px; margin:0; padding:10px 0 5px 10px; background-color:#fff; }
.colBtm2 { /*display:block; float:left;*/ width:690px; padding:0 10px 10px 10px; margin:0; background-color:#fff; }
html>body .colBtm2 { padding-top:25px; }
html>body#relax .colBtm2 { padding-top:5px; }
#spa .colBtm2 { margin-top:-10px; padding-top:0px; }
html>body#spa .colBtm2 { padding-top:15px; }

.colHalf img.pic { float:left; margin:0; padding-right:5px; }
.colHalf p.photo { float:left; width:155px; margin-bottom:15px; }
.colHalf p.detail { float:left; width:175px; margin-bottom:15px; margin-top:1px; }
html>body#relax .colHalf p.detail { margin-bottom:15px; }
html>body#spa .colHalf p.detail { margin-bottom:10px; }
.left-col { border-right:1px solid #b7a7a3; padding-right:5px; } /* --> for .colHalf on the LEFT */

/* ========= Spa page only =============================== */
#spa .para-lead { margin-left:20px; padding-right:20px; }
.bg-spa { background:transparent url('../img/spa/bg_spa.jpg') no-repeat 100% 0%; }

/* ========= Relaxation page only =============================== */
.btn-pr { margin-top:2px; text-align:right; }
.price-tbl { width:540px; margin:15px 10px 25px 40px; padding:4px; border-collapse:collapse; border:2px solid #ccc; }
.price-tbl td { font-size:90%; }
html>body .price-tbl td { padding-top:4px; padding-bottom:4px; padding-right:4px; }
.price-ttl { font-weight:bold; text-align:left; padding-top:8px; padding-bottom:5px; padding-left:5px; border-left:1px solid #ccc;
	border-bottom:1px solid #ccc; background-color:#fff2ed; }
.td-bg { background-color:#fcf4ef; }
.price-menu { width:390px; text-align:left; padding-left:20px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.price-min { width:50px; text-align:right; padding-left:6px; border-bottom:1px solid #ccc; }
.price-yen { width:100px; text-align:right; padding-right:20px; border-bottom:1px solid #ccc; }
html>body .price-yen { padding-right:20px !important; }

/* ========= Relaxation, Access page =============================== */
@media screen {
	.mark-flw { background-image:url(../img/cmn/mark_flower_l.gif); background-repeat:no-repeat; background-position:0 -2px;
	padding-left:18px; }
html>body#relax .mark-flw /* for Gecko */ { padding-left:21px; background-position:3px -2px;  }
html>body#access .mark-flw /* for Gecko */ { padding-left:21px; background-position:0px 1px;  }
/* for Safari \*/
html:\66irst-child body#relax em.mark-flw  { background-image:url(../img/cmn/mark_flower_l.gif); background-repeat:no-repeat;
	background-position:1px 0px; text-indent:0px; margin-bottom:18px; }
html:\66irst-child body#access em.mark-flw { background-image:url(../img/cmn/mark_flower_l.gif); background-repeat:no-repeat;
	background-position:-2px 0px; text-indent:0px; margin-bottom:18px; }
	}
@media print { 
	.mark-flw { list-style-type:disc; }
	}
/* end */


/* ========= Access page =============================== */
.colFull2 { width:500px; margin:0 auto 10px auto; padding:0; background-color:#fff; }
.colFull3 { width:620px; margin:0 10px 10px auto; padding:0; background-color:#fff; }
.cntr { text-align:center; }
.colLeft2 { float:left;  margin:0; padding-left:10px; }
.colRight2 { float:left;  margin:0 0 10px 0; padding-left:20px; } /*Left+Right=530px*/
html>body#access .colBtm2 { padding-top:20px; }

#access .base-w { width:575px; margin-left:auto; margin-right:40px; padding-left:15px; }
ul.attn { margin-bottom:4px; }
li.dc { margin-left:40px; list-style-type:disc; }
html>body li.dc { margin-left:5px; }

.smenu{
	text-align: right;
	font-size: 90%;
	margin-top: -10px;
	margin-bottom: 10px;
}