@charset "utf-8";
/* 
http://www.gnavi.co.jp/
Layout Style CSS "topstyle.css"
GOURMET NAVIGATOR INC.
*/



/*---------------
 Contents Layout
---------------*/
div#Container{margin:0 0 20px;}

div#Main{float:left;width:770px;}
div#Sub{float:right;width:170px;}
div#SubSecond{float:right;width:170px;}


div#MainForm{width:770px;margin:0 0 0 90px;}

/*---------------
 PageTop
---------------*/
p.pageTop{
	text-align:right;
	padding:0 0 20px 0;
	clear:both;
}

p.pageTop a{
	background:url(../img/common/arrow_02.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
}


/*---------------
 Class
---------------*/
.center{
	text-align:center;
}


/*---------------
 CleraFix
---------------*/
.clfix,div#Container,div#Contents{zoom:1;}
.clfix:after,div#Container:after,div#Contents:after{display:block;clear:both;height:0;content: url(../img/common/space.gif);}
.clfix,div#Container,div#Contents{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix,div#Container,div#Contents{display: block;}
/* */



/*---------------
 Link
---------------*/
a:link {color: #887055;text-decoration:underline;}
a:visited {color: #887055;text-decoration:underline;}
a:hover {color: #887055;text-decoration:none;}
a:active {color: #887055;text-decoration:none;}

p.linkIcon a{
	background:url(../img/common/arrow_01.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
	color:#6f5f4d!important;
}

.linkIcon a{
	background:url(../img/common/arrow_01.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
}


/*---------------
 FontColor
---------------*/

body{
	color:#555;
}


/*---------------
 Header
---------------*/

#header{
	padding:10px 0px 0px 0px;
}


/* ロゴ */
#logoArea{
	margin:0 0 8px 0;
	}
	
#logo{
	float:left;
	width:380px;
	padding:10px 0 0 10px;
	text-align:left;
	_width:380px;
	}	

#top_link{
	width:540px;
	float:right;
	text-align:right;
	}
	
#top_link li{
	padding:0px 10px 0 0;
	font-weight:bold;
	display:inline;
	}
#top_link li img{
	position:relative;
	top:5px;
	}
	
/*---------------
 Headerメンテナンス告知スペース
---------------*/

#maintenance{
	border:2px solid #F00;
	text-align:center;
	padding:10px;
	color:#F00;
	margin:0 0 15px 0;
}
	
/*---------------
 Navigation
---------------*/
	
/* メインタブ */	
#main_tab{
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../img/common/back_main_tab.gif);
	height:63px;
	}

