@charset "Shift_JIS";

/* ブラウザリセット---------------------------------------------- */
html{
	margin: 0;
	padding: 0;
}

body {
	text-align:center;
	margin: 0;
	padding: 0;
	color : #666666;
	font-size : 12px;
	line-height : 125%;
	background : url(../imgcommon/bg.gif);
	font-family:"trebuchet ms","helvetica","arial","verdana","sans-serif";
}


h1,h2,h3,h4,h5,p,ul,li,form,address {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5 {
	font-weight: normal;
}

img a{
	border:none;
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */

}

a {
	color:#666666;
	text-decoration: underline;
}

a:hover {
	color:#ff6600;
	text-decoration: underline;
}

/* 共通要素　---------------------------------------------- */
.left{
	float:left;
}

.right{
	float:right;
}

.clear {
	clear:both;
	margin: 0;
	padding: 0;
	font-size: 1px;
	height : 1px;
	min-height:1px;
}
/* ヘッダー　---------------------------------------------- */

#header{
	margin:15px auto 0;
	padding-bottom:5px;
	text-align:left;
	width:770px;
	height:148px;
	background : url(../image/header.gif) no-repeat;
	font-size:10px;
	

}

#header h1{
	float:left;
	text-indent: -9999px;
	height:5px;
}

#header .whats{
	margin:10px 15px 0 0;
	_margin:10px 7px 0 0;
	float:right;
	width:229px;
	background : url(../image/whats.jpg) no-repeat;
}

#header .whats h3 a.whats_lnk{
	display:block;
	width:229px;
	height:25px;
}

#header .whats h3 a.whats_lnk:hover{
	background : url(../image/whats_on.jpg) no-repeat;
}

#header h3.whats-ttl{
	text-indent: -9999px;
	height:25px;
}
#header .whats-cont{
	width:227px;
	border:1px solid  #cccccc;
	border-width:0 1px;
}
#header h2{
	margin:0px 0px 3px 10px;
	font-weight:bold;
	font-size:12px;
	line-height:120%;
	color:#ff0000;
	background : url(../image/icon.gif) no-repeat left 5px;
	padding : 5px 0 0 30px;
/* Mac IE 5対策 \*//*/

	margin-left:25px;

/* 　 */
}

#header .data{
	font-size:10px;
	line-height:12px;
	margin-left:7px;
	width:80px;
	_width:72px;
/* Mac IE 5対策 \*//*/

	width:72px;

/* 　 */
	float:left;
	font-weight:bold;
	text-align:right;
}
#header .data-qt{
	font-size:10px;
	line-height:12px;
	float:left;
	width:120px;
/* Mac IE 5対策 \*//*/

	width:140px;

/* 　 */
}
#header .whats-bt{
	height:10px;
	background : url(../image/whats_bt.gif) no-repeat center top;
}
#header ul{
	list-style: none;
	margin:4px 15px 0 0;
	_margin:-1px 6px 0 0;
/* Mac IE 5対策 \*//*/

	margin:0px 15px 0 0;

/* 　 */
}

#header li{
	float:left;
	font-size:10px;
}




/* コンテンツ　---------------------------------------------- */

#main{
	margin:0 auto;
	text-align:left;
	width:770px;
	background : url(../imgcommon/bg_cont.gif) repeat-y;
}


/* メニュー　---------------------------------------------- */

#menu{
	float:left;
	width:205px;
	padding-left:5px;
}
#menu h3{
	text-indent: -9999px;
	height:5px;
}
#menu .news p,
#menu .life p,
#menu .inter p,{
	/*padding:0 10px 0px 30px;*/
}
#menu span{
	display:block;
	font-size:10px;
	color:#132D90;
	padding-bottom:3px;
}

/*#menu img{
	border:1px solid #B0B0B0;
}*/


/*--------------news-------------*/

#menu .bg_news{
	background : url(../image/news.gif) no-repeat;
	width:175px;
	height:25px;
}

#menu h3.lnk_news a{
	display:block;
	width:100px;
	height:25px;
}

#menu h3.lnk_news a:hover{
	background : url(../image/news_on.gif) no-repeat;
}


#menu .news{
	padding:3px 15px 10px 25px;
	/*_padding:5px 0 10px;*/
}
/*--------------/news-------------*/

/*--------------life-------------*/
#menu .bg_life{
	background : url(../image/life.gif) no-repeat;
	width:175px;
	height:25px;
}

#menu h3.lnk_life a{
	display:block;
	width:175px;
	height:25px;
}

#menu h3.lnk_life a:hover{
	background : url(../image/life_on.gif) no-repeat;
}


#menu .life{
	padding:3px 15px 10px 25px;
	/*_padding:8px 0 10px;*/
}
/*--------------/life-------------*/


/*--------------inter-pro-------------*/
#menu .bg_inter-pro{
	background : url(../image/inter_pro.gif) no-repeat;
	width:175px;
	height:45px;
}

