/*  css document */
@charset "shift_jis";

/* common */
body{
font-family:Arial,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif ;
}
html,body{
background-color:#FFFFFF;
margin:0px auto;
text-align:center;
color:#666666;
min-height: 100%
height:auto;
}
h1{
margin:0px 0px 10px 10px;
padding:0px;
color:#666666;
font-size:10px;
font-weight:normal;
text-align:left;
width:920px;
}
img{
border:none;
}
ul,ol {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}


/* box */
div#mainbox{
margin:0px auto;
text-align:center;
padding:0px 40px;
width:920px;
background-image:url(../images/base/bbg2.gif);
background-repeat:repeat-y;
height:auto;
min-height: 100%
}
div#mainboxc{
margin:0px auto;
text-align:center;
padding:0px 40px;
width:920px;
background-image:url(../images/base/bbg2.gif);
background-repeat:repeat-y;
height:auto;
min-height: 100%
}

div#mainbox2{
margin:0px auto;
text-align:center;
padding:0px 0px;
width:920px;
}
p{
margin:0px;
padding:0px;
clear:both;
}


div#colLeft {
	float:left;
	margin-top:10px;
	width:690px;
	background-color:#ffffff;

}
div#colRight {
	float:right;
	margin-top:3px;
	width:200px;
	background-color:#ffffff;

}





/* TOP HEADER */
div#headbox{
width:920px;
height:170px;
margin:10px 0px 0px 0px;
padding:0px;
}

div#logo{
margin:0px 0px 0px 15px;
padding:0px;
width:340px;
height:97px;
float:left;
}
div#title{
width:500px;
height:50px;
margin:0px 0px 5px 30px;
padding:0px;
float:left;
}


.alt{ display:none; }

/* TOP */
div#topbox{
width:920px;
margin:0px;
padding:0px;
}
div#topimg{
margin:0px;
padding:0px;
width:920px;
height:700px;
clear:both;
}

/* leftbox */
div#leftbox{
width:890px;
margin:0px 10px 0px 0px;
_margin:0px 5px 0px 0px;
padding:5px;
float:left;
}




div#rleftbox{
width:680px;
margin:0px 10px 0px 10px;
float:left;
}
div#rleftbox .bar{
background-repeat:no-repeat;
margin:0px 0px 5px 0px;
padding:0px;
height:41px;
}

div#rleftbox2{
width:680px;
margin:0px 10px 0px 0px;
_margin:0px 5px 0px 0px;
padding:10px;
float:left;
}


div#rrightbox{
width:180px;
margin:10px 0px 0px 0px;
float:right;
text-align:left;
}
div#rrightbox .bar{
margin:20px 0px 5px 0px;
padding:0px;
}
div#rrightbox p{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-align:right;
margin:0px;
padding:0px;
}
div#rrightbox p a{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:underline;
}
div#rrightbox p a:hover{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:none;
}


div#rrightbox2{
width:180px;
margin:0px 0px 0px 0px;
float:right;
text-align:left;
}
div#rrightbox2 .bar{
margin:0px 0px 5px 0px;
padding:0px;
}
div#rrightbox2 p{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-align:right;
margin:0px;
padding:0px;
}
div#rrightbox2 p a{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:underline;
}
div#rrightbox2 p a:hover{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:none;
}


div#toprbox{
width:200px;
margin:10px 10px 10px 0px;
float:right;
}



div#what{
width:445px;
background-image:url(../images/top/wh.gif);
background-position:top;
background-repeat:no-repeat;
height:200px;
border:1px #CCCCCC solid;
padding:0px;
margin:20px 0px 0px 0px;
float:left;
}
*div#what{
width:445px;
background-image:url(../images/top/wh.gif);
background-position:top;
background-repeat:no-repeat;
height:200px;
border:1px #CCCCCC solid;
padding:0px;
margin:20px 10px 0px 0px;
float:left;
}
*:first-child+html #what{
width:445px;
background-image:url(../images/top/wh.gif);
background-position:top;
background-repeat:no-repeat;
height:200px;
border:1px #CCCCCC solid;
padding:0px;
margin:20px 0px 0px 0px;
float:left;
}







div#whatichi{
width:35px;
height:13px;
margin:5px;
float:right;
padding:0px;
}
div#what ul{
padding:60px 10px 10px 0px;
text-align:left;
margin:10px;
padding:0px;
}
*div#what ul{
padding:60px 10px 10px 0px;
text-align:left;
margin:30px 10px 10px 0px;
padding:0px;
}
*:first-child+html #what ul{
padding:60px 10px 10px 0px;
text-align:left;
margin:30px 10px 10px 0px;
padding:0px;
}

div#what li{
color:#666666;
font-size:10px;
line-height:180%;
letter-spacing:0.1em;
}
div#what li a{
color:#666666;
font-size:10px;
text-decoration:none;
}
div#what li a:hover{
color:#ccc;
font-size:10px;
text-decoration:none;
}
*div#what li{
color:#666666;
font-size:75%;
line-height:180%;
letter-spacing:0.1em;
}
*div#what li a{
color:#666666;
font-size:75%;
text-decoration:none;
}
*div#what li a:hover{
color:#ccc;
font-size:75%;
text-decoration:none;
}
*:first-child+html div#what li{
color:#666666;
font-size:75%;
line-height:180%;
letter-spacing:0.1em;
}
*:first-child+html div#what li a{
color:#666666;
font-size:75%;
text-decoration:none;
}
*:first-child+html div#what li a:hover{
color:#ccc;
font-size:75%;
text-decoration:none;
}


