@charset "UTF-8";
/* 全体の設定 */

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

h1,h2,h3,h4,p,ul,ol,li,dt,dl,dd {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/* ボディー */
body {
	font-size: 100%;
	color: #fff;
	line-height:140%;
	background-color: #303030;
	padding:0;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/* 画像ボーダー */
img {
border-style: none;
}
/* 強調 */
strong {
	color: #ff6600;
	background-color: #ffffff;
}
/* 読み飛ばし */
.skip{
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none{
	display: none;
}
/* 区切り */
hr {
	height:1px;
}

.fclear {
clear:both;
}
/* コンテナ */

#all{
background-image: url(images/bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
width:780px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
margin-bottom:0;

}

#container {
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	color:#fff;
	text-align: left;
	margin-top: 0px;
	margin-bottom:0;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	width: 760px;
	background-color:#000;
	
}



/* ヘッダー */

#header{
	background-color:#000;
	margin:0;
	padding:0;
	

}
#header img {
	border-style: none;
}


#header h1 {
	position: absolute;
	left: -9999px;
}


/* ロゴエリア */
.logo {
	display:block;
	text-align:center;
	padding:0;
	margin:10px auto 10px auto;
	

	
	
}

#headerline{
	background-image: url(images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
}
#navi{
	padding-top:48px;
	background-image: url(images/header_image.gif);
	background-repeat: no-repeat;
	background-position: left top;		
}


#navi-contents{
	padding-top:110px;
	background-image: url(images/menu_food_s_03.gif);
	background-repeat: no-repeat;
	background-position: left top;		
}

/* 上部ナビゲーションバー */
/*#navi {background-image: url(images/h2_bg.jpg);
	background-position: left top;
	background-repeat: repeat;
	font-size: 75%;
	height:30px;
	width:760px;
	
	float: left;
	clear: both;

}

/* 上部ナビゲーションバー リスト */
/*
#navi p{
padding:10px 15px 5px 0;
color:#FFFFFF;
}
*/
#navi ul, #navi-contents ul {
	padding: 0 0 0 0px;
	margin: 0px;
	text-align:right;
	
	
}
#navi ul li, #navi-contents ul li {
	display: inline;	
	
}


/* 上部ナビゲーションバーリンク設定 */
#navi ul li a ,#navi-contents ul li a{
	text-decoration: none;
	color: #336600;
	padding:0 0 0 0;
	float: left;
	margin:0;

}
/* 上部ナビゲーションバー マウスオーバー時 */
#navi ul li a:hover, #navi-contents ul li a:hover {
text-decoration: none;
}

/* イメージ */
#image {
	margin:10px 0 0 10px ;
	padding:0;
	text-align:center;
	}
#image-contents {
	margin:10px 10px 10px 10px ;
	padding:0;
	text-align:center;
	}


/* メイン */

#main {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;	/*	font-size: 80%;
	line-height: 140%;
	letter-spacing: 0.05ex;
	margin-bottom: 20px;
	width: 498px;
	float: left;
*/
	background-position: left top;
	background-color:#000;
	
	margin-bottom:15px;

}




#main-all {
	font-size: 80%;
	line-height: 140%;
	letter-spacing: 0.05ex;
	margin: 10px 5px 20px 10px;
	width: 720px;
	padding:10px 10px 10px 10px;
	float: left;
}


.top-text{
	color:#000;
	padding-right: 42px;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 12px;

}


/* メイン　サブ　左 */

#mainleft{
width:255px;
float:left;
}

/* メイン　サブ　右 */

#mainright{
width:255px;
float:right;
text-align:center;
}
#mainright h2{
text-align:left;
}

#mainright strong{
color:#000000;
display:block;
margin-top:5px;
}
#mainright img{
display:block;
}
#mainright p{
text-align:left;
font-size:90%;
padding:0 10px;
}
 .formoredetail{
font-size:90%;
text-align:right;
display:block;
margin:0px 10px 15px 0;
}

/* メインリンク設定 */
#main a {

	color:#66CCFF;
	
}
/* メインリンク基本色 */
#main a:link {
	
	color:#66CCFF;
	
}
/* メインリンクマウスオーバー時 */
#main a:link:hover {
	text-decoration: underline;
}


