@charset "UTF-8";


body {
	text-align: center;
	background-color: #DDF;
	background-image: url(../img/body_bg.jpg);
	background-repeat: repeat;
	font-family: 'MS Pゴシック','ヒラギノ角ゴ Pro W3','メイリオ';
	font-size: 90%;
	margin: 0;
}

h1, h2, h3, h4, h5, h6{
	font-size:1 00%;
	padding: 0px;
	margin: 0px;
}
p{
	padding: 0px;
	margin: 0px;
}

/*ul{
	margin: 0px;
	padding: 0px;
}

li{
	margin: 0px;
	padding: 0px;
}*/

img {
	border: 0;
}

a:link, a:visited, a:active{ text-decoration: none; }
a:hover { text-decoration: underline }
a:link { color: #ff5400;}
a:visited { color: #ff5400;}
a:hover { color: #ff3300; }
a:active { color: #ff3300;}

img{
	border:none;
}



/* common */
#wrapper{
	width: 900px;
	line-height:120%;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	background-color: #FFF;
	border:solid 1px #bbbbbb;
}


#header {
	width: 900px;
	height: 410px;
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../img/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#header h1 {
	font-size: 100%;
	font-weight: normarl;
	line-height: 100%;
	margin: 0;
	padding: 0;
}


#header_sub {
	width: 900px;
	height: 300px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(../img/header_bg_sub.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#header_sub h1 {
	font-size: 100%;
	font-weight: normarl;
	line-height: 100%;
	margin: 0;
	padding: 0;
}


.logo {
	float: left;
	margin: 0 0 0 5px;
}


.discription {
	font-size: 90%;
/*	font-weight: bold;*/
	color: #dadada;
	padding: 5px 0 0 10px;
	font-weight: bold;
}

.call {
	float: right;
	text-align: right;
	padding: 5px 10px 0 0;
	color: #dadada;
	font-weight: bold;
}





#footer {
	width: 880px;
	height: 50px;
	background-color: #000;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat;
	font-size: 90%;
	color: #dadada;
	text-align: left;
	padding: 5px 10px;
}

#footer a:link		{ color: #FFF;}
#footer a:visited	{ color: #FFF;}
#footer a:hover		{ color: #FC0;}
#footer a:active	{ color: #FF0;}


.backto {
	float: right;
	margin: 5px;
	font-size: 90%;
}

.clearboth {
	clear: both;
	height: 0;
}


#navi {
	float: left;
	width: 240px;
	vertical-align: top;
	padding: 5px;
/*	background-color: #9CF;*/
}


/*menu button*/
ul.GlobalNav  {
   margin: 0;
   padding: 0;
}

ul.GlobalNav li {
/*   float: left;*/
   text-indent: -9999px;
   overflow: hidden;
   list-style: none;
	margin:0px 0px 5px 0px;
}

ul.GlobalNav li a {
   display: block;
/*   width: 156px;
   height: 40px;*/
}

li.GlobalNav1 a		{ background: url(../img/GlobalNav.png) 0 0 no-repeat; width: 240px; height: 40px; }
li.GlobalNav1 a:hover	{ background: url(../img/GlobalNav.png) -240px 0 no-repeat; width: 240px; height: 40px; }
li.GlobalNav1 a:active	{ background: url(../img/GlobalNav.png) -480px 0 no-repeat; width: 240px; height: 40px; }

li.GlobalNav2 a		{ background: url(../img/GlobalNav.png) 0 -40px no-repeat; width: 240px; height: 40px; }
li.GlobalNav2 a:hover	{ background: url(../img/GlobalNav.png) -240px -40px no-repeat; width: 240px; height: 40px; }
li.GlobalNav2 a:active	{ background: url(../img/GlobalNav.png) -480px -40px no-repeat; width: 240px; height: 40px; }

li.GlobalNav3 a		{ background: url(../img/GlobalNav.png) 0 -80px no-repeat; width: 240px; height: 30px; }
li.GlobalNav3 a:hover	{ background: url(../img/GlobalNav.png) -240px -80px no-repeat; width: 240px; height: 30px; }
li.GlobalNav3 a:active	{ background: url(../img/GlobalNav.png) -480px -80px no-repeat; width: 240px; height: 30px; }

li.GlobalNav4 a		{ background: url(../img/GlobalNav.png) 0 -110px no-repeat; width: 240px; height: 30px; }
li.GlobalNav4 a:hover	{ background: url(../img/GlobalNav.png) -240px -110px no-repeat; width: 240px; height: 30px; }
li.GlobalNav4 a:active	{ background: url(../img/GlobalNav.png) -480px -110px no-repeat; width: 240px; height: 30px; }