/* index */

div.hdr {
	width:920px;
	float:left;
	height:60px;
	padding:0px;
	margin:0px;
}

/* NAVI */
/* nav01 */
#hnv00 a{ display: block; width:184px; height:50px; margin-right:0px; float:left;}
#hnv00 a#hnv00li{ background: url("../images/btn/nav01/top.gif") 0 0;}
#hnv00 a#hnv00li:hover{ background: url("../images/btn/nav01/top.gif") 0px 50px;}
#hnv00 a#hnv00sel{ background: url("../images/btn/nav01/top.gif") 0px 50px;}

#hnv01 a{ display: block; width:184px; height:50px; margin-right:0px; float:left;}
#hnv01 a#hnv01li{ background: url("../images/btn/nav01/message.gif") 0 0;}
#hnv01 a#hnv01li:hover{ background: url("../images/btn/nav01/message.gif") 0px 50px;}
#hnv01 a#hnv01sel{ background: url("../images/btn/nav01/message.gif") 0px 50px;}

#hnv02 a{ display: block; width:184px; height:50px; margin-right:0px; float:left;}
#hnv02 a#hnv02li{ background: url("../images/btn/nav01/corp.gif") 0 0;}
#hnv02 a#hnv02li:hover{ background: url("../images/btn/nav01/corp.gif") 0px 50px;}
#hnv02 a#hnv02sel{ background: url("../images/head/btn/corp.gif") 0px 50px;}

#hnv03 a{ display: block; width:184px; height:50px; margin-right:0px; float:left;}
#hnv03 a#hnv03li{ background: url("../images/btn/nav01/brand.gif") 0 0;}
#hnv03 a#hnv03li:hover{ background: url("../images/btn/nav01/brand.gif") 0px 50px;}
#hnv03 a#hnv03sel{ background: url("../images/btn/nav01/brand.gif") 0px 50px;}

#hnv04 a{ display: block; width:184px; height:50px; margin-right:0px; float:left;}
#hnv04 a#hnv04li{ background: url("../images/btn/nav01/form.gif") 0 0;}
#hnv04 a#hnv04li:hover{ background: url("../images/btn/nav01/form.gif") 0px 50px;}
#hnv04 a#hnv04sel{ background: url("../images/btn/nav01/form.gif") 0px 50px;}

div#top{
margin:0px;
padding:0px;
width:920px;
height:250px;
clear:both;
}


div#top2{
margin:0px;
padding:0px;
width:920px;
clear:both;
}


div#infoimg{
margin:0px;
padding:30px 0px 0px 0px;
width:680px;
clear:both;
}


/* school */

div#schoolimg{
margin:0px;
padding:0px;
width:680px;
clear:both;
}

/* school2 */

div#schooltex{
margin:0px;
padding:0px;
width:680px;
float:left;
text-align:left;
}

/* gallery */

div#reservetex{
margin:0px;
padding:0px;
width:680px;
float:left;
text-align:left;
}




/* FOOTER */

div#footbox{
width:920px;
height:auto;
font-size:10px;
color:#666;
margin:10px auto 0px 10px;
padding:0px;
text-align:left;
}
div#footbox ul{
width:920px;
text-align:left;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}
div#footbox li{
float:left;
text-align:left;
width:auto;
letter-spacing:0.1em;
margin:10px 2px;
}
div#footbox li a{
float:left;
letter-spacing:0.1em;
color:#666;
text-decoration:none;
}
div#footbox li a:hover{
float:left;
letter-spacing:0.1em;
color:#ccc;
text-decoration:none;
}
div#copy{
width:920px;
text-align:left;
margin:0px;
padding:3px 5px;
}

/* common */
div#contbox{
width:920px;
height:auto;
margin:5px 0px;
padding:0px;
}
div#pan{
font-size:10px;
letter-spacing:0.1em;
clear:both;
margin:10px 10px 0px 10px;
padding:0px;
}
div#pan ul{
list-style:none;
padding:0px;
margin:0px;
}
div#pan li{
margin:0px 5px;
float:left;
padding:0px;
}
div#pan li a{
text-decoration:none;
color:#666;
float:left;
}
div#pan li a:hover{
text-decoration:none;
color:#ccc;
float:left;
}

/* txt */
.txt01{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt01 a{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt01 a:hover{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}

.txt02{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt02 a{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:underline;
}
.txt02 a:hover{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt02b{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
font-weight:bold;
}

.txt03{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt03 a{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:underline;
}
.txt03 a:hover{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt03b{
font-size:12px;
color:#666666;
line-height:160%;
letter-spacing:0.1px;
font-weight:bold;
}
.doc2 {
font-size:small;
line-height:1.8em;
}
letter-spacing:0.1px;
}