@charset "utf-8";

/* update : 080912 */

/*------------------------------
    Reset
-------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{
    margin:0;
    padding:0;
    }
table{
    border-collapse:collapse;
    border-spacing:0;
    }
fieldset,img{
    border:none;
    }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
    }
ul li{
    list-style:none;
    }
ol li{
    list-style-position:inside;
    }
caption,th{
    text-align:left;
    }
q:before,q:after{
    content:”;
    }
abbr,acronym{
    border:0;
    }

/*------------------------------
    hide elements
-------------------------------*/
#skip,
.pageTop,
#headerNavi,
#naviArea,
#globalNavi,
#loginBox,
#map{
    display:none;   
    }
    

/*------------------------------
    Color
-------------------------------*/
.caution{
    color:#000;
    font-weight:bold;
    }
/*------------------------------
    title
-------------------------------*/
.searchTitle{
    background:#442e23;
    clear:both;
    }
.searchTitle img{
    margin:5px 0 0 10px;
    }

html{
    background:#fff;
    }
body{
    font:12pt/1.4 "ＭＳ Ｐ柾水ﾂ, "骨6署・・, "ヒラギノ柾水ﾀPro W3", "メイリオ", serif;
    color:#000;
    background:#fff;
    width:100%;
    }
head+body{
    width: 165mm;
    max-width: 100%;
    min-width: 90%;
    margin: 0 auto;
    }
p,
dt,dd,
th,td,
li{
    line-height:1.6;
    }
/* link color */
a{
    color:#333;
    }
/* selector */
h1{
    font-size:14pt;
    margin:0;
    padding:0;
    }
h2{
    font-size:13pt;
    }
h3,h4{
    font-size:12pt;
    }
h5,h6{
    font-size:11pt;
    }
/*------------------------------
    header
-------------------------------*/
div#headerArea{
    text-align:center;
    border-top:none;    
    }
div#header{
    text-align:left;
    position:relative;
    top:0;
    left:0;
    width:924px;
    margin:0 auto;
    zoom:1;/*for IE 5.5-7*/
    }
div#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
/* logo */
#logo{
    float:left;
    width:150px;
    height:70px;
    margin-right:10px;
    }
/*------------------------------
    contents
-------------------------------*/
div#contentsArea{
    clear:both;
    text-align:center;
    position:relative;
    top:-10px;
    left:0;
    padding-bottom:12px;
    background:url(../images/bodyBottom.png) no-repeat bottom center;
    /* center bug IE6,IE7,FF -> body */
    }
#contents{
    width:899px;
    background:url(../images/bodyBg.png) repeat-y top center;
    margin:0 auto;
    text-align:left;
    padding:10px 10px 10px 15px;
    zoom:1;/*for IE 5.5-7*/
    }
div#contents:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
    }
/* left  [menu] */
#menu{
    width:180px;
    border-top:5px solid #605444;
    border-bottom:5px solid #605444;
    float:left;
    margin-right:8px;
    }
/* category */
#menu dl dd{
    background:url(../images/menuBg.jpg) repeat-x bottom left;
    height:30px;
    line-height:30px;
    padding:0 5px;
    font-size:108%;
    }
* html #menu dl dd{
    margin-top:5px;
    height:25px;
    }/* for IE6 */
#menu dl dd img{
    margin-right:5px;
    }
/* news */
#menu div{
    margin:5px auto;
    background:url(../images/bonbonLine.gif) no-repeat bottom left;
    }
#menu div div{
    font-size:85%;/* or 93 */
    padding:5px;    
    }
#menu div div p{
    margin:3px auto;
    }

/* center  [main] */
#main{
    width:478px;
    float:left;
    }
/* sort search */
#goal,#sort{
    width:468px;
    padding:10px 5px;
    }
#goal img,#sort img{
    margin-left:5px;
    }
    
/* right  [principal] */
#principal{
    float:right;
    width:225px;
    margin-left:8px;
    overflow:hidden;
    zoom:1;/*for IE 5.5-7*/
    }
#principal:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
    }

/* teacher */
#principal .teacher{
    margin:5px 0;
    width:225px;
    background:url(../images/frameBorder.gif) repeat-y;
    border-bottom:5px solid #452f24;
    font-size:93%;
    }
.introduce{
    border-bottom:1px dotted #cccc9f;
    width:195px;
    min-height:80px;
    clear:both;
    margin:3px auto;
    zoom:1;/*for IE 5.5-7*/
    }
.introduce:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.introduce h4{
    font-size:100%;
    margin:3px auto;
    }
.introduce img{
    padding-bottom:2px;
    width:80px;
    height:80px;
    float:right;
    margin:3px 0 3px 5px;
    }
.introduce img.photoLayout{
    float:left;
    margin:3px 6px 3px 0;
    }/* ﾊ真り給磯"・・・・桙・・p */
.introduce .review img{
    float:left;
    margin-left:5px;
    width:11px;
    height:11px;
    }
/*------------------------------
    footer
-------------------------------*/
div#footerArea{
    clear:both;
    border-bottom:none;
    text-align:center;
    }
#footer{
    width:904px;
    margin:0 auto;
    text-align:right;
    }
#footer li{
    float:left;
    padding:3px 0 3px 15px;
    font-size:85%;
    }
#footer address{
    text-align:center;
    font-size:93%;
    clear:both;
    position:relative;
    left:0;
    top:20px;
    }