#main_tab img{
	display:block;
	}	


		/* 
			LEVEL ONE
		*/
		ul.dropdown{ 
			position: relative;
			top:21px;
			left:2px;
			padding: 0;
			z-index: 10;
			text-align:left;
		 }
		 
		ul.dropdown li#tab01{
			position:relative;
			float:left;
			width:128px;
			height:35px;
			padding:4px 0 0 4px;
			_width:132px;
			_height:39px;
		}
		ul.dropdown li#tab02{
			position:relative;
			float:left;
			width:145px;
			height:35px;
			_width:149px;
			_height:39px;
			padding:4px 0 0 4px;
		}
		ul.dropdown li#tab03{
			position:relative;
			float:left;
			width:232px;
			height:35px;
			_width:236px;
			_height:39px;
			padding:4px 0 0 4px;
		}
		ul.dropdown li#tab04{
			position:relative;
			float:left;
			width:184px;
			height:35px;
			_width:188px;
			_height:39px;
			padding:4px 0 0 4px;
		}
		ul.dropdown li#tab05{
			position:relative;
			float:left;
			width:237px;
			height:35px;
			_width:241px;
			_height:39px;
			padding:4px 0 0 4px;
		}
		
		/* フォーカス */
		ul.dropdown li#tab01.focus{
			background:url(../img/common/bgimg_navi_focus_01.gif) repeat-y left;
		}
		ul.dropdown li#tab02.focus{
			background:url(../img/common/bgimg_navi_focus_02.gif) repeat-y left;
		}
		ul.dropdown li#tab03.focus{
			background:url(../img/common/bgimg_navi_focus_03.gif) repeat-y left;
		}
		ul.dropdown li#tab04.focus{
			background:url(../img/common/bgimg_navi_focus_04.gif) repeat-y left;
		}
		ul.dropdown li#tab05.focus{
			background:url(../img/common/bgimg_navi_focus_05.gif) repeat-y left;
		}

		




		

		
		ul.dropdown li#tab01 li,
		ul.dropdown li#tab02 li{
			font-weight: bold;
			zoom: 1;
			background:#ccc ;
		}
		
		ul.dropdown li#tab01 a:hover,
		ul.dropdown li#tab02 a:hover{
			color: #6f5f4d;
		}
		
		ul.dropdown li#tab01 li a,
		ul.dropdown li#tab02 li a{
			display: block;
			padding: 4px 8px;
			border-right: 1px solid #f39206;
			color: #6f5f4d;
		}
		
		ul.dropdown li#tab01 li:last-child a,
		ul.dropdown li#tab02 li:last-child a{
			border-right: none;
		} /* Doesn't work in IE */
		
		ul.dropdown li#tab01 li.hover,
		ul.dropdown li#tab02 li:hover{
			background:#fbefd6;
			color: #6f5f4d;
			position: relative;
		}
		
		ul.dropdown li#tab01 li.hover a ,
		ul.dropdown li#tab02 li.hover a {
			color: #6f5f4d;
			text-decoration:none;
		}
		
		
		/* 
			LEVEL TWO
		*/
		ul.dropdown li#tab01 ul{
			width: 121px;
			_width:123px;
			visibility: hidden;
			position: absolute;
			top: 35px;
			left: 4px;
			border:1px solid #f39206;
		}
		ul.dropdown li#tab02 ul{
			width: 138px;
			_width:140px;
			visibility: hidden;
			position: absolute;
			top: 35px;
			left: 4px;
			border:1px solid #f39206;
		}
		
		ul.dropdown li#tab01 ul li,
		ul.dropdown li#tab02 ul li{ font-weight: normal; background: #f6f6f6; color: #000; 
											  border-bottom: 1px solid #E3E3E3; float: none; padding: 0 5px;}
		_ul.dropdown li#tab01 ul li,
		_ul.dropdown li#tab02 ul li{ display: inline; width: 100%; } 									  
											/* IE 6 & 7 Needs Inline Block */
		ul.dropdown li#tab01 ul li a,
		ul.dropdown li#tab02 ul li a{ border-right: none; width: 100%; display: inline-block; } 
		







	
/*---------------
上部ｈ1要素
---------------*/


/* ホームメインキーワード */	
#keyword{
	clear:both;
	padding:10px 0px;
	}
	
#keyword h1{
	color:#993300;
	padding:0px 0px 0px 10px;
	float:left;
	}
	
#keyword p{
	padding:0 0 0 15px;
	position:relative;
	top:3px;
	}

.block_body_brown p.afterparty-link{
	display: block;
	margin-top: 7px;
	padding-top: 5px;
	background-color: #FFFFFF;
	padding-left: 19px;
	padding-right: 19px;
	padding-bottom: 5px;
	line-height: 1.8em;
}
.block_body_brown p.afterparty-link a{
	color:#555555;
	font-size:1.2em;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 14px;
}

/*---------------
 Breadcrumb
---------------*/
body #Breadcrumb {
	clear: both;
	padding: 0 12px 6px 0;
	margin-top: -1px;
}

body #Breadcrumb .topicpath {
	list-style: none;
	font-size: 90%;
	width: 950px;
	margin: 15px
	auto 2px;
}

body #Breadcrumb .topicpath li {
	display: inline;
	background: url(../img/common/ar002_br_r.png) left 50% no-repeat;
	padding-left: 14px;
	padding-right: 4px;
}

body #Breadcrumb .topicpath li.first {
	background: none;
	padding-left: 0;
}

body #Breadcrumb .topicpath li a {
	text-decoration: none;
}

body #Breadcrumb .topicpath li strong {
	color: #333;
	font-weight: normal;
}


/*---------------
 footerTop
---------------*/

