/* -----------------------------------------------
 * 天望苑用（20060810リニューアル）
 * ----------------------------------------------- */

/* -----------------------------------------------
 * ページ全体
 * ----------------------------------------------- */

body{
	font-size:100%;
	color:#222222;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-image: url(../img/bg01.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#490A04;
}


div.page {
	width: 780px;
	margin-left:auto;
	margin-right:auto;
}


a:link{ text-decoration:none; color:#FF601B; }
a:visited{ text-decoration:none; color:#9A6247; }
a:active{ text-decoration:underline; color:#222222; }
a:hover{ text-decoration:underline; color:#C13900; }



/* -----------------------------------------------
 * メインコンテンツ用
 * ----------------------------------------------- */

div.contents {
	width: 600px;
	text-align: left;
	padding-left: 22px;
	padding-bottom: 20px;
}

div.contents-tenbouen {
	width: 367px;
	text-align: left;
	padding-left: 255px;
	padding-bottom: 20px;
}

div.contents-mag {
	width: 397px;
	font-size:12px;
	color:#222222;
	text-align: left;
	padding: 100px 20px 20px 205px;
	background-image:url(../mag/img/tit2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div.pankuzu{
	width: 740px;
	text-align: left;
	font-size:75%;
	color:#444444;
	padding: 4px 0px 25px 0px;
	margin-left:auto;
	margin-right:auto;
}

.subheading{ 
	text-align: left;
	font-size:105%;
	font-weight: bold;
	color:#001E9F;
	padding-bottom: 4px;
}


.topics-tit {
	width: 90%; 
	padding: 4px 5px 3px 7px; 
	border-width : 0px 0px 1px 5px;
	border-style : solid solid solid solid;
	border-color : #FFFFFF #FFFFFF #BC582C #BC582C;
	background-color: #F7F1EC;
}


div.tenbouen-submenu{
	width: 622px;
	text-align: right;
	font-size:80%;
	color:#444444;
	padding: 4px 0px 0px 0px;
}


div.flash{
	width: 630px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}


.x-large	{ font-size:150%;	}
.large	{ font-size:120%;	line-height: 1.2;}
.medium	{ font-size:100%;	line-height: 1.3;}
.normal	{ font-size:84%;	line-height: 1.5;	font-family:"ＭＳ ゴシック",osaka;}
.small	{ font-size:75%;	line-height: 1.4;	font-family:"ＭＳ ゴシック",osaka;}
.x-small	{ font-size:65%;	line-height: 1.2; }


.date {
	width: 80px;
	font-size:80%;
	color:#666666;
	text-align: right;
}


#site-summary{
	background:#230B05;
	line-height: 1.3em;
	text-align:left;
}
#site-summary H1{
	display:inline;
	font-size:10px;
	font-weight: normal;
	color:#665552;
	padding: 0pt 10pt 0pt 0pt;
	margin-top:0pt;
	margin-bottom:0pt;
}
#site-summary p.midasi-text,
#site-summary p{
	display:inline;
	font-size:10px;
	font-weight: normal;
	color:#665552;
	margin-top:0pt;
	margin-bottom:0pt;
}



#header{
	width: 780px;
	padding: 0px 0px 0px 0px;
	background-color:#1D0904;
	text-align: right;
}

#header H2,
#header p.midasi-text{
	display:inline;
	font-size:10px;
	font-weight: normal;
	color:#665552;
	line-height: 1em;
	margin-top:0pt;
	margin-bottom:0pt;
}

#header p,
#site-summary p{
	display:inline;
}

#header #head-add{
	background:url(../img/head_bg.gif) left top repeat-x;
}



H1 {
	font-size:11px;
	font-weight: normal;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align: right;
}

H2 {
	font-size:20px;
	font-weight: bold;
	margin-top:0pt;
	margin-bottom:2pt;
}

H3 {
	font-size:84%;
	font-weight: normal;
	margin-top:0pt;
	margin-bottom:0pt;
	line-height: 1.2;
}

H4 {
	font-size:90%;
	font-weight: normal;
	margin-top:0pt;
	margin-bottom:0pt;
	color:#222222;
	line-height: 1.2;
}

.att{
	color:#c00;
}




/* -----------------------------------------------
 * TOPページ用
 * ----------------------------------------------- */

