@charset "Shift_JIS";

* { margin: 0; padding: 0;border-width: 0px; background-color: transparent;}
h1,h2 { font-weight: normal; font-size: 100%;}
a,a:hover,a:active,a:hover{text-decoration: none; cursor: default}


html{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #8f7c6d;
}

#index{
	display: block;
	width: 770px;
	margin: auto;
	box-shadow: 0 0 20px #333333;
}

#sitetitle {
	position: relative;
	overfrow: hidden;
	width: 100%;
	height: 200px;
	background-color: #333333;
}


#mainnav{
	position: relative;
	width: 100%;
	margin:0px;
}

ul.mainnav{
	display:block;
	position: relative;
	width:100%;
	height:35px;
	list-style: none;
}

ul.mainnav  li{
	display:block;
	position: relative;
	float:left;
	list-style: none;
}

ul.mainnav li a{
	display:block;
	position: relative;
	float:left;
	line-height: 2.5em;
	width: 110px;
	text-align: center; 
	font-size: 14px;
	color: #d7bf89;
	border-width: 0px;
	background-color: #080805;
	font-family: sans-serif;
}

ul.mainnav li a:hover{
	background-color: #9f8472;
}

ul.mainnav li ul{
	display:none;
}

ul.mainnav li:hover ul{
	display:block;
	position:absolute;
	top:100%;
	z-index:100;
}

ul.mainnav li:hover ul li{
	display: block;
	float:none;
}

ul.mainnav li:hover ul li a{
	display: block;
	float:none;
	line-height: 2.5em;
	width: 110px;
	text-align: center; 
	font-size: 14px;
	color: #d7bf89;
	border-width: 0px;
	background-color: #080805;
	font-family: sans-serif;
}

ul.mainnav li:hover ul li a:hover{
	background-color: #9f8472;
}

#main{
	margin:0px;
	padding-bottom: 100px;
	position: relative;
	width: 100%
	height: 100%;
	background-color: #dfbe94;
	color: #5e2301;
	font-size: 14px;
	font-family: �g�q���M�m�p�S Pro W3��,�hHiragino Kaku Gothic Pro�h,�hOsaka�h,�h���C���I�h,�hMeiryo�h,�h�l�r �o�S�V�b�N�h,�hMS PGothic�h,sans-serif;
	line-height: 1.75em;
}

#main a{
	color: #5e2301;
	text-shadow: #cccccc 1px 1px 0.5px;
	font-size:14px;
}

#main a:hover{
	background-color: #e5d7ac;
}


section h1{
	font-family: sans-serif;
	font-size: 20px;
	color: #162250;
	line-height: 3.5em;
}

section h2{
	font-family: sans-serif;
	text-align: center;
	font-size: 17px;
	color: #162250;
	line-height: 5em;
}

section p{
	margin: 10px auto 30px;
}

.contents{
	padding-top:300px;
}

.subcontents{
	display: block;
	margin: auto;
	width: 65%;
	padding-top: 80px;
	position: relative;
}

#memonav {
	background-color:#080805;
	width:100%;
	border-top:30px solid #dfbe94;
}

h1.memo{
	font-family: sans-serif;
	font-size: 16px;
	color: #d7bf89;
	width:470px;
	line-height: 2em;
	padding-left:1em;
	padding-right:1em;
	background-color:#080805;
}

h1.school{
	display:block;
	font-size:20px;
	text-align:center;
	width:100%;
	background-color:#080805;
	color:#d7bf89;
	line-height:2.5em;
}

.title{
	text-align: left;
	float: left;
}

.cp{
	text-align: right;
}

.cap{
	font-size: 12px;
	border-top: 1px solid #5e2301;
}

ul.long{
	list-style:none;
}

.medium li,.long li{
	display: block;
	margin-bottom: 50px;
}

.short li{
	display: inline;
}

.back{
	width: 100%;
	padding-top:150px;
	text-align: center;
}

.cover{
	border:1px solid #5e2301;
	margin:5px 10px 0px 0px;
	float:left;
}

ul.list{
	list-style:square outside;
}

ul.list ul{
	list-style:circle;
	margin-left:1em;
}

ul.list li{
	margin-top:1em;
}

ul.nolist{
	list-style:none;
}

.table{
	margin:auto;
}

.table td{
	padding: 5px;
}

input,textarea,select{
	padding: 5px;
	border:1px solid #5e2301;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: inset 0 0 4px #333333;
	color: #5e2301;
	font-size: 14px;
}

input:hover,textarea:hover,input:focus,textarea:focus{
	box-shadow: 0 0 4px #333333;
}

#submit{
	display: block;
	width: 100px;
	text-align: center;
	line-height:2em;
	margin-top:20px;
	color: #d7bf89;
	background-color: #080805;
	font-family: sans-serif;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#submit:hover{
	background-color: #d7bf89;
	color:#080805;
}

footer{
	width: 100%;
	position: relative;
	padding: 5px auto;
	background-color: #080805;
	text-align: center;
	font-size: 14px;
	line-height:4em;
	font-family: sans-serif;
	color: #d7bf89;
	white-space: nowrap;
}