@charset "utf-8";

/*--------- body---------*/
body {
	background-color:#000000;
	color:#FFFFFF;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	line-height:18px;
	display:block;
	margin:0px auto;
	padding:0;
	background-image: none;
}
/*-----デフォルト初期化ここから-----*/
p,div,ul,li,h1,h2{
	margin:0; 
	padding:0;
}

table,td,th{
	border-collapse:collapse; 
	margin:0; padding:0;
	color:#666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img {
	border:0;
	margin:0;
	padding:0;
}

/*-------- 外枠 ------------------------*/
#outline {
	width:800px;
	background-color: #FFFFFF;
	margin:0px auto;
	pawdding:0;
}

#head{margin:0; padding:0;}

#menu {
	width:800px;
	margin:0px;
	padding:0px;
	height: 44px;
}

#main{
	width: 800px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

#foot {
	width:800px;
	padding:0px;
	margin:0px;
	font-size:10px;
	clear:both;
}

/*---------- ヘッダ ----------*/
#head-img {
	margin:0px;
	padding:0px;
}

#logo{
	margin:20px 0;
	background-color:#FFFFFF;
}

#logo p{
	text-align:left;
	padding:10px 0px 10px 10px;
}

#head h1{
	font-size:10px;
	padding:5px;
	text-align:left;
	font-weight:normal;
	background-color:#000000;
	color:#FFFFFF;
	background-image: none;
}
/*----メニューボタンここから----*/
#menu ul{list-style-type:none;}
#menu li{
	display:inline;
	text-indent:-9999px;
	}
#menu li a{
	width:200px;
	font-size:14px;
	line-height:14px;
	text-decoration:none;
	font-weight:bold;
	color:#666666;
	float:left;
	margin: 0px;
	padding:30px 0px 0px 0px;
	text-indent:-9999px;
}
#menu li a:hover{color:#cccccc;}

/* オフボタン */
#btn1 a{background-image:url(../img/btn.gif); background-repeat:no-repeat; background-position:0px 0px;}
#btn2 a{background-image:url(../img/btn.gif); background-repeat:no-repeat; background-position:-200px 0px;}
#btn3 a{background-image:url(../img/btn.gif); background-repeat:no-repeat; background-position:-400px 0px;}
#btn4 a{background-image:url(../img/btn.gif); background-repeat:no-repeat; background-position:-600px 0px;}

/*オンボタン*/
#btn1 a:hover{background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:0px 0px;}
#btn2 a:hover{background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-200px 0px;}
#btn3 a:hover{background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-400px 0px;}
#btn4 a:hover{background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-600px 0px;}

/*オンボタン(固定)*/
li#btn1_on a{color:#cccccc; background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:0px 0px;}
li#btn2_on a{color:#cccccc; background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-200px 0px;}
li#btn3_on a{color:#cccccc; background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-400px 0px;}
li#btn4_on a{color:#cccccc; background-image:url(../img/btn_on.gif); background-repeat:no-repeat; background-position:-600px 0px;}

/*-----メイン---------------------------*/

/*-----パンくずリスト---------*/
#pan {
	color:#666666;
	font-size:12px;
	text-align:left;
	margin:0px;
	padding:10px 10px 0px;
}

#pan a{color:#330000;}

/*-----左カラム---------------*/
#left {
	width: 400px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#margin_left{margin:0px 15px 0px 30px;}
/*-----右カラム---------------*/
#right {
	width: 400px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#margin_right{margin:0px 30px 0px 15px;}

/*-----サブタイトル-----------*/

/* トップページサブタイトル */
h2.index_title{
	height:34px;
	font-size:16px;
	text-align:left;
	line-height:34px;
	font-weight:bold;
	background:url("../top/sub_title.gif") no-repeat;
	margin:20px 0px 0px;
	padding:0px;
}

/*-----新着情報---------------*/
#news{
	background-color:#330000;
	height:250px;
	overflow:auto;
	margin:0px;
	padding:0px 30px;
	}


#news ul{
	text-align:left;
	padding:5px 0px 10px;
	list-style-type:none;
}

#news li{
	border-bottom:1px dashed #666;
	margin:0px 0px 5px;
	padding:10px 0px 0px;
}

#news a{
	color:#FFFFFF;
}

