* {
	margin: 0;
}

html {
	height: 100%;
}

body {
	background-image: url(images/back.gif);
	width: 100%;
	height: 100%;
	margin: 10px 0 0 0;
}

table {
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: ＭＳ Ｐゴシック;
	letter-spacing: 0;
	line-height: 16px;
	color: #666666;
	text-align: center;
	border: 0;
	padding : 0px;
}

div#main {
	width: 650px;
	height: 650px;
	background-image: url(images/container_bg.jpg);
	margin :0 auto;
}

div#main-christmas {
	width: 650px;
	height: 650px;
	background-image: url(images/table_back_top-christmas.jpg);
	margin :0 auto;
}

div#main-christmas a {
	color: #FFFFFF;
}

div#main-christmas a:hover {
	color: #CCFFCC;
}

div#top {
	width: 650px;
	height: 40px;
	background-position: right top;
	background-repeat: no-repeat;
}

div#middle {
	width: 650px;
	height: 570px;
	background-repeat: no-repeat;
	text-align: left;
}

div#bottom {
	/*width: 650px;*/
	height: 40px;
	padding-left: 30px;
}

div#bottom div {
	float: left;
}

div#copyright {
	font-size: 11px;
	line-height: 13px;
	color: #808080;
	padding-top: 5px;
}


/*   HOME   -------------------------------------------------------------*/

div.home div#top {
	background-image: url("images/topbar_home.jpg");
}

div.home div#middle {
	background-image: url("images/middle_bg_home.jpg");
}

div#tombe {
	height: 200px;
	text-align: center;
}

div#tombe div {
	padding: 40px 0px 35px 0px;
}

div#tombe div table {
	width: 600px;
	height: 125px;
	padding: 0;
	margin: 0 auto;
	background-image: url("images/table_back_top_logo.jpg");
}

div#tombe div table img {
	margin: 0 45px;
}

div#button {
	width: 240px;
	height: 370px;
	text-align: left;
	float: left;
	/*border: 1px solid #800000;*/
}

div#button div {
	padding-left: 55px;
}

div#navi {
	width: 185px;
	height: 175px;
}

div#tonchan {
	padding-top: 20px;
}

div.home div#right {
	width: 410px;
	height: 370px;
	text-align: left;
	float: right;
}

div#main-christmas div#right {
	width: 410px;
	height: 370px;
	text-align: left;
	float: right;
}

	div#topics {
		width: 370px;
		height: 205px;
		font-weight: bold;
		color: white;
		filter: glow(color=black,strength=3);
	}

	div#topics2 {
		width: 370px;
		height: 140px;
		font-weight: bold;
		color: white;
		filter: glow(color=black,strength=3);
	}

	div#scroll {
		height: 45px;
		padding-left: 63px;
	}

	div#scroll table {
		width: 308px;
		padding: 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 18px;
		color: #F60000;
	}

	div#countleft {
		width: 250px;
		height: 120px;
		filter: glow(color=black, strength=2);
	}

	div#countright {
		font-size: 11px;
		line-height: 13px;
		color: #333333;
		padding-top: 15px;
		padding-right: 55px;
		text-align: right;
	}

div.home a {
	color: #FFFFFF;
}

div.home a:hover {
	color: #CCFFCC;
}


/*   int   -------------------------------------------------------------*/

div.int div#top {
	background-image: url("images/topbar_int.jpg");
}

div.int div#middle {
	background-image: url("images/middle_bg_int.jpg");
}

div.int div#left {
	width: 285px;
	height: 570px;
	text-align: left;
}

div.int div#left div.pad {
	padding-top: 135px;
	padding-left: 50px;
}

div.inttitle {
	filter: shadow(color=#000000, direction=120, strength=2);
	width: 235px;
}

div.intpic {
	padding: 20px 0;
}

div.int div#right {
	width: 365px;
	height: 570px;
	text-align: left;
}

