@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

#site-box {
	width:948px;
	border:1px solid #004080;
	margin:5px 20px;
	height:auto;
}

#logo-box {
    width:948px;
	background-image:url(images/hawaiianmissionlogo_Japanese.jpg);
	height:180px;
	border-bottom:solid #004080 1px;
	border-bottom-width:948;
	}
	

#navigation {width:250px;
list-style:none;
}

#navigation h2 {width:250; height:20px;
background-color:#003b75;
font-size:18px;
color:#FFFFFF;
padding-left:20px;
padding-top:3px;
padding-bottom:3px;}

#navigation ul {margin-left: 10px;}

#navigation li {
list-style-image:url(images/button1_off.png)}

	
#nav {
	height: 20px;
	top: 160px;
	left:22px;
	position:absolute;
	list-style:none;
	
}

#nav li {float:left;
         width:110px;
		 padding: 2px 4px;
         }

#nav li a { display:block;
             height:20px;
			 width:100px;
			 text-decoration:none;
			 color:#FFFFFF;
			 text-align:center;
			 font-size:15px;}

#nav li a:hover {
color:#3333CC; 
}
			 

#side-box1 {width:217px;
	height:900px;
    float:left;
	background-image: url(images/sidebar.jpg)
	
	}

#main-box {
	width:731px; 
	height:auto;
	float:right;
	padding-top:10px;
	}
	
#footer {
	width:948px; 
	clear:both;
	text-align:center;
	color:#004982;
	font-size:9px;
}

h1 {
	font-size:20px;
	color:#004080;
	margin-left:30px;
	text-align:center;
	padding:5px;
	}
h2 {
	font-size:16px;
	color:#004080;
	margin-left:20px;
	margin-top:10px;
	}
h3 {
	font-size:15px;
	color:#004080;
	margin-left:30px;
	margin-right:80px;
	margin-top:40px;
	border-bottom:dotted #003399 thin;}
p{
    font-size:14px;
	padding:25px;
	margin-left:30px;
	margin-right:30px;
	text-align:left;
	color:#666666;
	
	}
	
hr {color:#004080;
background-color:#004080;
height:1px;
margin-bottom:5px;
margin-left:10px;
margin-right:400px;

}

	
.programs {

	padding-bottom: 10px;
	padding-left: 150px;
	border:none;
}

.principal {
width:567px;
margin-left:30px;
margin-top:10px;
font-size:14px;
	
}

.history {
width:650;
margin-left:30px;
margin-top:10px;
margin-bottom:30px;
}
.contact {background:#beda80; 
    font-size:14px;
	padding:20px;
	margin-left:30px;
	margin-right:30px;
}

/* 生徒の声のページ */ 	

.box {border:solid #004080 1px;
     width:565px;
	 margin-left:40px;
	 margin-bottom:20px;
   
}



.voice {
font-size:14px;
font-weight:bold;
color:#ffffff;
width:565px;
height:5px;
padding:10px;
border-bottom:thin #004080 double;
background-color:#004080;	
}
	  
.contents {padding:0px 5px 5px 5px;
           text-align:left;
		   font-size:14px;
		  
		   }
		   
	 
.menu { font-size:20px;
letter-spacing:3px; 
color:#FFFFFF;
}

.picture {margin:5px;}

.pricetable {margin:20px;
font-size:14px;
color:#666666;}


.style9 {font-size:14px;}
.style8 {font-size:14px;
}

.style10 {font-size:14px;
          color:#666666;
		  padding:5px;}


.table1 {margin-left:20px;
font-size:14px;
color:#666666;}

div.pricetable {margin-left:20px;}
div.pricetable2 {margin-left:20px;
padding-top:10px;}

.sample{font-size:14px;
margin-left:50px;
text-align:left;
text-align:left;
background-color:#beda80;
width:581px;
margin:20px;

}
.tour {margin-right:20px;}
		
/* スタッフ紹介のページ */ 	

.image1{
position:absolute;
top:290px;
left:280px;
}

.image2 {
position:absolute;
top:480px;
left:280px;}

.image3 {
position:absolute;
top:750px;
left:280px;}	

p.staff1 {
margin-left:360px;}
		
		
/* Qestions.html */ 

.topbox {/*  高校留学*/

width:656px;
height:20px;
margin-left:20px;
padding-left:4px;
padding-top:4px;
padding-bottom:2px;

background-color:#144f89;
color:#ffffff;}

.Qbox {
width:656px;
margin-left:20px;
margin-bottom:5px;
border-color:#cccccc;
border-style:solid;
border-width:thin;
}

.Qboxin {
width:612px;
margin:5px 5px 5px 5px;
padding-left:26px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;

background-color:#ffffe1;
border-color:#ffb340;
border-style:dashed;
border-width:thin;
font-size:12px;

}


.abox {
width:647px;
margin-left:20px;
margin-bottom:10px;
padding:5px 5px 5px 5px;
font-size:12px;
border:#cccccc;
border-style:solid;
border-width:thin;
color:#666666;}

.question {color:#3366cc;
font-weight:bold;
font-size:12px;

}

.questiononly {
padding-left:2px;
padding-top:3px;
padding-bottom:2px;

background:#ffffe1;
width:655px;
margin-left:20px;
border-left:#cccccc;
border-left-style:solid;
border-left-width:thin;

border-right:#cccccc;
border-right-style:solid;
border-right-width:thin;

border-top:#cccccc;
border-top-style:solid;
border-top-width:thin;
font-size:10px;
color:666666;
}



ul {
list-style-image:url(images/Untitled-1.jpg);}

a.speciallink:link {
color:#3366cc;}
a.speciallink:visited {color:#3366cc;}
a.speciallink:hover { color:#3366cc;}
.red {color:#FF0000;
font-size:15px;
font-weight:bold;}

.orange {color:#ffb23e;
font-size:15px;
font-weight:bold;}

/* whyhma.html*/ 	

.voice1 { border:double #FF9900;
margin-left:55px;
margin-right:50px;
padding:5px;
font-size:14px;
color:#666666; }
.top {
margin-left:500px;
font-size:14px;}

/* スタッフのご紹介 */

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  

.stuff {margin-left:45px;
margin-bottom:10px;}

.coment1 {
padding:10px 50px 10px 10px;
font-size:14px;
text-align:left;
color:#666666;
float:none;}


/* QUestions  */

.questions {
margin-top:10px;
margin-right:80px;
border:#004080 1px;
border-style:double}

/* List */
.list {
margin-left:70px;
margin-right:30px;
font-size:14px;
color:#666666;}

/*Summer Shool*/

.summer_school
{padding-left:60px;}

.list {
color:#666666;
padding-left:20px;
padding-top:20px;}



.summer_schedule{
font-size:14px;
margin-left:20px;
margin-top:20px;
text-align:left;
color:#666666;}




.calendar {
width:90%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}
.calendar th {
width:25%;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#3366CC;
background-color:#99CCFF;
border:1px solid #6699CC;
}
.calendar td {
padding:4px 2px 2px 4px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}


.calendar2 {
width:90%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
}
.calendar2 th {
width:25%;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#3366CC;
background-color:#e9edb8;
border:1px solid #6699CC;
}
.calendar2 td {
padding:4px 2px 2px 4px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}