div.top-contents {
	width: 740px;
	background-color: #FFFFFF;
	background-image:url(../img/top_contents_bg1.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px 20px 20px 20px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div.top-contents2 {
	width: 740px;
	background-color: #FFFFFF;
	background-image:url(../img/top_contents_bg2.gif);
	background-repeat: repeat-x;
	background-position: right top;
	padding: 0px 20px 20px 20px;
	margin-left:auto;
	margin-right:auto;
}
div.top-contents3 {
	width: 740px;
	background-color: #FFFFFF;
	background-image:url(../img/top_contents_bg3.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px 20px 20px 20px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


div.top-news-column {
	width: 350px;
	text-align: left;
	vertical-align: top;
	margin:17px 0px 5px 0px;
	float:left;
}

div.top-topics-column {
	width: 350px;
	text-align: left;
	vertical-align: top;
	margin:27px 0px 0px 0px;
	float:right;
}

div.top-mag-column {
	width: 254px;
	text-align: left;
	vertical-align: top;
	margin:55px 0px 5px 0px;
	float:right;
}

div.top-right-column {
	width: 362px;
	text-align: left;
	vertical-align: top;
	margin:15px 0px 5px 0px;
	float:right;
}
div.top-right-column2 {
	width: 451px;
	text-align: left;
	vertical-align: top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	float:right;
}


.top-plan-tit-box{
	position:relative;
}
.top-plan-tit-box p{
	margin:0px;
}

#plan-stay-box .top-plan-tit-box{
	width:451px;
	height:116px;
	background:url(../img/top_plan_stay_tit_bg.jpg) left top no-repeat;
}
#plan-stay-box .top-plan-tit-box h2{
	height:43px;
	visibility:hidden;
	margin:0px;
}
#plan-stay-box .top-plan-tit-box .top-plan-text{
	width:200px;
	margin:0px;
}
#plan-stay-box .top-plan-tit-box .top-plan-text span{
	display:block;
	font-size:11px;
	color:#595959;
	line-height:1.3em;
	margin-left:20px;
}
#plan-stay-box .top-plan-tit-box .top-plan-link{
	position:absolute;
	right:7px;
	bottom:7px;
}


.top-right-column2 #plan-lunch-box .top-plan-tit-box{
	width:451px;
	height:39px;
	background:url(../img/top_plan_lunch_tit_bg.gif) left top no-repeat;
}
.top-right-column2 #plan-lunch-box .top-plan-tit-box h2{
	height:39px;
	visibility:hidden;
	margin:0px;
}
.top-right-column2 #plan-lunch-box .top-plan-tit-box .top-plan-link{
	position:absolute;
	right:10px;
	bottom:10px;
}
#plan-lunch-box .top-plan-link{
	text-align:right;
}
#plan-lunch-box-inner{
	background:url(../img/top_lunch_waku_b.gif) left bottom no-repeat;
	padding:0px 10px 10px;
}









.top-plan-link img{
	border:0px;
}


.top-news-column #plan-lunch-box{
	margin-bottom:15px;
}
.top-news-column #plan-lunch-box h2{
	margin:0px;
}
.top-news-column #plan-lunch-box .top-reco-plan{
	width:250px;
}
.top-news-column #plan-lunch-box table dl{
	margin:3px 0px;
}
.top-news-column #plan-lunch-box .top-reco-plan td.left-td,
.top-news-column #plan-lunch-box .top-reco-plan td.right-td{
/*	background:none;*/
	padding:5px 0px;
}
.top-news-column #plan-lunch-box .top-plan-link{
	margin:0px;
}
.top-news-column #plan-lunch-box .top-plan-tit01{
	color:#A63100;
}
.top-news-column #plan-lunch-box .top-plan-price .plan-price{
	color:#AD3C00;
}
#plan-stay-box .top-plan-tit01,
#plan-stay-box .top-plan-tit02{
	color:#FF5900;
}

#plan-lunch-box div img{
	vertical-align: top;
}







.top-right-column2 table dl{
	margin:8px 0px;
}




div.top-news-tit {
	text-align: left;
	font-size: 14px;
	color:#6085A8;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	border-bottom: 0px solid #818386;
	margin-bottom:15px;
}

div.top-topics-tit {
	text-align: left;
	font-size: 14px;
	color:#6085A8;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	border-bottom: 0px solid #818386;
	margin-bottom:8px;
}

div.top-flash {
	width: 608px;
	padding-right: 14px;
}

div.top-higaeri-banner {
	width: 350px;
	padding: 0px 0px 17px 5px;
}

.bnr-work{
	margin-top: 30px;
	margin-bottom: 20px;
}

