@charset "shift_jis";
/* CONTENTS */
/* ----------------------------------------------------------------- CONTENTS LAYOUT */
div#search-body {
	clear:both;
	margin: 16px 14px 0px 14px;
}
div#search-body div#search-detale {
	background: url(../img/bg_search_detail.gif) repeat-y left top;
}
div#search-body div#search-detale div.search-detale-desc {
	padding: 0px 0px 1px 0px;
	background: url(../img/bg_search_detail_desc.gif) no-repeat left bottom;
}
div#bar-area,div#bar-genre {
	position: absolute;
	z-index: 2;
	visibility: hidden;
}
div#openbox-genre,div#openbox-area {
	display:none;
}
div#search-body table {
	clear:both;
	margin: 5px 0px 16px 0px;
	border-bottom: 1px solid #c7c7c7;
}
div#search-body table td {
	border-top: 1px solid #c7c7c7;
	padding: 5px 5px 5px 8px;
	font-size: 12px;
	line-height: 140%;
	vertical-align: middle;
}
div#search-body table td.side {
	width:174px;
}
div#search-body table td.center {
	width:174px;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}
/* ---------------------------------------------- DETAIL-BOX LAYOUT */
div#search-body div#search-detale div.detail-box {
	margin: 10px 0px 0px 16px;
	width:547px;
}
div#search-body div#search-detale div.select-box {
	float:left;
	width:181px;
}
div#search-body div#search-detale h5 {
	clear:both;
	font-size: 12px;
	line-height: 130%;
}
div#search-body div#search-detale h5.ttl-bar {
	clear:both;
	margin: 0px 0px 0px 12px;
	font-size: 12px;
	line-height: 130%;
}
div#search-body div#search-detale div.select-box select {
	clear:both;
	width:170px;
}
input.side-margin{
	margin: 0px 10px;
}
/* ---------------------------------------------- PORPSE LAYOUT */
div#purpose-body {
	clear:both;
	width:591px;
	padding: 14px 0px 0px 0px;
}
p.purpose-ttl {
	clear:both;
	line-height: 110%;
	padding: 12px 14px 0px;
	font-weight: bold;
	font-size: 14px;
}
div#purpose-body p.body {
	clear:both;
	line-height: 180%;
	padding: 0px 14px 25px;
}
div#purpose-body div.purpose-box {
	clear:both;
	width:591px;
	padding: 0px 0px 26px;
	border-top: 3px solid #000000;
}
div#purpose-body div.purpose-box div.img-box {
	float:left;
	width:201px;
}
div#purpose-body div.purpose-box div.desc-box {
	float:right;
	width:390px;
}
div#purpose-body div.purpose-box div.desc-box h3 {
	padding: 7px 14px 8px;
	background: #f3f3f3 url(../../img/common/line_dot.gif) repeat-x left bottom;
	font-size: 16px;
	line-height: 130%;	
}
div#purpose-body div.purpose-box div.desc-box p.body {
	padding: 10px 14px 10px;
	line-height: 160%;	
}
div#purpose-body div.purpose-box p.btn {
	float:right;
	width:376px;
	height:0px;
	margin: -28px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	background: url(../../shared/img/line_dot_2px.gif) repeat-x left top;
	text-align: right;
	overflow: visible;
}
div#purpose-body p.attention {
	clear:both;
	line-height: 180%;
	padding: 11px 14px 10px;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
}
/* ---------------------------------------------- NAVI-BOX LAYOUT */
div#navi-box {
	clear:both;
	width:591px;
	height:28px;
	background: url(../img/bg_ul_navi.gif) no-repeat left top;
}
div#navi-box ul {
	clear:both;
	width:591px;
	height:28px;
	text-align: right;
	overflow: hidden;
}
div#navi-box ul li {
	float:right;
	height:28px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
}
/* ---------------------------------------------- NAVI-PURPOSE LAYOUT */
div#page-navi-purpose {
	clear:both;
	width:591px;
	padding: 11px 0px 0px;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
}
div#page-navi-purpose div.btnback {
	float:left;
	width:94px;
	height:27px;
	text-align: center;
}
div#page-navi-purpose div.btnnext {
	float:right;
	width:94px;
	height:27px;
	text-align: center;
}
div#page-navi-purpose p.pagelist {
	margin: 0px 100px;
	padding: 1px 0px 0px 0px;
	line-height: 120%;
	text-align: center;
}
div#page-navi-purpose p.pagelist strong {
	color: #f03817;
}
div#navi-purpose {
	clear:both;
	width:591px;
	padding: 21px 0px 0px;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
}
div#navi-purpose h4 {
	float:left;
	width:164px;
	height:28px;
}
div#navi-purpose ul {
	float:right;
	width:427px;
	height:28px;
	overflow: hidden;
	background: url(../img/bg_ul_navi_purpose.gif) repeat-x left top;
}
div#navi-purpose ul li {
	float:left;
	height:28px;
	padding: 0px 12px 0px 0px;
	overflow: hidden;
}
/* ---------------------------------------------- NAVI LAYOUT */
p.result-navi {
	margin: 9px 14px 8px 14px;
}
p.result-navi strong {
	color: #f03817;
}
/* ---------------------------------------------- list LAYOUT */
div#result-body {
	clear:both;
}
div#result-body div.results-list-box {
	clear:both;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
	padding: 22px 0px 0px;
	width: 591px;
}
div#result-body div.results-list-box div.results-desc {
	float:right;
	width:471px;
}
div#result-body div.results-list-box div.img-box {
	float:left;
	width:120px;
}
div#result-body div.results-list-box p.category {
	margin: 0px 14px 5px 13px;
	line-height: 130%;
}
div#result-body div.results-list-box h3 {
	padding: 7px 14px 4px 13px;
	line-height: 120%;
	font-size: 16px;
	background: #f3f3f3;
}
div#result-body div.results-list-box p.lead {
	margin: 7px 14px 5px 13px;
	line-height: 130%;
	font-size: 12px;
	font-weight: bold;
}
div#result-body div.results-list-box p.info-genre {
	padding: 0px 14px 0px 13px;
	line-height: 140%;
}
div#result-body div.results-list-box p.info-cost {
	float:left;
	width:328px;
	padding: 0px 0px 0px 13px;
	line-height: 140%;
}
div#result-body div.results-list-box p.info {
	float:left;
	width:328px;
	padding: 0px 0px 4px 13px;
	line-height: 140%;
}
div#result-body div.results-list-box p.info-btn {
	float:right;
	width:130px;
	line-height: 140%;
	text-align:right;
}
div#result-body div.results-list-box div.ico-box {
	margin: 0px 0px 0px 13px;
	background: url(../../shared/img/line_dot_2px.gif) repeat-x left top;
	padding: 5px 0px 7px;
}
div#result-body div.results-list-box div.ico-box h4 {
	clear:both;
	padding: 2px 0px 2px;
	font-size: 10px;
	line-height: 110%;
}
div#result-body div.results-list-box div.ico-box ul {
	clear:both;
	width:458px;
}
div#result-body div.results-list-box div.ico-box li {
	overflow:hidden;
	float:left;
	height:22px;
}
div#result-body div.results-list-box div.ico-box li img {
	margin: 0px 4px 0px 0px;
}
div#result-body div.results-list-box div.ico-box ul.purpose {
	clear:both;
	width:458px;
	padding: 5px 0px 0px;	
	background: url(../../shared/img/line_dot_2px.gif) repeat-x left top;	
}
div#result-body div.results-list-box div.ico-box ul.purpose li {
	float:none;
	width:458px;
	height:auto;
	font-size:10px;
	line-height:120%;
}
div#result-body div.results-list-box div.ico-box ul.purpose li span.ico {
	float:left;
	width:80px;
	display: block;
	text-align: center;
	background: url(../img/bg_ico_color.gif) no-repeat left top;
	color: #1d64a7;
	padding: 2px 0px 8px;
}
div#result-body div.results-list-box div.ico-box ul.purpose li span.caption {
	margin: 0px 0px 0px 85px;
	padding: 2px 0px 8px;
	display: block;
}

