@charset "UTF-8";

/*==========================================================================
 basic layout
============================================================================ */ 
html { background:#FFF url(../img/bg_body.png) repeat; }
body {
	background: url(../img/bg_wrapper.png) repeat-y center top;
	font-size:13px; line-height:1.6; color: #443626;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

#wrapper { width: 940px; margin: 0 auto; padding: 10px; }

/* header ----------------------------------------------- */
#header { width: 940px; height: 100px; padding-top: 5px; margin-bottom: 15px; }
h1#top { width: 120px; float: left; text-indent: -9999px; }
h1#top a { display: block; width: 120px; height: 100px; background: url(../img/logo.png) no-repeat left top; }

/* nav ----------------------------------------------- */ 
#nav { width: 800px; height: 42px; padding-top: 58px; float: right; }
#nav ul { width: 800px; height: 42px; background: url(../img/nav.png) no-repeat left bottom; }
#nav li { display: block; width: 108px; height: 42px; float: left; text-indent: -9999px; margin-right: 7px; }
#nav li#n7 { margin-right: 0; }
#nav li a { display: block; width: 108px; height: 42px; }
#n1 a { background: url(../img/nav.png) no-repeat 0px 0px; }
#n2 a { background: url(../img/nav.png) no-repeat -115px 0px; }
#n3 a { background: url(../img/nav.png) no-repeat -230px 0px; }
#n4 a { background: url(../img/nav.png) no-repeat -345px 0px; }
#n5 a { background: url(../img/nav.png) no-repeat -460px 0px; }
#n6 a { background: url(../img/nav.png) no-repeat -575px 0px; }
#n7 a { background: url(../img/nav.png) no-repeat -690px 0px; }
#nav li a:hover { background-image: none; }

/*==========================================================================
 main
============================================================================ */ 
h3.bg_h3 { font-size: 24px; background: url(../img/bg_h3.jpg) no-repeat left top; padding-top: 20px; line-height: 35px; margin-bottom: 15px; }
h3.bg_h3 span { font-size: 13px; line-height: 14px; }

#cmt { width: 700px; height: 165px; background: url(../img/bg_cmt.png) no-repeat left top; margin-bottom: 15px; position: relative; }
#cmt h3 { width: 130px; height: 165px; float: left; text-indent: -9999px; }
#cmt p#morecmt { display: block; width: 90px; height: 60px; position: absolute; right: 5px; bottom: 5px; text-indent: -9999px; }
#cmt p#morecmt a { display: block; width: 90px; height: 60px; }

#cmt ul { width: 460px; height: 115px; float: left; margin-top: 30px; }
#cmt li { display: block; width: 210px; padding: 5px; border: 1px solid #CCC; float: left; margin-right: 5px; }
#cmt li p.l { display: block; width: 125px; text-align: center; overflow: hidden; }
#cmt li p.r { display: block; width: 80px; text-align: left; font-size: 12px; }
#cmt li a { color: #333; }
#cmt li p span { font-size: 11px; color: #FF8D8D; }

/*==========================================================================
 side
============================================================================ */ 
#news { width: 194px; background: url(../img/bg_side_info.png) repeat-y left top; margin-bottom: 25px; }
#news h3 { text-indent: -9999px; width: 194px; height: 53px; background: url(../img/bg_side_info_tlt.png) no-repeat left top; }
#news .inner { background: url(../img/bg_side-info_btm.png) no-repeat left bottom; padding: 10px 20px; }
#news .inner p { font-size: 12px; display: block; background: url(../img/side_info_line.png) no-repeat left bottom; padding-bottom: 5px; margin-bottom: 5px; }

.bnr { margin-bottom: 10px; }

#side_link { width: 194px; }
#side_link li { display: block; width: 194px; text-indent: -9999px; margin-bottom: 10px; }
#side_link li a { display: block; width: 194px; }
#sl1, #sl1 a { height: 64px; }
#sl2, #sl2 a { height: 90px; }
#sl1 a { background: url(../img/btn_access.png) no-repeat left top; }
#sl2 a { background: url(../img/btn_request.png) no-repeat left top; }

/*==========================================================================
 footer
============================================================================ */ 
#footer { width: 940px; background: url(../img/bg_footer_top.png) no-repeat 230px 0; position: relative; }
#footer ul { margin-bottom: 10px; padding-bottom: 10px; background: url(../img/bg_footer.png) no-repeat left bottom; }
#footer li { display: block; width: 350px; float: left; font-size: 12px; }
#footer li.first { width: 895px; float: none; line-height: 31px; padding-left: 45px; background: url(../img/footer_logo.png) no-repeat left top; font-size: 13px; }
#footer li.addr { width: 300px; }
#footer li.tel { width: 260px; }
#footer #copy { clear: both; font-size: 12px; text-align: right; }
#footer p.link { position: absolute; text-align: right; top: 0; right: 0; }

/* link color
------------------------------------------------------------------------ */ 
a { color: #AC9D93; }
a:hover { color: #FF8D8D; }


/*==========================================================================
 top
============================================================================ */ 
#top_img { width: 940px; height: 490px; background: url(../img/top_main-img.jpg) no-repeat left top; margin-bottom: 15px; }
#top_img img { display: block; width: 647px; height: 480px; float: left; padding-top: 1px; padding-left: 6px; }
#top_img h2 { width: 275px; height: 385px; padding-top: 50px; text-indent: -9999px; }

#top_page #contents { width: 700px; float: right; }
#top_page #side { width: 200px; float: left; }

#top_btn { width: 700px; margin-bottom: 25px; } 
#top_btn li { display: block; height: 165px; text-indent: -9999px; margin-bottom: 10px; }
#top_btn li a { display: block; width: 230px; height: 165px; }
#top_btn li#tb4 a, #top_btn li#tb5 a { width: 345px; }
#tb1, #tb2, #tb3 { width: 230px; float: left; margin-right: 5px; }
#tb3 { margin-right: 0px; }
#tb4, #tb5 { width: 345px; float: left; }
#tb5 { width: 345px; float: right; }
#tb1 a { background: url(../img/top_btn1.png) no-repeat left top; }
#tb2 a { background: url(../img/top_btn2.png) no-repeat left top; }
#tb3 a { background: url(../img/top_btn3.png) no-repeat left top; }
#tb4 a { background: url(../img/top_btn4.png) no-repeat left top; }
#tb5 a { background: url(../img/top_btn5.png) no-repeat left top; }

#top_btn2 { width: 700px; margin-bottom: 25px; }
#top_btn2 li { display: block; width: 345px; height: 175px; text-indent: -9999px; }
#top_btn2 li a { display: block; width: 345px; height: 175px; }
#tb6 { float: left; }
#tb7 { float: right; }
#tb6 a { background: url(../img/top_btn6.png) no-repeat left top; }
#tb7 a { background: url(../img/top_btn7.png) no-repeat left top; }

/* text 
------------------------------------------------------------------------ */ 
.green {
	color: #497021;
}
.or {
	color: #F3440F;
}
.sub {
	color: #6C635C;
	font-size: 0.8em;
}