#footerTop {
	clear:both;
	padding-top: 15px;
	font-size:85%;
}
#footerTop #bottom_navi .borders{
	border-top:1px solid #C5C5C5;
	margin-bottom: 10px;
	padding-top: 15px;
}
#footerTop #bottom_navi .borders .container{
	margin: 0px auto;
	width: 800px;
	_margin:0 0 0 80px;
}
#footerTop #bottom_navi dl {
	float: left;
}
#footerTop #bottom_navi dl dt {
	color: #908578;
	font-weight: bold;
}
#footerTop #bottom_navi #guruwedding{
	padding-right: 20px;
	padding-bottom: 10px;
	width:440px;
	_width:460px;
}
#footerTop #bottom_navi #guruwedding_party{
	padding-right: 0px;
	padding-bottom: 10px;
	width:340px;
}
#footerTop #bottom_navi #kaijo_list{
	padding-bottom: 10px;
}
#footerTop #bottom_navi dl dt, #bottom_navi dl dd {
	display:inline;
}
#footerTop #bottom_navi img {
	vertical-align:middle;
}

/* グループリスト */	
#footerTop #list_group{
	background:url(../img/common/list_group_top.gif) no-repeat left top;
	border-bottom:1px solid #cecece;
	padding:25px 0px 15px 0px;
	margin-bottom:5px;
	}	

#footerTop #list_group ul{
	width: 875px;
	margin: 0px auto;	
	}

#footerTop #list_group ul li{
	width:155px;
	padding:0px 10px 5px 10px;
	overflow:hidden;
	text-align:center;
	float:left;
	_width:175px;
	}
	
	
#footerTop #list_group ul li a img{
	display:block;
	margin: 0px auto;
	}

/* コピーライト */	
#footerTop #copy{
	padding:10px 0px 20px 0px;
	text-align:center;
	font-size:0.9em;
	color:#999999;
	}
/* bottom_navi2 */	
#footerTop #bottom_navi2 ul {
	clear:both;
	text-align:center;
}
#footerTop #bottom_navi2 ul li#bl_first {
	border-width:0px 1px;
}
#footerTop #bottom_navi2 ul li {
	border-color:#cecece;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	display:inline;
	padding:2px 3px;
}
#footerTop #bottom_navi2 ul li {
	display:inline;
	padding:2px 3px;
}
#footerTop #bottom_navi2 ul li a {
	font-size: 90%;
}



/*---------------
 footer
---------------*/

#footer {
	clear:both;
	border-top:1px solid #C5C5C5;
	padding-top: 15px;
	text-align:center;
	font-size:85%;
}

#footer .m{
	font-size:120%;
}

#footer #copy{
	padding:10px 0px 20px 0px;
	text-align:center;
	font-size:0.9em;
	color:#999999;
}



/*---------------
 color
---------------*/

.orange{
	color:#ff6600;
}

.brown{
	color:#663300;
}

.red{
	color:#ff3300;
}

.darkbrown{
	color:#3d312c;
	}

/*---------------
margin
---------------*/

.mT5{
	margin:5px 0 0 0;
}

.mT10{
	margin:10px 0 0 0;
}

.mR10{
	margin:0 10px 0 0;
}

.mR30{
	margin:0 30px 0 0;
}


/*---------------
align
---------------*/

.alR{
	text-align:right;
}


/*---------------
 Sub(右カラム)
---------------*/
/* #Sub（トップページ） */	
#Sub {
	padding:5px 0 0 0;
}
/* safari3Hack \*/  
body:first-of-type #Sub{
	font-size: 90%;
}
/* EndSafari3Hack */


/* banner */	
#Sub .banner{
	margin:0 0 10px 5px;
}

/* rogin */	
#Sub #rogin{
	margin:0 0 5px 5px;
	padding:0 0 10px 0;
	background:url(../img/common/sub/sub_bgimg_01.gif) no-repeat bottom;
	width:160px;
	text-align:left;
	position:relative;
}
#Sub #rogin h2{
	margin:0;
	background:url(../img/common/sub/sub_title_02.gif) no-repeat;
	color:#663300;
	padding:10px 0 10px 40px;
}
#Sub #rogin p.roginText{
	position:absolute;
	top:10px;
	right:5px;
}
#Sub #rogin p.name{
	font-weight:bold;
	margin:10px 0 10px 0;
}
#Sub #rogin .btn{
	padding:0 0 5px 0;
}

/* mobile */	
#Sub #mobile{
	margin:0 0 10px 5px;
	padding:0 0 10px 0;
	background:url(../img/common/sub/sub_bgimg_01.gif) no-repeat bottom;
	width:160px;
	text-align:left;
	position:relative;
}
#Sub #mobile h2{
	margin:0;
	background:url(../img/common/sub/sub_title_01.gif) no-repeat;
	color:#663300;
	padding:7px 0 10px 40px;
}
#Sub #mobile p.roginText{
	position:absolute;
	top:10px;
	right:5px;
}
#Sub #mobile p.name{
	font-weight:bold;
	margin:10px 0 10px 0;
}
#Sub #mobile .btn{
	margin:5px 0 10px 0;
}


