/**********************************************************************************************

	Title: CSS
	Author: Studio 7 Designs Inc
	Date: 2008 

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header

		3.6 Footer		
		
***********************************************************************************************/


/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	color: #4b4b4b;
	margin: 0px;
	background-color: #FFFFFF;
	background-image: url(../img/bsck.jpg);
	background-repeat: repeat-x;
	background-position: left top;

	}
h1 {
	line-height: 26px;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 4px;
}


	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
	color: #069;
	text-decoration: underline;
	outline: none;
	}
	a:hover {
		color: #151515;
		text-decoration: underline;
	}

	a:visited {}

	a:active {}
	


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


	.container {
	width: 1000px;
	text-align: left;
	font-size: 14px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
	.clearer {
		clear:both;
	}


/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	background-color: #FFFFFF;
	background-image: url(../img/logo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	width: 100%;
	margin: 0px;
}
#header h2{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 1px;
	float: left;


}

#header h2 a{
	width: 330px;
	display: block;
	padding-top: 85px;
	padding-left: 12px;
	line-height: 100%;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}








#area {
	float: right;
	width: 580px;
}
#area dl {

}
#area dt {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-top: 25px;
	padding-bottom: 12px;
}
#area dd {
	background-image: url(../img/area.jpg);
	background-repeat: no-repeat;
	line-height: 26px;
	float: left;
	height: 26px;
	width: 70px;
	display: block;
	background-position: center;
}

dd a {
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 26px;
	display: block;
	height: 26px;
	width: 50px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

dd a:hover {
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 26px;
	display: block;
	height: 26px;
	width: 50px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

		#main_menu {
		background-image: url(../img/navigation.jpg);
	    background-repeat: repeat-x;
		height: 44px;
		width:100%;

	}


	#main_menu ul {
	display:inline;
	height: 44px;
	width:100%;
	clear: both;
	}
	
	#main_menu li {
	float:left;
	list-style-type: none;
		}
		

	#main_menu a {
	float:left;
	background-image: url(../img/navi.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height: 44px;
	height: 44px;
	padding-right: 24px;
	padding-left: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
		}
	#main_menu a:hover {
	background-image: url(../img/navi2.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	line-height: 44px;
	height: 44px;
	color: #EEEEEE;
	padding-right: 24px;
	padding-left: 24px;
		}





#topbody {
	background-image: url(../img/topbody.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
#topcontent {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.leftcp {
	float: left;
	width: 730px;
	margin: 0px;
	padding: 0px;
}

.pan{
	background-color: #eee;
        padding: 10px;
	border: 3px solid #65A833;
	margin-bottom: 10px;
	margin-top: 10px;
}


.leftcp h3 {
	line-height: 40px;
	background-image: url(../img/h3.jpg);
	background-repeat: no-repeat;
	height: 40px;
	font-weight: bold;
	color: #666666;
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
}
.leftcp .restrant-c {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom: 5px;
}
.leftcp .restrant-c-tx {
	background-image: url(../img/rest-c-tx.jpg);
	background-repeat: no-repeat;
	background-color: #D9F2A9;
	padding-top: 16px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
	font-size: 12px;
	margin: 0px;
}

.conte{
        padding: 12px;
	border: 1px solid #ddd;
	margin-bottom: 8px;
	margin-top: 8px;
}

.conte-navi{
        text-align :right;
        font-size :10px;
	margin-bottom: 12px;
	margin-top: 12px;
	color: #999;
}


.conte li {
	background-image: url(../img/icon.gif);
	padding-left: 17px;
	background-repeat: no-repeat;
	line-height: 115%;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 7px;
}

.rest-date {
	text-align: right;
	margin-top: 0px;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(../img/rest-c-tx-u.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #D9F2A9;
}


.restrant-c h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 24px;
	background-image: url(../img/chi.png);
	background-repeat: no-repeat;
	height: 18px;
	margin-left: 10px;
}


.right {
	float: right;
	width: 246px;
	text-align: right;
	margin-top: 1px;
}

 .side {
	text-align: left;
	margin-bottom: 0px;
	background-color: #FFF;
	border: 3px solid #65A833;
	padding: 0px;
	margin-top: 10px;
}

 .side p {
	font-size: 12px;
	padding: 12px;

}