/* メインリンク設定 */
#main-all a {
	text-decoration: underline;
	color:#0033FF;
}
/* メインリンク基本色 */
#main-all a:link {
	text-decoration: underline;
	color:#0033FF;
}
/* メインリンクマウスオーバー時 */
#main-all a:link:hover {
	text-decoration: none;
}


/* メイン見出しh2 */
#main h2 {
	font-size: 120%;
	font-weight: bold;
	color: #6FAEAE;

	clear: both;
}

/* メイン見出しh3 */
#main h3 .line{
	font-size: 100%;
	font-weight: bold;
	color: #336600;
	background-color: #ffffff;
	background-image: url(images/h3.jpg);
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-top: 0px;
	padding-top: 6px;
	padding-left: 2px;
	margin-left:5px;
	padding-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 6px;
	clear: both;
}
/* メイン見出しh4 */
#main h4 {
	font-size: 100%;
	margin-top: 10px;
	padding-top: 0px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	clear: both;
}


#message{
padding-left:10px;
margin:10px auto 10px auto;
text-align:center;
width:741px;
}

#message h2{
text-align:center;
padding:0;margin:0;
}


#message .main{
	width:741px;
	margin:0 auto 0 auto;
	padding:5px 10px 5px 10px;
	text-align:left;
	font-size:80%;
	background-image: url(images/message_bg_main.gif);
	background-repeat: repeat-y;	

}

#message .main p{
width:718px;
padding-left:3px;
padding-bottom:5px;
border-bottom:solid 1px #97928D;
}

#message .footer{

	background-image: url(images/message_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:741px;
	text-align:center;
	margin:0 auto 10px auto;
	

}

.menubar{
	background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:0 0 0 10px;
	margin-bottom:10px;

}

.webmenu{
margin:7px 0 10px 0px;
}

.webmenu li{
float:left;
margin:5px 5px 5px 6px;

width:362px;
list-style:none;
font-size:80%;

}

#info{
margin:5px 5px 5px 6px;
width:735px;
border:solid 1px #fff;
float:left;

}

#topics{
padding:15px 10px 10px 15px;
float:left;
width:342px;
font-size:80%;
}

.topics-text{
border:solid 1px #fff;

margin:5px 0 10px 0;
padding:5px 5px 10px 5px;
}

.date{
padding:0 0 0 3px;
}

.borderspacer{
padding:0;
margin:0;
height:1px;
}
.topics-text p{
border-bottom:dashed 1px #fff;
margin:0 0 10px 0;
padding:0 5px 5px 5px;
width:324px;

}



#media{
padding:10px 10px 10px 10px;
float:right;
width:343px;
font-size:80%;
}


#media dd{
float:left;	
padding:0 10px 0 0;
font-weight:bold;
}

#media dt{

}

.station{
clear:both;
display:block;
}

.top-contents ul{
border-bottom:solid 1px #ccc;
}

.top-contents li{
	float:left;
	width:206px;
	margin:15px 10px 10px 5px;
	list-style-type: none;
}
.top-contents{
padding-bottom:20px;
margin-left:10px;

}


.top-sub-contents li{
float:left;
width:206px ;
padding:11px 0px 10px 22px;
list-style-type: none;
}

.top-sub-contents {
	/*background-image: url(images/line.gif);
	background-repeat: repeat-x;
	height:100px;
	*/
	width:470px;height:90px;
	
	margin-top:20px;
}

/* 引用元情報 */
cite {
	font-style: italic;
}
/* 引用 */
blockquote {
	color: #666666;
	background-color: #EfEfEf;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
}
/* 整形済みテキスト */
pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	height: 100px;/* ここを変更すれば高さが変わります */
	overflow: scroll;
}
/* 箇条書き（定義リスト） */




/* お問い合わせ用 */
.form {
	line-height: 160%;
	margin: 0;
}
.form dt {
	padding-top: 0;
	padding-left: 0.3em;
	padding-right: 0 ;
	padding-bottom: 0;
}
.form dd {
	line-height: 160%;
	margin-top: -1.9em;
	margin-left: 10em;
	margin-right: 0;
	margin-bottom: .8em;
}
/* お知らせリスト */


.whatsnewlist {
	padding-left: 0px;
}

