/* CSS Document */

@import url("base.css");

body { margin: 0; padding: 0; text-align: center; color: #444; font-size: 0.9em; font-family:"Meiryo", sans-serif;}

a { color: #09F; text-decoration: underline;}
a:hover { color: #F00; text-decoration: underline;}

#bg01 { margin: 0 auto; padidng: 0; width: 800px;}

#header { margin: 0 auto; padding: 0; width: 800px; height: 380px; position: relative; background:url(../img/top-img.jpg) 0 0 no-repeat;}
#header #inq { margin: 0; padding: 0; position: absolute; top: 37px; left: 710px;}
#header h1 { display: none;}

#header2 { margin: 0 auto; padding: 0; width: 800px; height: 150px; position: relative; background:url(../img/top-img2.jpg) 0 0 no-repeat;}
#header2 h1 { display: none;}


#footermn { margin: 0 auto; padding: 0; width: 800px; height: 30px; background: url(../img/bggr02.jpg) 0 0 repeat-x; clear: both; text-align: right;}
#footermn img { margin-right: 10px;}

#footer { margin: 0 auto; padding: 0; width: 800px; height: 26px; text-indent: -9999px; background: url(../img/footer.gif) 0 0 no-repeat; clear: both;}


/* menu */
div#mn { margin: 0 auto; padding: 0; width: 800px; height: 60px;}
ul#menu { margin: 0; padding: 0; overflow: hidden; clear: both; width: 800px; height: 60px; list-style: none; top: 0; position: relative;}
ul#menu li a { margin: 0; padding: 0; overflow: hidden; height: 60px; text-indent: -9999px; top: 0; position: absolute; text-decoration: none; color:#009900; width: 160px;}

li#btn01 a { background: url(../img/btn01.jpg) no-repeat 0 0; left: 0px;}
li#btn02 a { background: url(../img/btn02.jpg) no-repeat 0 0; left: 160px;}
li#btn03 a { background: url(../img/btn03.jpg) no-repeat 0 0; left: 320px;}
li#btn04 a { background: url(../img/btn04.jpg) no-repeat 0 0; left: 480px;}
li#btn05 a { background: url(../img/btn05.jpg) no-repeat 0 0; left: 640px;}

li#btn01 a:hover { background-position: 0px -60px;}
li#btn02 a:hover { background-position: 0px -60px;}
li#btn03 a:hover { background-position: 0px -60px;}
li#btn04 a:hover { background-position: 0px -60px;}
li#btn05 a:hover { background-position: 0px -60px;}

body#btn01 li#btn01 a { background-position: 0px -120px;}
body#btn02 li#btn02 a { background-position: 0px -120px;}
body#btn03 li#btn03 a { background-position: 0px -120px;}
body#btn04 li#btn04 a { background-position: 0px -120px;}
body#btn05 li#btn05 a { background-position: 0px -120px;}


/* main */
#main-con { margin: 0; padding: 30px 0 10px; text-align: left; background: url(../img/bggr01.jpg) 0 0 repeat-x;}
#main-con h2 { margin: 10px 0; padding: 0; font-size: 1.8em; color: #999;}

#main-con p#plist { margin: 0 20px 15px; padding: 0; font-size: 0.75em;}
#main-con p#plist a { margin: 0 10px; padding: 0; color: #666;}
#main-con p#plist a:hover { margin: 0 10px; padding: 0; color: #C00;}
#main-con p#plist a.tt { margin: 0 10px; padding: 0; color: #09C; text-decoration: none;}

#main-con #top h2 { margin: 0; padding: 0; height: 34px; text-indent: -9999px; background: url(../img/ttl-top.gif) 0 0 no-repeat;}
#main-con #top #sign { margin: 0; padding: 0; width: 440px; height: 34px; text-indent: -9999px; background: url(../img/sign01.gif) right 0 no-repeat; }

#main-con .mainb { margin: 0; padding: 0; clear: both;}

/* main2 */
#ccon { margin: 0; padding: 30px 0 20px; text-align: center; background: url(../img/mainbds.gif) 0 0 repeat-y;}
.cconlinet { margin: 0; padding: 0; height: 8px; background: url(../img/mainbd.gif) 0 0;}
.cconlineb { margin: 0; padding: 0; height: 7px; background: url(../img/mainbd.gif) 0 0;}

#ccon .cconm { margin: 0 auto; padding: 0; width: 680px; text-align: left;}

#ccon #ttl01 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-001.gif) 0 0 no-repeat;}
#ccon #ttl02 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-002.gif) 0 0 no-repeat;}
#ccon #ttl03 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-003.gif) 0 0 no-repeat;}
#ccon #ttl04 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-004.gif) 0 0 no-repeat;}
#ccon #ttl05 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-005.gif) 0 0 no-repeat;}
#ccon #ttl06 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-006.gif) 0 0 no-repeat;}
#ccon #ttl07 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-007.gif) 0 0 no-repeat;}
#ccon #ttl08 h2 { margin: 0; padding: 0; height: 48px; text-indent: -9999px; background: url(../img/ttl-008.gif) 0 0 no-repeat;}

#ccon h3 { margin: 10px 0; padding: 0; color: #777; font-size: 1.2em;} 

/* ryakureki */
#ttl01 th { font-weight: normal; text-align: center; background: #EED;}
#ttl01 td { border-bottom: #CCC dotted 1px;}

/* syucyo */
#ttl02 { background: url(../img/clover-img.gif) right 150px no-repeat;}
#ttl02 dl {} 
#ttl02 dt { margin: 5px 0; padding: 0; font-size: 1.4em; font-weight: bold; color: #09C;} 
#ttl02 dd { margin: 0 0 20px 0; padding: 0;} 

/* katudo */
#ttl03 ul { margin: 0 0 0 10px; padding: 0;}
#ttl03 img { margin: 0 auto 5px; padding: 0; display: block;}
#ttl03 .ptcon { margin: 0 0 20px 0; padding: 0; width: 340px; float: left; text-align: center;}

/* linkmail */
#ttl04 dl { margin: 10px 0 30px; padding: 15px 20px; border: ; background: #F0F0F0;} 
#ttl04 dt { margin: 5px 0 10px; padding: 0 0 10px 0; font-size: 1.2em; font-weight: bold; color: #09C; border-bottom: #CCC solid 1px;} 
#ttl04 dd { margin: 0; padding: 0;} 

/* policy */
#ttl06 dl {} 
#ttl06 dt { margin: 5px 0; padding: 0; font-size: 1.2em; font-weight: bold; color: #666;} 
#ttl06 dd { margin: 0 0 20px 0; padding: 0;}