.side h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #65A833;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.side ul {
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.side li {
	background-image: url(../img/icon.gif);
	padding-left: 17px;
	background-repeat: no-repeat;
	line-height: 115%;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
}


.container .right .side img {
	margin-bottom: 12px;
	line-height: 180%;
}
.side .menu-img {
	text-align: center;
	margin-top: 20px;
}
.side .menu-img img {
	text-align: center;
	margin-top: 20px;
}


.side .menu-img .menu-tex {
	overflow: hidden;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: left;
}
.container .right .side .menu-img a .glossy {
	margin: 0px;
}




#footer {
	background-color: #79B34D;
	text-align: center;
	padding-top: 65px;
	width: 100%;
	margin-top: 20px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #588338;
}
#footer .footnavi {
	text-align: center;
	width: 1000px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#footer .footnavi2 {
	width: 978px;
	border: 1px solid #FFFFFF;
	text-align: left;
	color: #FFFFFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
        margin-bottom: 6px;
}
#footer .footnavi2 .area {
	font-size: 10px;
}
#footer .footnavi3 {
	width: 1000px;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}


#footer a{
	color: #FFFFFF;

}

#footer a:hover{
	color: #F2F2F2;

}



		div#map{
	height: 530px;
	width: 710px;
	background-color: #E1E7EB;
	border: 2px solid #E1E7EB;
	margin: 0px;
		}

		div#map2{
	height: 530px;
	width: 710px;
	background-color: #E1E7EB;
	border: 2px solid #E1E7EB;
	margin: 0px;
		}
		
			div#map_line{
	height: 534px;
	width: 714px;
	background-color: #FFFFFF;
	background-image: url(../img/bgmap.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		}

.marker_data_html {
	font-size: 12px;
	padding: 5px;
	line-height: normal;

}

.gmap_desc{
	display:none;

}

.name1 {
	color: #FF6600;
}

.genre {
　　　　font-size: 12px;
　　　　font-weight: bold;
}


.cr {
	padding: 0px;
	text-align: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.restrant ul {
	margin: 5px;
	padding: 0px;
}



.restrant li{
	list-style-type: none;
	font-size: 12px;
	margin-bottom: 6px;
	width: 230px;
}

.restrant .adress{

	background-image: url(../icon/adress.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .tel{

	background-image: url(../icon/tel.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .hour{

	background-image: url(../icon/time.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .holi{

	background-image: url(../icon/yasumi.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .sit{

	background-image: url(../icon/rest.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .eat{

	background-image: url(../icon/cir_order.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}
.restrant .detail{

	background-image: url(../icon/view.jpg);
	background-repeat: no-repeat;
	padding-left: 16px;
	list-style-type: none;
	line-height: 12px;
}


/***** twitter*******************************************/



.twitter_st{

	background-color: #fff;
	margin-bottom: 8px;
	margin-top: 3px;
	overflow: hidden;
        padding: 5px;

}


.twitter_kt{
	border-width: 2px;
	border-style: solid;
	border-color: #FADF85;
	background-color: #fff;
	margin-bottom: 7px;
	margin-top: 7px;
	overflow: hidden;
	padding: 10px;
}


.twitter-text{
	margin-left: 75px;
	padding-bottom: 5px;
	margin-top: 1px;
	overflow: hidden;

}

.twitter_img{
	float:left;
	margin-right:10px;
	border:3px solid #dddddd;
	margin-bottom: 2px;
　　　　 width: 48px;
}

.twitter a:hover img{
	opacity:0.6;
	filter: alpha(opacity=25);
}



.twitter_large {
	font-size: 12px;
	line-height: 170%;
}

.twitter_large_y {
	font-size: 12px;
	line-height: 170%;
        background-color: #FADF85;
        padding-left: 5px;
        padding-right: 5px;
}

.twitter_small{
	font-size:10px;
	line-height: 170%;
}

.twitter_st .twitter-text img{
        float:right;
        hight:80px;
	margin-top: 5px;
	margin-bottom: 5px;
}