﻿@charset "utf-8";

*{
	margin:0;
	padding:0;
	border:none;
	z-index:10;
	
	line-height:140%;
	font-family:Arial,Helvetica,"メイリオ","Osaka","ＭＳ Ｐゴシック",serif;
	
	table-layout:fixed;
	border-collapse:collapse;
	empty-cells:show;
	caption-side:top;
	
	list-style:none outside;
}

strong,em,input{
	font-size:100%;
}

body{
	background:#e0b972 url(../images/bg_cork.gif) repeat;
	padding:30px;
	font-size:78%;
}

p{
	margin:10px;
}

a      {
	color:#ff5aa0;
	font-weight:bold;
}
a:hover{
	color:#eb4242;
}
strong{
	color:#900;
	font-weight:bold;
}
.clear{clear:both;}
.small{font-size:9px;}
form{
	font-size:100%;
}

#wrap{
	font-size:100%;
	width:900px;
	margin:auto;
}
#main{
	position:relative;
	width:600px;
	float:left;
	margin-right:20px;
}

#side{
	position:relative;
	width:280px;
	float:left;
}

.shadow_x{
	position:absolute;
	bottom:-10px;
	height:10px;
	width:100%;
	font-size:0px;
	background:url(../images/bg_x.gif) repeat-x bottom;
}

.shadow_x .left,
.shadow_x .right,
.right_top{
	position:absolute;
	height:10px;
	width:10px;
	background:url(../images/bg_corner.gif) no-repeat;
}
.shadow_x .left{
	left:0px;
	background-position:left bottom;
}
.shadow_x .right{
	right:0px;
	background-position:right bottom;
}
.right_top{
	right:0px;
	top:0;
	background-position:right top;
}

#main .content{
	position:relative;
	width:610px;
	margin-right:-10px;
	margin-bottom:20px;
	background:#ffeeba url(../images/bg_y.gif) repeat-y right;
}

#side .content{
	position:relative;
	width:290px;
	margin-right:-10px;
	margin-bottom:20px;
	background:#ffeeba url(../images/bg_y.gif) repeat-y right;
}

.content .link{
	text-align:right;
	margin-right:10px;
	padding:10px;
}

#body_content{
	position:relative;
	width:910px;
	margin-right:-10px;
	margin-bottom:20px;
	padding:10px 0;
	background:#ffeeba url(../images/bg_y.gif) repeat-y right;
}
#body_content h2,
#body_content h3{
	color:#a22901;
	margin:20px 30px 10px 20px ;
}
#body_content h3{
	border-bottom:1px solid #d28750;
}
#body_content h4{
	color:#a22901;
	margin-top:15px;
}
#body_content h4,
#body_content ol,
#body_content p{
	margin:10px 30px 10px 100px;
}
#body_content .content{
	position:relative;
	margin:30px;
	font-size:100%;
}

#body_content .content#belief,
#body_content .content#info{
	margin:30px 60px 30px 50px;
	border:1px solid #d28750;
	padding:20px 30px;
}
#belief ul{
	color:#a22901;
	margin-top:10px;
	font-weight:bold;
	font-size:110%;
}
#belief ul li{
	line-height:200%;
}
#info p{
	margin:0 0 10px 0;
}
#school_content_01{
	background:url(../images/school/photo_01.jpg) no-repeat;
	background-position: right bottom;
}

/* ### index_head ##################### */
#index_head{
	position:relative;
	width:910px;
	margin-right:-10px;
	margin-bottom:20px;
	background:#e0b972 url(../images/bg_y.gif) repeat-y right;
}

#index_head h1{
	height:500px;
	background:url(../images/photo_main.jpg) no-repeat;
}
#index_head h1 img{
	position:absolute;
	left:10px;
	top:350px;
}
#index_head h2{
	position:absolute;
	left:20px;
	top:438px;
	color:#fff;
             font-size:17px;
}

/* ### head ##################### */
#head{
	height:123px;
	margin-bottom:20px;
	position:relative;
	color:#fff;
	background:#c46c4a url(../images/bg_header.gif) no-repeat;
}
#head #line1{
	position:absolute;
	top:69px;
}
#head #line2{
	position:absolute;
	top:97px;
}
#head ul li{
	display:inline;
}

/* ### foot ##################### */
#foot_menu{
	margin-bottom:5px;
	color:#a22901;
}
#foot_menu li{
	display:inline;
}
#foot_menu a{
	color:#a22901;
}
#foot_menu a:hover{
	color:#e4004b;
}
#foot{
	position:relative;
	height:70px;
	font-size:10px;
	line-height:140%;
	background:#ca7150 url(../images/bg_cork_red.gif) repeat;
}
#foot p{
	margin:8px;
	padding:0;
}
#foot a{
	color:#fff;
	font-size:10px;
	font-weight:normal;
}
#foot a:hover{
	color:#ff5;
}
#foot h5{
	float:left;
}
#foot #mailto{
	position:absolute;
	bottom:0px;
	left:225px;
}
#foot #touroku{
	position:absolute;
	bottom:0px;
	right:0px;
}

/* ### top_school ##################### */
#top_school{
	position:relative;
	height:400px;
	background:url(../images/bg_top_school.jpg) no-repeat;
}
#top_school p{
	line-height:170%;
	margin-left:280px;
}
