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

/* 基本設定  //////////////////////////////////////////////////*/

html{
	margin:0;
	padding:0;
	overflow:scroll;
	width:100%;
	height:100%;
}

body {	
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-align:left; 
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:12px;
	line-height:135%;
	color:#333;
	background:#FFF;
}

/* 余白設定 */
div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin:0px;
	padding:0px;
}


li img,
dt img{
	vertical-align: bottom;
}

/* 回り込み解除 */
.clear{clear:both;}

/* 画像リンク時、ボーダーを消す */
a img {border-style:none;}

/* ボタン余白設定 */
ol , ul {
margin:0px;
padding:0px;
}
/* リスト指定 */
li{list-style: none;}
img{vertical-align:bottom;}

/* リンク */
a:link {text-decoration:none; color:#060;}
a:visited {text-decoration:none; color:#060;}
a:hover {text-decoration:underline; color:#060;}




/* --------------------------------------------------------------------------------------
 文字・配列関連
--------------------------------------------------------------------------------------- */

/* 10px */
.text10{font-size:10px;}

/* 12px */
.text12{font-size:12px;}

/* 14px */
.text14{font-size:14px;}

/* SS */
.text_ss{font-size:smaller;}

/* 太文字 */
.text_weight{font-weight:bold;}

/* テキストセンター揃え */
.text_center{text-align:center;}

/* テキスト右揃え */
.text_right{text-align:right;}

/* 右寄せ */
.float_right{float:right;}

/* 左寄せ */
.float_left{float:left;}

/* 行間 */
.line135{line-height:135%;}
.line140{line-height:140%;}
.line150{line-height:150%;}
.line180{line-height:180%;}
.line200{line-height:200%;}


/* --------------------------------------------------------------------------------------
 マージン
--------------------------------------------------------------------------------------- */

/* トップスペース */
.top_sp0px{margin-top:0px;}
.top_sp1px{margin-top:1px;}
.top_sp5px{margin-top:5px;}
.top_sp10px{margin-top:10px;}
.top_sp15px{margin-top:15px;}
.top_sp20px{margin-top:20px;}
.top_sp25px{margin-top:25px;}
.top_sp30px{margin-top:30px;}
.top_sp35px{margin-top:35px;}

/* 左スペース */
.left_sp5px{margin-left:5px;}
.left_sp15px{margin-left:15px;}

/* 右スペース */
.right_sp5px{margin-right:5px;}
.right_sp15px{margin-right:15px;}

/* 下スペース */
.bottom_sp15px{margin-bottom:15px;}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */
div#header{
	width:900px;
	height:100px;
	margin:0 auto;
}

div#header .logo{
	padding-top:40px;
	padding-left:13px;
	float:left;
}

/* --------------------------------------------------------------------------------------
 メイン部分
--------------------------------------------------------------------------------------- */
div#main{
	width:900px;
	height:352px;
	margin:0 auto;
}

.title{
	width:900px;
	margin:30px auto 0px auto;
}

/* --------------------------------------------------------------------------------------
 ナビゲーション部分
--------------------------------------------------------------------------------------- */
div#navi{
	width:900px;
	margin:10px auto 0px auto;
}

div#navi ul{}
div#navi li{float:left; width:290px;}
div#navi a{height:80px; display:block; text-indent: -9999px;}

div#navi .btn01 a{background:url(btn01.jpg) left top no-repeat;}
div#navi .btn02 a{background:url(btn02.jpg) left top no-repeat;}
div#navi .btn03 a{background:url(btn03.jpg) left top no-repeat;}
div#navi .btn04 a{background:url(btn04.jpg) left top no-repeat;}
div#navi .btn05 a{background:url(btn05.jpg) left top no-repeat;}
div#navi .btn06 a{background:url(btn06.jpg) left top no-repeat;}

div#navi a:hover{background-position:left bottom;}

/* --------------------------------------------------------------------------------------
 校舎案内
--------------------------------------------------------------------------------------- */
div#school{
	width:860px;
	margin:10px auto 0px auto;
}

div#school .sannomiya{
	width:431px;
	min-height:120px;
	float:left;
	background:url(sannomiya_photo.jpg) no-repeat left top;
}

div#school .gakuen{
	width:401px;
	min-height:120px;
	float:right;
	background:url(gakuen_photo.jpg) no-repeat left top;
}

div#school .name{
	margin-left:155px;
	margin-top:8px;
}
div#school .add{
	margin-left:155px;
	margin-top:10px;
}


/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */
div#footer{
	width:900px;
	padding-bottom:15px;
	margin:30px auto 0 auto;
}