/* ---------------------------------------------- INFO LAYOUT */
div#info-body {
	clear:both;
}
div#info-body div#category-box {
	clear:both;
	margin: 2px 3px 0px 0px;
	height:42px;
}
div#info-body div#category-box div#category-box-left {
	float:left;
}
div#info-body div#category-box div#category-box-left div#res-info {
	margin-left: 3px;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
div#info-body div#category-box div.category {
	margin-top: 2px;
	padding: 5px 20px 0px 20px;
	font-size: 10px;
	line-height: 110%;
	font-weight: bold;
	height:17px;
	white-space: nowrap;
	
	color:#fff;
	background: #000 url(../img/cate_bg_res_info.gif) no-repeat 100% 0%;
}
* html div#info-body div#category-box div.category {
	width: 10px;
}

div#info-body div#category-box p.btn-reserved {
	float:right;
	width:163px;
	height:34px;
}
div#info-body div#ttl-box {
	clear:both;
 padding: 8px 14px 2px;
	background: #ececec url(../../shared/img/line_dot.gif) repeat-x left top;
}
div#info-body div#ttl-box p.caption {
	font-size: 10px;
	line-height: 120%;
}
div#info-body div#ttl-box h3 {
	font-size: 18px;
	line-height: 130%;
}
div#info-body p.catch {
	clear:both;
 padding: 12px 14px 10px;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
	font-size: 14px;
	line-height: 140%;
	color: #608C35;
	font-weight: bold;
}
div#info-body div#info-left {
	float:left;
	width:316px;
}
div#info-body div#info-left div.img-box {
	clear:both;
	width:316px;
}
div#info-body div#info-left div#photo-navi {
	clear:both;
	width:316px;
	height:30px;
	background: #000;
}
div#info-body div#info-left div#photo-navi div.btnback {
	float:left;
	padding-left: 15px;
	width:79px;
}
div#info-body div#info-left div#photo-navi div.btnphoto {
	float:left;
	width:128px;
	text-align: center;
}
div#info-body div#info-left div#photo-navi div.btnnext {
	float:left;
	padding-right: 15px;
	width:79px;
	text-align: right;
}
div#info-body div#info-left div#photo-navi img {
	margin: 5px 0px;
}
div#info-body div#info-right {
	float:right;
	width:260px;
}
div#info-body div#info-right p.body {
	margin: 0px 14px 8px 0px;	
	line-height: 170%;
}
div#info-body div#info-left p.photographer {
	clear:both;
	padding: 4px 0px 0px 14px;
	background: url(../../shared/img/line_dot_2px.gif) repeat-x left top;
	text-align:left;
	font-size: 10px;
	line-height: 140%;
}
div#info-body div#info-right p.writer {
	margin: 0px 14px 5px 0px;
	padding: 4px 0px 0px;
	background: url(../../shared/img/line_dot_2px.gif) repeat-x left top;
	text-align:right;
	font-size: 10px;
	line-height: 140%;
}

