@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:#000;}
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
p,li,th,td,dl{ font-size:11px; line-height:1.2em;}
dt{ font-weight:bold;}
dd{ padding:0;}
strong{ font-weight:bold; color:#772F09;}

ul,li{ margin:0; padding:0; text-indent:0;}

#main_content h2{ padding:0 0 15px 0;}
#main_content h3{ padding:0 20px 20px 22px; font-size:19px; color:#333;}
#main_content p{ padding:0 20px 15px 22px; font-size:13px; color:#333;}


/*リンク色*/
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#666; text-decoration:none;}
a:hover{ color:#FFF; background:#000066;}

#subnavi li a:link{ color:#FFF; text-decoration:underline;}
#subnavi li a:visited{ color:#FFF; text-decoration:underline;}
#subnavi li a:hover{ color:#2F005E; background:#660000; text-decoration:none;}

#pankuzu a:link{ color:#003399; text-decoration:underline;}
#pankuzu a:visited{ color:#0033FF; text-decoration:underline;}
#pankuzu a:hover{ color:#FFF; background:#003399; text-decoration:none;}

#foot_inner a:link{ color:#003399; text-decoration:underline; background:none;}
#foot_inner a:visited{ color:#0033FF; text-decoration:underline; background:none;}
#foot_inner a:hover{ color:#FFF; background:#003399; text-decoration:none; background:none;}]

#original_btns li a:link{ background:none !important;}
#original_btns li a:visited{ background:none !important;}
#original_btns li a:hover{ background:none !important;}

.content_block a:hover{ background:none; color:#999}
.switch_thumb{ background-color:#CCC;}

/**/

#top_bg{ height:323px; width:583px; background:url(../images/top_bg.png) no-repeat 0 0; position:absolute; top:0; left:0;}
#head{ width:100%; height:501px; background:#000;}
#head_inner{ margin:0 auto; width:1188px; height:501px;}
#main{ height:308px; width:100%; background:url(../images/middle_bg.jpg) repeat-x 0 0; position:relative;}
#main_ptn{ width:100%; height:308px; background:url(http://www.web-finch.com/images/bottom_bg_ptn.png) repeat-x 80% 46px; position:absolute; top:0; left:0; z-index:20;}
#main_inner{ padding:60px 0 0 6px; margin:0 auto; height:216px; width:894px; position:relative; z-index:30;}
#main_inner li{ float:left;}
#foot{ width:100%; height:163px; background:url(../images/bottom_bg.jpg) no-repeat 40% 0;}
#foot_inner{ width:900px; height:163px; margin:0 auto; position:relative;}
#foot_inner address{ padding-top:145px; text-align:center; font-size:10px; color:#CCC;}
#media{ width:197px; height:134px; position:absolute; top: 20px; left: 8px;}
#foot_menu{ width:237px; height:26px; position:absolute; bottom:20px; right:0;}
#foot_menu.index{ right:20px;}
#foot_menu li{ float:left;}

#lower_head h1{ color:#FFF; font-size:11px; position:absolute; z-index:400; left: 15px; top: 2px; }
#flash{ padding:30px 0 0 0; margin:0 auto; width:1000px; height:550px;}
#index_container{ margin:0 auto; width:980px;}
#index_note p{padding:0 0 10px 30px; font-size:13px; color:#FFF;}
#index_foot{ width:964px; position:relative;}

#toph1{ color:#FFF; font-weight:bold; font-size:17px; background:url(http://www.web-finch.com/images/toph1bg.gif) no-repeat 0 0; padding:0 0 15px 29px; letter-spacing:-0.05em;}
#toph2{ color:#FFF; font-weight:bold; font-size:17px; background:url(http://www.web-finch.com/images/toph2bg.gif) no-repeat 0 25px; padding:25px 0 15px 31px;}

/*FLASH代替コンテンツ*/
#noflash{ width:1000px; height:550px; background:url(http://www.web-finch.com/images/fl_bg.jpg) no-repeat 0 0; position:relative;}
#flash_nav{ width:233px; height:25px; position:absolute; left:723px; top:10px;}
#flash_nav li{ display:inline;}

/*ナビ*/
#g_navigation{ padding:0 0 18px 51px; width:943px; height:75px; background:url(../images/g_navi_bg.jpg) no-repeat 0 0;}

/*体験談増えたら使う*/
/*#g_navigation{ padding:0 0 18px 37px; width:943px; height:75px; background:url(../images/g_navi_bg.jpg) no-repeat 0 0;}
*/
#g_navigation li{ float:left;}
#g_navigation li img{ vertical-align:bottom;}

#pankuzu{ padding:5px 10px !important; font-size:10px !important; margin-bottom:15px; border-bottom:1px solid #CCC; border-top:1px solid #CCC;}
#to_top{ text-align:right; padding-top:10px 15px 10px 22px !important;}

#original_btns{ padding:0 0 15px 0;}
#original_btns li{ float:left;}


#index_right{ float:right; width:321px;}
#index_right a:hover{ background:none !important;}


/*下層フレーム*/
#lower_head{ height:86px; width:100%; background:url(http://www.web-finch.com/images/lower_top_bg.jpg) repeat-x 0 0 ; position:relative;}
#lower_head_inner{ margin:0 auto; width:900px; height:86px; position:relative;}
#lower_bar{ height:65px; width:100%; background:url(../images/lower_bar.png) repeat-x 0 0; position:absolute; top:77px; z-index:500;}
#lower_bar_foot{ height:65px; width:100%; background:url(../images/lower_bar.png) repeat-x 0 0; position:absolute; bottom:120px; z-index:500; visibility: hidden;}


#logo_bg{ width:224px; height:86px; position:absolute; background:url(../images/224.jpg) no-repeat 0 0; z-index:50;}
#logo{ width:191px; height:48px; position:absolute; left: 15px; top: 15px; }
#lower_main{ width:900px; margin:0 auto; /*background:url(../images/navi_bg2.gif) repeat-y 0 0;*/}
#main_box{ padding:0 0 30px 0; width:650px; float:right;}
#main_content{ margin:25px 0 0 0; padding:0 0 0 0; width:650px; background:#FFFFFF;}
#main_bottom{ width:650px; height:15px; background:url(http://www.web-finch.com/images/main_bottom.gif) no-repeat 0 0;}
#navigation{ padding:0 0 54px 0; background:url(../images/side_menu_bg.jpg) no-repeat 0 100%; width:224px; float:left;}
#lower_foot{ clear:both;}

/*ナビ*/
#navigation img{ vertical-align:bottom; }
#subnavi{ width:232px; height:23px; position:absolute; top:0; right:30px;}
#subnavi li{  float:left;}
#subnavi li a{ display:block;}

/*コンセプト*/
#dress_food li{ float:left;}
#dress_food li img{ vertical-align:bottom;}

/*ギャラリー用*/
#flashcontent { padding:0 0 20px 0; margin-bottom:10px; height: 470px; background:#333; }
    
/*フードポップアップ*/
#mySlides{ padding:0; margin:0;}
#you{ padding:15px 0; text-align:center; background:url(../images/menu_bg_you.jpg) repeat-x 0 0;}
#wa{ padding:15px 0; text-align:center; background:url(http://www.web-finch.com/images/menu_bg_wa.jpg) repeat-x 0 0;}
#he{ padding:15px 0; text-align:center; background:url(../images/menu_bg_he.jpg) repeat-x 0 0;}

#mySlides p{ width:650px; padding:0 0 15px 0; margin:0; font-size:14px; color:#5A4121; line-height:1.3em;}

/*店内案内*/

.shop_nav_right{ background:url(../images/detail_shop_img.gif) no-repeat 0 50px; position:relative; z-index:50;}
.shop_nav_left{ background:url(../images/detail_shop_img2.gif) no-repeat 100% 50px; position:relative; z-index:50;}
#space1{ padding:100px 0 0 0; background:url(../images/detail_right_str001.gif) no-repeat 70px 70px; position:relative; z-index:50;}
#space2{ padding:100px 0 0 0; background:url(../images/detail_right_str002.gif) no-repeat 70px 70px; position:relative; z-index:50;}
#space3{ padding:100px 0 0 0; background:url(http://www.web-finch.com/images/detail_right_str003.gif) no-repeat 70px 70px; position:relative; z-index:50;}
#space4{ padding:100px 0 0 0; background:url(../images/detail_right_str004.gif) no-repeat 70px 70px; position:relative; z-index:50;}
#l_space1{ padding:80px 0 0 0; background:url(http://www.web-finch.com/images/detail_left_str001.gif) no-repeat 25px 15px; position:relative; z-index:50;}
#l_space2{ padding:45px 0 0 0; background:url(http://www.web-finch.com/images/detail_left_str002.gif) no-repeat 25px 15px; position:relative; z-index:50;}
#l_space3{ padding:45px 0 0 0; background:url(../images/detail_left_str003.gif) no-repeat 25px 15px; position:relative; z-index:50;}

#space1 p,#space2 p,#space3 p,#space4 p{ padding:0 10px 6px 280px; font-size:11px; color:#999; line-height:1.5em;}
#l_space1 p,#l_space2 p,#l_space3 p,#l_space4 p{ padding:0 200px 6px 40px; font-size:11px; color:#999; line-height:1.5em;}

#space1 h4,#space2 h4,#space3 h4,#space4 h4{ padding:10px 10px 6px 280px; font-size:13px; font-weight:bold; color:#666; line-height:1.5em;}
#l_space1 h4,#l_space2 h4,#l_space3 h4,#l_space4 h4{ padding:10px 200px 6px 40px; font-size:13px; font-weight:bold; color:#666; line-height:1.5em;}

.tabNav{ padding-bottom:0; background:url(http://www.web-finch.com/images/detail_selectcolor.gif) no-repeat 32px 0; position:relative; z-index:200;}

/*料理*/
.cuisine_thumbs{}
.cuisine_thumbs img{ padding:2px; border:1px solid #CCC; margin:2px; background:#FFF;}
p.cuisine_thumbs a:hover{ background:none;}
.jFlowControl img{ cursor:pointer;}

/*プランナー*/
#planner{ padding:0 0 20px 225px; margin-bottom:10px; background:url(../images/planner_bg.jpg) no-repeat 20px 0; border-bottom:1px solid #CCC;}
#planner p{ padding:0 100px 15px 22px; line-height:20px;}

.comment{ padding:15px 0 0 0; border-bottom:1px solid #CCC;}
.comment img{ padding:5px; background:#FFF;}

/*プラン*/
#plan{}
#plan h4,#plan h5{ padding:0 0 10px 22px; line-height:1.8em;}
#plan dt{ margin:0 0 0 45px; padding:0 0 0 15px; color:#999; font-weight:normal; font-size:12px; line-height:1.6em; background:url(../images/list_dot.gif) no-repeat 0 3px;}
#plan dd{ margin:0 0 0 60px; color:#999; font-weight:normal; font-size:11px;}
#plan li,.plan_grand li{ margin:0 0 0 45px; padding:0 0 0 12px; color:#999; font-weight:normal; font-size:11px; background:url(../images/list_dot2.gif) no-repeat 0 3px; line-height:1.5em;}

#plan_left,#plan_right{}
#plan_left{ padding:0 0 0 40px; width:283px; float:left; border-right:1px solid #CCC;}
#plan_right{ padding:0 23px 0 0; width:300px; float:right;}

#plan_c{ padding:0 0 25px 0; margin:0 auto; width:500px;}


/*フォームページ*/
#box{ padding-top:12px; margin:0 auto 25px auto; width:540px; border:1px solid #CCC; background:#F7FBFF; color:#666; font-size:11px;}
#box h4{ padding:0 0 5px 22px; font-weight:bold;}
#box p{ color:#666; font-size:11px;}
.tipInner{ padding-top:5px; font-size:10px; color:#F8BD52;}

/*access*/
#access_note{ background:url(../images/map_new.gif) no-repeat 100% 0;}

/*ietms*/
.list_note li{ margin:0 0 0 45px; padding:0 0 0 12px; color:#999 !important; font-weight:normal; font-size:11px; background:url(../images/list_dot2.gif) no-repeat 0 3px; line-height:1.5em;}

/*privacy*/
.privacy_list{ padding:0 25px;}
.privacy_list dt{ padding:10px 0 3px 0;}
.privacy_list dd{ padding:0 0 0 15px;}

/*session*/
.session_section{ padding:15px 0 0 0; border-bottom:1px solid #F2F2F2;}
.session_section h4{ padding:0 0 7px 30px; margin-left:17px; color:#600; font-size:17px; background:url(../images/session_h3.gif) no-repeat 5px 2px;}
.session_section h5{ padding:0 0 15px 45px; color:#777;}
.session_section dl,.plan_grand dl{ padding:0 0 15px 0; margin:0 0 0 45px;}
.session_section dt,.plan_grand dt{ padding:0 0 0 12px; margin-right:70px; font-size:13px; line-height:1.8em; border-bottom:1px dotted #CCC; color:#444; background:url(../images/session_list.gif) no-repeat 0 7px;}
.session_section dd,.plan_grand dd{ line-height:1.5em; padding:0 0 0 13px;}
.session_contact{ text-align:center;}

/*sitemap_list*/
#sitemap_list{ padding:0 30px 0 30px; font-size:13px; line-height:1.6em;}
#sitemap_list dt{ padding:15px 0 0 12px; color:#666; border-bottom:1px solid #CCC; background:url(../images/list_dot.gif) no-repeat 0 20px;}
#sitemap_list dd{ padding:0 0 0 27px; line-height:2em; background:url(../images/list_dot2.gif) no-repeat 15px 9px;}

/*写真フロート*/
.img_right{ float:right; padding:0 0 5px 8px;}
.img_left{ float:left; padding:0 15px 5px 0;}

/*テーブル関係*/
.table_basic{ margin:0 0 15px 25px; border-collapse:collapse; border-bottom:2px solid #CCC; border-top:2px solid #CCC; }
.table_basic th,.table_basic td{ padding:5px 5px; border-bottom:1px dotted #CCC; font-size:12px; color:#666;}
.table_basic td{ background:none;}
.table_basic th{ background:#F1EBE4; color:#999; text-align:left; }
.table_basic tr.odd th{ background:#E4DACD; border-bottom:1px dotted #CCC; font-size:12px;}
.table_basic tr.odd td{ background:#F3F3F3; border-bottom:1px dotted #CCC; font-size:12px;}

.table_basic caption{ padding:0 0 5px 18px; font-size:14px; color:#666; font-weight:bold; background:url(../images/list_dot.gif) no-repeat 3px 4px;}


/*style*/
.brand_name{ padding-bottom:2px !important; margin-bottom:4px; font-weight:bold; color:#333; font-size:16px; border-bottom:1px solid #333;}
.headLine{ padding-bottom:0 !important; margin-bottom:4px; font-weight:bold; color:#333; font-size:14px; border-bottom:1px solid #333; line-height:1.5em;}
.clear { clear:both; }  
.clear hr { display:none; }  
.red{ color:#F3525C;}
.point{ padding:10px !important; font-size:120%; text-align:center; font-weight:bold; border:1px solid #CCC; color:#750B30;}
.big{ font-size:130%;}
.price{ font-size:20px;}
.waku{ padding:3px; border:1px solid #CCC;}


/*予約ボタン*/
.reservbtn { margin-bottom:15px; background:#F5F5F5 none repeat scroll 0 0; height:49px; margin-top:5px; padding:15px 0 0 205px;}
.reservbtn li{ float:left;}
.raiten{ padding-right:10px;}

/*DiaryPro*/
#topics_body{ padding-left:30px; width:650px;}
#topics_body li{ padding-left:15px; color:#666; border-bottom:1px dotted #CCC; line-height:2em;}
.topics_date{ color:#81B5D2; font-weight:bold;}

#diaryPro { padding:0 20px; width:610px;}
#topics{ width:650px; padding:0 0 0 10px;}
#topics dt{ padding:5px 0 0 0; font-size:12px; color:#6C6C6C;}
#topics dd{ padding:0 0 5px 10px; font-size:12px; color:#FF6699; border-bottom:1px dotted #CCC;}

/*#diaryPro .text{ width:520px;}
#diary .info{ width:520px;}*/

#diaryPro .under_table{ width:520px;}
#diaryPro dt{ padding:15px 0 3px 0; margin-bottom:3px; border-bottom:1px solid #CCC;}
#diaryPro ul{ margin:0 0 15px 0;}

#diaryPro li{ margin:0 0 0 45px; padding:0 0 0 12px; color:#999 !important; font-weight:normal; font-size:11px; background:url(../images/list_dot2.gif) no-repeat 0 3px; line-height:1.5em;}

#diaryPro h2{ padding:0 0 3px 0 !important; margin-bottom:5px; font-weight:bold; border-bottom:1px solid #CCC;}
#diaryPro legend{ padding:3px; border:1px solid #CCC;}
/*
http://designm.ag/tutorials/jquery-display-switch/
*/


ul.display {
	float: left;
	width: 642px;
	margin: 0;
	padding: 0 0 0 8px;
	list-style: none;
/*	border-top: 1px solid #333;
	border-right: 1px solid #333;*/
	background: #FFF;
}
ul.display li {
	float: left;
	width: 640px;
	padding: 5px 0;
	margin: 0;
/*	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;*/
}

ul.display li a {
	color: #666;
    font-weight:bold;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 5px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px !important;
	font-weight: normal;
	font-size: 1.1em;
}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 245px;  /*--The left padding keeps the
content from flowing under the image--*/
	font-size: 1.2em;
}
ul.display li .content_block a img{ /*--Double border technique--*/
/*	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
*/	margin: 0 10px 0 0;
	float: left;
}

ul.thumb_view li{ width: 212px; } /*--Switch the width
to accommodate for the three column layout--*/
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 5px; }

a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	margin: 10px 0;
	display: block;
	background:url(../images/switch.gif) no-repeat !important;
	outline: none;
	text-indent: -9999px;
}
a.swap { background-position: left bottom !important; }

a:hover.switch_thumb {
background-color:#FFF;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}



#mySlides h4{ padding:0 0 15px 0; margin:0; width:650px;}
#myController p { padding:0 0 20px 0 !important;}


/*grand_menu 091002追加*/
.plan_grand{ padding-bottom:30px;}
#grand_menu{ position:relative;}

.plan_grand h4{ padding:7px 0 7px 20px; margin:25px 4px 15px 4px; background:#663300; color:#FFF; font-size:16px;}

#tab_select{ margin-left:22px; width:608px; height:41px; background:url(../images/tab_body_top.jpg) no-repeat 0 0;}
#tab_select li{ display:inline;}
#tab_body{ padding-top:15px; margin-left:22px; width:608px; background:url(../images/tab_body_middle.jpg) repeat-y 0 0; position:relative;}
#tab_bottom{ margin-left:22px; width:608px; height:27px; background:url(../images/tab_body_bottom.jpg) no-repeat 0 0;}

.tab_headLine{ padding:0 15px 0 20px !important; margin:0 4px 15px 4px; font-weight:bold; color:#333; font-size:14px; border-bottom:1px solid #333; line-height:1.5em;}
.tab_price{ position:absolute; right:25px; font-size:15px; color:#900; font-weight:bold;}
#drink_left,#drink_right{ width:250px;}
#drink_left{ float:left;}
#drink_right{ float:right;}

#tab_menu li{ display:inline;}

.tab_waku{ font-weight:bold; padding:3px; margin-right:3px; border:1px solid #CCC;}



/*声*/
#voice{ padding:0 0 25px 0;}
#voice li{ padding:15px 22px 15px 20px; border-bottom:1px solid #CCC; font-size:12px; color:#666; line-height:1.5em;}
#new_years_food {
	background-image: url(../images/new_years_food.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 300px;
	margin-right: 20px;
	height: 200px;
}


/*101224追加 ウエディングレポート*/
.Report	{ clear:both; margin:0 0 50px 0;}
.Report h3 { clear:both; padding:0 20px 15px 20px;}
.RepoBox { display:block; width:586px; margin:0 auto !important; text-align:center !important;}

.mgn{ margin:0 0 10px 0 !important;}
.flimg{ float:left; padding:0;}
.frimg{ float:right; padding:0;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto !important; text-align:center !important;}
.mgn{ margin:0 0 10px 0 !important;}

/*fair*/
#fair_box{ width:900px; margin:25px 0 30px 0; background:#FFF; padding-bottom:30px;
border-radius:0 0  8px 8px;
-webkit-border-radius:0 0  8px 8px;
-moz-border-radius:0 0  8px 8px;
}


/*others*/
hr.end{ clear:both; visibility:hidden;}