/* css set */

html{
  height:100%;
}

body{
  margin:0;
  padding:0;
  height:100%;
  font-size:80%;
  color:#333333;
  background-image:url(wall.gif);
}

a img{
  border:none;
}

.ri{
  text-align:right;
}

.cen{
  text-align:center;
}

#outline{
  margin:0 auto;
  padding:0;
  width:800px;
  height:100%;
  min-height:100%;
  position:relative;
  border:solid #666666;
  border-width:0 1px;
  background-color:#ffffff;
}

body > #outline{
  height:auto;
}

* html div#outline{
  height:100%;
}

#oksurl{
  margin:0;
  padding:1px 0 0;
  width:100%;
  font-size:85%;
  text-align:right;
  background-color:#a8d1fb;
}

#fsh{
  margin:0 0 3px;
}

#header-l{
  margin:10px 0 0 10px;
  padding:0;
  float:left;
}

#header-l img{
  width:4px;
  height:74px;
}

#header-l a img{
  width:230px;
  height:76px;
}

h1{
  margin:15px 0 0 10px;
  padding:0;
  float:left;
  width:360px;
  color:#0088e3;
  font-size:100%;
  line-height:1.2em;
}

#header-r{
  margin:12px 0 0;
  padding:0;
  clear:right;
}

#header-r img{
  margin-right:5px;
  width:4px;
  height:74px;
}

#header-r a img{
  margin:0;
  width:75px;
  height:50px;
}

#header{
  margin:0 0 2px;
  padding:0;
  width:100%;
  height:30px;
  border-top:solid 5px #0099ff;
  border-bottom:solid 3px #a8d1fb;
}

#header:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

#header ul{
  margin:0 1px;
  padding:0;
  width:798px;
  list-style-type:none;
}

#header li{
  margin:0;
  padding:0;
  float:left;
  width:114px;
  height:26px;
}

#header li img{
  width:114px;
  height:26px;
}

div#content{
  margin:0;
  padding:0 0 50px;
  width:100%;
}

#content:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

#contents{
  margin:0;
  padding:3px 0 0 5px;
  height:1.2em;
  border-top:solid 3px #0099ff;
  border-bottom:solid 1px #666666;
  color:#333333;
  font-size:85%;
  background:#a8d1fb;
}

#contents div,
#footer div{
  font-size:90%;
}

#menu{
  margin:20px 0 0;
  padding:0 0 50px;
  float:left;
  width:180px;
}

#menu p a img{
  margin-left:6px;
  width:174px;
  height:52px;
}

#menu p a img:hover{
  position:relative;
  top:1px;
  left:1px;
}

#main{
  margin:20px 0 0 20px;
  padding:0 0 50px 0;
  float:left;
  width:580px;
}

#footer{
  margin:0;
  padding:12px 0 0;
  bottom:0px;
  position:absolute;
  width:100%;
  height:70px;
  border-top:solid 1px #666666;
  font-size:85%;
  text-align:center;
  line-height:1.2em;
  background-color:#bcbcbc;
}

#contents a:link,
#contents a:visited,
#contents a:active,
#footer a:link,
#footer a:visited,
#footer a:active,
.l-h a:link,
.l-h a:visited,
.l-h a:active{
  color:#333333;
  text-decoration:none;
}

#contents a:hover,
#footer a:hover{
  color:#333333;
  text-decoration:underline;
}

/* index */
#top-menu{
  margin:30px 0 0;
  padding:0 0 50px;
  float:left;
  width:250px;
  color:#0080ff;
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
}


#top-menu p{
  margin:30px 0 0;
}


#top-menu iframe{
  width:240px;
  height:120px;
}

#top-main{
  margin:25px 0 0 10px;
  padding:0 0 50px 0;
  float:left;
  width:535px;
}

#top-bar{
  margin:0 0 0 3px;
  padding:0;
  width:500px;
  height:32px;
  font-size:1.3em;
  background-image:url(topbar.gif);
}

#top-bar strong{
  margin:0 0 0 25px;
  padding:0;
}

.dx{
  margin:20px 0 0 1px;
  padding:0;
}

.dx img{
  width:503px;
  height:35px;
}

/* info */
#info-main p{
  margin-left:10px;
  padding:0 30px 0 0;
  font-size:120%;
  text-indent:1em;
}

/* info_philosophy _privacy */
ul{
  line-height:1.3em;
}

ul#fon{
  font-size:1.3em;
}

ul li{
  margin:0 25px 0 0;
}

ul#maaak{
  list-style-image:url(mark04.gif);
}

/* info_recruit */
#bosyu{
  font-size:1.4em;
  font-weight:bold;
  color:#0080ff;
  text-align:center;
}

/* info_privacy contact */
p#ml20{
  margin-left:20px;
}

p#mr25{
  margin-right:25px;
  text-align:right;
}

/* system_step hp_step */
h2{
  margin:10px 0 0;
  padding:0;
  color:#0080ff;
  font-size:1.3em;
}

.step-f{
  margin-top:10px;
  margin-left:15px;
  color:#336699;
  font-size:1.3em;
  font-weight:bold;
}

.pl30{
  margin:0 0 10px;
  padding:0 0 0 30px;
  line-height:1.7em;
}

div.pl30 img{
  margin-right:2px;
  margin-left:10px;
  width:12px;
  height:12px;
}

.pl30 span{
  text-decoration:underline;
}

.pl30 strong{
  color:#336699;
  font-size:90%;
}

/* hp_plan */
#hpup{
  color:#5f5faf;
  font-weight:bold;
  text-align:center;
}

p.cen strong{
  font-size:14pt;
  vertical-align:super;
}

.okskun{
  margin-top:20px;
}

.okskun img{
  width:550px;
  height:50px;
}

/* hp_sample */
#hp-sample{
  margin:0;
  padding:20px 0 0 100px;
}

/* works_list */
p.cen span{
  color:#008080;
}

/* faq */
#tea{
  color:#5f5faf;
  font-size:1.3em;
}

.qq{
  margin:15px 0;
  padding:2px;
  width:540px;
  color:#535353;
  font-size:1.3em;
  font-weight:bold;
  border:solid #ff99ff;
  border-width:2px 0 2px 20px;
}

.l-h{
  color:#454545;
  line-height:1.7em;
}

.l-h img{
  margin:2px 5px 2px 0;
  width:10px;
  height:6px;
}

.l-h a:hover{
  color:#5f5faf;
  text-decoration:none;
}

.tree{
  margin:0 0 5px 30px;
  width:500px;
  display:none;
  font-weight:normal;
}

/* sitemap */
#wide{
  margin:30px 35px 0;
  padding:0 0 50px;
  width:730px;
  text-align:center;
}

.category{
  margin:30px 0 0;
  padding:0;
  float:left;
  width:230px;
  height:230px;
  color:#0080ff;
  text-align:center;
  line-height:1.5em;
}

.category a img{
  width:140px;
  height:119px;
}

.category a:link,
.category a:visited,
.category a:active{
  color:#0080ff;
  text-decoration:none;
}

.category a:hover{
  color:#0080ff;
  text-decoration:underline;
}

/* updata */
#update{
  margin:0;
  padding:5px 0 0 5px;
  background-image:url(oks_bg02.gif);
}

/* finish */
#sent{
  margin:0;
  padding:20px 0 0;
  text-align:center;
}

#sent span{
  color:#ea002f;
  font-size:1.3em;
  font-weight:bold;
}

div#sent div img{
  width:17px;
  height:11px;
}