div.intcatch {
	padding-top: 45px;
	padding-bottom: 20px;
}


/*   menu   -------------------------------------------------------------*/



div.menu div#top {
	background-image: url('images/topbar_menu.jpg');
}

div.menu div#menu_lefttop {
	background-image: url('images/menu_left_top_bg.jpg');
	width: 235px;
	height:150px
}

div.menu div#menu_lefttop div {
	padding: 98px 0 0 15px;	
	text-align: center;
}

div.menu div#menu_righttop {
	width: 415px;
	height:150px;
}

div.menu div.okonomiyaki {
	background-image: url('images/menu_okonomi.jpg');
}

div.menu div.petchan {
	background-image: url('images/menu_petchan.jpg');
}

div.menu div.fried {
	background-image: url('images/menu_fried.jpg');
}

div.menu div.grilled {
	background-image: url('images/menu_grilled.jpg');
}

div.menu div.drink {
	background-image: url('images/menu_drink.jpg');
}

div.menu div#menu_righttop div {
	padding: 15px 0 0 5px;
	line-height: 16px;
	color: #CCCCCC;
	font-weight: bold;
}

div.menu div#menu_righttop div.drink {
	padding: 5px 0 0 5px;
	color: #CCCCCC;
	font-weight: bold;
}

div.menu div#menu_righttop div.drink table {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	width: 380px;
	height: 116px;
}

div.menu div#menu_leftbottom {
	width: 235px;
	height: 400px
}

div.menu div#menu_leftbottom div#menu_button {
	padding: 20px 0 60px 55px;
}

div.menu div#menu_leftbottom div#menu_tonchan {
	padding-left: 35px;
}

div.menu div#menu_rightbottom {
	width: 415px;
	height: 400px;
}

div#monitor {
	width: 370px;
	height: 370px;
	margin-top: 20px;
	background-image: url('menu/images/monitor-menu.jpg');
}

div#monitor div.menu_title {
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	filter: shadow(color=#000000, direction=120, strength=3);
	width: 335px;
	line-height: 20px;
	padding-top: 45px;
	text-align: right;
}

div#monitor table {
	width: 360px;
	height: 40px;
	margin-top: 195px;
	padding : 10px;
}

div#monitor div.monitor_button {
	padding: 10px 0 0 10px;
}

div#monitor div.monitor_button div {
	float: left;
}



/*   access   -------------------------------------------------------------*/

div.access div#top {
	background-image: url("images/topbar_access.jpg");
}

div.access div#middle {
	background-image: url("images/middle_bg_access.jpg");
}

div#middle div#actop{
	width: 650px;
	height: 135px;
	text-align: center;
}

div.access div#middle div#actop div{
	padding: 30px 0 0 220px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #666666;
}

div.access div#middle div#acmc{
	width: 650px;
	height: 315px;
	text-align: center;
}

div.access div#middle div#accom{
	width: 320px;
	height: 120px;
}

div.access div#middle div#accom div {
	padding: 18px 0 0 20px;
}

div.access div#middle div#acmc{
	width: 650px;
	height: 315px;
	text-align: center;
}

div.access div#middle div.ac_bottom_right {
	width: 100px;
	height: 120px;
	text-align: center;
}

div.access div#middle div.ac_bottom_right div {
	padding-top: 40px;
}

div.access div#middle div.ac_bottom_right a {
	color: #CCFFCC;
}

div.access div#middle div.ac_bottom_right a:hover {
	color: red;
	font-weight: bold;
}

div.access div#middle div.ac_okonomi_L {
	background-image: url("images/access_okonomi-L.jpg");
}

div.access div#middle div.ac_okonomi_R {
	background-image: url("images/access_okonomi-R.jpg");
}

div.access-M div#top {
	background-image: url("images/topbar_access.jpg");
}

div.access-M div#middle {
	background-image: url("images/middle_bg_access-M.jpg");
}

