@charset "utf-8";
@import url("reset.css");
@import url("common.css");
@import url("print.css");

/******************************************************/
/* elements  */
/******************************************************/
* {
	margin: 0;
	padding: 0; }
html { }
body {
	color: #555555;
	background: url(../media/bg.jpg);
	font-family:Helvetica,"ＭＳ Ｐゴシック","ＭＳゴシック","ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro",Osaka,"Lucida Grande",sanserif;
	font-size: 10px;
	line-height: 1.6;
	text-align: center; }
* html body {
	font-size: 62.5%;
	line-height: 1.6; }
*:first-child+html body {
	font-size: 62.5%;
	line-height: 1.6; }
p {
	font-size: 1.4em;
	text-align: justify;
	padding-bottom: 1.6em; }
dt {
	font-size: 1.4em; }
dd {
	font-size: 1.4em; }
strong, th {
	font-weight: bold; }
ul, ol {
	padding-bottom: 1.6em; }
li { font-size: 1.4em; }
li li {	font-size: 1em; }
td p, td li, td dt, td dd, dd li, dd p {
	font-size: 1em; }
table {
	font-size: 100%;
	line-height: 1.6;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right-style: none;
	border-bottom-style: none; }
td, th {
	font-size: 1.4em;
	text-align: left;
	vertical-align: top;
	padding: 9px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top-style: none;
	border-left-style: none;
	outline-style: none; }
hr {
	text-align:        left;
	vertical-align:    top;
	height: 1px;
	border-top-style:  none;
	border-bottom:     1px solid #cccccc;
	border-right-style: none;
	border-left-style: none;
	outline-style:     none; }
a:link { color: #3399ff;}
a:visited { color:#00388c; }
a:hover { text-decoration:none; }
#header a:hover img,
#content a:hover img,
#footer a:hover img {
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

a:active { }
img {
	border-style: none;
	border-width: 0; }


/******************************************************/
/* header  */
/******************************************************/
#header {
	width: 100%;
	height:335px;
	background: url(../media/header_bg.png) no-repeat center 140px;
}
#header .inbox { position: relative; }
#h-in {
	width: 920px;
	margin: 0 auto;
	height:335px;
}
#header h1 {
	height: 130px;
	width: 580px;
	margin: 0 auto;
	padding: 50px 0 27px;
}
#header h1 a {
	background: url(../media/logo.png) no-repeat;
	height: 130px;
	width: 580px;
	display: block;
	text-indent: -9999px;
}
#header h1 a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#header #gn {
	background: url(../media/hmenu_shadow.png) no-repeat center bottom;
	height: 128px;
}
#header #gn ul {
	padding:0;
}
#header #gn li {
	float: left;
	}
#header #gn li a {
	background: url(../media/hmenu.png) no-repeat;
	display: block;
	float: left;
	height: 93px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	width: 184px;

}
#header #gn li#gn1 a { background-position: 0 0; }
#header #gn li#gn2 a { background-position: -184px 0; }
#header #gn li#gn3 a { background-position: -368px 0; }
#header #gn li#gn4 a { background-position: -552px 0; }
#header #gn li#gn5 a { background-position: -736px 0; }
#header #gn li#gn1 a:hover { background-position: 0 -93px; }
#header #gn li#gn2 a:hover { background-position: -184px -93px; }
#header #gn li#gn3 a:hover { background-position: -368px -93px; }
#header #gn li#gn4 a:hover{ background-position: -552px -93px; }
#header #gn li#gn5 a:hover { background-position: -736px -93px; }

#header .h_link {
	position: absolute;
	right: 30px;
	top: 2px;
}

#topMain { height: 395px; }



/******************************************************/
/* footer */
/******************************************************/

#footer {
	background: url(../media/footer_bg.jpg) repeat-x;
	width:100%;
	line-height: 1.6;
	height: 132px;
}
#footer .f-in {
	padding-top: 20px;
}
#footer .f_logo {
	background: url(../media/footer_logo.png) no-repeat;
	width: 210px;
	height: 55px;
	margin: 0 auto 25px;
	padding: 0;
	text-indent: -9999px;
}
#footer .copyright {
	background: url(../media/copyright.png) no-repeat;
	width: 360px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
}


