@charset "UTF-8";

* { margin: 0;	padding: 0; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #666; font-weight: normal;}
body { background: url(images/base_bg.gif); line-height: 16px;}
img { border: 0;}
div:after { content: "."; display: block; visibility: hidden; height: .1px; font-size: .1em; line-height: 0; clear: both; zoom:100%;}
p { padding: 5px 10px; font-size: 13px;}

a:link { color: #666; }
a:visited { color:#999;}
a:hover { color:#6c3;}

.clear { height: .1px; clear: both;}
.f-right { float: right;}
.f-left { float: left;}
.small { font-size: 10px; vertical-align: super;}
.totop { text-align: right; padding: 20px; }

#wrap { background: url(images/base_bg.jpg) repeat-x; text-align: center; width: 100%;}
#container { text-align: left;  margin: 0 auto; width: 795px;}
#contents { width: 795px; background: url(images/base_02.jpg) top no-repeat;}
#contents1 { width: 775px; padding: 20px;}
#contents2 { width: 795px; background: url(images/base_03.jpg) bottom no-repeat;}
#main { padding: 15px 20px 10px 15px; float: right; width: 573px;}
#sub { padding: 25px 10px 10px 20px; float: left; width: 146px;}
#header { background: url(images/base_01.jpg) no-repeat; height: 187px;}

* html #contents1 { width: 775px; padding: 20px 10px 20px 20px;}
* html #main { padding: 15px 20px 10px 5px; float: right; width: 573px;}
* html #sub { padding: 25px 5px 10px 20px; float: left; width: 146px;}


h1 { font-size: 10px; color: #fff; padding: 4px 60px;}
h2 { text-indent: -9810px; height: 1px; overflow: hidden;}
/*h3 { background: url(images/bar_sub.gif) no-repeat; font-size: 15px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; padding:4px 0 3px 20px; margin-top: 15px;}*/
h3 { padding-top: 15px;}
h3.form { padding-left: 10px;}

/* ヘッダーリンク */

#header-lnk { position: relative; height: 1px; padding-left:590px; }

#header-lnk a { position: absolute; top: -150px; width: 350px; height: 140px; left: 50px; text-indent: -9810px; }

/* メニュー */

ul.menu { list-style: none; padding: 0; text-indent: -9810px; display: inline; list-style-type: none;}
.menu a { display: block; width: 146px; float: left; text-indent: -9810px; overflow: hidden;}

li.menu1 a { background: url(images/menu.jpg) no-repeat 0px 0px; height: 40px;}
li.menu2 a { background: url(images/menu.jpg) no-repeat 0px -41px; height: 40px;}
li.menu3 a { background: url(images/menu.jpg) no-repeat 0px -81px; height: 40px;}
li.menu4 a { background: url(images/menu.jpg) no-repeat 0px -121px; height: 40px;}
li.menu5 a { background: url(images/menu.jpg) no-repeat 0px -161px; height: 40px;}
li.menu6 a { background: url(images/menu.jpg) no-repeat 0px -201px; height: 40px;}
li.menu7 a { background: url(images/menu.jpg) no-repeat 0px -241px; height: 40px;}
li.menu8 a { background: url(images/menu.jpg) no-repeat 0px -281px; height: 40px;}
li.menu9 a { background: url(images/menu.jpg) no-repeat 0px -321px; height: 40px;}
li.menu10 a { background: url(images/menu.jpg) no-repeat 0px -361px; height: 40px;}
li.menu11 a { background: url(images/menu.jpg) no-repeat 0px -401px; height: 40px;}
li.menu12 a { background: url(images/menu.jpg) no-repeat 0px -441px; height: 40px;}

li.menu1 a:hover { background: url(images/menu.jpg) no-repeat -146px 0px; height: 40px;}
li.menu2 a:hover { background: url(images/menu.jpg) no-repeat -146px -41px; height: 40px;}
li.menu3 a:hover { background: url(images/menu.jpg) no-repeat -146px -81px; height: 40px;}
li.menu4 a:hover { background: url(images/menu.jpg) no-repeat -146px -121px; height: 40px;}
li.menu5 a:hover { background: url(images/menu.jpg) no-repeat -146px -161px; height: 40px;}
li.menu6 a:hover { background: url(images/menu.jpg) no-repeat -146px -201px; height: 40px;}
li.menu7 a:hover { background: url(images/menu.jpg) no-repeat -146px -241px; height: 40px;}
li.menu8 a:hover { background: url(images/menu.jpg) no-repeat -146px -281px; height: 40px;}
li.menu9 a:hover { background: url(images/menu.jpg) no-repeat -146px -321px; height: 40px;}
li.menu10 a:hover { background: url(images/menu.jpg) no-repeat -146px -361px; height: 40px;}
li.menu11 a:hover { background: url(images/menu.jpg) no-repeat -146px -401px; height: 40px;}
li.menu12 a:hover { background: url(images/menu.jpg) no-repeat -146px -441px; height: 40px;}

/* フッター */

#footer { clear:both; width: 755px; margin: 0 20px 20px 20px; padding-top: 15px;}
#footer a { color: #f4f4f4; text-decoration: none; font-size: 12px;}
#footer a:hover { color: #069;}

#footer-menu li { list-style: none; display: inline; border-left: solid 1px #f4f4f4; padding: 0px 5px 0 10px;}
#footer-menu li.last { list-style: none; display: inline; border-left: solid 1px #f4f4f4; border-right: solid 1px #f4f4f4; padding: 0px 8px;}
#footer-menu { padding: 0 8px; text-align: center; margin-bottom: 10px;}
#footer-copyright { padding: 5px; text-align: right; font-size: 11px; border-top: #f0f0f0 solid 1px; color:#f4f4f4;}