/* CSS Document */

body { margin: 0; padding: 0; text-align: center; color: #666; font-size: 0.8em; font-family:"Meiryo", sans-serif; background: #FFF;}

form,div,input { margin: 0; padding: 0;}
hr { display: none;}

p,ul,ol,dl { line-height: 200%;}

table { margin: 0; padding: 0; font-size: 12px; background: #CCC;}

th { background: #EEE; font-weight: normal;}
td { background: #FFF;}

dl { margin: 0 0 0 20px; padding: 0;}
dt { margin: 0; padding: 0 0 0 20px; background: url(../img/arw01.png) 0 center no-repeat;}
dt.dtno { margin: 0; padding: 0 0 0 20px; background: none;}
dd { margin: 0 0 10px 25px; padding: 0;}

dl.dl-pp dt { margin: 0; padding: 20px 0 10px 10px; color: #09F; font-size: 1.2em; background: none;}
dl.dl-pp dd { margin: 0 0 10px 20px; padding: 0;}

img { border: none;}

h2,h3 { display: none;}
strong { font-weight: normal;}

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

.afFFF a { color: #FFF; text-decoration: none;}

.line01 { margin: 5px auto; padding: 0; background: url(../img/line01.png) 0 0 repeat-x; height: 10px;}
.line02 { margin: 2px auto; padding: 0; background: url(../img/line01.png) 0 0 repeat-x; height: 5px;}

.bdt { border-top: #666 dotted 1px;}
.bdb { border-bottom: #666 dotted 1px;}

.fltl { float: left;}
.fltr { float: right;}

.clb { clear: both;}

ul { margin: 0 0 0 20px; padding: 0;}
ul.arw01 li { margin: 0 0 5px 0; padding: 0 0 0 20px; list-style: none; background: url(../img/arw01.png) 0 center no-repeat;}
ul.arw02 li { margin: 0 0 5px 0; padding: 0 0 0 15px; list-style: none; background: url(../img/arw02.png) 0 3px no-repeat;}
ul.arw03 li { margin: 0 0 5px 0; padding: 0 0 0 15px; list-style: none; background: url(../img/arw03.png) 0 5px no-repeat;}
ul.arw04 li { margin: 0 0 5px 0; padding: 0 0 0 15px; list-style: none; background: url(../img/arw04.png) 0 5px no-repeat;}

ul.cmcon { margin: 20px 0 50px; padding: 15px; border: #CCC solid 1px; background:#EEE;}
ul.cmcon li { margin-left:20px;}

.mg0 { margin: 0; padding: 0;}
.mg5 { margin: 5px; padding: 0;}
.mg10 { margin: 10px; padding: 0;}

.fs08 { font-size: 0.8em;}
.fs09 { font-size: 0.9em;}
.fs10 { font-size: 1.0em;}
.fs12 { font-size: 1.2em;}
.fs14 { font-size: 1.4em;}
.fs16 { font-size: 1.6em;}
.fs18 { font-size: 1.8em;}
.fs20 { font-size: 2.0em;}

.f09F { color: #09F;}
.fFF0 { color: #FF0;}
.fF00 { color: #F00;}
.fC00 { color: #C00;}
.f090 { color: #090;}

#img-con00 { margin: 0 auto; padding: 0; width: 800px; position: relative;}
#img-con01 { margin: 0; padding: 0; width: 180px; height: 200px; top: 0; left: 650px; position: absolute; overflow: hidden;}
#img-con02 { margin: 0; padding: 0; width: 300px; height: 300px; top: -80px; left: 500px; position: absolute; overflow: hidden;}
#img-con03 { margin: 0; padding: 0; width: 300px; height: 150px; top: -10px; left: 450px; position: absolute; overflow: hidden;}
#img-con04 { margin: 0; padding: 0; width: 320px; height: 320px; top: -80px; left: 500px; position: absolute; overflow: hidden;}
#img-con05 { margin: 0; padding: 0; width: 400px; height: 350px; top: -200px; left: 460px; position: absolute; overflow: hidden;}




/* main */
body#main h1 { margin: 0 auto; padding: 0; text-indent: -9999px; width: 800px; height: 80px; background: url(../img/logo-w.png) 20px 20px no-repeat; position: relative;}

#main-con { margin: 0 auto; padding: 0; width: 800px; text-align: left; }

#abimg { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 200px; background: url(../img/ab02.png) 50px 40px no-repeat;}
#abimg ul { display: none;}

#inqimg { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 200px; background: url(../img/inq.png) 50px 60px no-repeat;}

.img-con { margin: 10px 0 20px 50px; padding: 0;}
.img-con img { margin: 0 10px 10px 0; padding: 0; border: none;}

p#footer { margin: 0; padding: 10px 0 20px; font-size: 10px; color: #666;}



/* menu */

#menu { margin: 0; padding: 0 0 50px 0; width: 200px; float: left;}
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu ul li a { margin: 0; padding: 0 0 0 20px;}

.ab #menu li#ab a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.wf #menu li#wf a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.pd #menu li#pd a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.cg #menu li#cg a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.pp #menu li#pp a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.sm #menu li#sm a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.cp #menu li#cp a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}
.rt #menu li#rt a { list-style: none; background: url(../img/arw04.png) 0 4px no-repeat;}

#menu li#lgg a { list-style: none; background: url(../img/nflag.gif) 0 2px no-repeat;}

p#plist { margin: 10px auto 30px; padding: 0; width: 800px; text-align: left; font-size: 0.8em;}
p#plist a { margin: 0 10px; padding: 0; color: #09F; text-decoration: none;}
p#plist a:hover { color: #C00; text-decoration: none;}
p#plist a.tt { color: #C00;}



/* right */
#right { margin: 0 auto; padding: 0 0 50px 0; width: 600px; float: right;}

.ab #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-ab.png) 0 0 no-repeat;}
.wf #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-wf.png) 0 0 no-repeat;}
.pd #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-pd.png) 0 0 no-repeat;}
.cg #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-cg.png) 0 0 no-repeat;}
.pp #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-pp.png) 0 0 no-repeat;}
.sm #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-sm.png) 0 0 no-repeat;}
.cp #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-cp.png) 0 0 no-repeat;}
.rt #right h4 { margin: 0; padding: 0; text-indent: -9999px; width: 600px; height: 60px; background: url(../img/tt-rt.png) 0 0 no-repeat;}



/* PD */

h5 { margin: 40px 0 10px; padding: 0 0 0 20px; font-size: 1.6em; font-weight: normal; background: url(../img/sq01.png) 0 0 no-repeat;}

.spcon ul { margin: 0px 0px 40px 10px; padding: 0;}
.spcon li { margin: 0px; padding: 0px 0px 0px 20px; list-style: none; background: url(../img/arw01.png) 0 5px no-repeat;}
.spcon li.litt { margin: 10px 0; padding: 0px; list-style: none; background: none;}
.spcon li.liexp { margin: 0px; padding: 0px 0px 0px 20px; list-style: none; background: url(../img/arw04.png) 0 5px no-repeat;}
.spcon li.lino { margin: 10px 0; padding: 0px; background: none; list-style: none; float: right;}
.spcon li.lino2 { margin: 10px 0px 0px 20px; padding: 0px; background: none; list-style: none;}

#bg01 { width: 580px; background: url(../img/smpl-bg01.png) right 20px no-repeat;}
#bg02 { width: 580px; background: url(../img/smpl-bg02.png) right 0 no-repeat;}
#bg03 { width: 580px; background: url(../img/svp-chat.gif) right 20px no-repeat;}