@charset "utf-8";

/* CSSリセット */
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
:focus{outline:0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table{border-collapse:separate; border-spacing:0;}
th, td {text-align:left; font-weight:normal;}
img, iframe {border:none; text-decoration:none;}
ol, ul{list-style:none;}
input, textarea, select, button {font-size:100%; font-family:inherit;}
select{margin:inherit;}
hr{margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	基本設定	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

html { font-size: 62.5%;
	background: #3c2311} 

body{
	background: #fcf0d0 url(images/body_bg.jpg) repeat;
	font-size: 12px; font-size: 1.2rem;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
	color: #000;
}
a{ color: #69c;}
a:hover{color:#069;}

.hide-text{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}

.right{float: right;}
.left{	float: left;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	レイアウト	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#HEADER{
	width:100%;
	background: #3c2311 url(images/header_edge.jpg) repeat-x;
	background-position:bottom; }

#HEADERIN{
	overflow: hidden;
	width: 780px;
	margin: 0 auto;
	padding: 20px 0 10px;}

#MAIN{
	width: 780px;
	margin: 0 auto;
	padding: 10px 0 0;}	

#CONTAINER{
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビューできる*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
	width: 780px;
	margin: 0 auto;
	padding: 0 0 60px;}

#CONTENTS{
	float: right;
	width: 550px;}
#SIDEBAR{
	float: left;
	width: 180px;}




#FOOTER{
	clear:both;
	width:100%;
	padding-top: 20px;
	background: #3c2311 url(images/footer_edge.jpg) repeat-x;
	padding-bottom:20px;
}

#FOOTERIN{
	overflow: hidden;
	width: 780px;
	margin: 0 auto;
	padding: 0;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	ヘッダー	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#HEADER h1{
	font-size: 12px; font-size: 1.2rem;
	color:#fff;

	} 
#HEADER img{
	margin:10px 0;
	} 

#HEADER .headeradd{
	float: right;
	text-align: right;
	color: #fff;
	line-height: 30px;
	font-size: 11px; font-size: 1.1rem;
	}

#HEADER .headeradd dt{
	display: none;}

#HEADER .headeradd dd{
	text-align: right;
	clear:right;}

#HEADER .headtel{
	display:block;
	float: right;
	width:226px;
	height:18px;
	background:url(images/header_tel.jpg) no-repeat ;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	ナビ	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

ul#NAVI{
	height:54px;
	width:780px;
	margin:10px 0;
	list-style:none;}

ul#NAVI li{
	float:left; /*次の要素を右側へ回り込ませる*/
	height:54px;
	width:195px;
}

ul#NAVI li.navi1 a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/navi.png) no-repeat 0 0;}

ul#NAVI li.navi2 a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/navi.png) no-repeat -195px 0;}

ul#NAVI li.navi3 a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/navi.png) no-repeat -390px 0; }

ul#NAVI li.navi4 a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/navi.png) no-repeat -585px 0;}

ul#NAVI li.navi1 a:hover {background:url(images/navi.png) 0 -54px;}
ul#NAVI li.navi2 a:hover {background:url(images/navi.png) -195px -54px;}
ul#NAVI li.navi3 a:hover {background:url(images/navi.png) -390px -54px;}
ul#NAVI li.navi4 a:hover {background:url(images/navi.png) -585px -54px;}


 /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	トップページあいさつ		::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#MAIN h2{
	text-align: center;
	padding:20px 0;
	line-height: 30px;
	font-size: 12px; font-size: 1.2rem;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	ニュース	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#NEWS{
	width:550px;
	padding: 0 0 30px ;
}

#NEWS h3.ttlnews{
	display:block;
	width:550px;
	height:24px;
	background:url(images/ttl_news.gif) no-repeat;
}


#NEWS ul li {
	padding-top:10px;}

#NEWS ul li p.data{
	font-size: 11px; font-size: 1.1rem;
	padding-bottom:2px;
	color:#3c2311;}

#NEWS ul li p.ntxt{
	display:block;
	font-size: 12px; font-size: 1.2rem;
	letter-spacing: 1px;
	line-height: 20px;
	background:url(images/news_point.gif) no-repeat 0px 4px;
	padding-left: 16px;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	グッズメニュー	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#GOODSMENU{
	width:550px;
	padding: 0 0 30px ;}

#GOODSMENU h3.ttlgm{
	display:block;
	width:550px;
	height:25px;
	background:url(images/ttl_gm.gif) no-repeat;
}

#GOODSMENU ul{
	padding:10px 0 0 10px;}

#GOODSMENU ul li{
	float: left;
	margin: 5px 13px 5px 13px;
	width:147px;
}
#GOODSMENU ul li a img{
	border: 1px solid #3c2311;}

#GOODSMENU ul li a img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	サイドバー	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#SIDEBAR{
	width:180px;
	margin: 0 50px 0 0;
	padding: 0 0 30px ;}

#SIDEBAR h3.ttlsche{
	display:block;
	width:180px;
	height:24px;
	background:url(images/ttl_schedule.gif) no-repeat;
}

#SIDEBAR .calender{
	padding: 15px 15px;
	background:url(images/stitch.gif) no-repeat bottom;
}
.sidetxt{
	line-height: 18px;
	padding:10px 15px;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
:::::::::::::::::::::	フッター	::::::::::::::::::::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#PAGETOP{
	float: right;
	text-align: right;
	width:69px;
	height:14px;
	margin-bottom:10px;}

#PAGETOP a {
	display:block;
	width:100%;
	height:100%;
	background:url(images/pagetop.gif) no-repeat; }

#FOOTER #FOOTERIN ul{
	float: left;
	margin-bottom:10px;}

#FOOTER #FOOTERIN ul li{
	font-size: 11px; font-size: 1.1rem;
	padding: 0 10px;
	display: inline; /* 横並びにさせる */
	border-left: 1px solid #cdc4c0; /* 区切り線 */
}
#FOOTER #FOOTERIN ul li a{color: #cdc4c0;}
#FOOTER #FOOTERIN ul li a:hover{color: #9cf;}
	

#FOOTER #FOOTERIN ul li:first-child{
	border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}

p.copyright{
	clear:both;
	text-align: right;
	color: #fff;
	font-size: 10px; font-size: 1.0rem;
	color: #cdc4c0;
	padding-top:10px;}