@charset "UTF-8";

/****************************************
General Setting 
*****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 12px;
	color: #333;
	font-family: inherit;
	vertical-align: baseline;
	line-height: 1.6;
	}
img{vertical-align:bottom;}
li{list-style:none;}
a{text-decoration:none;}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}	

/****************clearfix */
.clearfix {
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
body{
    background-color:#FFFFFF;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','Simhei','MS UI Gothic','Hei','sans-serif';
    /*text-align:justify;*/
    text-justify:distribute;
	}

#wrapper{
width: 940px;
margin: 10px auto 0;
word-wrap: break-word;
}

/********************************
header
*********************************/
header{
position: relative;
}
header #logo, header h1, header #leftArea{
float: left;
}
header h1{
padding-left: 20px;
padding-top: 18px;
}
header h1 a{
font-size: 18px;
font-family: 'ＭＳ Ｐ明朝','MS PMincho','SimSun',serif;
letter-spacing: 0.16em; 
}
header #rightArea{
float: right;
margin:10px 0 0;
}
header #rightArea ul li{
float: left;
padding-left:5px;
}
header #rightArea ul li.arrowBk{
background: url(../images/arrowBlack.png) no-repeat 0 45%;
margin: 0 0 0 15px;
padding-left: 10px;
}
header #rightArea ul li a:hover{
text-decoration: underline;
}
.language-jp:after,
.language-en:after,
.language-ch:after,
.language-ko:after{
	display:inline-block;
	position:relative;
	padding:0 0 0 5px;
	font-size:0.8em;
	content:"｜"
}

#cse-search-box{
position: absolute;
right: 0;
top: 35px;
}
#cse-search-box input[type="text"]{
background: url('http://www.google.com/cse/intl/ja/images/go…ogle_custom_search_watermark.gif') no-repeat scroll left center rgb(255, 255, 255);
float:left; 
height:16px;
width:160px;
} 
#cse-search-box input[type="image"]{
float:left;
padding-left:5px;
}
.language{
display:inline-block;
cursor:pointer;
}
/********************************
nav
*********************************/
#mainNav{
background: #98e5f6;
padding: 14px; 
margin: 20px 0 15px;
}
#mainNavLeftArea{
float: left;
padding-left: 18px;
}
#mainNavLeftArea h2{
padding: 100px 0;
}
.mainVisual{
background:url(../images/mainVisual.png) no-repeat;
float: right;
width:613px;
height:296px;
padding:10px 20px;
}
.mainVisual .mvTtl{
	font-size:37px;
	color:#b08db5;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-weight:bold;
	padding-bottom:20px;
	text-align: left;
	line-height: 1.4;
}
.mainVisual .mvTxt{
	font-size:14px;
}

.pankuzu{
	color:#727171;
	padding-bottom:10px;
}

/********************************
side
*********************************/
.side{
width: 260px;
float: left;
padding-right: 30px;
}

.sideNav00{
	padding:14px 4px 10px;
	margin-bottom:0;
	text-align: left;
}
.sideNav00 p{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center !important;
	padding-bottom:10px;
}
.sideNav00 ul li{
	margin:2px 0;
	background:#fff url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.sideNav00 ul li.second{
	margin:0;
	background:#fff url(../images/arrowNav02.png) no-repeat 24px 46%;
}
.sideNav00 ul li a{
	font-size:14px;
	line-height:1;
	display:block;
	padding:10px 10px 10px 24px;
}
.sideNav00 ul li.second a{
	padding:10px 10px 10px 38px;
	font-size:93%;
	line-height:130%;
}
.sideNav00 ul li a.arrow-none {
    background:#fff url(../images/arrowNav01.png) no-repeat 6px 46%;
}


