@charset "utf-8";
/*基本設定関連*/
body { font-size: 0.75em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック"; line-height: 150%; background-image: url(../common_images/back.gif); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; }
h1,h2,h3,h4 { font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
ol, ul, li { margin: 0; padding: 0; list-style-type: none; }
form { margin: 0; padding: 0; list-style-type: none; }
p { margin-top: 0px; margin-bottom: 0px; }
a { color: #006ab4; text-decoration: none; }
a:hover{ color: #f60; text-decoration: underline; }
p.gototop { clear: both; }
p.gototop a { text-align: right; margin-top: 5px; margin-bottom: 20px; display: block; }

/*ヘッダ関連*/
#header   { text-align: left; position: relative; width: 900px; height: 55px; z-index: 10; margin-right: auto; margin-left: auto; }
*html div.head   { margin: -19px 0 0; }
#header img#logo   {
	position: absolute;
	top: 15px;
	left: 15px;
}
div#foot { font-size: 10px; line-height: 10px; text-align: left; width: 868px; height: 20px; clear: both; padding: 15px 15px 10px; border-top: 1px solid #ccc; }
div#foot p { float: left; margin-bottom: 5px; }
div#foot img { float: right; margin-bottom: 5px; }
#container  { background-color: #fff; text-align: left; position: relative; margin-right: auto; margin-left: auto; width: 898px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
#container h2#title { background-image: url(../common_images/title.jpg); text-indent: -9999px; width: 898px; height: 90px; overflow: hidden; border-bottom: 1px solid #ccc; display: block; }

div#navi  { height: 46px; margin-bottom: 10px; }
div#navi ul li { float: left; display: inline; }
div#navi ul li a { text-indent: -9999px; height: 46px; overflow: hidden; display: block; }

div#navi ul li a#navi01 { width: 128px; background-image: url(../common_images/navi_01.gif); }
div#navi ul li a#navi01on { width: 128px; background-image: url(../common_images/navi_01.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi01 { background-position: 0 -92px; width: 128px; }

div#navi ul li a#navi02 { width: 129px; background-image: url(../common_images/navi_02.gif); }
div#navi ul li a#navi02on { width: 129px; background-image: url(../common_images/navi_02.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi02 { background-position: 0 -92px; width: 129px; }

div#navi ul li a#navi03 { width: 128px; background-image: url(../common_images/navi_03.gif); }
div#navi ul li a#navi03on { width: 128px; background-image: url(../common_images/navi_03.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi03 { background-position: 0 -92px; width: 128px; }

div#navi ul li a#navi04 { width: 130px; background-image: url(../common_images/navi_04.gif); }
div#navi ul li a#navi04on { width: 130px; background-image: url(../common_images/navi_04.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi04 { background-position: 0 -92px; width: 130px; }

div#navi ul li a#navi05 { width: 128px; background-image: url(../common_images/navi_05.gif); }
div#navi ul li a#navi05on { width: 128px; background-image: url(../common_images/navi_05.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi05 { background-position: 0 -92px; width: 128px; }

div#navi ul li a#navi06 { width: 128px; background-image: url(../common_images/navi_06.gif); }
div#navi ul li a#navi06on { width: 128px; background-image: url(../common_images/navi_06.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi06 { background-position: 0 -92px; width: 128px; }

div#navi ul li a#navi07 { width: 127px; background-image: url(../common_images/navi_07.gif); }
div#navi ul li a#navi07on { width: 127px; background-image: url(../common_images/navi_07.gif); background-position: 0 -46px; }
div#navi ul li a:hover#navi07 { background-position: 0 -92px; width: 127px; }

div#panc { font-size: 10px; line-height: 10px; text-align: left; width: 870px; margin-bottom: 10px; margin-left: 14px; }
div#panc a { text-decoration: underline; }
div#panc a:hover {  }
div#panc strong {  }

h2.linktitle { font-size: 14px; font-weight: bold; background-image: url(../common_images/title04.gif); background-repeat: no-repeat; padding:7px 0 0 15px; width:620px; height:21px; overflow: hidden; margin-top: 0; margin-bottom: 10px; margin-left: 15px; }

div#contact04 { background-image: url(../common_images/contact04.jpg); position: relative; width: 630px; height: 165px; clear: left; margin-bottom: 10px; margin-left: 15px; }
div#contact04 p#c03-01 { background-image: url(../common_images/address3.gif); background-repeat: no-repeat; text-indent: -9999px; position: absolute; top: 13px; left: 390px; width: 218px; height: 73px; overflow: hidden; display: block; }

div#contact04 p#c03-02 { position: absolute; top: 85px; left: 385px; }
div#contact04 p#c03-03 { position: absolute; top: 13px; left: 13px; width: 350px; height: 133px; border: solid 3px #d6d6d6; }

div#contact04 p#c03-02 a { background-image: url(../common_images/link3.gif); text-indent: -9999px; width: 214px; height: 65px; overflow: hidden; margin-top: 6px; display: block; }
div#contact04 p#c03-02 a:hover { background-position: 0 -65px; }
div#menu { text-align: left; width: 195px; float: left; margin-bottom: 20px; position: relative; padding-left: 14px; }
*html div#menu { text-align: left; width: 195px; float: left; margin-bottom: 20px; margin-left: 0; padding-left: 14px; }
div#menu ul li { display: inline; }
*:first-child+html div#menu ul li { margin-top: -3px; }
div#menu ul li a { text-decoration: none; display: block; }
div#menu ul li a.menu01 { color: #fff; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); width: 175px; height: 27px; padding-top: 13px; padding-left: 20px; display: block; }
div#menu ul li a:hover.menu01 { color: #fff; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -39px; width: 175px; height: 27px; padding-top: 13px; padding-left: 20px; display: block; }
div#menu ul li a.menu02 { color: #000; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -79px; width: 175px; height: 26px; padding-top: 13px; padding-left: 20px; display: block; }
div#menu ul li a:hover.menu02 { color: #000; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -118px; width: 175px; height: 26px; padding-top: 13px; padding-left: 20px; display: block; }
div#menu ul li a.menu02on { color: #000; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -157px; width: 175px; height: 26px; padding-top: 13px; padding-left: 20px; display: block; }

div#menu ul li a.menu03 { color: #000; font-size: 12px; line-height: 12px; background-image: url(../common_images/menu.gif); background-position: 0 -196px; width: 175px; height: 19px; padding-top: 6px; padding-left: 20px; display: block; }
div#menu ul li a:hover.menu03 { color: #000; font-size: 12px; line-height: 12px; background-image: url(../common_images/menu.gif); background-position: 0 -221px; width: 175px; height: 19px; padding-top: 6px; padding-left: 20px; display: block; }

div#menu ul li a.menu01on { color: #fff; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -245px; width: 175px; height: 27px; padding-top: 13px; padding-left: 20px; display: block; }
div#menu ul li a:hover.menu01on { color: #fff; font-size: 14px; line-height: 14px; background-image: url(../common_images/menu.gif); background-position: 0 -284px; width: 175px; height: 27px; padding-top: 13px; padding-left: 20px; display: block; }

div#menu ul li a.cata { background-image: url(../common_images/cata.gif); text-indent: -9999px; width: 195px; height: 117px; overflow: hidden; margin-top: 5px; display: block; }
div#menu ul li a:hover.cata { background-position: 0 -117px; display: block; }

div#menu ul li a.toi { background-image: url(../common_images/toi.gif); text-indent: -9999px; width: 195px; height: 55px; overflow: hidden; margin-top: 5px; margin-bottom: 5px; display: block; }
div#menu ul li a:hover.toi { background-position: 0 -55px; display: block; }

div#menu ul li.tel { background-image: url(../common_images/tel.gif); text-indent: -9999px; width: 195px; height: 75px; overflow: hidden; margin-bottom: 15px; display: block; }

