/* Edited with EditCSS */
/**** LINK-tag style sheet styles-site.css ****/

*{
margin:0;
padding:0
}
img {border:0px}
html{
width:100%;
background-color:#000000;
margin:0px;
padding:0px;
}
body{
width:766px;
height:100%;
margin:auto;
text-align:center;
  font-style:normal;
  font-family:
    "メイリオ",
    Meiryo,
    "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro W3",
    Osaka,
    "ＭＳ Ｐゴシック",
    "MS P Gothic",
    sans-serif;

}
#header{
width:766px;
height:348px;
background-image:url(images/title_slogan.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#naokiheader{
width:766px;
height:348px;
background-image:url(images/title_naoki.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#classheader{
width:766px;
height:348px;
background-image:url(images/title_class.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#schoolheader{
width:766px;
height:348px;
background-image:url(images/title_school.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#mediaheader{
width:766px;
height:348px;
background-image:url(images/title_media.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#workheader{
width:766px;
height:348px;
background-image:url(images/title_job.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#recheader{
width:766px;
height:348px;
background-image:url(images/title_rec.jpg);
background-repeat:no-repeat;
background-position:0 57px;
text-align:left;
}

#footer{
height:31px;
background-color:#262525;

font-size:11px;
color:#9c9c9c;
padding:20px 0 20px 30px;
text-align:left
}
.menu{
background-image:url(images/menu_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
display:block;
width:728px;
list-style-type:none;
padding:0 0 0 38px;
}
.menu li{
display:inline
}
#footer div{float:left}


.bottom_menu{

margin-left:180px;
}

.bottom_menu a{

font-size:11px;
color:#9c9c9c;
text-decoration:none;


}
#footer li {
display:block;
float:left;
padding:0 7px 2px 7px;

}
.copy{
padding:7px 20px 7px 20px;
margin:0 20px 0 0 

}
.copy a{

font-size:11px;
color:#9c9c9c;
text-decoration:none;
}
.copy a:link{text-decoration:none}
.copy a:visited{text-decoration:none;}
.copy a:hover{text-decoration:none}
.bottom_menu{

margin:0 20px 0 20px 0;
padding:7px 0 7px 20px
}
.small_title{
font-size:12px;
color:#af0e0e;
font-weight:bold;
padding:20px 0 10px 0
}
.arrow{
padding:0 0 0 0px;
width:135px;
background-image:url(images/arrow.gif);
background-position:0px 4px;
background-repeat:no-repeat
}
#content{
padding:10px 0 0 13px;
margin:10px 0 40px 0;
text-align:left;

font-size:11px;
color:#d2d1c6;
height:250px;
}


.naokimain{
width:700px;
text-align:left;
padding-bottom:30px;
padding-left:20px;
font-size:12px;
}

.naokimain h2{
height:10px;

border-bottom:solid 1px;
border-left:solid 1px;
padding:8px 0 22px 20px;
text-align:left;

margin-bottom:25px
}

.naokimain a{
color:#d2d1c6;
}

.column{
background-image:url(images/dash.gif);
background-position:top right;
background-repeat:repeat-y;
width:195px;
text-align:left;
padding:0 30px 0 35px;
float:left
}

.column a{
color:#d2d1c6;
}

.column a:hover{
color:#ff0000;
}

.column2 a{
color:#d2d1c6;
}

.column2 a:hover{
color:#ff0000;
}


.readmore{
text-align:right;
margin:16px 0px 0 0 
}
.readmore a{

font-size:12px;
color:#af0e0e;
font-weight:bold;
text-decoration:none;
}
.column2{
width:140px;
text-align:left;
padding:0 30px 0 35px;
float:left
}
.column2 img{margin:7px 0 14px 0}
.column img{margin:14px 0 14px 0}