/*---------------
 SubSecond(右カラム)
---------------*/
/* safari3Hack \*/  
body:first-of-type #SubSecond{
	font-size: 90%;
}
/* EndSafari3Hack */

/* bookmark */

#SubSecond #bookmark{
	padding:5px;
	margin:0 0 5px 0;
	background:url(../img/common/sub/sub_bgimg_area01_01.gif) 5px 5px no-repeat #e8cab0;
}
#SubSecond #bookmark .box{
	padding:5px 0 5px 0;
	margin:5px 0 0 0;
	background:url(../img/common/sub/sub_bgimg_area01_02.gif) no-repeat bottom;
	text-align:center;
}
#SubSecond #bookmark .box .btn{
	margin:0 0 5px 0;
}
#SubSecond #bookmark .box .qr{
	margin:0 0 5px 0;
}

/* bookmarkList */

#SubSecond #bookmarkList{
	padding:5px 5px 0 5px;
	margin:0;
	background:#d9e0e5;
}
#SubSecond #bookmarkList .box{
	padding:1px;
	background:#FFF;
	border:1px solid #becbd4;
	text-align:left;
}
#SubSecond #bookmarkList .box h2{
	background:url(../img/common/sub/sub_icon_04.gif) no-repeat #bac7d0 3px 3px;
	color:#FFF;
	text-align:left;
	padding:4px 0 4px 26px;
	margin:0 0 15px 0;
}

#SubSecond #bookmarkList .box .oneSetNone{
	padding:0 0 10px 0;
	text-align:left;
	margin:0 0 5px 8px;
	width:141px;
	text-align:center;
	font-weight:bold;
}

#SubSecond #bookmarkList .box .oneSet{
	background:url(../img/common/sub/sub_line_dot_01.gif) repeat-x bottom;
	padding:0 0 10px 0;
	text-align:left;
	margin:0 0 10px 8px;
	width:141px;
}
#SubSecond #bookmarkList .box .oneSet .btn{
	text-align:right;
	margin:5px 0 0 0;
}
#SubSecond #bookmarkList .box .Link{
	text-align:right;
	margin:5px 10px 10px 0;
}

#SubSecond #bookmarkList .box .btn02{
	margin:5px 0 0 -1px;
}


/* recentList */

#SubSecond #recentList{
	padding:5px 5px 5px 5px;
	margin:0;
	background:#d9e0e5;
}
#SubSecond #recentList .box{
	padding:1px;
	background:#FFF;
	border:1px solid #bac7d0;
	text-align:left;
}
#SubSecond #recentList .box h2{
	background:url(../img/common/sub/sub_icon_01.gif) no-repeat #bac7d0 4px 4px;
	color:#FFF;
	text-align:left;
	padding:4px 0 4px 24px;
	margin:0 0 15px 0;
}
/*#SubSecond #recentList .box h2 span{
	color:#ffff66;
}*/

#SubSecond #recentList .box li{
	text-align:left;
	width:130px;
	background:url(../img/common/sub/sub_icon_03.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	_width:140px;
	margin:0 0 0 10px;
}

#SubSecond #recentList .box .Link{
	text-align:right;
	margin:5px 10px 10px 0;
}

/* bookmarkBtn */

#SubSecond #bookmarkBtn{
	padding:5px;
	margin:0;
	background:#d9e0e5;
}
#SubSecond #bookmarkBtn .box{
	padding:1px;
	background:#FFF;
	border:1px solid #becbd4;
	text-align:center;
	padding:0 0 10px 0;
}
#SubSecond #bookmarkBtn .box h2{
	background:url(../img/common/sub/sub_icon_02.gif) no-repeat #bac7d0 5px 3px;
	color:#FFF;
	text-align:left;
	padding:4px 0 4px 25px;
	margin:0 0 10px 0;
}

div.snslink{text-align:left; padding:0 0 0 13px; }
div.snslink img{ margin-top:5px;}
/* recommend */

#SubSecond #recommend{
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	line-height:1.5;
}