div#info-body div#info-right ul#info-btn-navi {
	overflow:hidden;
	float:right;
	width:260px;
	height:26px;
}
div#info-body div#info-right ul#info-btn-navi li {
	float:left;
	width:70px;
	overflow:hidden;
	height:26px;
	text-align: right;
	margin-right : 5px;
}
div#info-body div#info-right ul#info-btn-navi li#btn-hp {
	width:95px;
}

/* ---------------------------------------------- basic INFO LAYOUT */
div#info-body div#basic-info {
	margin: 0px 14px 0px 0px;
	clear:both;
}
div#info-body div#basic-info div#basic-info-left {
	float:left;
	width:455px;
}
div#info-body div#basic-info div#basic-info-left h4 {
	float:left;
	width:84px;
}
div#info-body div#basic-info div#basic-info-right {
	float:right;
	width:111px;
}
div#info-body div#basic-info div#basic-info-right div.qr {
	clear:both;
	border: 1px solid #cacaca;
}
div#info-body div#basic-info div#basic-info-right div.map {
	clear:both;
	margin: 10px 0px;
}
div#info-body table {
	clear:both;
	border-bottom: 1px solid #c7c7c7;
}
div#info-body table td {
	border-top: 1px solid #c7c7c7;
	padding: 6px 6px 6px 14px;
	font-size: 12px;
	line-height: 110%;
	width:110px;
}
div#info-body table td.desc {
	width:305px;
	border-left: 1px solid #c7c7c7;
}
div#info-body table td img {
	margin: 0px 5px 0px 0px;
}
div#info-body p.btn-back-list {
	padding: 11px 0px 10px;
	text-align: center;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
}
div#contents .btn-back-purpose {
	padding: 12px 0px 12px 0px;
	text-align: center;
	background: url(../../shared/img/line_dot.gif) repeat-x left top;
}




