@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(images/bg.png) repeat-x top;
}

body#toppage {
background: url(images/bg_top.png) repeat-x top;
}

a{color:#8B4513;text-decoration:underline;}
a:hover{color:#DAA520;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*------------------- COLOR CSS -------------------*/
.blue { color: #0000ff; }   .red { color: #ff0000; }
.wine { color: #06c000; }   .bro { color: #660000; }
.con  { color: #000066; }   .sky { color: #0066ff; }
.clim { color: #ffffcc; }   .mizu { color: #ccccff; }
.lgray { color: #f2f2f2; }  .gray { color: #666666; }
.siro { color: #ffffff; }   .kuro { color: #000000; }
.kiro { color: #ffff00; }   .orange{ color: #ff6600;}

/*----------------- BG COLOR CSS ------------------*/
.bgsiro{ background-color: #ffffff; } 
.bgcon{ background-color: #000066; } 
.bgblue{ background-color: #0000ff; } 
.bgkiiro{ background-color: #ffff00; } 
.bgclim{ background-color: #ffffcc; } 
.bglgray   { background-color: #f2f2f2; }
.bgmizu{ background-color: #ccccff; } 

/*-------------- FONT SIZE CSS -------------------*/
.size-ss { font-size: 12px; }
.size-s  { font-size: 15px; }
.size-m  { font-size: 18px; font-weight: 900; }
.size-l  { font-size: 20px; }
.size-2l { font-size: 24px; }
.size-3l { font-size: 30px; }
.size-4l { font-size: 32px; }

/*------------------- SPACE CSS ------------------*/
.ma-20{ margin-bottom: 20px; }
.ma-30{ margin-bottom: 30px; }
.ma-50{ margin-bottom: 50px; }
.ma-80{ margin-bottom: 80px; }
.ma-100{ margin-bottom: 100px; }
.ma-150{ margin-bottom: 150px; }
.ma-200{ margin-bottom: 200px; }


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

.l { float: left; margin: 0px 10px 10px 0px; }
.r { float: right; margin: 0px 0px 10px 10px; }
.c { text-align : center; }
.b { font-weight : 900; }


/*************
/* ヘッダー
*************/
#header{
background: url(images/header.png) no-repeat 100% 10px;
height: 80px;
}

#header h1 {
padding: 7px 0 0;
font-size: 12px;
font-weight: normal;
}

#top-logo{
float:left;
padding: 10px 0 5px;
width: 283px;
}

/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#type{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#kaiseki{background-position:-390px 0;}
ul#topnav a#plan{background-position:-520px 0;}
ul#topnav a#sisetsu{background-position:-650px 0;}
ul#topnav a#access{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#type:hover, ul#topnav li.active a#type{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#kaiseki:hover, ul#topnav li.active a#kaiseki{background-position:-390px -46px;}
ul#topnav a#plan:hover, ul#topnav li.active a#plan{background-position:-520px -46px;}
ul#topnav a#sisetsu:hover, ul#topnav li.active a#sisetsu{background-position:-650px -46px;}
ul#topnav a#access:hover, ul#topnav li.active a#access{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#kaiseki{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 15px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 15px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #252525;
background: url(images/heading.png) no-repeat;
}

#main h3 {
font-size: 14px;
font-weight: normal;
line-height: 37px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 30px;
color: #000000;
background: url(images/h3bg.png) no-repeat;
}

#main p {
padding: 15px 15px 15px 20px;
}

#main table {
   font-size:12px;
}

#main table {
   width:610px;
   margin-bottom:20px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
}

#main table th {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   background:#EFEBEF;
   font-weight:bold;
   text-align:left;
}

#main table td {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:left;
}

#main table td ol {
   margin:0;
   padding:0 0 0 30px;
}

#main table td li {
   margin:0;
   padding:0;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 15px 0 0 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}


#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#000000;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#000000;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 5px;}


.waku
	{
	font-size: 13px;
	margin : 15px;
	padding : 10px ;
	background-color: #fdfcf9;
	border-width : 1px;
	border-color : #bfb6ab;
	border-style: solid;
	}

.waku-title
	{
	font-weight: 900;
	color: #6e5c3c;
	background-color: #fdfcf9;
	border-bottom-width : 1px;
	border-bottom-color : #bfb6ab;
	border-bottom-style: solid;
	}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}


/*************
/* スクリプト
*************/

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.

/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px; padding-left: 0px }
	.coda-slider { background: none}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 300px; overflow: hidden !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 910px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 910px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: none }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: hidden }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }