@charset "shift_jis";

* {
margin: 0;
padding: 0;
text-align: left;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

body {
background-color: #fff;
font-size: 100%;
text-align: center;
}

img {border: none;}

hr,h1 {display: none;}

.hid {display: none;}

/*\*/ a { overflow: hidden; }/**/

.clear{zoom:1;}
.clear:after{
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
#menu {
width: 300px;
height: 300px;
border: 0px;
margin-top: -150px; 
margin-left: -150px; 
position: absolute;
text-align: center;
top: 50%; 
left: 50%;
background-image: url(./img/back.gif);
background-repeat: no-repeat;
}
#menu ul {
list-style: none;
text-indent: -12345em;
}
#menu li a {
display: block;
}
li#menu01 a {
width: 300px;
height: 60px;
margin-top: 35px;
background: url(./img/bot01_300x60.gif);
background-repeat: no-repeat;
background-position: left;
}
li#menu01 a:hover { 
background-position: right; 
}
li#menu02 a {
width: 300px;
height: 60px;
margin-top: 30px;
background: url(./img/bot02_300x60.gif);
background-repeat: no-repeat;
background-position: left;
}
li#menu02 a:hover { 
background-position: right; 
}
li#menu03 a {
width: 300px;
height: 60px;
margin-top: 27px;
background: url(./img/bot03_300x40.gif);
background-repeat: no-repeat;
background-position: left;
}
li#menu03 a:hover { 
background-position: right; 
}

#count {
width: 100%;
text-align: right;
}



/*--レイアウト--
#sitebox {
margin: 10px auto 0;
width: 914px;
background-image: url(../img/loop_914x2.jpg);
background-repeat: repeat-y;
}
#headerbox {
width: 914px;
height: 130px;
}
#headerleft {
width: 316px;
height: 130px;
float: left;
background-image: url(../img/header_left316x130.jpg);
background-repeat: no-repeat;
}
#headercenter {
width: 294px;
height: 130px;
float: left;
background-image: url(../img/header_center294x130.jpg);
background-repeat: no-repeat;
}
#headerright {
width: 304px;
height: 130px;
float: left;
background-image: url(../img/header_right304x130.jpg);
background-repeat: no-repeat;
}
#menu {
width: 914px;
height: 51px;
background-image: url(../img/back_bot914x51.jpg);
background-repeat: no-repeat;
}
#pan {
width: 914px;
height: 36px;
background-image: url(../img/back_pan914x36.jpg);
background-repeat: no-repeat;
}
#flash {
width: 860px;
height: 250px;
margin: 0 0 0 26px;
background-image: url(../img/flash860x250.jpg);
background-repeat: no-repeat;
}
#mainbox02 {
width: 820px;
margin: 20px 0 0 48px;
}
#footer {
width: 914px;
height: 100px;
background-image: url(../img/footer_left457x100.jpg);
background-repeat: no-repeat;
}



/*--ヘッダー部分--
#headerleft p {
width: 260px;
height: 100px;
margin: 16px 0 0 33px;
}
#headercenter ul {
list-style: none;
text-indent: -12345em;
position: absolute;
}
#headercenter li {
float: left;
}
#headercenter li a {
display: block;
}
li#hbot01 a {
margin: 15px 0 0 3px;
width: 70px;
height: 20px;
background: url(../img/bot_home70x20.gif);
background-repeat: no-repeat;
background-position: left;
}
li#hbot01 a:hover { 
background-position: right; 
}
li#hbot02 a {
margin: 15px 0 0 5px;
width: 70px;
height: 20px;
background: url(../img/bot_sitemap70x20.gif);
background-repeat: no-repeat;
background-position: left;
}
li#hbot02 a:hover { 
background-position: right; 
}
li#hbot06 a {
margin: 15px 0 0 5px;
width: 100px;
height: 20px;
background: url(../img/bot_policy100x20.gif);
background-repeat: no-repeat;
background-position: left;
}
li#hbot06 a:hover { 
background-position: right; 
}
#headercenter p {
margin: 44px 0 0 10px;
text-indent: -12345em;
position: absolute;
width: 210px;
height: 70px;
background: url(../img/bnr_sample210x70.gif);
background-repeat: no-repeat;
}
#headerright ul{ 
list-style: none;
position: absolute;
text-indent: -12345em;
}
#headerright ul a{ 
display:block; 
}
#hbot03 a{
margin: 14px 0 0 7px;
width: 260px;
height: 30px;
background: url(../img/bot_contact260x30.jpg);
background-repeat: no-repeat;
background-position: left;
}
#hbot03 a:hover{ 
background-position: right; 
}
#hbot04 a{
margin: 7px 0 0 7px;
width: 260px;
height: 30px;
background: url(../img/bot_sample260x30.jpg);
background-repeat: no-repeat;
background-position: left;
}
#hbot04 a:hover{ 
background-position: right; 
}
#hbot05 a{
margin: 7px 0 0 7px;
width: 260px;
height: 30px;
background: url(../img/bot_form260x30.jpg);
background-repeat: no-repeat;
background-position: left;
}
#hbot05 a:hover{ 
background-position: right; 
}


/*--メインコンテンツボタン部分-
list-style: none;
text-indent: -12345em;
position: absolute;
}
#menu li {
float: left;
}
#menu li a {
display: block;
}
li#bot01 a {
width: 158px;
height: 51px;
background: url(../img/bot01_158x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot01 a:hover { 
background-position: right; 
}
li#bot02 a {
width: 150px;
height: 51px;
background: url(../img/bot02_150x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot02 a:hover { 
background-position: right; 
}
li#bot03 a {
width: 150px;
height: 51px;
background: url(../img/bot03_150x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot03 a:hover { 
background-position: right; 
}
li#bot04 a {
width: 150px;
height: 51px;
background: url(../img/bot04_150x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot04 a:hover { 
background-position: right; 
}
li#bot05 a {
width: 150px;
height: 51px;
background: url(../img/bot05_150x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot05 a:hover { 
background-position: right;
}
li#bot06 a {
width: 156px;
height: 51px;
background: url(../img/bot06_156x51.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bot06 a:hover { 
background-position: right; 
}


/*--パンくず部分--
margin: 0 0 0 30px;
line-height: 18px;
font-size: 0.625em;
color: #000066;
}
#pan a {
color: #000066;
text-decoration: none;
}
#pan a:hover {
text-decoration: underline;
}


/*--メイン部分--
#mainleft {
width: 560px;
float: left;
}
#mainright {
width: 260px;
float: right;
}
#cm {
width: 540px;
height: 141px;
display: block;
margin: 10px 0 0 0;
text-indent: -12345em;
background-image: url(../img/bot_image540_141.jpg);
background-repeat: no-repeat;
}
#main001 {
width: 540px;
float: left;
margin: 10px 0 0 0;
background: url(../img/title001_540x25.gif);
background-repeat: no-repeat;
}
#main002 {
width: 540px;
float: left;
margin: 10px 0 0 0;
background: url(../img/title002_540x25.gif);
background-repeat: no-repeat;
}
#main003 {
width: 540px;
float: left;
margin: 10px 0 0 0;
background: url(../img/title003_540x25.gif);
background-repeat: no-repeat;
}
#main001 p, #main002 p, #main003 p {
width: 530px;
font-size: 0.75em;
color: #000;
line-height: 1.4em;
margin: 32px 0 0 3px;
}
.main01text {
color: #cc0000;
font-size: 1.33em;
font-weight: bold;
}
.main02text {
color: #000099;
font-size: 1.33em;
font-weight: bold;
}
.main03text {
color: #009933;
font-size: 1.33em;
font-weight: bold;
}


/*--メイン部分--
#main004 {
width: 558px;
float: left;
margin: 10px 0 0 0;
background: url(../img/title004_540x25.gif);
background-repeat: no-repeat;
}
#main004 p {
width: 530px;
font-size: 0.75em;
color: #000;
line-height: 1.4em;
margin: 31px 0 0 3px;
}
#photolink {
width: 538px;
height: 211px;
margin: 7px 0 0 0;
background: url(../img/back_bnr538x211.jpg);
background-repeat: no-repeat;
}
#photolink ul {
list-style: none;
text-indent: -12345em;
width: 538px;
position: absolute;
}
#photolink li {
float: left;
}
#photolink li a {
display: block;
}
li#bnr01 a {
width: 260px;
height: 100px;
background: url(../img/bnr01_260x100.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bnr01 a:hover { 
background-position: right; 
}
li#bnr02 a {
width: 261px;
height: 100px;
margin: 0 0 0 17px;
background: url(../img/bnr02_261x100.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bnr02 a:hover { 
background-position: right; 
}
li#bnr03 a {
width: 260px;
height: 100px;
margin: 11px 0 0 0;
background: url(../img/bnr03_260x100.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bnr03 a:hover { 
background-position: right; 
}
li#bnr04 a {
width: 261px;
height: 100px;
margin: 11px 0 0 17px;
background: url(../img/bnr04_261x100.jpg);
background-repeat: no-repeat;
background-position: left;
}
li#bnr04 a:hover { 
background-position: right; 
}
#main005 {
width: 260px;
float: right;
}
#main006 {
width: 260px;
float: right;
}
#main006 h3 {
width: 260px;
height: 140px;
margin: 16px 0 0 0;
text-indent: -12345em;
background-image: url(../img/bnr05_260x140.jpg);
background-repeat: no-repeat;
}
#main006 p {
width: 260px;
height: 154px;
margin: 16px 0 0 0;
text-indent: -12345em;
background-image: url(../img/bnr06_260x154.gif);
background-repeat: no-repeat;
}
#news {
width: 260px;
height: 231px;
margin: 10px 0 0 0;
background-image: url(../img/title005_260x231.gif);
background-repeat: no-repeat;
}
#news iframe {
width: 256px;
height: 196px;
margin: 32px 0 0 2px;
}
#topics {
width: 260px;
height: 231px;
margin: 16px 0 0 0;
background-image: url(../img/title006_260x231.gif);
background-repeat: no-repeat;
}
#topics iframe {
width: 256px;
height: 196px;
margin: 32px 0 0 2px;
}



/*--フッター部分-
#footer p {
width: 457px;
height: 100px;
margin: 0 0 0 457px;
text-indent: -12345em;
position: absolute;
background-image: url(../img/footer_right457x100.jpg);
background-repeat: no-repeat;
}