@charset "UTF-8";

/* common
------------------------------------------------------------ */
/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */

body {
	font-family:"‚l‚r ‚oƒSƒVƒbƒN",/*"Osaka","ƒqƒ‰ƒMƒmŠpƒS Pro W3",*/sans-serif;
	/*font:13px "ƒ�ƒCƒŠƒI", "Meiryo", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", "MS P Gothic", Palatino, "Century Gothic", "Gill Sans",Verdana, Arial, Helvetica, sans-serif;*/
}

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {font:99% /*"ƒ�ƒCƒŠƒI", "Meiryo", Palatino, */"Century Gothic", "Gill Sans",Verdana, Arial, Helvetica, sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
 
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
 }

table {
  border-collapse:separate;
  border-spacing:0;
 }

fieldset,img {
  border:0;
 }

address,caption,cite,code,dfn,em,th,var {
  font-style:normal;
  font-weight:normal;
 }

ul {
  list-style:none;
 }

caption,th {
  text-align:left;
 }
/*
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
 }
*/

q:before,q:after {
  content:'';
 }

abbr,acronym {
  border:0;
 }

hr {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
 }

input, textarea {
  padding: 3px;
 }

.f_waku, textarea {
  border: solid 1px #cccccc;
 }



.clear {clear: both;}

.clearfix:after {
  content: "." ;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html.clearfix {
  height: 1%;
 }

.clearfix {
  display: block;
 }
/* End hides from IE-mac */




/* ‹¤’ÊCSS
------------------------------------------------------------ */

.wapper{
	margin: auto;
	padding: 0;
	width: 898px;
	height: auto;
	border-left: solid 1px #beb490;
	border-right: solid 1px #beb490;
	line-height: 0;
}

/* mainNAVI
----------------------------- */
#mainNAVI {
	background: url(../img/navibg.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
}
#wapperNAVI {
	margin: auto;
	padding: 0;
	width: 900px;
	height: 61px;
}
#wapperNAVI li {
	margin: 0;
	padding: 0;
	float: left;
}

.naviBT01 { width: 188px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: 0 0; }
.naviBT02 { width: 124px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -188px 0; }
.naviBT03 { width: 111px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -312px 0; }
.naviBT04 { width: 120px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -423px 0; }
.naviBT05 { width: 115px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -543px 0; }
.naviBT06 { width: 113px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -658px 0; }
.naviBT07 { width: 129px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -771px 0; }

.naviBT01 a { display: block; width: 188px; height: 61px; text-indent: -9999px; }
.naviBT02 a { display: block; width: 124px; height: 61px; text-indent: -9999px; }
.naviBT03 a { display: block; width: 111px; height: 61px; text-indent: -9999px; }
.naviBT04 a { display: block; width: 120px; height: 61px; text-indent: -9999px; }
.naviBT05 a { display: block; width: 115px; height: 61px; text-indent: -9999px; }
.naviBT06 a { display: block; width: 113px; height: 61px; text-indent: -9999px; }
.naviBT07 a { display: block; width: 129px; height: 61px; text-indent: -9999px; }

.naviBT01 a:hover { width: 188px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: 0 -61px; }
.naviBT02 a:hover { width: 124px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -188px -61px; }
.naviBT03 a:hover { width: 111px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -312px -61px; }
.naviBT04 a:hover { width: 120px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -423px -61px; }
.naviBT05 a:hover { width: 115px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -543px -61px; }
.naviBT06 a:hover { width: 113px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -658px -61px; }
.naviBT07 a:hover { width: 129px; height: 61px; background: url(../img/mainnavi.jpg) no-repeat; background-position: -771px -61px; }


/* contents start
----------------------------- */
#contents {
	background: #f7f7ef url(../img/contentsbg.jpg) repeat-x left;
	background-position: top;
	margin: 0;
	padding: 0;
}
.CONwapper{
	background: url(../img/contents_bg.jpg) repeat-y;
	background-position: top;
	margin: auto;
	padding: 0 0 50px;
	width: 900px;
	height: auto;
	font-size:96%;
}

/* rigth_contents start
----------------------------- */
#rigth_contents {
	background: #eaeadd url(../img/side_conbg.jpg) repeat-x left;
	background-position: top;
	border-left: solid 1px #ccc7b3;
	border-right: solid 1px #ccc7b3;
	width: 253px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
