@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0; outline: none;}

body{
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFFFF;
	background: url(images/back_loop.jpg) left top repeat-y #000000;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6{font-size: 1em; font-weight: normal;}
h2{ color: #FFCC66}

a{color: #3cb371}
a:hover{color: #ff1493} 

img{border:0}
table{
	width: 100%;
}

#header{
	height: 195px;
	width: 950px;
}
#back01{
	background: url(images/back.jpg) left top no-repeat scroll;
	width: 950px;
}

#back02{ background: url(images/bottom.jpg) left bottom no-repeat; }

#menu_area{
	width: 179px;
	height: 500px;
	float: left;
}

#contents_area{
	width: 600px;
	float: left;
}
#widget_area{
	width: 160px;
	float: left;
	margin-left: 5px;
}
#contents_box { width: 540px; margin: 0px auto 10px; padding-top: 5px;}
#contents_body {
	padding-top: 20px;
}
#navigation{text-align: center; font-size: 0.85em;}
#footer{
	clear: both;
	margin-left: 179px;
	width: 600px;
	font-size: 0.8em;
}
#footer1{
	background-color: #4d0000;
	height: 60px;
	padding: 8px 0;
}
#footer1 table{
	margin-left: 50px;
}

#footer2{ color: #CCCCCC; background-color: #333333; padding: 10px 0; text-align: center;}
#footer3{ background-color: #ffffff;text-align: center;}

#wrap{ width: 680px; margin: 20px auto 20px;}

#welcome{ width: 340px; line-height: 140%; margin-left: 40px;}

/* トップページ */
table#osusume{
	background-image: url(images/back_osusume.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 10px;
}
table#osusume td{width: 33%;}
table#osusume td.photo{
	text-align: center;
}
table#osusume td.img{
	text-align: center;
	width: 330px;
}

table#osusume td.txt{
	padding: 5px 10px;
	vertical-align: top;
	font-size: 0.9em;
}
.osusume_title{
	color: #FF3333;
	font-weight: bolder;
	margin-bottom: 5px;
}
#info_box{
	margin-top: 10px;
	border-top: 1px #999999 solid;
}
#info_box td{padding: 8px; line-height: 1.4}
#info_box td.comment{ vertical-align: top}
#melma{background-color: #666666; }
#melma th{background-color: #333366; color: #FFFFFF;}
#melma td{
	background-color: #000000;
	padding: 15px;
}


/* 問い合わせフォーム */
#ask td{}
#ask td.title{border-right: 3px #00CC99 solid}

/* ドリンクメニュー */
table#drink{}
table#drink td{
	width: 50%;
	vertical-align: top;
	text-align: center;
	padding-bottom: 8px;
}


/* 店舗紹介 */
#contents_area_shop{
	width: 600px;
	background: url(images/shop/bottom.jpg) right bottom no-repeat;
	float: left;
}
#shop_head{
	background: url(images/shop/back.jpg) top no-repeat;
}
#master_text{
	font-size: 1.1em;
	width: 280px;
	line-height: 1.5;
	margin-top: 10px;
}
#master_photo{
	padding-top: 240px;
}

table.staff{}
table.staff td{width: 33%;}
table.staff td.photo, table.staff2 td.photo{text-align: center;}
table.staff td.txt{
	padding: 5px 10px;
	vertical-align: top;
	font-size: 0.9em;
	line-height: 1.7;
}

table.staff2{}
table.staff2 td{width: 25%;}
table.staff2 td.txt{
	padding: 3px 8px;
	vertical-align: top;
	font-size: 0.9em;
	line-height: 1.3;
}

.staff_name{
	color: #FF33CC;
	font-weight: bolder;
	margin-bottom: 5px;
	text-align: center;
}
.staff_name2{
	color: #33CC99;
	font-weight: bolder;
	margin-bottom: 5px;
	line-height: 1.3;
	text-align: center;
}

table.staff_prof{}
table.staff_prof td{vertical-align: top;}
table.staff_prof td.photo{text-align: center; width: 170px;}
table.staff_prof td.prof{
	padding: 0px 10px 10px;
	line-height: 1.5;
}


/* リンクエリア */
#link {
	text-align: center;
	margin-top: 20px;
	color: #CC6600;
	line-height: 1.2;
}

#link p{margin-bottom: 8px;}

/* クーポン */
#coupon{
	line-height: 1.5;
	font-size: 14px;
}

/* カレンダー */
#nw_cal   {background: #c0c0c0; width: 98%;}
#nw_cal th{background: #fafad2; color:#000000;}
#nw_cal th.sun{color: #ff0000}
#nw_cal th.sat{color: #0033CC}
#nw_cal td.sun{background: #ffb6c1; color: #FF0000;}
#nw_cal td.sat{background: #e6e6fa; color: #0033CC;}
#nw_cal td{background: #ffffff; color:#000000; text-align: center; line-height: 1.1; padding: 3px 0 0}



.yellow_bold{font-size: 1.2em; color: #FFFF00; font-weight: bolder; margin-bottom: 10px;}
.pink_bold{
	color: #FF33CC;
	font-weight: bolder;
	margin-bottom: 10px;
}

.yellow {color: #FFCC00}
.red{color: #FF0000}
.line_clr{
	clear: both;
	visibility: hidden;
}
.alignleft{float: left}
.alignright{float: right; margin: 0 0 5px 8px}
.hide{
	display: none;
}

div.caption {
	position: absolute;
	margin-top: -75px;
	margin-left: -75px;
	width: 150px;
	text-align: center;
	left: 50%;
	padding: 5px 10px;
	background: black;
	color: white;
	font-family: sans-serif;
	border-radius: 10px;
	display: none;
}