@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
header
nav
contents
footer
margin
 ------------------------- */

/* ============================== setup */
body { color: #000; background-color: #faf8f2; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #012e81; }
a:link { color: #012e81; }
a:visited { color: #012e81; }
a:hover, a:active { color: #336699; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
img { vertical-align: top; }


/* ============================== wrapper */
#wrapper { background: url(../img/bg_wrapper.gif) repeat-x 0 0; text-align: left; }

/* ============================== header */
#header { position: relative; width: 940px; height:99px; margin: 0 auto; background: url(../img/bg_header.jpg) no-repeat 0 0; }
#header .txt { padding-top: 12px; color: #534721; font-size: 84%; text-align: right; }
#header .logo { position: absolute; top: 20px; left:0; }
#header .logo a { display: block; width: 240px; height: 60px; }
#header .btn { position: absolute; top: 31px; right:0; }

/* ============================== nav */
#nav { height: 33px; margin: 3px 0 4px; background-color: #7c4302; }
#nav ul { width: 940px; height: 33px; margin: 0 auto; }
#nav li { float: left; }
#nav a,
#nav span { display: block; width: 188px; height: 33px; background-position: 0 0; background-repeat: no-repeat; }
#nav a:link, 
#nav a:visited { background-position: 0 0; }
#nav a:hover, 
#nav a:active, 
#nav a.current { background-position: 0 -33px; }

#nav_home a { background-image: url(../img/nav_home.gif); }
#nav_about a { background-image: url(../img/nav_about.gif); }
#nav_service a { background-image: url(../img/nav_service.gif); width: 186px; }
#nav_first a { background-image: url(../img/nav_first.gif); width: 187px; }
#nav_contact a { background-image: url(../img/nav_contact.gif); }


/* ============================== contents */
#contents { width: 940px; margin: 0 auto; padding: 20px 0 30px; background: #fff url(../img/bg_contents.gif) 0 0 repeat-x; }
#contents_inner { width: 910px; margin: 0 auto; }
#main_contents { width: 640px; float: left; }
#sub_contents { width: 250px; float: right; }

#main_contents .txt { line-height: 1.7; }
#main_contents em { font-weight: bold; font-style: normal; }
#main_contents .sec { margin-left: 25px; padding-bottom: 20px; }
#main_contents .sec2 { margin-left: 25px; padding-bottom: 10px; }
#main_contents .ssttl { margin-bottom: 8px; color: #7c4302; font-weight: bold; font-size: 117%; }
#main_contents .sec .sttl { margin-bottom:12px; }
#main_contents .sec .txt { margin-bottom: 15px; }
#main_contents .sec_catch { padding-bottom: 15px; }
#main_contents .list_item li { margin-left: 1em; text-indent: -1em; padding-bottom: 5px; line-height: 1.7; }

/* thumb_txt */
#main_contents .thumb_txt { }
#main_contents .thumb_txt .thumb { float: left; }
#main_contents .thumb_txt .txt { float: right; margin-bottom: 0; }
#main_contents .thumb77 { width: 600px; margin-left: 10px; margin-bottom: 15px; }
#main_contents .thumb77 .thumb { width: 77px; }
#main_contents .thumb77 .txt { width: 515px; }
#main_contents .thumb114 { width: 640px; }
#main_contents .thumb114 .thumb { width: 114px; }
#main_contents .thumb114 .txt { width: 515px; }

/* sec_prev_next */
#main_contents .sec_prev_next { width: 640px; }
#main_contents .sec_prev_next ul { width: 640px; }
#main_contents .sec_prev_next li { width: 312px; }
#main_contents .sec_prev_next a { display: block; min-height: 12px; height: auto !important; height: 12px; font-size: 117%; }
#main_contents .sec_prev_next .lc a { padding-right: 17px; background: url(../img/bg_prev.gif) 100% 0.2em no-repeat; text-align: right; }
#main_contents .sec_prev_next .rc a { padding-left: 17px; background: url(../img/bg_next.gif) 0 0.2em no-repeat; }

/* sec_contact */
#main_contents .sec_contact p { text-align: center; }
#main_contents .sec_contact .btn { margin-bottom: 20px; }
#main_contents .sec_contact .tel { margin-bottom: 25px; }

/* sub_nav */
#sub_nav li { margin-bottom: 11px; }


/* ============================== footer */
#footer { width: 940px; margin: 0 auto; padding: 13px 0; background-color: #fff; border-top: 1px solid #dedbdb; }
#footer p { text-align: right; padding-right: 15px; color: #2b2b2b; }


/* ============================== margin */
.mgt0 { margin-top: 0 !important; }
.mgt5 { margin-top: 5px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }

.mgb0 { margin-bottom: 0 !important; }
.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb25 { margin-bottom: 25px !important; }
.mgb30 { margin-bottom: 30px !important; }
.mgb35 { margin-bottom: 35px !important; }
.mgb40 { margin-bottom: 40px !important; }
.mgb45 { margin-bottom: 45px !important; }
.mgb50 { margin-bottom: 50px !important; }

.mgr0 { margin-right: 0 !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }

.mgl0 { margin-left: 0 !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }

/* ============================== padding */
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }


/* ============================== color */
.bkc_y { background-color:#faf7e9; }
.bkc_p { background-color:#ffeff0; }

/* ============================== font */
.ft14 { font-size:14px; }
.ft15 { font-size:15px; }
.ft16 { font-size:16px; }
.pink { color:#C36; }
.bold { font-weight: bold; }
.gold { color:#996600; }


/* ============================== fl */
.waku { width: 590px; height:1400px; clear:both; background-color:#ffeff0; padding:10px; }
.waku_l { width: 280px; float:left; background-color:#ffeff0; }
.waku_r { width: 280px; float:right; background-color:#ffeff0; }