div.access-M div#middle div#actop div {
	padding: 5px 0 0 270px;
	text-align: left;
}

div.access-M div#middle div#actop div div {
	padding: 0 0 0 58px;
}

div.access-M div#middle div#acm_com {
	padding: 15px 0 0 185px;
	text-align: left;
}

div.access-M div#middle div#acm_com h1 {
	padding: 0;
	margin: 0;
	filter: shadow(color=#000000, direction=120, strength=1);
	width: 465px;
	height: 50px;
	font-size: 16px;
	line-height: 20px;
	color: #FF0000;
}

div.access-M div#middle div#acm_com div.comment {
	filter: shadow(color=#000000, direction=120, strength=1);
	width: 465px;
	height: 310px;
}

div.access-M div#middle div#acm_com a {
	color: #CCFFCC;
	font-weight: bold;
}

div.access-M div#middle div#acm_com a:hover {
	color: #66FF99;
}


div.access-F div#top {
	background-image: url("images/topbar_access.jpg");
}

div.access-F div#middle {
	background-image: url("images/middle_bg_access-F.jpg");
}

div.access-F div#middle div#actop div {
	padding: 5px 0 0 260px;
	text-align: left;
}

div.access-F div#middle div#acm_comL {
	width: 315px;
	height: 435px;
	text-align: left;
	float: left;
}

div.access-F div#middle div#acm_comL h1 {
	padding: 25px 0 0 45px;
	margin: 0;
	filter: shadow(color=#000000, direction=120, strength=1);
	width: 270px;
	height: 205px;
	font-size: 16px;
	line-height: 20px;
	color: #FF0000;
}

div.access-F div#middle div#acm_comL div#map {
	margin: 170px 0 0 250px;
}

div.access-F div#middle div#acm_comR {
	width: 335px;
	height: 435px;
	float: right;
}

div.access-F div#middle div#acm_comR h1{
	margin: 17px 0 4px 0;
	padding: 0;
	filter: shadow(color=#000000, direction=120, strength=1);
	width: 335px;
	font-size: 12px;
	line-height: 16px;
	color: red;
}

div.access-F div#middle div#acm_comR img{
	margin-right: 15px;
}

div.access-F div#middle div#acm_comR div#comment {
	margin-top: 55px;
	margin-left: 50px;
	color: white;
}

div.access-F div#middle div#acm_comR div#back {
	margin-right: 40px;
	text-align: right;
}

div.access-F div#middle a {
	color: #CCFFCC;
	font-weight: bold;
}

div.access-F div#middle a:hover {
	color: #66FF99;
}



/*   price   -------------------------------------------------------------*/

div.price div#top {
	background-image: url("images/topbar_price.jpg");
}

div.price div#middle {
	background-image: url("images/middle_bg_price.jpg");
}

div.price-2 div#top {
	background-image: url("images/topbar_price.jpg");
}

div.price-2 div#middle {
	background-image: url("images/middle_bg_price-2.jpg");
}

div.price-title {
	padding-left: 220px;
	width: 430px;
	height: 125px;
	filter: shadow(color=#000000, direction=120, strength=1);
	text-align: center;
	font-weight: bold;
	color: #CCCCCC;
	font-size: 16px;
	line-height: 20px;
}

div.price-title h1 {
	margin: 0;
	padding:40px 0 0 0;
	color: #FF0000;
	font-size: 16px;
	line-height: 20px;
}

div.price-comment {
	height: 60px;
	margin-left: 165px;
}

div.price-comment a {
	color: #900000;
}

div.price-comment a:hover {
	color: red;
}

div#price-left {
	width: 225px;
	height: 385px;
	text-align: left;
	float: left;
}

div#price-left img {
	margin-left: 60px;
	margin-top: 230px;
}

div#price-right {
	width: 420px;
	height: 385px;
	text-align: left;
	float: right;
}

