@charset "utf-8";/* 文字コードセット */


/* ■全体の枠の設定
-----------------------------------------------------*/
#all{
	background: #009900;
	width:686px;
	margin:0px auto;
	border-style: solid;
	border-width: 0px 10px 10px 10px;
	border-color: #009900;
}


/* ■ヘッダー
---------------------------------------------------- */
#header {
	width: 686px;
	height:64px;
	background:#66cc33;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	border-bottom:5px solid #009900;
}
h1{
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	margin: 0px 0px 5px 0px;
}


/* ■メインのコンテンツの装飾
---------------------------------------------------- */

#main {
	width: 686px;
	margin: 0px auto;	
}

/* メイン画像の設定 */
#img    {
	width:436px;
	height:352px;
	float: left;
}

/* メニューリスト　*/
#menu  {
	width: 250px;
	height: 352px;
	float: left;
	overflow: hidden;
}

.menu ul li{
	width: 246px;
	height: 42px;
	list-style-type: none;
	line-height: 42px;
	display: block;
	overflow: hidden;
	border: solid 2px #009933;
	margin: -2px 0px 0px 0px;
}

/* メニューボタン　*/
.menu ul li a{
	width:246px;
	height:42px;
	background:#336600;
	padding: 0px;
	color: #ccff99;
	font-size: 20px;
	font-weight: bold;
	text-decoration:none;
	display: block;
}
.menu ul li a:hover {
	width: 246px;
	height: 42px;
	background: #66cc33;
}
.menu ul li a:active{
	width: 246px;
	height: 42px;
	background: #336600;
}
.menu ul li p{
	width:150px; margin: 0px auto;
	/*	IE7,8用指定 　*/ 
	text-align/*\**/: justify\9;
	text-justify: distribute-all-lines\9;
}

/*	IE6用指定  */
* html .menu ul li p{
	text-align: justify;
	text-justify: distribute-all-lines;
}

/* 各ボタンの設定 */
.btn1 a {  }
.btn2 a {  }
.btn3 a {  }
.btn4 a {  }
.btn5 a {  }
.btn6 a {  }
.btn7 a {  }
.btn8 a {  }

/* お知らせの幅設定,ボックスセンタリング */
#oshirase {
	width: 686px;
	background: #f7f3e8;
	margin:0px auto;
	text-align:left;
	clear: both;
	border-style: solid;
	border-width: 5px 0px 5px 0px;
	border-color: #009900;
}
/* お知らせのtable,tdの幅・装飾設定 */
p.midashi {
	width: 640px;
	background:#66cc33;
	color: #ccff99;
	border: 4px solid #009900;
	font-size:16px;
	font-weight: bold;
	text-indent: 5px;
	margin:15px 20px 5px 20px;
	white-space: nowrap;
}
#oshirase-table {
	width: 646px;
	margin:0px auto;
}
td.day {
	width: 80px;
	text-align:left;
	padding:5px 10px 5px 10px;
	border-bottom:1px dotted #003300;
	font-size:16px;
	white-space: nowrap;
}
td.word{
	padding:5px 5px 5px 5px;
	border-bottom:1px dotted #003300;
	font-size:16px;
}
.oshirase-kako {
	clear: both;
	font-size:15px;
	text-align:right;
	margin:20px 10px 10px 0px;
}
/* 年末年始の休業期間 */
div#nenshi {
	width: 640px;
	border: 2px dotted #009900;
	font-size:14px;
	font-weight: bold;
	text-indent: 5px;
	margin:15px 20px 5px 20px;
	white-space: nowrap;
}
p.nenshi-midashi {

}
p.nenshi-naiyou {

}
/* ■フッター
---------------------------------------------------- */

/* フッターの装飾,センタリング */
#footer{ 
	background:#66cc33;
	width:686px;
	height:50px;
	margin:0px auto;
}
#footer p{
	line-height: 50px;
	color:#ffffff;
	font-size:14px;
}

/* 確認ページ用 */
div.kari a{
	color: #ffff99;
}