@charset "Shift_JIS";

/* 共通
============================================================================================================================== */

* { margin: 0; padding: 0;}

body { color: #E6DED3; font-size: 13px; line-height: 1.4; text-align: center; background-attachment: fixed; background-color: #FFF; background-image: url(../img/common/bg.jpg); background-repeat: no-repeat; background-position: center top;}

img { border: none;}
hr { display: none;}

a,
a:visited { text-decoration: none; color:#F2F2F2;}
a:active,
a:hover { text-decoration: underline; color:#FFF;}

.cl { clear: both;}

.pageTop { clear: both; margin: 30px;}
.pageTop p { text-align: right;}


/* ヘッダー
============================================================================================================================== */

#hdrBg { height: 190px;}

#hdr { position: relative; width: 900px; height: 190px; margin: 0 auto; text-align: left; background: url(../img/common/hdr/hdr.jpg) no-repeat;}

#hdr h1 { padding: 2px 0 2px 15px; color: #000; font-size: 12px; font-weight: normal; width:640px; color:#F2F2F2;}
#hdr h2 { width: 1px; height: 1px; text-indent: -4444px;}


/* ナビゲーション
============================================================================================================================== */

#ln { position: absolute; top: 2px; right: 40px; list-style: none;}
#ln li { display: inline; float: right; margin-left: 15px;}
#ln a { color: #F2F2F2; font-weight: bold;}

p#inq { position: absolute; top: 25px; right: 30px; text-indent: -4444px;}
p#inq a { display: block; width: 130px; height: 20px;}

#gn { position: absolute; top: 150px; left: 10px; list-style: none;}
#gn li { display: inline; float: left; width: 175px; height: 40px; text-indent: -4444px;}
#gn li a { display: block; width: 175px; height: 40px;}

#gn li#home,
#gn li#home a { width: 180px;}
#gn li#home a:hover { background: url(../img/common/hdr/gn.jpg) 0 0;}
#gn li#p1 a:hover { background: url(../img/common/hdr/gn.jpg) no-repeat -180px 0;}
#gn li#p2 a:hover { background: url(../img/common/hdr/gn.jpg) no-repeat -355px 0;}
#gn li#p3 a:hover { background: url(../img/common/hdr/gn.jpg) no-repeat -530px 0;}
#gn li#p4 a:hover { background: url(../img/common/hdr/gn.jpg) no-repeat -705px 0;}

#sn { width: 180px; margin: 20px 0 0 20px; background: #000; list-style: none;}
#sn li { margin: 0 0 5px 15px; font-size:16px; font-weight:bold; line-height:1.2; padding-left:23px; background: url(../img/common/nav/sn_ico.gif) no-repeat 0 2px;}
#sn li#snt { margin: 0; padding: 0;}
#sn li.snBtm { padding-bottom: 10px;}

#sn a,
#sn a:visited { color: #76B20C;}
#sn a:hover { color: #F2F2F2;}


/* コンテンツ
============================================================================================================================== */

#co { width: 900px; margin: 0 auto; text-align: left; background:#000;}

.main p { padding: 10px 0 0; text-align: center; background: #000;}

#lCo { display: inline; float: left; width: 230px;}

#rCo { display: inline; float: right; width: 670px;}


/* フッター
============================================================================================================================== */

#ftrBg { clear: both; background: url(../img/common/ftr/ftr_bg.jpg) no-repeat center top;}
#ftr { width: 900px; margin: 0 auto; padding-bottom: 20px; text-align: left; background: url(../img/common/ftr/ftr_btm_bg.jpg) no-repeat bottom;}
#ftr p { padding-top: 25px; text-align: center;}
#ftr a,
#ftr a:visited,
#ftr a:hover { color: #F2F2F2; text-decoration: none;}