/* ---------------------------------------------------------------------- basic INFO LAYOUT */
/* Outside Table properties */
#feed {
	padding:0px 0px 25px 0px;
}
#feedTable td {
	padding:2px 0px 0px 0px;
	font-family:arial;
	font-size:12px;
}

/* Title Text */
.feedTitle {
	padding:7px 14px 4px 14px;
	margin:0px 0px 10px 0px;
	background: url(../../shared/img/bg_ttl_border_gray.gif) repeat left top;
	font: bold 14px/120% arial;
}
/* Form Title Tags */
.feedFormTitle {
	float:right;
	vertical-align:middle;
	padding:2px 0px 0px 14px;
}
/* Form Time Title Tags */
.feedFormTimeTitle {
	padding:4px 0px 0px 20px;
	float:left;
}
/* Form Time Title Tags */
.feedFormDateTitle {
	padding:4px 0px 0px 14px;
	float:left;
}
/* Text Form Fields */
.feedFormField {
	font-size:12px;
	margin:2px 0px 2px 2px;
	width:70px;
}
/* Text Form Field for Date field */
.feedFormfieldCalendar {
	font-size:12px;
	margin:2px 2px 2px 2px;
	width:100px;
}

/* Logo Treatment */
#logoLink
{
	float:right;
	margin:0px;
}
#logo
{
	border-width:0px;
	margin:0px;
	background: #000000;
}
p#dateDisplay
{
	font-size:10px;
	color:#999;
}

/*** calendar styles ***/

/* Placeholder. Don't change this */
.imgCal 
{
	position: absolute; 
	display: none; 
	z-index:100;
}

/* Calendar Table properties */
#imageCal table {
	font-size:12px;
 	width:150px;
	font-family:arial;
	font-weight: bold;
	background:#FFF;
}
#imageCal td {
	padding:0px 0px 0px 0;
	text-align:center;
}

/* Days in the future */
.clickableDays 
{	
	color: #000000; 
	text-decoration: none;
	height:18px;
}

/* Days in the past */
.nonclickableDays 
{	
	color: #CCCCCC;
	height:18px;
}

/* Name of the month at the top */
.months 
{
	color: #FFFFFF; 
	text-decoration: none 
}

/* Day of the week */
.weekdays
{
	color: #000000; 
	text-decoration: none; 
	color:#666666;
	background-color:#EFEFEF; 
	width:14%;
}


/* ---------------------------------------------------------------- GENRE BOX */

div#genre-box, div#genre-box H3, div#genre-bottom {
	width: 563px;
}

div#genre-box {
	margin-top: 15px;
}

div#genre-box H3 {
	height: 25px;
	text-indent: -9999px;
	background: url(../../img/dining/ttl_genre.gif) no-repeat;
}

div#genre-body {
	text-align: left;
	padding-top: 5px;
	width: 561px;
	background: #fff;
	border-left:  1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

div#genre-bottom {
	height: 5px;
	font-size: 1px;
	background: url(../../img/dining/bg_genre_bottom.gif) no-repeat;
}

div#genre-scrol {
	margin-left: 5px;
	overflow: auto;
	width: 552px;
	height: 225px;
	scrollbar-face-color: #d1d1d1;			/* 表面 */
	scrollbar-highlight-color: #f0f1e9;		/* ハイライト */
	scrollbar-shadow-color: #f0f1e9;		/* 影 */
	scrollbar-3dlight-color: #ffffff;		/* 左端と上端 */
	scrollbar-arrow-color: #fff;			/* 矢印 */
	scrollbar-track-color: #f0f1e9;			/* 下地 */
	scrollbar-darkshadow-color: #f0f1e9;	/* 右端と下端 */
}

