/* CSS Document */

@import url("base.css");

body { margin: 0 auto; padding: 0; text-align: center; color: #FFF; font-size: 13px; font-family:"Meiryo", sans-serif; background: #000;}

a { color: #0C0; text-decoration: underline;}
a:hover { color: #FF0; text-decoration: underline;}
h1 {font-size: 13px; color: #FFF; margin: 0; padding: 0; text-indent: -420px;}

#center { margin: 0 auto; padding: 0; width: 910px; text-align: center; background: url(../img/bg-main.gif) center 0 repeat-y; position: relative;}

/* header */
#center #header { margin: 0 auto; padding: 0; width: 900px; height: 90px; background:url(../img/haeder.png) 0 0 no-repeat;}
#center #top-img { margin: 0 auto; padding: 0; width: 900px; height: 200px; background:url(../img/top-img.png) 0 0 no-repeat;}
#center .line-hd { margin: 0 auto; padding: 0; width: 900px; height: 10px; background:url(../img/line02.gif);}



/* menu */

#center #menu-con { margin: 0 auto; padding: 0; width: 900px;}

#center ul#menu { margin: 0; padding: 0; overflow: hidden; width: 900px; height: 60px; list-style: none; position: relative; float: left;}
#center ul#menu li a {font-size: 20px; color: #FFF;  margin: 0; padding: 0; overflow: hidden; text-indent: 0px; position: absolute; text-decoration: none; top: 0px; width: 900px; height: 60px;}

#center ul#menu li#top a { background: url(../img/btn-01.png) no-repeat 0 0; left: 0px;}
#center ul#menu li#sp a { background: url(../img/btn-02.png) no-repeat 0 0; left: 225px;}
#center ul#menu li#rc a { background: url(../img/btn-03.png) no-repeat 0 0; left: 450px;}
#center ul#menu li#iq a { background: url(../img/btn-04.png) no-repeat 0 0; left: 675px;}

#center ul#menu li#top a:hover { background-position: 0px -60px;}
#center ul#menu li#sp a:hover { background-position: 0px -60px;}
#center ul#menu li#rc a:hover { background-position: 0px -60px;}
#center ul#menu li#iq a:hover { background-position: 0px -60px;}

body#bdtop #center ul#menu li#top a { background-position: 0 -120px;}
body#bdsp #center ul#menu li#sp a { background-position: 0 -120px;}
body#bdrc #center ul#menu li#rc a { background-position: 0 -120px;}


/* menu shop */

#center ul#menu-sp { margin: 0; padding: 0; overflow: hidden; width: 700px; height: 60px; list-style: none; position: relative;}
#center ul#menu-sp li a {font-size: 20px; color: #FFF;  margin: 0; padding: 0; overflow: hidden; text-indent: 0px; position: absolute; text-decoration: none; top: 0px; width: 233px; height: 40px;}

#center ul#menu-sp li#kg a { background: url(../img/btn-kg.png) no-repeat 0 0; left: 0px;}
#center ul#menu-sp li#om a { background: url(../img/btn-om.png) no-repeat 0 0; left: 233px;}
#center ul#menu-sp li#kk a { background: url(../img/btn-kk.png) no-repeat 0 0; left: 466px;}

#center ul#menu-sp li#kg a:hover { background-position: 0px -40px;}
#center ul#menu-sp li#om a:hover { background-position: 0px -40px;}
#center ul#menu-sp li#kk a:hover { background-position: 0px -40px;}

body.kg #center ul#menu-sp li#kg a { background-position: 0 -80px;}
body.om #center ul#menu-sp li#om a { background-position: 0 -80px;}
body.kk #center ul#menu-sp li#kk a { background-position: 0 -80px;}




/* main */

body #center #main { margin: 0 auto; padding: 0; width: 900px; text-align: center;}

body #center #main #main-con { margin: 20px auto 100px; width: 700px; text-align: left;}

body #center #main h3 { margin: 10px 0 15px; padding: 5px 10px; color: #CCC; font-size: 14px; font-weight: normal; border-left: #603 10px solid;}
body #center #main h4 { margin: 10px 0 0 0; padding: 0; color: #CCC; font-size: 14px; font-weight: normal;}

/* top */
body#bdtop #center #main h2 { margin: 0 0 10px 0; padding: 0; font-size: 17px; color: #CC9;}
body#bdtop #center #main p { margin: 0; padding: 0; line-height: 200%;}


/* shop */
body#bdsp #center #main h2#txt01 {font-size: 20px; color: #FFF;  margin:20px 0 0 0; padding: 0; text-indent: 0px; width: 700px; height: 50px; background: url(../img/sp-txt01.png) 0 0 no-repeat;}
body#bdsp #center #main p#txt02 {font-size: 20px; color: #FFF;  margin: 0 0 20px 0; padding: 0; text-indent: 0px; width: 700px; height: 20px; background: url(../img/sp-txt02.png) 0 0 no-repeat;}

body#bdsp #center #main h2#tt01 {font-size: 20px; color: #FFF;  margin: 0; padding: 0; text-indent: 0px; width: 700px; height: 50px; background: url(../img/sp-tt01.png) 0 0 no-repeat;}
body#bdsp #center #main h2#tt02 {font-size: 20px; color: #FFF;  margin: 0; padding: 0; text-indent: 0px; width: 700px; height: 50px; background: url(../img/sp-tt02.png) 0 0 no-repeat;}
body#bdsp #center #main h2#tt03 {font-size: 20px; color: #FFF;  margin: 0; padding: 0; text-indent: 0px; width: 700px; height: 50px; background: url(../img/sp-tt03.png) 0 0 no-repeat;}

body#bdsp #center #main .fltl p { margin: 0 0 5px 0; padding: 0;}
body#bdsp #center #main .fltl ul { margin: 20px 0 10px 10px; padding: 0;}

body#bdsp #center #main .blog { background: url(../img/sp-txtblog.gif) 0 0 no-repeat;}
body#bdsp #center #main .blog p { margin: 5px 0 0 60px; padding: 0;}
body#bdsp #center #main .blog ul { margin: 10px 0 10px 10px; padding: 0;}



/* recruit */
body#bdrc #center #main h2 {font-size: 20px; color: #FFF;  margin: 20px 0 10px; padding: 0; text-indent: 0px; width: 360px; height: 50px;}
body#bdrc #center #main h2#tt01 { background: url(../img/rc-tt01.gif) 0 0 no-repeat;}
body#bdrc #center #main h2#tt02 { background: url(../img/rc-tt02.gif) 0 0 no-repeat;}
body#bdrc #center #main h2#tt03 { background: url(../img/rc-tt03.gif) 0 0 no-repeat;}

body#bdrc #center #main strong { font-size: 17px; color: #0F0;}

body#bdrc #center #main #rc-bg { margin: 0 0 10px 0; padding: 0; float: left; width: 250px; height: 680px; background: url(../img/rc-img01.png) 0 0 no-repeat; text-indent: -9999px;}

body#bdrc #center #main table { background: #050;}
body#bdrc #center #main table th { background: #030; width: 15%; font-size: 13px; text-align: center; color: #CCC;}
body#bdrc #center #main table td { background: #222; width: 85%; font-size: 13px;}

body#bdrc #center #main dl { margin: 20px 0;} 
body#bdrc #center #main dt { margin: 20px 0 10px; font-size: 17px; color: #0F0;}
body#bdrc #center #main dd { margin:0 0 20px;}

/* footer */

#center #footer { margin: 0 auto; padding: 0; width: 900px; height: 100px; background: url(../img/footer.png) 0 0 repeat-x;}


#center #footer #ft {font-size: 20px; color: #FFF;  margin: 0 auto; padding: 0; text-indent: 0px;}
#center #footer p { margin: 20px 10px 0 0; padding: 0; color: #CC9; font-size: 10px; text-align: right;}