/******************************************************/
/* base  */
/******************************************************/
#wrapper {
	width: 100%;
	background: url(../media/top_bg2.jpg);
}
#top {
	width: 100%;
	background: url(../media/top_bg.jpg) repeat-x;
}
.inbox {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto; }
#content {  }
.toTop {
	text-align: right;
	float: none;
	clear: both;
	padding-top: 10px;
	border-top:1px dotted #bbb;
	
}
#content-in {
	width: 920px;
	margin: 0 auto;
	padding-bottom:20px;
}

/* clearfix */
/*
#content-in:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
#content-in{ display:inline-table; zoom:100%; }
* html #content-in{ height:1px; }
*/


/******************************************************/
/* common  */
/******************************************************/

#content h2 {
	clear: both;
	height: 48px;
	width: 920px;
	text-indent: -9999px;
}
#content h2#purpose { background: url(../media/top_bar01.png) no-repeat; }
#content h2#outline { background: url(../media/top_bar02.png) no-repeat; }
#content h2#about_admission { background: url(../media/top_bar03.png) no-repeat; }
#content h2#organization_chart { background: url(../media/top_bar04.png) no-repeat; }
#content h2#contact_us { background: url(../media/h2_toiawase.png) no-repeat; }
#content h2#topics { background: url(../media/h2_topics.png) no-repeat; }

.con_area {
	background: #fff;
	padding: 14px 30px 0 20px;
	margin-bottom: 30px;
}
.topics_area {
	border: 2px solid #f0d713;
	border-top: none;
	background: #fff;
	padding: 14px 30px 0 20px;
	margin-bottom: 30px;
}
.topics_area .topics_date {
	font-size: 1.2em;
	color: #777;
	padding: 0;
	text-align: right;
}
.top_topics_area {
	border: 2px solid #f0d713;
	border-top: none;
	background: #fff;
	padding: 4px 30px 0 20px;
	margin-bottom: 30px;
	height: 350px;
	overflow: auto;
}
.top_topics_area p {
	border-top: 1px dotted #ccc;
	padding: 10px 0 10px 7em;
}
.top_topics_area span.date {
	margin-left: -7em;
	float: left;
}
.top_topics_area .noborder {
	border: none;
}
#content h3 {
	clear: both;
	background: url(../media/h3_bg.png) no-repeat;
	height: 26px;
	padding: 6px 0 6px 12px;
	color: #5d3725;
	line-height: 20px;
	font-size: 1.6em;
	font-weight: bold;
}
#content p,
#content ul {
	margin-left: 10px;
}
#content p.sub {
	font-size: 1.2em;
}
#content .price {
	color: #dd0000;
	font-size: 1.2em;
}
#content li.num1 {
	list-style-image: url(../media/num1.png);
	margin: 0 0 0 30px;
}
#content li.num2 {
	list-style-image: url(../media/num2.png);
	margin: 0 0 0 30px;
}
#content li.num3 {
	list-style-image: url(../media/num3.png);
	margin: 0 0 0 30px;
}
#content li.num4 {
	list-style-image: url(../media/num4.png);
	margin: 0 0 0 30px;
}
#content li.num5 {
	list-style-image: url(../media/num5.png);
	margin: 0 0 0 30px;
}
.btn_contact {
	text-align: center;
	padding: 0;
	margin-bottom: 15px;

}


/******************************************************/
/* Contact Us  */
/******************************************************/
#contactForm {
	border: 4px double #cac3c0;
	padding: 30px 50px;
	background: url(../media/bg.jpg);
	margin-bottom: 1.6em;
}

table#contactTable {
	border: none;
	width: 100%;
}
table#contactTable th {
	border: none;
	border-top: 1px dotted #ccc;
	padding: 10px 30px 20px 10px;
	color: #4b220e;
}
table#contactTable td {
	border: none;
	border-top: 1px dotted #ccc;
	padding: 10px 10px 20px;
}

table#contactTable textarea {
	padding: 4px;
	width: 500px;
}
table#contactTable input {
	padding: 4px;
}
input.btn_input:hover {
	opacity: 0.7;
	filter: alpha(opacity = 70);
}