@charset "utf-8";
@import "reset_html5.css";
/*-------------------------------------
contents style
-------------------------------------*/
* {
	margin:0;
	padding:0;
	border:none;
/*
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
*/}



html,body {
	position:relative;}

html {
	background-color:#00585a;}



body {
	min-width:1000px;
	word-break:break-all;
	font:13px/20px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#4a4a4a;
	background:url("") center top no-repeat transparent;}

a:hover,
a {color:#265373;}
ul,ol {list-style:none;}
table {border-collapse:collapse;}

.caution {
	color:#d00;}

.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}





/*---------------------
layout
---------------------*/
#wrapper {
	width:100%;
	border-top:4px solid #48076b;}



/* header */
header {
	width:100%;
	background-color:#fff;
	border:1px solid #265373;
	border-width:3px 0;}

header #rotate {
	display:none;}

header h1 {
	width:940px;
	height:96px;
	margin:0 auto;
	background:url('../images/baixianjapan_depth.png') left top no-repeat transparent;}



/* info */
#whatsnew {
	display:none;}



/* navigation */
nav {
	width:100%;
	background-color:#333;}

nav#pos_top {
	border-top:4px solid #48076b;}

nav ul {
	display:table;
	width:940px;
	height:68px;
	margin:0 auto;}

nav ul li,
nav ul li a {
	display:inline-block;
	width:188px;
	height:68px;}

nav ul li {
	display:table-cell;}

nav ul li a {
	background:url('') left top no-repeat transparent;}

nav#pos_top ul li a {
	background-image:url('../images/btn_navigation_top.png');}

nav#pos_bottom ul li a {
	background-image:url('../images/btn_navigation_bottom.png');}


nav ul li.index a {background-position:left top;}
nav ul li.about a {background-position:-188px top;}
nav ul li.scholarship a {background-position:-376px top;}
nav ul li.university a {background-position:-564px top;}
nav ul li.others a {background-position:-752px top;}

#index nav ul li.index a {background-position:left bottom;}
#about nav ul li.about a {background-position:-188px bottom;}
#scholarship nav ul li.scholarship a {background-position:-376px bottom;}
#university nav ul li.university a {background-position:-564px bottom;}
#others nav ul li.others a {background-position:-752px bottom;}

#index nav ul li.index a:hover,
#about nav ul li.about a:hover,
#scholarship nav ul li.scholarship a:hover,
#university nav ul li.university a:hover,
#others nav ul li.others a:hover {
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);}



/* main */
#container {
	width:100%;
	background-color:#ebe8d8;}

#container article {
	position:relative;
	width:940px;
	min-height:400px;
	margin:0 auto;
	padding:30px;}

#maillist {
	margin-bottom:25px;
	border-bottom:1px dashed #555;}

#container article h1 {
	width:940px;
	height:39px;
	margin-bottom:25px;
	padding-bottom:20px;
	background:url('') left top no-repeat transparent;
	border-bottom:3px double #fff;}

#news_list #container article h1 {}

#container article h1 + p.ast {
	position:absolute;
	left:528px;
	top:36px;
	width:auto;
	margin:0;
	padding-left:2em;
	text-indent:-2em;
	font-size:10px;
	color:#555;}

#index #container article h1 {background-image:url('../images/h1_index.png');}
#about #container article h1 {background-image:url('../images/h1_about.png');}
#scholarship #container article h1 {background-image:url('../images/h1_scholarship.png');}
#university #container article h1 {background-image:url('../images/h1_university.png');}
#others #container article h1 {background-image:url('../images/h1_others.png');}
#news_list #container article h1 {background-image:url('../images/h1_news_list.png');}
#news_post #container article h1 {background-image:url('../images/h1_news_post.png');}
#ml #container article h1 {background-image:url('../images/h1_maillist.png');}

#container article table,
#container article ul,
#container article p,
#container article h2 {
	width:880px;
	margin:0 auto 25px;}

#container article h2 {
	margin-bottom:20px;
	color:#454545;
	font-size:18px;
	line-height:25px;}

#container article p {}

#container article p.ast {}

#container article a {}

#container article ul {}

#container article ul li {}

#container article ul li span.title {}

#container article ul li span.summary {}

#container article table {
	background-color:#f5f4ec;
	border:1px solid #4a4a4a;}

#container article table th,
#container article table td {
	border:1px solid #4a4a4a;
	vertical-align:middle;
	padding:20px 25px;}

#container article table th {}

#container article table td {}

#container article table thead {}

#container article table tbody {}

#container article .index_detail {}



/* footer */
footer {position:relative;
	padding:0px 35px;
	font-size:12px;
	text-align:left;
	font-weight:normal;
	color:#fff;
	font-weight:normal;
width:930px;
margin:0 auto;}

footer p{
line-height:68px;
float:left;
width:400px;}

footer #fb{

position:absolute;
top:24px;right:36px;
}




/*---------------------
index
---------------------*/
#index header {
	position:relative;
	height:256px;
	overflow:hidden;
	background:url('../images/img_1.jpg') center top no-repeat transparent;}

#index header h1 {
	position:relative;
	top:54px;
	left:0;
	width:880px;
	height:64px;
	margin:0 auto;
	background-image:url('../images/baixianjapan.png');
	z-index:999;}

/* rotate */
#index header #rotate span,
#index header #rotate {
	width:100%;
	height:256px;}

#index header #rotate {
	position:relative;
	left:0;
	top:-64px;
	display:block;}

#index header #rotate span {
	position:absolute;
	display:block;
	background:url('') center top no-repeat transparent;}

