@charset "utf-8";

/*base.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

img{border:0;vertical-align:top;}
li{list-style:none;}

sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/*fontsize*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}

h1, h2, h3, h4, h5, h6 { 
	display: block;
	font-size:10px;
	color:#FFFFFF;
	height:15px;
	line-height: 1.4;
	background:url(img/bg.jpg) top center no-repeat;}

input,select,textarea { 
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}

/* For IE7 */
*:first-child+html input { font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }
*:first-child+html select { font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }
*:first-child+html textarea { font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif; }
*:first-child+html body,*:first-child+html br { letter-spacing: 0; }/* Page Zoom */



body {
	background: #fff url(img/bg.jpg) top center no-repeat;
	height: 100%;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
	text-align: center;
	color: #666;
	font-size: 13px;
}
*:first-child+html body{ /* IE7 */
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

.style2 {font-size: 11px; margin-top:5px}
.style3 {font-size: 12px}
.style4 {font-size: 11px}
.style6 {color: #FF9999;font-size: 15px;font-weight: bold;}
.style8 {font-size: 15px;font-weight: bold;}
.style9 {color: #FF9999}

/*--container--*/

#container {
	margin: 0 auto;
	width: 1010px;
	background:url(img/bg-grd.png) 0 0 repeat-y;
	
	display:block;}

/*--header--*/

#hd {
	margin: 0 auto;
	width: 1000px;
	display:block;}
	
/*--contents--*/

#contents {
	margin: 0 auto;
	width: 1000px;
	background:#fff url(img/top/contents-bg.jpg) 0 0 no-repeat;
	padding-top:5px;
	padding-bottom:10px;
	display:block;}

.txt {
	padding:5px;
	font-size:10px;
	line-height: 1.4;}

.txt2 {
	padding-left:9px;
	width: 710px;
	float: left;
	text-align:left;
	font-size:10px;
	line-height: 1.4;}

/*--memo-navi--*/

#memo-navi {
	margin: 0 auto;
	margin-left: 10px;
	width: 730px;
	float: left;
	display: inline;}

.navi {
	margin: 10px 5px;
	width: 720px;
	float: left;
	display:block;}

.course {
	padding: 5px;
	width: 720px;
	text-align:left;
	float: left;
	display:block;}

#media {
	padding: 5px;
	padding-top:15px;
	width: 720px;
	text-align:left;
	float: left;
	display:block;
	font-size:10px;
	line-height: 15px;}


	
/*--hawaii-navi--*/

#hawaii-navi {
	margin: 0 auto;
	padding-right: 10px;
	width: 230px;
	float: right;
	display: block;}

.hawaii-navi {
	margin: 10px 5px;
	width: 220px;
	text-align:left;
	float: left;
	display:block;}



/*--ft--*/

#ft {
	margin: 0 auto;
	padding-top: 5px;
	background-color:#fff;
	border-top:5px solid #ccc;
	width: 1000px;
	display:block;}

#ft li{
	float:left;
	height:120px;
	text-align:left;
	background:#fff;}

#ft li.memo{
	padding-top: 5px;
	width:180px;}

#ft li.yoyaku{
	width:540px;}

#ft li.add{
	padding-top: 15px;
	width:280px;
	font-size:10px;
	line-height: 15px;}
	

/*-- clear --*/

.clearfix { /*for IE 5.5-7*/
	zoom: 1;}

.clear{clear:both;font-size:0;line-height:0;padding:0;margin:0;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

* html .clearfix{height:1%;}