table#genre-tbl {
	width: 532px;
	border-collapse: separate;
	border-spacing: 5px;
}

table#genre-tbl TD {
	vertical-align: top;
	padding-top: 4px;
	width: 257px;
	height: auto;
	background: url(../../img/dining/bg_genre_tbl_top.gif) no-repeat top left ;
}

div.genre-tbl-body {
	padding: 2px 2px 2px 0px;
	background: #F7F7F7;
	border-left:  1px solid #ddd;
	border-right: 1px solid #ddd;
}

div.genre-tbl-bottom {
	width: 257px;
	height: 4px;
	background: url(../../img/dining/bg_genre_tbl_bottom.gif) no-repeat top left ;
}

div.genre-tbl-body A {
	display: block;
	width: 255px;
	height: 55px;
	cursor: pointer;
}

div#contents div.genre-tbl-body A:hover {
	color: #f00;
	text-decoration: none;
}

div.genre-tbl-body div.genre-tbl-left, div.genre-tbl-body div.genre-tbl-right {
	float: left;
}

div.genre-tbl-body div.genre-tbl-left {
	margin-left: 5px;
	width: 55px;
}

div.genre-tbl-body div.genre-tbl-right {
	margin-left: 6px;
	width: 182px;
}

div.genre-tbl-body H4 {
	font-size: 12px;
	color:#000;
}

div.genre-tbl-body P {
	margin-top: 3px;
	font-size: 10px;
	line-height: 120%;
}


/* --------------------------------------------------------- S_COMDITIONS BOX */

div#s_conditions-box, div#s_conditions-box H3, div#s_conditions-bottom {
	width: 290px;
}

div#s_conditions-box {
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

div#s_conditions-box H3 {
	height: 25px;
	text-indent: -9999px;
	background: url(../../img/dining/ttl_s_conditions.gif) no-repeat;
}

div#s_conditions-body {
	text-align: left;
	padding: 7px;
	width: 274px;
	min-height:112px;
	height: auto !important;
	height: 112px;
	background: #fff;
	border-left:  1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

div#s_conditions-bottom {
	height: 5px;
	font-size: 1px;
	background: url(../../img/dining/bg_s_conditions_bottom.gif) no-repeat;
}

div#s_con-area-head, div#s_con-genre-head, div#s_con-cost-head, div#s_con-kodawari-head {
	float: left;
	width: 53px;
	height: 19px;
	text-indent: -9999px;
}

div#s_con-area-head {
	background: url(../../img/dining/ico_area.gif) no-repeat;
}

div#s_con-genre-head {
	background: url(../../img/dining/ico_genre.gif) no-repeat;
}

div#s_con-cost-head {
	background: url(../../img/dining/ico_cost.gif) no-repeat;
}

div#s_con-kodawari-head {
	background: url(../../img/dining/ico_kodawari.gif) no-repeat;
}

div.s_con-text {
	float: left;
	margin-top: 2px;
	margin-left: 5px;
	padding-bottom: 4px;
	width: 216px;
	min-height:16px;
	height: auto !important;
	height: 16px;
	background: url(../../img/common/line_dot.gif) repeat-x bottom left;
}



/* ------------------------------------------------------ DISPLAY_HISTORY BOX */

div#display_history-box, div#display_history-box H3, div#display_history-bottom {
	width: 267px;
}

div#display_history-box {
	display: inline;
	float: left;
	margin-top: 15px;
	margin-left: 6px;
}

div#display_history-box H3 {
	height: 25px;
	text-indent: -9999px;
	background: url(../../img/dining/ttl_display_history.gif) no-repeat;
}

div#display_history-body {
	text-align: left;
	padding: 7px;
	width: 251px;
	min-height:112px;
	height: auto !important;
	height: 112px;
	background: #fff;
	border-left:  1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

div#display_history-bottom {
	height: 5px;
	font-size: 1px;
	background: url(../../img/dining/bg_display_history_bottom.gif) no-repeat;
}

div#display_history-body P {
	padding: 4px 0px 2px 3px;
	font-size: 12px;
	min-height:15px;
	height: auto !important;
	height: 15px;
	background: url(../../img/common/line_dot.gif) repeat-x bottom left;
}