#top_setumei{
	padding:5px 0px;
	clear:both;
}

#top_setumei td{
	text-align:left;
} 

#top_setumei p{
	padding-left:10px;
	font-size:11px;
	color:#666666;
	line-height:1.4em;
	margin: 7px 0px 0px 0px;
} 

#top_setumei h2{
	margin:0px;
	color:#660000;
	font-size:12px;
	line-height:16px;
	padding:0px 0px 0px 22px;
	background:url(../img/bar_two.gif) left center no-repeat;
}
#top_setumei img{
	padding:2px 5px 0px 0px;
}




#plan-lunch-box .top-reco-plan{
	width:270px;
}
.top-right-column2 .top-reco-plan{
	width:435px !important;
}


.top-reco-plan td{
	vertical-align:top;
}
.top-reco-plan td.left-td{
	background:url(../img/top_plan_line.gif) left bottom repeat-x;
}
.top-reco-plan td.right-td{
/*	width:210px;
	padding-left:15px;
	background:url(../img/top_plan_line_213.gif) right bottom no-repeat;*/
	background:url(../img/top_plan_line.gif) left bottom repeat-x;
}
.top-right-column2 #plan-stay-box .top-reco-plan td.right-td{
	width:210px;
	padding-left:15px;
	background:url(../img/top_plan_line_213.gif) right bottom no-repeat;
}



.top-reco-plan dt,
.top-reco-plan dd,
.top-reco-plan dd p{
	margin:0px;
	padding:0px;
}

.top-reco-plan dt{
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:5px;
}
.top-reco-plan dd{
	font-size:11px;
}

.top-reco-plan dd.top-plan-img{
	line-height:1.4em;
	color:#595959;
	padding-bottom:5px;
}
.top-reco-plan dd.top-plan-img img{
	padding:1px;
	border:1px solid #bfbfbf;
	margin-right:5px;
	margin-bottom:5px;
}
.top-reco-plan dd .top-plan-price{
	text-align:right;
	margin-top:5px;
	clear:both;
}
.top-reco-plan dd .plan-price{
	font-size:12px;
	font-weight:bold;
	color:#FF5900;
	margin-left:5px;
}
.top-reco-plan dd .top-plan-price a{
	margin-left:5px;
}







/* -----------------------------------------------
 * ヘッダ
 * ----------------------------------------------- */
div.head {
	width: 780px;
	height: 102px;
	text-align: left;
	background-image:url(../img/bg_head.gif);
	background-repeat: repeat-x;
	background-color: #F0F0F0;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
}

div.head-logo {
	width: 231px;
	height: 102px;
	text-align: left;
	margin:0px;
	float:left;
}

div.head-right {
	width: 545px;
	height: 102px;
	text-align: right;
	margin:0px;
	float:left;
}

div.head-info-box {
	height: 76px;
	text-align: right;
}

div.head-info {
	text-align: right;
	padding: 9px 10px 0px 0px;
}


#head-menu {
	font-size: 10px;
	text-align: right;
	letter-spacing:0.1em;
	color:#CDB38F;
	padding: 7px 5px 0px 0px;
}


#head-menu a {
	text-decoration:none;
	color:#CDB38F;
}

#head-menu a:hover {
	text-decoration:none;
	color:#F5D9B3;
	padding-bottom: 2px;
	border-bottom:1px solid #94807B;
}


/* -----------------------------------------------
 * フッター
 * ----------------------------------------------- */
div.footer {
	text-align: left;
	padding-top: 5px;
	clear: both;
}

div.copyright {
	width: 600px;
	font-size:80%;
	text-align: left;
	padding: 0px;
	float:left;
}

div.privacy {
	width: 122px;
	margin:0px 0px 0px 0px;
	float:right;
}

.footer-text {
	text-align: left;
	font-size: 11px;
}

div.sec-footer-pp {
	text-align: center;
	margin-bottom: 5px;
}

div.sec-footer-address {
	text-align: left;
	font-size: 11px;
	margin: 0px 0px 5px 8px;
}

div.sec-footer {
	width: 780px;
	height: 100px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: right top;
}

div.sec-copyright {
	font-size:80%;
	text-align: left;
	color: #FFFFFF;
	padding: 5px 0px 0px 8px;
}



/* -----------------------------------------------
 * メニュー
 * ----------------------------------------------- */