li.GlobalNav5 a		{ background: url(../img/GlobalNav.png) 0 -140px no-repeat; width: 240px; height: 30px; }
li.GlobalNav5 a:hover	{ background: url(../img/GlobalNav.png) -240px -140px no-repeat; width: 240px; height: 30px; }
li.GlobalNav5 a:active	{ background: url(../img/GlobalNav.png) -480px -140px no-repeat; width: 240px; height: 30px; }

li.GlobalNav6 a		{ background: url(../img/GlobalNav.png) 0 -170px no-repeat; width: 240px; height: 30px; }
li.GlobalNav6 a:hover	{ background: url(../img/GlobalNav.png) -240px -170px no-repeat; width: 240px; height: 30px; }
li.GlobalNav6 a:active	{ background: url(../img/GlobalNav.png) -480px -170px no-repeat; width: 240px; height: 30px; }

li.GlobalNav7 a		{ background: url(../img/GlobalNav.png) 0 -200px no-repeat; width: 240px; height: 40px; }
li.GlobalNav7 a:hover	{ background: url(../img/GlobalNav.png) -240px -200px no-repeat; width: 240px; height: 40px; }
li.GlobalNav7 a:active	{ background: url(../img/GlobalNav.png) -480px -200px no-repeat; width: 240px; height: 40px; }

li.GlobalNav8 a		{ background: url(../img/GlobalNav.png) 0 -240px no-repeat; width: 240px; height: 40px; }
li.GlobalNav8 a:hover	{ background: url(../img/GlobalNav.png) -240px -240px no-repeat; width: 240px; height: 40px; }
li.GlobalNav8 a:active	{ background: url(../img/GlobalNav.png) -480px -240px no-repeat; width: 240px; height: 40px; }

li.GlobalNav9 a		{ background: url(../img/GlobalNav.png) 0 -280px no-repeat; width: 240px; height: 40px; }
li.GlobalNav9 a:hover	{ background: url(../img/GlobalNav.png) -240px -280px no-repeat; width: 240px; height: 40px; }
li.GlobalNav9 a:active	{ background: url(../img/GlobalNav.png) -480px -280px no-repeat; width: 240px; height: 40px; }

li.GlobalNav10 a		{ background: url(../img/GlobalNav.png) 0 -320px no-repeat; width: 240px; height: 40px; }
li.GlobalNav10 a:hover	{ background: url(../img/GlobalNav.png) -240px -320px no-repeat; width: 240px; height: 40px; }
li.GlobalNav10 a:active	{ background: url(../img/GlobalNav.png) -480px -320px no-repeat; width: 240px; height: 40px; }

li.GlobalNav11 a		{ background: url(../img/GlobalNav.png) 0 -360px no-repeat; width: 240px; height: 40px; }
li.GlobalNav11 a:hover	{ background: url(../img/GlobalNav.png) -240px -360px no-repeat; width: 240px; height: 40px; }
li.GlobalNav11 a:active	{ background: url(../img/GlobalNav.png) -480px -360px no-repeat; width: 240px; height: 40px; }





/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}


/* Win版IE7とMac版IE5対策 */
ul.GlobalNav {
   display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.GlobalNav {
   height:1px;
}

ul.GlobalNav {
   display:block;
}
/* End hide from IE-mac */





#TopBan {
	float: left;
	width: 640px;
	vertical-align: top;
	padding: 5px;
/*	background-color: #9CF;*/
}


/*menu button*/
ul.TopBan  {
   margin: 0;
   padding: 0;
}

ul.TopBan li {
/*   float: left;*/
   text-indent: -9999px;
   overflow: hidden;
   list-style: none;
	margin:0px 0px 5px 0px;
}

ul.TopBan li a {
   display: block;
/*   width: 156px;
   height: 40px;*/
}

li.TopBan1 a		{ background: url(../img/TopBan.png) 0 0 no-repeat; width: 640px; height: 80px; }
li.TopBan1 a:hover	{ background: url(../img/TopBan.png) -640px 0 no-repeat; width: 640px; height: 80px; }
li.TopBan1 a:active	{ background: url(../img/TopBan.png) -1280px 0 no-repeat; width: 640px; height: 80px; }

