@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;
	}

.summer {
	position:absolute;
	margin-left:150px;
	left: 260px;
	width: 296px;
	height: 145px;
	top: 286px;
	color:#666666;
	font-size:14px;
	padding:5px;
}

/* 右側のメニューバー */ 

#navigation {
	width:230px;
	list-style:none;
	position:absolute;
	top:187px;
	right:100px;
	left:720px;
	bottom:-100px;
}

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

#navigation ul {
margin-left:40px;
margin-top:5px;
font-size:12px;}

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

#counseling {
	position:absolute;
	top:450px;
	left:750px;
	height: 101px;
}

#counseling2 {
	position:absolute;
	top:578px;
	left:752px;
	height: 50px;
	width: 150px;

}

/* 上部のメニューバー */ 

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

#nav li {float:left;
         width:120px;
		 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;
	}
	
.mainpage { width:470px;}

hr {color:#004080;
background-color:#004080;
height:1px;
margin-bottom:5px;
margin-left:5px;
}

/* フッター*/ 	
	
#footer {
	width:948px; 
	clear:both;
	text-align:center;
	color:#004982;
	font-size:9px;
	}

h1 {
	font-size:22px;
	color:#004080;
	margin-left:20px;
	text-align:center;
	padding-top:5px;
	}

h2 {
	font-size:17px;
	color:#004080;
	margin-left:20px;
	margin-top:10px;
	}
	
h3 {
	font-size:15px;
	color:#004080;
	margin-left:15px;
	
	
	
	margin-bottom:5px;}
p{
    font-size:14px;
	margin-left:25px;
	margin-right:5px;
	text-align:left;
	color:#666666;

	
	}
	
.programs {

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

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

.history {margin-left:30px;
margin-top:10px;
margin-bottom:30px;
}
.contact {background:#beda80; 
    font-size:14px;
	padding:20px;
	margin-left:30px;
	margin-right:30px;
}
.voice {
	background-image:url(images/voice.jpg);
	font-size:14px;
	color:#004080;
	width:500px;
	padding:20px;
	width:520px;
		 } 
.contents {padding:5px;
           text-align:left;
		   font-size:14px;
		   }
		   
.box {border:solid #CCCCCC 1px;
     width:560px;
	 margin:20px;
	
	 }
	 
.menu { font-size:20px;
letter-spacing:3px; 
color:#FFFFFF;
}

.picture {margin:5px;}
.style10 {font-size:14px;}
.pricetable {margin:20px;}
.style9 {font-size:14px;}
.style8 {font-size:14px;
background-color:#beda80;}
.style10 {font-size:14px;
background-color:#beda80;}


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;}
	
/* 校長先生ー*/ 		
		
.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;}

  
  
  /* Top Page Programs*/ 		
  
  
  
 .toppage_programs {

 
  margin-left:10px;
  margin-right:100px;}