.whatsnewlist dt {
        padding: 0;
}
.whatsnewlist dd {
	line-height: 140%;
	margin-top: -1.8em;
	margin-left: 5em;
	margin-right: 0px;
	margin-bottom: .4em;
}
/* サイトマップ用 */
.archives {
	margin-top: 0px;
	margin-bottom: 25px;
}
.archives dt {
        padding: 0;
}
.archives dd {
	line-height: 140%;
	margin-top: -1.9em;
	margin-left: 13em;
	margin-right: 0;
	margin-bottom: 0.4em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/* 順不同リスト（箇条書き）*/

/*
#main ul {
	padding-left: 20px;
}
#main ul ol {
	padding-left: 30px;
}


/* メイン段落 */

/*
#main p {
	margin-top: 8px;
	margin-left: 5px;
	margin-bottom: 8px;
}
/* 画像左配置 */
#main .imageleft{
	padding-right: 10px;
	float: left;
}
/* 画像右配置 */
#main .imageright{
	padding-left: 10px;
	float: right;
}
/* 追記 */
.more {
	margin-top: 3px;
	margin-bottom: 10px;
	float: right;
}
/* タグ */
.entry-tags {
    margin: 0 0 10px 10px; 
}
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list { 
    list-style:none;
    padding: 0px;
}
/* 投稿者情報 */
#main .posted {
	font-size: 90%;
	color: #333333;
	background-color: #ffffff;
	text-align: left;
	line-height: normal;
	padding: 3px;
	margin-bottom: 25px;
	clear: both;
}

.techstuff {
	font-size: 100%;
}

/* コメント関連 */
#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea{
	width: 530px;
	}
/* コメンター画像 */
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
.sign {
	margin-bottom: 10px;
}
.extended {
	display:block;
	float:right;
}

input,textarea {
	font-size: 100%;
}

/* サイドバー */
#side {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	width: 262px;
	
	float: right;
	background-color:#000000;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	text-align:center;
}




/* サイドバーリンク設定 */
#side a {
	text-decoration: underline;
	color: #330066;
	
}
/* サイドバーリンク色 */
#side a:link {
	text-decoration: underline;
	color: #330066;
	
}
/* サイドバーマウスオーバー時 */
#side a:link:hover {
	text-decoration: none;
	color:#330066;
}

/* サイドバー見出しh2 */
#side h2 {
	font-size: 100%;
	font-weight: normal;
	color: #4A9999;
	background-color: #000;
	
	margin:0;
}
/* サイドバー見出しh3 */
#side h3 {
	font-size: 100%;
	color: #336600;
	background-color: #000;
	padding-top: 2px;
	padding-left: 10px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	clear: both;
}
#side .side-info{
	background-color:#FFFFFF;
	padding:10px 5px 10px 10px;
	margin:0 10px 0 10px;
	text-align:left;
	color: #A0410D;
	font-size: 80%;
	line-height: 140%;

}
/* サイドバー段落 */
#side p {
	font-size: 100%;
	margin-top: 3px;
	margin-left:5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
} 

/* カテゴリー */

#side ul {
	margin-left: 10px;
	list-style-type: none;
}

#side li {
	list-style-type: none;	

}

#aboutus a{
	margin-top:5px;
	margin-right:5px;
	text-align:right;
	font-size:90%;
	display: block;
}



/* サイドバーフリースペース */
.note{
	padding-left: 5px;
	padding-right: 5px;
}




/* フッター */
#footer {
	text-align:right;
	width:760px;
	clear: both;
	
	margin:0 auto 0 auto;
	border-top:double 3px #FFFFFF;
}

#footer .pad{
	
	padding:5px;
	
	color:#FFFFFF;
	font-size:80%;
	background-color:#000;
}

#footer p{
padding:5px;
}

#footer .pad p a{
color:#FFFFFF;
text-decoration:none;
}

#footer .pad p a:hover{
color:#FFFFFF;
text-decoration:underline;
}
address {
	font-style: normal;
	padding:5px 0 5px 0;
}

/* FAQ */