li.TopBan2 a		{ background: url(../img/TopBan.png) 0 -80px no-repeat; width: 640px; height: 80px; }
li.TopBan2 a:hover	{ background: url(../img/TopBan.png) -640px -80px no-repeat; width: 640px; height: 80px; }
li.TopBan2 a:active	{ background: url(../img/TopBan.png) -1280px -80px no-repeat; width: 640px; height: 80px; }

li.TopBan3 a		{ background: url(../img/TopBan.png) 0 -160px no-repeat; width: 640px; height: 80px; }
li.TopBan3 a:hover	{ background: url(../img/TopBan.png) -640px -160px no-repeat; width: 640px; height: 80px; }
li.TopBan3 a:active	{ background: url(../img/TopBan.png) -1280px -160px no-repeat; width: 640px; height: 80px; }

li.TopBan4 a		{ background: url(../img/TopBan.png) 0 -240px no-repeat; width: 640px; height: 80px; }
li.TopBan4 a:hover	{ background: url(../img/TopBan.png) -640px -240px no-repeat; width: 640px; height: 80px; }
li.TopBan4 a:active	{ background: url(../img/TopBan.png) -1280px -240px no-repeat; width: 640px; height: 80px; }






/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}


/* Win版IE7とMac版IE5対策 */
ul.TopBan {
   display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.TopBan {
   height:1px;
}

ul.TopBan {
   display:block;
}
/* End hide from IE-mac */



#main {
	float: left;
	width: 640px;
	vertical-align: top;
	padding: 5px;
/*	background-color: #CF9;*/
}


#main h2 {
	width: 640px;
	height: 40px;
	background-image: url(../img/h3bg.jpg);
	background-repeat: no-repeat;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 10px 0px ;
	padding: 0;
	color:#dadada;
}

#main h3 {
}

#main h4 {
	width: 640px;
	height: 40px;
	background-image: url(../img/h4bg.jpg);
	background-repeat: no-repeat;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 7px 0px;
	padding: 0;
	color:#333333;


}

.h_txt {
	padding: 8px 10px 2px 10px;
}


.block {
	width: 610px;
	vertical-align: top;
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 90%;
	line-height: 1.5em;
}

.rss_ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.rss_li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #AAA;
}

/* 店舗紹介、会社概要、アクセス、プライバシーポリシー関連共通パーツ 20110214 */

.shop_imgLeft {
	float: left;
	margin: 5px 5px 5px 0px;
}

.shop_imgRight {
	float: right;
	margin: 5px 0px 5px 5px;
}

.company_table01 {
	width: 620px;
	border-collapse: collapse;
	margin: 10px 10px 20px 10px;
}

.company_table01_td01 {
	width: 20%;
	text-align: right;
	vertical-align: top;
	padding: 3px 10px 3px 3px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
	background-color:#f7f3f7;
}

.company_table01_td02 {
	width: 80%;
	text-align: left;
	vertical-align: top;
	padding: 3px 3px 3px 10px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

.midashi_red {
	font-size: 110%;
	color: #F00;
	font-weight: bold;
}

.midashi_blue {
	font-size: 100%;
	color: #009;
	font-weight: bold;
}



/* メニュー共通パーツ 20110210 */

.price {
	font-family: impact;
	font-size: 100%;
	color: #F00;
}

.zeikomi {
	font-size: 70%;
/*	color: #F00;*/
	pading-left: 5px;
}

.menu_name {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
}

/* メニュー部分追加 パターン2バージョン 20110210 */
.menu2_table01 {
	width: 740px;
	border-collapse: collapse;
	margin: 0 10px 0 10px;
}

.menu2_table01_td01 {
	width: 50%;
	text-align: center;
	vertical-align: top;
	padding: 3px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

/* メニュー部分追加 パターン3バージョン 20110210 */
.menu3_table01 {
	width: 740px;
	border-collapse: collapse;
	margin: 0 10px 0 10px;
}

.menu3_table01_th01 {
	width: 33%;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
	background-image: url(../img/h4bg.jpg);
	background-repeat: no-repeat;
}

.menu3_table01_td01 {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

.menu3_table01_td02 {
/*	width: 170px;*/
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

/* メニュー部分追加 パターン4バージョン 20110210 */

.menu4_table01 {
	width: 600px;
	border-collapse: collapse;
	margin: 0 10px 2em 10px;
}

.menu4_table01_td01 {
	width: 170px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

.menu4_table01_td02 {
/*	width: 170px;*/
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
}

.menu4_table01_th02 {
/*	width: 170px;*/
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 90%;
	line-height: 120%;
	border: 1px solid #bbbbbb;
	background-color: #EEE;
}

/* ocn page on mailform */
div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}