/******************************************************
 *   CSS file for http://www.hiro-kojima.com/         *
 *   Copyright (c) Garak  http://www.hiro-kojima.com/ *
 *****************************************************/


/******************************************************
 * 共通となる設定を規定
 ******************************************************/
@charset "Shift-JIS";

/* 基本となるスタイル
---------------------------------------------*/
* {
	font-size: 12px;
	list-style: none;
}


body {
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	/*\*/
	letter-spacing: 0.1em;
	/**/
	background-color: #343434;
}

.font_size_3 {
	font-size: 3;
}
.font_size_1 {
	font-size: 1;
}
.color_red {
	color: #FF0000;
}
.align_center {
	text-align: center;
}

#wrapper {
	font-size: 10px;
	margin: 0px auto;
	width: 755px;
	min-width: 755px;
	max-width: 755px;
}

#header {
	margin: 0px 0; /* 上下方向にマージンを指定 */
	height: 250px;
}

#logo img {
	float: left;
	width: 160px;
	height: 96px;
	/*
	background-image: url(../image/logo.gif);
	background-repeat: no-repeat;
	*/
}

#address {
	float: right;
	margin: 15px 10px;
	width: 210px;
}

.c1 {
	color:White;
	text-decoration : none;
}

a:hover {
	color : #ff0000;
	text-decoration : none;
	background-color : #ffcc99;
}

a img{
	border:none;
}
/*******************************
 * ヘッダー表示画像 (各ページ毎)
 *******************************/
#headerImage {
	clear: both;
	height: 130px;
	width: 755px;
}

div.top {
	background-image: url(../image/hed_top.jpg);
}

div.food {
	background-image: url(../image/hed_food.jpg);
}

div.drink {
	background-image: url(../image/hed_drink.jpg);
}

div.reserve {
	background-image: url(../image/hed_reserve.jpg);
}

div.map {
	background-image: url(../image/hed_map.jpg);
}

/***************************
 * ナビゲーション 定義
 ***************************/
#globalNavi {
	clear: both;
	text-indent: -9999px;
	width: 755px;
	height: 25px
}

#globalNavi ul{
	margin: 0px 0px;
	padding: 0px 0px; 
	list-style-type: none
}

#globalNavi ul li {
	float:left;
	display:block;
}

#globalNavi a {
	display:block;
	background-position: left top;
	width:151px;
	height:25px;
	text-decoration: none;
}


#gNavi_top  a {
	display: block; 
	background-position: left top; 
	background-image: url(../image/menu_top.gif);
}
#gNavi_food a {
	display: block; 
	background-position: left top; 
	background-image: url(../image/menu_food.gif);
}
#gNavi_drink a {
	display: block; 
	background-position: left top; 
	background-image: url(../image/menu_drink.gif);
}
#gNavi_reserve a {
	display: block; 
	background-position: left top; 
	background-image: url(../image/menu_reserve.gif);
}
#gNavi_map a {
	display: block; 
	background-position: left top; 
	background-image: url(../image/menu_map.gif);
}


#gNavi_top a:hover, #gNavi_top a:visited:hover , #gNavi_top a.selected {
	border-style: none;
	BACKGROUND-POSITION: 0px -25px
}
#gNavi_food a:hover, #gNavi_food a:visited:hover, #gNavi_food a.selected {
	BACKGROUND-POSITION: 0px -25px
}
#gNavi_drink a:hover, #gNavi_drink a:visited:hover, #gNavi_drink a.selected {
	BACKGROUND-POSITION: 0px -25px
}
#gNavi_reserve a:hover, #gNavi_reserve a:visited:hover, #gNavi_reserve a.selected {
	BACKGROUND-POSITION: 0px -25px
}
#gNavi_map a:hover, #gNavi_map a:visited:hover, #gNavi_map a.selected {
	BACKGROUND-POSITION: 0px -25px
}



#contents {
	margin: 0px 0; /* 上下方向にマージンを指定 */
	width: 755px;
	clear: both;
}

#footer {
	clear: both;
	width: 755px;
}

#footer hr {
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	height: 1px;
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: 0;
}

#footer p{
	margin-top: 1px;
	text-align: right;
}

/*******************************
 * トップページ コンテンツ定義
 *******************************/

#index_contents {
	position:relative; top:5px; left:0px;
	float:left;

}

#time {
	position:relative; top:10px; left:0px;
	width:340px; 
	height:10px; 
	float:right;
}


#infoBox {
	position:relative; top:75px; left:0px;
	width:340px; 
	height:140px; 
	overflow: auto ; 
	float:right;
	border-style: inset;
	border-width: 2px 2px 3px 2px;
	border-color: #c0c0c0 #808080 #808080 #c0c0c0;
}



/*******************************
 * 予約ページ コンテンツ定義
 *******************************/

#reserve_info p {
	text-align: center;
	clear: both
}


#reserve_tbl {
	margin: 5px auto;
	text-align: left
}

#reserve_tbl td.resv_name {
	text-align: right;
}
#reserve_tbl td.resv_val {
	text-align: left;
	
}


/*******************************
 * 別ウィンドウ
 *******************************/
#contents {
	position:relative; top:0px; left:0px;
	float:none ;
}