/* r_contact start */
#r_contact {
	width: 215px;
	height: auto;
	margin: 0;
	padding: 20px 19px;
}
#r_contact h4 {
	background: url(../img/h4_title.jpg) no-repeat;
	width: 215px;
	height: 33px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: 0;
}
#r_conBG {
	width: 215px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../img/h4bg.jpg) repeat-y;
	background-position: top;
	line-height: 0;
}
#r_conBG p {
	background: url(../img/h4bg_02.jpg) repeat-x left;
	background-position: top;
	width: 185px;
	height: auto;
	margin: 0 0 0 2px;
	padding: 10px 13px 0;
	font-size: 85%;
	line-height: 1.5em;
}
#r_contact ul {
	width: 215px;
	height: 22px;
	margin: 10px 0 0;
	padding: 0;
	clear: both;
}

	.rcon_BT01 { width: 106px; height: 22px; background: url(../img/contact_bt.jpg) no-repeat; background-position: 0 0; 
				margin: 0 3px 0 0;
				padding: 0;
				float: left;
				}
	.rcon_BT01 a { display: block; width: 106px; height: 22px; text-indent: -9999px;}
	.rcon_BT02 a:hover { width: 106px; height: 22px; background: url(../img/map_bt.jpg) no-repeat; background-position: -106px 0;}

	.rcon_BT02 { width: 106px; height: 22px; background: url(../img/map_bt.jpg) no-repeat; background-position: 0 0;
				margin: 0;
				padding: 0;
				float: right;
				}
	.rcon_BT02 a { display: block; width: 106px; height: 22px; text-indent: -9999px;}
	.rcon_BT01 a:hover { width: 106px; height: 22px; background: url(../img/contact_bt.jpg) no-repeat; background-position: -106px 0;}


/* r_close start */
div#close {
	width: 213px;
	height: auto;
	margin: 0 0 0 20px;
	padding:40px 0 10px 0;
	background: url(../img/sbox_body.jpg) 0 0 no-repeat;
	font-size:96%;
	_font-size:100%;
}
div#clBottom{background: url(../img/sbox_bottom.jpg) 0 0 no-repeat;height:7px;margin: 0 0 10px 20px;}

	div#close dl {margin:0 0 0 8px;}
	div#close dl dt {width:auto;}
	div#close dl dd {margin:-2.0em 0 0 3.8em;font-weight:bold;}
	div#close dl dd span{font-size:85%;font-weight:lighter;}
	div#close dl dt, dd {margin:6px 0;}

div#close p {
	font-size:85%;
	margin:5px 0 0 10px;
}

div#close p span {
	font-weight:bold;
	color:#e77b2b;
	font-size:120%;
}


/* side_BT start */
#side_BT {
	width: 253px;
	height: auto;
	margin: 0 0 20px;
	padding: 0;
}
#side_BT ul {
	width: 253px;
	height: auto;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #d9d5c2;
}
#side_BT ul li {
	width: 253px;
	height: 50px;
	margin: 0;
	padding: 0;
}
#side_BT ul li a{display: block; width: 253px; height: 50px; text-indent: -9999px;}

	#side_BT ul li a.sc01{background:url(../img/side_con01.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc01{background-position:-253px 0px;}

	#side_BT ul li a.sc02{background:url(../img/side_con02.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc02{background-position:-253px 0px;}

	#side_BT ul li a.sc03{background:url(../img/side_con03.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc03{background-position:-253px 0px;}

	#side_BT ul li a.sc04{background:url(../img/side_con04.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc04{background-position:-253px 0px;}

	#side_BT ul li a.sc05{background:url(../img/side_con05.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc05{background-position:-253px 0px;}

	#side_BT ul li a.sc06{background:url(../img/side_con06.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc06{background-position:-253px 0px;}

	#side_BT ul li a.sc07{background:url(../img/side_con07.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc07{background-position:-253px 0px;}

	#side_BT ul li a.sc08{background:url(../img/side_con08.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc08{background-position:-253px 0px;}

	#side_BT ul li a.sc09{background:url(../img/side_con09.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc09{background-position:-253px 0px;}

	#side_BT ul li a.sc10{background:url(../img/side_con10.jpg) 0px 0 no-repeat;}
	#side_BT ul li a:hover.sc10{background-position:-253px 0px;}