.question{
	background-image: url(images/faq_question.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 130%;
	margin:10px 0 10px 20px;
	padding: 10px 0px 0 40px;
	height:35px;
}

.answer{
color:#000;
padding:10px;
margin:10px 10px 20px 10px;
border:solid 1px #CCC;
}

.answer strong{
padding:10px 0 0 0;
display:block;
color:#000;
font-weight:bold;
}

/* about */

.basic-p{
padding:10px;
margin:10px 10px 15px 10px;

}

#about-left-1{
float:left;
width:370px;
padding:10px;
margin:10px 10px 20px 5px;
}

#about-left-1 h3, #about-right-2 h3{
margin:15px 0 15px 0;
text-align:center;
}

.aboutstrong{
margin:15px 0 10px 0;
font-weight:normal;
color:#000;
display:block;
}
#about-right-1{
float:right;
width:285px;
padding:0;margin:20px 10px 10px 0;
}


#about-left-2{
float:left;
width:285px;
padding:0;margin:20px 0px 10px 10px;



}

#about-right-2{

float:right;
width:355px;
padding:10px;
margin:10px 10px 20px 15px;

}

/* guide */
#guide-all{
	background: url(images/guide_bg.jpg) repeat-y right top;
	float:left;
width:760px;

}

#main-guide {
	font-size: 80%;
	line-height: 140%;
	letter-spacing: 0.05ex;
	width: 533px;
	float: left;
	margin:0;
	padding:25px 10px 10px 30px;
}

#main-guide h2{
padding:10px 0 10px 0;
}
#side-guide {
	font-size: 80%;
	width: 187px;
	background-color:#000000;
	float: right;
	
	margin:0;
	padding:0;
	text-align:center;
height:200px;
}

.side-info li{
	list-style-type: none;
margin:3px 0;
padding:0;
}
#salondata{
border-collapse:collapse;
margin:15px;
width:462px;

}

#salondata th,#salondata td{
border-top:solid 1px #000;
border-bottom:solid 1px #000;
text-align:left;
padding:5px;
font-size:95%;
line-height:140%;
color:#000;
font-weight:normal;

}

#salondata td{
padding-left:1em;
}

caption{
display:none
}

#salondata td{
border-left:solid 1px #000;
}

#semba {
	background-image: url(images/guide_semba_building.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width:494px;
margin:15px 0 15px 0;
	padding:0;
	height: 404px;
	clear: both;
}

#map{
margin:15px 0 15px 0;
border:solid 2px #000;;
}

.line{
	background-image: url(images/menu_line_main.jpg);
	background-repeat: repeat-y;
	background-position: left top;
width:703px;
padding:10px 0 10px 0;
}

.line-top{
padding:0;
margin:0;
}
.line-left{
width:326px;
float:left;
margin:0 10px 0 15px;
padding-left:5px;
padding-top:5px;
}

.line-left p{
padding:10px 0 20px 0;
width:326px;
}
.line-right{
float:right;
width:325px;


}

.line-bottom{
margin-bottom:25px;

}

.menuh2{
padding-left:15px;
}

.home{
margin-top:20px;
}


#menuothers{
	background-image: url(images/menu_food_s_43.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float:left;
	
	margin:10px 0 20px 20px;
	padding:0 10px 0 20px;
	width:681px;
	height:567px;
	font-size:80%;
	line-height:160%;
}

#menuothers h3{
font-weight:bold;
display:block;
padding:10px 0 0 0;
}

.menuothers-1, .menuothers-2, .menuothers-3{
margin:0 10px 0 0;
width:210px;
float:left;

}

.menuothers-1 dl, .menuothers-2 dl, .menuothers-3 dl{
text-align:left;
margin:10px 0 10px 0;
}

.menuothers-1 dt, .menuothers-2 dt, .menuothers-3 dt{
float:left;
width:120px;
}

.menuothers-1 dd, .menuothers-2 dd, .menuothers-3 dd{
/*margin-left:120px;

width:80px;
*/
}

.menu-rec{
text-align:center;
margin:20px 60px;
}

.menu-rec p{
text-align:left;
font-size:90%;
padding-top:10px;
}

.menu-left{
float:left;
width:300px;
margin-bottom:20px;

}
.menu-right{
float:left;
width:300px;
padding-left:30px;
margin-bottom:20px;

}

.midasi{
text-align:center;
margin:20px 0 40px 0;

}