#news a:hover{
	color:#666666;
}

#news_wrap{
	background-color:#FFFFFF;
	width:400px;
	padding:0 0 20px;
	margin:20px auto 0;
}


#staff {
	background-color:#330000;
	height:550px;
	overflow:auto;
	margin:0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}


#staff ul{
	text-align:left;
	padding:5px 0px 10px;
	list-style-type:none;
}

#staff li{
	border-bottom:1px dashed #666;
	margin:0px 0px 5px;
	padding:10px 0px 0px;
}

#staff a{
	color:#FFFFFF;
}

#staff a:hover{
	color:#666666;
}

#staff_wrap{
	background-color:#FFFFFF;
	width:400px;
	padding:0 0 20px;
	margin:20px auto 0;}

/*-----コメント---------------*/
#comment {
	text-align:left;
	padding:0px 20px 10px;
	background-color:#330000;
}


#comment p{padding:0 0 5px;}

/*-----企業所在地-------------*/
#location {
	text-align:left;
	padding:0px 20px ;
	background-color:#330000;
}

#location p{padding:5px 0px 20px;}
/*-----モバイル-------------*/
#mobile {
	text-align:center;
	padding:20px 0 10px;
}

#mobile p {
	font-size: 13px;
	text-align:left;
	margin: -50px 0px 40px 60px;
}

#mobile p a {
	color: #330000;
	text-decoration:none;
}


/*-----フッタ---------------------------*/
#foot1 {background-color:#330000;}
#foot1 ul{
	font-size:14px;
	padding:4px 0px;
}
#foot1 li{
	display:inline;
	padding:0px 30px;
	
}

#foot1 li a{
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:1px;
}

#foot1 li a:hover{
	color:#DDDDDD;
}

#foot2 {
	background-color: #000000;
	padding:5px;
	background-image: none;
}

/*----- clear要素 ----------------------*/
.c-both {clear: both;}

/*----- テキストの調整 -----------------*/
.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.bo{font-weight:bold;}

/*メニューテーブル*/

h2.sub_title{
	text-align:left;
	margin:0px 20px 0px;
	padding:5px 10px 5px;
}

table.menu{
	font-size:14px;
	text-align:left;
	width:350px;
	margin:0px 0px 20px;
}

.menu td{
	padding:6px;
}

td.major{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#330000;
	border-bottom:2px dotted #ffffff;
}

td.price    {text-align:right;}
td.bg_gray {background-color:#DDDDDD;}

/*店舗情報*/

p.shop_data{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#ffffff;
	background-color:#330000;
	padding:5px 15px 0px 30px;
}
.shop_photo{
	text-align:left;
	margin-bottom:10px;
}

div.shop_data2{
	background-color:#330000;
	padding:0px 10px 10px;
}

.shop_data2 p{
	font-size:14px;
	line-height:20px;
	text-align:left;
	background-color:#330000;
	letter-spacing:2px;
	padding:0 10px 10px;
}


/*マップ*/
#map{margin:20px 0px ;}


/*お問い合わせ*/

h2.sub_title{
	text-align:left;
	margin:0px 20px 0px;
	padding:5px 10px 5px;
}

table#contact{
	width:410px;
	font-size:14px;
	text-align:left;
	margin:0px 195px;
}

#contact td{
	border-bottom:1px solid #330000;
	padding:4px 2px;
}

td.contact_name{}

#contact input{
	border:1px solid #cccccc;
	width:100%;
}

#contact textarea{
	border:1px solid #cccccc;
	width:300px;
	height:100px;
}

p.send{
	background-color:#330000;
	margin:5px 195px;
	padding:10px 0px;
}

/*コンタクトページ内容*/
#contact_block table{
	margin: 10px auto;
	width: 520px;
	font-size:14px;
}

/*フォームタイトル*/
#contact_block th {
	padding: 5px;
	width: 150px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

/*入力フィールド*/
#contact_block td {}

#contact_block input[type=text],input[type=password],textarea { width: 380px; }

/*ボタン*/
#btm_block {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px;
}

/* 共通 */
.f10{font-size:10px;}
.f16{font-size:16px;}
.fc_gray{color:#666666;}

.t_c{text-align:center;}

.clear{clear:both;}