#index header #rotate span#img_1 {background-image:url('../images/img_1.jpg');}
#index header #rotate span#img_2 {background-image:url('../images/img_2.jpg');}
#index header #rotate span#img_3 {background-image:url('../images/img_3.jpg');}
#index header #rotate span#img_4 {background-image:url('../images/img_4.jpg');}
#index header #rotate span#img_5 {background-image:url('../images/img_5.jpg');}
#index header #rotate span#img_6 {background-image:url('../images/img_6.jpg');}

/* what's new */
#index #whatsnew {
	position:relative;
	left:0;
	top:-290px;
	display:block;
	width:940px;
	margin:0 auto;
	z-index:99;}

#index #whatsnew .wrap {
	width:580px;
	height:226px;
	background-color:#f0eddf;
	box-shadow:0 0 10px 0 #333;
	-moz-opacity:0.83;
	opacity:0.93;
	filter:alpha(opacity=93);}

#index #whatsnew h3 {
	position:absolute;
	left:40px;
	top:110px;
	width:102px;
	height:15px;
	background:url('../images/title_whatsnew.png') left top no-repeat transparent;}

#index #whatsnew iframe {
	position:absolute;
	left:36px;
	top:136px;
	display:block;
	width:514px;
	height:62px;
	overflow:hidden;
	z-index:9;}

#index #whatsnew .more {
	position:absolute;
	left:475px;
	top:200px;
	display:block;
	background:url('../images/dt_more.png') left center no-repeat transparent;
	padding-left:10px;}

#index #container article table th,
#index #container article table td {
	font-size:16px;}

#index #container article table th {
	font-weight:bold;}

#index .index_detail p {
	margin-bottom:0;
	padding:25px 0;
	border:1px dashed #555;
	border-width:1px 0;
	font-size:18px;
	text-align:center;}





/*---------------------
about
---------------------*/
#about #container article table th {
	width:180px;}





/*---------------------
university
---------------------*/
#university #container article table th,
#university #container article table thead td {
	text-align:center;
	font-size:0.9em;}
#university #container article table thead td{
	width:31%;}

#university #container article table th,
#university #container article table td {
	padding:6px;
	font-size:0.8em;
	line-height:1.6em;
	vertical-align:top;}
#university #container article table td ul{
	margin-left:2px;
	width:auto;}
#university #container article table td li{
	padding-left:1.5em;
	text-indent:-1.5em;}





/*---------------------
mailing list
---------------------*/
/* type1 */
form {
	width:880px;
	margin:0 auto 25px;}

form > .wrap {
	margin:0 auto 25px;
	padding-left:8.5em;}

form > label {
	margin-bottom:8px;}

label {
	display:inline-block;
	margin-right:0.5em;}

label > span {
	display:inline-block;
	width:8em;
	margin:4px 8px 0 0;
	text-align:right;
	vertical-align:top;}

label > span:after {
	content:' :';}

textarea,
input[type=email],
input[type=text] {
	padding:4px 8px;
	width:20em;
	background-color:#fff9c4;}

input[type=radio] {
	vertical-align:middle;
	margin-right:4px;
	margin-bottom:3px;}

input[type=email],
input[type=text] {
	font-size:1.5em;}

textarea,
input[type=email],
input[type=text],
input[type=submit],
button,
.btn {
	border:1px solid #333;
	border-radius:8px;}

input[type=submit],
button,
.btn {
	padding:4px 1em;
	font-weight:bold;
	background-color:#333;
	color:#fff;
	text-decoration:none;}

.btn:hover {
	color:#fff;}

textarea {
	width:50em;
	height:6em;}

.btnbox {
	text-align:center;}

/* type2 */
#ml,
#ml #wrapper,
#ml #container,
#ml #container article {
	min-width:300px;
	width:auto;
	overflow:hidden;}

#ml #container article {
	min-height:auto;
	padding:16px;}

#ml #container article #maillist {
	margin-bottom:0;
	border:none;}

#ml #container article h1 {
	width:auto;
	height:21px;
	margin:0 auto 15px;
	padding-bottom:15px;}

#ml #container article form,
#ml #container article p {
	width:auto;}

#ml #container article p {
	margin-bottom:8px;}

#ml #container article form {
	margin-bottom:0;}

#ml input[type=email] {
	width:20em;
	font-size:14px;}

#ml input[type=submit] {
	display:block;
	margin:38px auto 0;
	font-size:18px;}

#ml #rule {
	height:130px;
	margin-bottom:16px;
	padding:1em;
	overflow-y:scroll;
	background-color:#fff;
	font-size:12px;}

#ml #rule p {
	padding-left:1.5em;}

/* modal */
#modal {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	opacity:0;
	z-index:999;}

#modal_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.8;
	z-index:1;
	cursor:pointer;}

#modal_contents {
	position:relative;
	top:40px;
	width:500px;
	height:400px;
	margin:0 auto;
	padding:16px;
	background-color:#ebe8d8;
	border:1px solid #ebe8d8;
	border-radius:8px;
	z-index:2;}

#modal_contents iframe {
	width:100%;
	height:100%;
	margin:0 0 16px;}



/*---------------------
[common]:hover alpha
---------------------*/
footer p,
a:hover {
	-moz-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);}


/*---------------------
[common]:float clear
---------------------*/
/*
■:after {content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}
■ {zoom:100%;}
*/


/*---------------------
[common]:text fly out
---------------------*/
#index #whatsnew h3,
header h1,
nav ul li a,
#container article h1 {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/