div.price-2 div#left {
	width: 245px;
	height: 570px;
	text-align: left;
}

div.price-2 div#left div.pad {
	padding-top: 135px;
	padding-left: 40px;
}

div.price-2 div#left div.pad div#com {
	width: 185px;
	height: 75px;
	padding-top: 15px;
	text-align: center;
	color: white;
}

div.price-2 div#right {
	width: 405px;
	height: 570px;
	text-align: left;
}

div.price-2 div#right div#p_top {
	width: 360px;
	height: 75px;
	margin-top: 35px;
	text-align: center;
}

div.price-scroll {
	width: 400px;
	height: 410px;
	overflow: auto;
	text-align: left;
	scrollbar-face-color: #CCCCCC;
	scrollbar-track-color: #B0B0B0;
	scrollbar-arrow-color: #666666;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #666666;
}

div.price-2 div#right table {
	width: 360px;
	color: white;
	text-align: left;
	font-size: 12px;
}

div.price-2 div#right table td#title {
	width: 360px;
	height: 25px;
	border-bottom: 2px solid #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #FF0000;
}

div.price-2 div#right div#back {
	margin-top: 10px;
	margin-right: 45px;
	text-align: right;
}

/*   info   -------------------------------------------------------------*/

div.info div#top {
	background-image: url("images/topbar_info.jpg");
}

div.info div#middle div#info-head {
	width: 650px;
	height: 120px;
	background-image: url("images/middle_bg_info.jpg");
}

div.info div#middle div#information {
	width: 650px;
	height: 400px;
	background-image: url("images/now-back.jpg");
	/*text-align: center;*/
}

div.info div#middle div#information table {
	width: 550px;
	height: 20px;
	text-align: left;
	margin-left: 50px;
}

div.info div#middle div#info-under {
	width: 650px;
	height: 50px;
	background-image: url("images/now-back_under.jpg");
}

/*-------------------------------------------------------------*/

a {
	color: #CCFFCC;
	text-decoration:none;
}

a:hover {
	color: #99FF99;
}

img {
	border: 0
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clearL {
	clear: left;
}

.clearR {
	clear: right;
}


/*-------------------------------------------------------------*/

.text1 {
	font-size: 1px;
	line-height: 1px;
}

.text10GC {
	font-size: 10px;
	line-height: 12px;
	color: #CCCCCC;
}

.text10W {
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
}

.text11G3 {
	font-size: 11px;
	line-height: 13px;
	color: #333333;
}

.text11G8 {
	font-size: 11px;
	line-height: 13px;
	color: #808080;
}

.text12Wb {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

.text12W {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

.text12G6 {
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

.text12G3 {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}

.text12GC {
	font-size: 12px;
	line-height: 16px;
	color: #CCCCCC;
}

.text12Wbs {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: white;
	filter: glow(color=black,strength=3);
	width: 370px;
}

.text12R {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #FF0000;
}

.text16G {
	font-size: 16px;
	line-height: 18px;
	color: #333333;
}

.text16GC {
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #CCCCCC;
}

.text16Gr {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #99FF99;
}

.text16R {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #FF0000;
}

.text16W {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #FFFFFF;
}

.text18R {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #FF0000;
}

div.monitor {
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	filter: shadow(color=#000000, direction=120, strength=3);
	width: 320;
	line-height: 20px;
	margin-top: 20px;
}


/*行間スペース----------------------------------*/

.height5 {
	height: 5px;
	line-height: 1px;
	font-size: 1px;
}

.height10 {
	height: 10px;
	line-height: 1px;
	font-size: 1px;
}

.height15 {
	height: 15px;
	line-height: 1px;
	font-size: 1px;
}

.height20 {
	height: 20px;
}

.height25 {
	height: 25px;
}

.height30 {
	height: 30px;
}

.height35 {
	height: 35px;
}

.height40 {
	height: 40px;
}

.height50 {
	height: 50px;
}