#menu h3.lnk_inter-pro a{
	display:block;
	width:175px;
	height:45px;
}

#menu h3.lnk_inter-pro a:hover{
	background : url(../image/inter_pro_on.gif) no-repeat;
	
}

#menu .inter-pro{
	padding:3px 15px 15px 25px;
	/*_padding:30px 0 20px;*/
}

/*--------------/inter-pro-------------*/


/*--------------mail-------------*/

#menu .bg_mail{
	background : url(../image/email.gif) no-repeat;
	width:175px;
	height:45px;
}

#menu h3.lnk_mail a{
	display:block;
	width:175px;
	height:30px;
}

#menu h3.lnk_mail a:hover{
	background : url(../image/email_on.gif) no-repeat;
	
}


#menu .mail{
	padding:3px 15px 10px 25px;
	width:205px;
	height:30px;
}

/*--------------/mail-------------*/


#menu .top_banner{
	padding:10px 0px 10px 25px;
}


/*　コンテンツ
---------------------------------------------------- */
#contents{
	float:left;
	width : 555px;
}
#contents .contents-bt{
	background : url(../image/bg_cont_bt.jpg) no-repeat left top;
}

#contents p{
	padding:10px 0 35px 5px;
	width : 270px;
}

/*　フッター
---------------------------------------------------- */
#footer {
	margin:0 auto;
	width:770px;
	background : url(../imgcommon/footer_line.gif) no-repeat;
	text-align:center;
}

#footer address {
	padding:10px 0 50px;
	font-style: normal;
	font-size : 10px;
	color : #666666;
}

/*　確認用
---------------------------------------------------- */
.test { border: 1px #000000 solid }

/*　top 0417更新
---------------------------------------------------- */
#contents .youtube{
	padding-left:60px;
	margin-bottom:15px;
}
#contents .backnumber{
	text-indent:-9999px;
	width:157px;
	height:18px;
	background : url(../image/backnumber.gif) no-repeat;
	margin-bottom:20px;
	margin-left:194px;
}
#contents .backnumber a{
	display:block;
	width:137px;
	height:18px;
}
.close{
	padding-top:20px;
	margin-bottom:20px;
}
/* 20090220追加---------------------------------------------- */
/*--------------life-------------*/
#menu .bg_life2{
	background : url(../image/life2.gif) no-repeat;
	width:175px;
	height:25px;

}

#menu .bg_life2 h3.lnk_life a{
	display:block;
	width:175px;
	height:25px;
}

#menu .bg_life2 h3.lnk_life a:hover{
	background : url(../image/life_on2.gif) no-repeat;
}


#menu .life{
	padding:3px 15px 10px 25px;
	/*_padding:8px 0 10px;*/
}
/*--------------/life-------------*/
/*--------------jpan-------------*/
#menu .bg_jap{
	background : url(../image/jap_ex.gif) no-repeat;
	width:175px;
	height:65px;
	margin-bottom:10px;
}

#menu h3.lnk_jap a{
	display:block;
	width:175px;
	height:65px;
}

#menu h3.lnk_jap a:hover{
	background : url(../image/jap_ex_on.gif) no-repeat;
	
}

/*--------------/jpan-------------*/
/*--------------news-------------*/
#menu .bg_news_bk{
	background : url(../image/news_bk.gif) no-repeat;
	width:175px;
	height:20px;
}

#menu h3.lnk_news_bk a{
	display:block;
	width:175px;
	height:20px;
}

#menu h3.lnk_news_bk a:hover{
	background : url(../image/news_bk_on.gif) no-repeat;
	
}

/*--------------/news-------------*/
/*--------------margin-------------*/
#menu .bg_jap,
#menu .bg_inter-pro,
#menu .bg_news_bk{
	margin-bottom:20px;
}
#menu .life{
	margin-bottom:10px;
}
/*　top 090429更新
---------------------------------------------------- */
#contents .homestay{
	text-indent: -9999px;
	width:545px;
	height:108px;
	background : url(../image/hs_bg.gif) no-repeat;
	margin-bottom:20px;
}
#contents .homestay .poster{
	float:left;
	display:block;
	width:120px;
	height:108px;
	margin-right:13px;
}
#contents .homestay .experience{
	float:left;
	width:192px;
	margin-right:13px;
	padding-top:13px;
}
#contents .homestay .study{
	float:left;
	width:192px;
	padding-top:13px;
}
#contents .homestay .experience p,
#contents .homestay .study p{
	width:192px;
	font-size:4px;
	height:30px;
	padding:0;
}

#contents .homestay .experience a,
#contents .homestay .study a{
	display:block;
	width:192px;
	height:50px;
}
#contents .homestay .experience a:hover{background : url(../image/experience_over.gif) no-repeat;}
#contents .homestay .study a:hover{background : url(../image/study_over.gif) no-repeat;}