td.menu-bg {
	width: 158px;
	text-align: center;
	vertical-align: top;
	background-color: #6B210F;
	background-image: url(../img/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: center top;
}


div.menu {
	width: 158px;
	text-align: center;
	padding-bottom: 20px;
}

div.menu-item {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* -----------------------------------------------
 * コンセプト
 * ----------------------------------------------- */

div.concept-box {
	width: 545px;
	text-align: left;
	padding: 0px 0px 50px 0px;
	margin: 20px 35px 50px 20px;
	border-bottom:1px solid #CCCCCC;
}

div.concept-box2 {
	width: 545px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 35px 20px 20px;
}

DIV.concept-text-box {
	width: 328px;
	text-align: left;
	font-size: 12px;
	color:#666666;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin-left:25px;
}



/* -----------------------------------------------
 * ニュース
 * ----------------------------------------------- */

.news-top{ font-size:84%; text-align: left; line-height: 1.2; }
.news-list{ font-size:84%; text-align: left; line-height: 1.2; }
.news-index-title{ font-size:105%; text-align: left; font-weight: bold; }
.news-index-text{ font-size:84%; text-align: left; line-height: 1.5; }
.news-index-ph-comment{ font-size:75%; text-align: left; line-height: 1.2; }
.news-index-list{ font-size:80%; text-align: left; line-height: 1.3; }
.news-ph-comment{ font-size:80%; text-align: left; line-height: 1.2; width: 200px; padding: 3px 0px 5px 0px; }
.news-date{ font-size:75%; color:#555555; text-align: right; padding: 3px 0px 0px 0px; }




/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form.form {
    margin-top: 0em;
    margin-bottom: 0em;
}

INPUT.normal-input {
  border:1px #666666 solid;
}

TEXTAREA {
  width: 100%;
  background-color:#FFFFFF;
  border:1px #666666 solid;
}



/* -----------------------------------------------
 * プランメーカー
 * ----------------------------------------------- */
.pm-inner{
	width:580px;
	text-align:left;
	padding-top:5px;
	margin-left:20px;
	margin-bottom:20px;
}



/* -----------------------------------------------
 * 写真付一口コメント
 * ----------------------------------------------- */
.hitokuchi-box{
	border:1px dashed #666666;
	padding:10px;
	margin-bottom:25px;
}
.hitokuchi-box th,
.hitokuchi-box td{
	vertical-align:top;
}
.hitokuchi-box th{
	width:200px;
	text-align:center;
	padding-right:10px;
}
.hitokuchi-box th img{
	border:0px;
}
.hitokuchi-box th p{
	font-size:11px;
	font-weight:normal;
	margin:5px 0px 0px;
}
.hitokuchi-box td .hitokuchi-name{
	font-size:14px;
	font-weight:bold;
	color:#6B210F;
	margin-bottom:8px;
}
.hitokuchi-box td p{
	font-size:12px;
	color:#444444;
	margin:0px;
}

/* -----------------------------------------------
 * リラクゼーション
 * ----------------------------------------------- */
 #relaxation .contents{
 	margin: -92px 0 0 0;
	z-index: 100;
	position: relative;
	padding: 0 0 0 16px;
}

.line-bottom{
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
	padding-top: 10px;
}

.f-small{
	font-size: 11px;
}

.este-space{
	padding: 10px 0;
}

.este-tit{
	background: url(../relaxation/img/tit_este.jpg) left top no-repeat;
	width: 622px;
	height: 210px;
	display: block;
	position: relative;
	z-index: 0;
}

.este-tit-customer{
	background: url(../relaxation/img/tit_customer.jpg) left top no-repeat;
	width: 622px;
	height: 210px;
	display: block;
	position: relative;
	z-index: 0;
}


.btn-customer{
	position: absolute;
	top: 87px;
	right: 30px;
}

.comment-bg{
	background: url(../relaxation/img/frame_c_inner.gif) left top no-repeat;
	width: 600px;
	padding: 0 10px;
	font-size: 12px;
}



#customer .contents{
	margin: 0;
	padding: 0 0 0 11px;
}

#customer .contents table{
	margin-bottom: 10px;
}

.bg-este{
	background: url(../relaxation/img/waku.gif) left top no-repeat;
	padding: 20px 0 0 10px;
	margin-top: 40px;
}

.este-top{
	padding: 0 0 0 12px;}





/*-------------------------------------------------
マージン
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}


.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}



.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}


.mrg-center{margin-right:auto; margin-left:auto;}

.center{ margin-right: auto; margin-left: auto;}
.right{text-align:right;}
.left{text-align:left;}