/*mainnav*/
.mainnav li{
	border-top: #fff 1px solid;
	text-align: center;
}
.mainnav li a{
	display: block;
    padding: 14px 5px 10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.mainnav .mainnav-green{
	background:#9bcd4f;
}
.mainnav .mainnav-orange{
	background:#faa424;
}
.mainnav .mainnav-red{
	background:#f5534b;
}
.mainnav .mainnav-green:hover{
	background:#B3DD68;
}
.mainnav .mainnav-orange:hover{
	background:#FFB636;
}
.mainnav .mainnav-red:hover{
	background:#F96A67;
}

/*日本へ留学を希望される方へ*/
.greenNav{
	background:#9bcd4f;
}
.greenNav .current01{
	background:#D5EFB0 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.greenNav .current02{
	background:#E8F0DC url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}
.greenNav a:hover{
	background:#D5EFB0 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.greenNav .second a:hover{
	background:#E8F0DC url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}

/*日本留学中の方へ*/
.orangeNav{
	background:#faa424;
}
.orangeNav .current01{
	background:#fcdbaa url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.orangeNav .current02{
	background:#fcf2e4 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}
.orangeNav a:hover{
	background:#fcdbaa url(../images/arrowNav01.png) no-repeat 6px 46% !important;
}
.orangeNav .second a:hover{
	background:#fcf2e4 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}

/*帰国した留学生の方へ*/
.redNav{
	background:#f5534b;
}
.redNav .current01{
	background:#f8bab7 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.redNav .current02{
	background:#ffebe9 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}
.redNav a:hover{
	background:#f8bab7 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.redNav .second a:hover{
	background:#ffebe9 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}

/*その他*/
.blueNav{
	background:#3A90C3;
}
.blueNav .current01{
	background:#c4e3f6 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.blueNav .current02{
	background:#e1eff7 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}
.blueNav a:hover{
	background:#c4e3f6 url(../images/arrowNav01.png) no-repeat 6px 46%;
}
.blueNav .second a:hover{
	background:#e1eff7 url(../images/arrowNav02.png) no-repeat 24px 46% !important;
}


.sideNav01{
margin: 10px 0 20px;
}
.sideNav01 li{
padding: 5px 0 5px 40px;
border-top: #dcdcdc 1px solid;
}
.sideNav01 li.last{
border-bottom: #dcdcdc 1px solid;
}
.sideNav01 li a{
display: table-cell;
-uu-display: table-cell;
position: relative;
vertical-align: middle;
height: 50px;
font-size: 14px;
}
.sideNav01 li a:hover{
color:#029abf;
}
.arrowY{
background: url(../images/arrowYellow.png) no-repeat 5px 50%;
}
.arrowO{
background: url(../images/arrowOrange.png) no-repeat 5px 50%;
}
.arrowP{
background: url(../images/arrowPurple.png) no-repeat 5px 50%;
}
.arrowG{
background: url(../images/arrowGreen.png) no-repeat 5px 50%;
}
.arrowB{
background: url(../images/arrowBlue.png) no-repeat 5px 50%;
}
.sideNav01 li a span{
color: #2eb3d6;
font-size: 12px;
}
.sideNav02 li{
background: url(../images/arrowBlack.png) no-repeat 0 50%;
padding: 10px 0 10px 10px;
}
/********************************
bnrArea
*********************************/
.bnrArea{
text-align:center;
}
.mailmz {
margin:0 0 15px;
}

/********************************
main
*********************************/
.main{
float: right;
width: 650px;
}

/********************************
footer
*********************************/
footer{
width: 100%;
margin: 20px 0 0;
background: #98e5f6;
}
#footerInner{
width: 940px;
margin: 0 auto;
padding:20px 0;
text-align: center;
}
.footer-link li{
display:inline-block;
border-right:1px solid #333;
border-left:none !important;
padding:0 10px;
line-height:100%;
}
.footer-link li a{
line-height:100%;
}
.footer-link li a:hover{
text-decoration:underline;
}
.footer-link li:last-child{
border:none;
}
#footerInner p{
padding: 15px 0 0;
text-align: center;
font-size: 11px;
}

/********************************
share
*********************************/
.f-bold{	font-weight:bold;}
.f-s10{font-size:10px;}
.f-s16{font-size:16px;}
.f-s18{font-size:18px;}
.f-s20{font-size:20px;}
.f-cred{color:#F5534B;}