@charset "UTF-8";

/* SARK TRANSLATION CSS BASE */

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #94C8FD;
	background-image: url(../images/page_back.jpg);
	background-repeat: repeat-x;
}

img {
	border:none;
}
#overall {
	background-image: url(../images/base_back.jpg);
	background-repeat: repeat-y;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 19px;
}
#header {
	background-image: url(../images/header_back.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 830px;
}
#header #header-id {
	float: left;
	height: 82px;
	width: 116px;
}

#header #header-title {
	float: left;
	height: 82px;
	width: 495px;
	background-image: url(../images/header_title.jpg);
	background-repeat: no-repeat;
}
#header #header-title h1 {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	padding-top: 15px;
	padding-left: 17px;
}
#header #header-title h2 {
	margin-top: -10000px;
}

#header #header-contact {
	float: right;
	height: 82px;
	width: 219px;
}

#header-top {
	background-image: url(../images/header_back.jpg);
	background-repeat: no-repeat;
	height: 251px;
	width: 830px;
}

*html #header-top {
	background-image: url(../images/head_top_back.jpg);
}

#header-top #header-id {
	float: left;
	height: 82px;
	width: 116px;
}

#header-top #header-title {
	float: left;
	height: 82px;
	width: 495px;
	background-image: url(../images/header_top_title.jpg);
	background-repeat: no-repeat;
}

*html #header-top #header-title {
	width: 491px;
}

*html #header #header-contact {
	float: right;
	height: 82px;
	width: 219px;
}

#header-top #header-title h1 {
	font-size:10px;
	font-weight: normal;
	color: #666;
	padding-top: 15px;
	padding-left: 17px;
}
#header-top #header-title h2 {
	margin-top: -10000px;
	font-size:10px;
}


#footer {
	background-image: url(../images/footer_back.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 830px;
	clear: both;
}
#main {
	background-image: url(../images/content_back.jpg);
	clear: both;
	width: 830px;
	background-repeat: no-repeat;
	height:auto;	
	height:800px;
}

*+html #main {
	height:auto;
}

#navi {
	float: left;
	width: 181px;
	margin-left: 17px;
}

*html #navi {
	width: 179px;
	margin-left: 9px;
}

#content {
	float: right;
	margin-right: 17px;
	width: 600px;
}

*html #content {
	width: 580px;
}

#navi #snavi {
	margin-top: 2px;
}




#navi #snavi h3 {
	background-image: url(../images/snavi_h_back.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 179px;
	margin-left: 0px;
	color: #FFF;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: normal;
}

*html #navi #snavi h3 {
	width: 158px;
}

#navi #snavi ul {
	list-style-type: none;
	margin-bottom: 5px;
}

#navi #snavi li {
	margin-bottom: 0px;
	height: 28px;
	width: 154px;
	display:block;
}

#navi #snavi li a {
	background-image: url(../images/snavi_li_back.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 154px;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 12px;
	display: block;
	text-decoration: none;
	margin-bottom:0px;
}

*html #navi #snavi li a {
	height: 21px;
	padding-top: 7px;
	width: 153px;
}


#navi #snavi li a:hover {
	background-image: url(../images/snavi_li_hover_back.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 154px;
	padding-top: 4px;
	padding-left: 25px;
	display: block;
	text-decoration: none;
}

*html #navi #snavi li a:hover {
	height: 21px;
	padding-top: 7px;
	width: 153px;
}

#navi #snavi li .select {
	background-image: url(../images/snavi_li_select_back.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 154px;
	padding-top: 4px;
	padding-left: 25px;
	font-size: 12px;
	display: block;
	text-decoration: none;
}

*html #navi #snavi li .select {
	height: 21px;
	padding-top: 7px;
	width: 153px;
}

#navi #snavi li .select:hover {
	background-image: url(../images/snavi_li_select_back.jpg);
	background-repeat: no-repeat;
	height: 24px;
	width: 154px;
	padding-top: 4px;
	padding-left: 25px;
	display: block;
	text-decoration: none;
}

*html #navi #snavi li .select:hover {
	height: 21px;
	padding-top: 7px;
	width: 153px;
}

#navi address {
	font-size: 12px;
	color: #333;
	font-style: normal;
	margin-left: 5px;
	margin-top: 100px;
}

#header-top #top-image {
	background-image: url(../images/top_image.jpg);
	height: 169px;
	width: 830px;
	clear: both;
}

#header-top #top-image h3 {
	margin-left: -10000px;
}
#header-top #top-image p {
	margin-top: -10000px;
}

#navi #study-banner {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 100px;
}