/*
.side_BT01 {background: url(../img/side_con01.jpg) no-repeat; background-position: 0 0;}
.side_BT02 {background: url(../img/side_con02.jpg) no-repeat; background-position: 0 0;}
.side_BT03 {background: url(../img/side_con03.jpg) no-repeat; background-position: 0 0;}

.side_BT01 a { display: block; width: 253px; height: 50px; text-indent: -9999px; }
.side_BT02 a { display: block; width: 253px; height: 50px; text-indent: -9999px; }
.side_BT03 a { display: block; width: 253px; height: 50px; text-indent: -9999px; }

.side_BT01 a:hover { width: 253px; height: 50px; background: url(../img/side_con01.jpg) no-repeat; background-position: -253px 0; }
.side_BT02 a:hover { width: 253px; height: 50px; background: url(../img/side_con02.jpg) no-repeat; background-position: -253px 0; }
.side_BT03 a:hover { width: 253px; height: 50px; background: url(../img/side_con03.jpg) no-repeat; background-position: -253px 0; }
*/


/* side_BT start */
#side_btn {
	width: 215px;
	height: auto;
	margin: 0;
	padding: 0;
}
#side_btn ul {
	width: 215px;
	height: auto;
	margin: 0;
	padding: 0 19px;
}
#side_btn ul li {
	width: 215px;
	height: 24px;
	margin: 0 0 4px;
	padding: 0;
}
.side_btn01 { width: 215px; height: 24px; background: url(../img/side_btn01.jpg) no-repeat; background-position: 0 0; }
.side_btn02 { width: 215px; height: 24px; background: url(../img/side_btn02.jpg) no-repeat; background-position: 0 0; }
.side_btn03 { width: 215px; height: 24px; background: url(../img/side_btn03.jpg) no-repeat; background-position: 0 0; }

.side_btn01 a { display: block; width: 215px; height: 24px; text-indent: -9999px; }
.side_btn02 a { display: block; width: 215px; height: 24px; text-indent: -9999px; }
.side_btn03 a { display: block; width: 215px; height: 24px; text-indent: -9999px; }

.side_btn01 a:hover { width: 215px; height: 24px; background: url(../img/side_btn01.jpg) no-repeat; background-position: -215px 0; }
.side_btn02 a:hover { width: 215px; height: 24px; background: url(../img/side_btn02.jpg) no-repeat; background-position: -215px 0; }
.side_btn03 a:hover { width: 215px; height: 24px; background: url(../img/side_btn03.jpg) no-repeat; background-position: -215px 0; }


/* foot
----------------------------- */
/* footnavi start */
#footnavi {
	background: #40391c url(../img/footnavbg.jpg) repeat-x left;
	background-position: top;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 85%;
	_font-size: 75%;
}
.foot_inner {
	background: url(../img/foot_inner.jpg) repeat-y;
	margin: auto;
	padding: 0;
	width: 930px;
	height:auto;
}
#footnavi_inner {
	background: url(../img/footnav_inner.jpg) no-repeat;
	background-position: top;
	margin: 0;
	padding: 12px 30px;
	width: 870px;
	height: auto;
	font-size: 85%;
	_font-size: 75%;
}
#footnavi_inner p a {
	line-height: 1.2em;
	color: #c5c6c0;
	text-decoration: none;
}
#footnavi_inner p a:hover {
	color: #666666;
}

#footnavi_inner p span {
	color: #706547;
}
/* foot start */
#footBG {
	background: #40391c url(../img/footbg.jpg) repeat-x left;
	background-position: top;
	margin: 0;
	padding: 0;
}
#foot {
	background: url(../img/foot.jpg) no-repeat;
	background-position: top;
	margin: 0;
	padding: 15px 30px 60px;
	width: 870px;
	height: auto;
	font-size: 85%;
	_font-size: 75%;
}
#footLOGO {
	width: 82px;
	height: 57px;
	margin: 0;
	padding: 0;
	float: left;
}
#footLOGO a {
	display: block;
	width: 82px;
	height: 57px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#footTXT {
	width: 773px;
	height: auto;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 85%;
	color: #FFFFFF;
	float: left;
}
#footTXT span {
	font-weight: bold;
}

div.newsBox{
	clear:both;
	margin-bottom:15px;
	background: url(../img/dot_01.gif) 0 bottom repeat-x;
	padding:10px 5px;
}

p.topicpath{text-align:right;font-size:75%;_font-size:60%;padding-top:8px;}
p.topicpath a{color: #7a6f53;text-decoration:none;}
p.topicpath a:hover{color: #7a6f53;text-decoration:underline;}