html,body { 
	height:100%;width: 100%;
	font-family:  'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Lucida Grande', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Geneva', 'Arial', 'Verdana, sans-serif';
}

/*common*/
p{margin: 0px;}

a{
	font-weight: normal;
	color: #597FBC;
	text-decoration: none;
}
a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

a#arrow_right,a#arrow_map
{
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	text-indent: -5000px;
	position:absolute;
	width: 100px;
	height:100px;
	z-index: 100;
/*	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	background-color: #FF0000;*/
}
a#arrow_right{top: 440px;left: 50px;}

.nextBT{position:absolute;z-index: 50;}
.nextBT img{
	width: 70px;
	height:70px;
	padding: 15px;
}

.typo{
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	text-indent: -5000px;
}
.maintext{
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	text-indent: -5000px;
	position: absolute;
	z-index: 40;
	top: 280px;
	left: 128px;
	width: 500px;
	height:250px;
	background-size:100%;
	background-image: url(../personality/personality0.png);
	background-repeat: no-repeat;
	background-position: left top;
/*
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background-color: #FF0000;
*/
}
.text{
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	position: absolute;
	z-index: 40;
/*
	filter: alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
	background-color: #FF0000;
*/
}
h3{
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

div.h2{	position: absolute;z-index: 100;width: 4%;}
div.h2 img{width: 100%;}

body 
{
	font-size: 12px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	position: relative;
}


img.bgmaximage{
  position:fixed !important;
  display:none;
}
img.bg{
  position:fixed !important;
  display:none;
}

.maincontent
{
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	text-indent: -5000px;
}

/*flashlike*/
.parts01{position: absolute;z-index: 70;}
.parts02{position: absolute;z-index: 20}
.parts03{position: absolute;z-index: 30;}
.parts04{position: absolute;z-index: 40;}
.parts05{position: absolute;z-index: 50;}

.none{display: none;}

/*.homes*/
body.homes .parts01{left: 55%;top: 12%;width: 8.5%;}
body.homes .parts01 img{width: 100%;height: auto;}
body.homes .parts02{left: 5%;top: 5%;width: 5%;}
body.homes .parts02 img{width: 100%;height: auto;}
body.homes .parts03{left: 13.1%;top: 8%;width: 25%;}
body.homes .parts03 img{width: 100%;height: auto;}
body.homes .parts04{left: 47.5%;top: 12%;width: 5%;}
body.homes .parts04 img{width: 100%;height: auto;}
body.homes .parts05{left: 47%;top: 12%;width: 6%;}
body.homes .parts05 img{width: 100%;height: auto;}
body.homes{background-color: #f1f1f1;}

/*.pages*/
body.pages .parts01{right: 40%;top: 15%;width: 8%;}
body.pages .parts01 img{width: 100%;height: auto;}
body.pages .parts02{left: 50px;top: 50px;width: 40px;}
body.pages .parts02 img{width: 100%;height: auto;}
body.pages .parts03{left: 124px;top: 30px;width: 233px;}/**************/
body.pages .parts03 img{width: 100%;height: auto;}
body.pages{background-color: #f1f1f1;}

.cont a{
	position: absolute;
	z-index: 100;
	background-image: url(../png/jewel.png);
	background-repeat: no-repeat;
	background-position: center top;
	filter: alpha(opacity=00);
	-moz-opacity:0.0;
	opacity:0.0;
	/*
	background-color: #FF0000;
*/
}

.cont a:hover,.cont.hit a
{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
/*
	background-color: #FF0000;
*/
}
.cont a:hover{border: 1px solid #999999;}

/**22.6÷6=3.76%**/

/*.homes*/
body.homes .cont a{
	top: 7.5%;
	width: 3%;
	height:38%; min-height: 200px;
	background-size:50%;
}
body.homes .cont#homes a{left: 35.36%;}
body.homes .cont#about a{left: 31.60%;}
body.homes .cont#personality a{left: 27.84%;}
body.homes .cont#learning a{left: 24.08%;}
body.homes .cont#signpost a{left: 20.32%;}
body.homes .cont#admission a{left: 16.56%;}
body.homes .cont#outline a{left: 12.8%;}

/*.pages*/
body.pages .cont a{
	top: 24px;
	width: 30px;
	height:200px;
	background-size:60%;
}
body.pages .cont#homes a{left: 330px;}
body.pages .cont#about a{left: 295px;}
body.pages .cont#personality a{left: 260px;}
body.pages .cont#learning a{left: 225px;}
body.pages .cont#signpost a{left: 190px;}
body.pages .cont#admission a{left: 155px;}
body.pages .cont#outline a{left: 120px;}

/*about*/
.maintext#about1,.maintext#about2{top: 42%;left: 6%;width: 850px;height:250px;}
.maintext#about1{background-image: url(../about/about1.png);}
.maintext#about2{background-image: url(../about/about2.png);}
.maintext#about3{background-image: url(../about/about3.png);}
div#about.h2{top: 30px;left: 82%;width: 10%;}

/*personality*/
.maintext#personality1{background-image: url(../personality/personality1.png);top: 43%;left: 60px;}
.maintext#personality2{background-image: url(../personality/personality2.png);top: 43%;left: 15%;}
.maintext#personality3{background-image: url(../personality/personality3.png);top: 43%;left: 20%;}
.maintext#personality4{background-image: url(../personality/personality4n.png);top: 30%;left: 60%;}
.text#personality1{top: 52%;left: 12%;width: 100%;}
.text#personality1 h2{
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
a#arrow_right.personality,.nextBT.personality{top: 50px;left:480px;}
div#personality.h2{top: 50px;left: 90%;}

/*learning*/
.maintext#learning1{background-image: url(../learning/learning1.png);top: 50px;left: 50%;}
.maintext#learning2{background-image: url(../learning/learning2.png);top: 50px;left: 50%;}
.maintext#learning3{background-image: url(../learning/learning3.png);top: 50px;left: 50%;}
a#arrow_right.learning,.nextBT.learning{top: 55%;left: 47.5%;}
div#learning.h2{top: 50px;left: 85.5%;width: 8%;}
.text#learning2{top: 84%;left: 53.5%;font-size: 12px;line-height: 18px;}
.text#learning3{top: 70%;left: 50px;font-size: 12px;line-height: 18px;}

/*signpost*/
.maintext#signpost1,.maintext#signpost2
{
	top: 10px;
	left: 38%;
	width: 600px;
	height:600px;
}

.maintext#signpost1{background-image: url(../signpost/signpost1.png);}
.maintext#signpost2{background-image: url(../signpost/signpost2.png);}
a#arrow_right.signpost{top: 5%;left: 38%;	width: 60%;height:560px;}
.nextBT.signpost{top: 400px;right: 3%;	}

/*admission*/
.maintext#admission1{background-image: url(../admission/admission1.png);top: 50px;left: 40%;}
.maintext#admission2{background-image: url(../admission/admission2.png);top: 50px;left: 40%;}
a#arrow_right.admission,.nextBT.admission{top: 300px;left: 83%;}
div#admission.h2{top: 50px;left: 90%;}

/*outline*/
.maintext#outline2{background-image: url(../outline/shinden.jpg);width: 480px;height:319px;top: 50px;left: 45%;}
a#arrow_map.outline,.nextBT.outline{top: 300px;left: 50px;}
div#outline.h2{top: 50px;left: 90%;}

.outlinebox
{
	position: absolute;
	z-index: 100;
	top: 50px;
	right: 10%;
	text-align: left;
}
.outlinebox table
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
.outlinebox table tr th,
.outlinebox table tr td
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}


/*footer*/

#footer
{
	position: absolute;
	left: 0;
	bottom: 5%;
	z-index: 100;
	text-align: left;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #cccccc;
	padding-left: 15px;
	width: 33%;
/*	display: none;*/
}

#footerR
{
	position: absolute;
	right: 0;
	bottom: 5%;
	z-index: 100;
	text-align: right;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #cccccc;
	padding-right: 15px;
}

p.h3like { padding-top: 20px!important; }

body#about #footer
{
	color: #ffffff;
}

/*maximage*/

#cycle-loader {
height:32px;
left:50%;
margin:-8px 0 0 -8px;
position:absolute;
top:50%;
width:32px;
z-index:999;
}

/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
display:none;/* Only use this if you fade it in again after the images load */
position:fixed !important;
}

.in-slide-content { 
/*
float:right;
font-weight:bold;
z-index:9999; 
font-size:60px;
color:#333;
font-family:'Helvetica Neue', helvetica;
left:0;
margin:40px;
padding:20px;
position:absolute;
top:0;
width:700px;

text-shadow: 0 1px 0 #fff;
-webkit-font-smoothing:antialiased;
*/
}
/*
*/
div#map_canvas{
	position: absolute;
	top: 0px;
	right: 0px;
}