/*File: foreign.css
*Description: Define foreign language style Sheet
*Author: KYUSHU INTERMEDIA LABORATORY,INC
*/



/* ------------------------------------- /header/ ----------------------------------------*/

#foreign #hd #hd_dt{
	background:url(../img_cmn/bg_03.gif)  no-repeat;
}
#foreign #hd #hd_dt #hd_m{
	width:675px;
	text-align:right;
	margin-top:20px;
}

#foreign #hd #hd_dt #hd_m ul{
	float:left;
	background:url(../img_cmn/bg_lang.gif);
	margin-top:16px;
	width:189px;
}
#foreign #hd #hd_dt #hd_m ul li{
	padding:4px 6px 4px 10px;
	float:left;
	display:block;
}


/*====== menu ======*/
#foreign.cn #hd #gm{
	background:url(../cn/img_cmn/bg_gm.gif)  no-repeat;
}
#foreign.en #hd #gm{
	background:url(../en/img_cmn/bg_gm.gif)  no-repeat;
}



/* ------------------------------------- /Contents/ ----------------------------------------*/
#foreign #ct_dt{
	padding:20px;
}



/*====== Top Page ======*/
#foreign #ct_dt.tp #ct_l_dt_l{
	width:635px;
	float:left;
}
#foreign #ct_dt.tp h2,
#foreign #ct_dt.tp h3{
	margin:0;
	padding:0;
	background:none;
}
#foreign #ct_dt.tp #ct_l_dt_l .box_tp,
#foreign #ct_dt.tp #ct_l_dt_l .dt{ 
	width:310px;
	float:left;
}
#foreign #ct_dt.tp #ct_l_dt_l .box_tp img{
	margin:0 0 8px 0;
}
#foreign #ct_dt.tp #ct_l_dt_l .ml20{
	_margin-left:5px !important;
}
#foreign #ct_dt.tp #ct_l_dt_l .dt{
	border-top:3px solid #333333;
	text-align:right;
	padding-bottom:20px;
}

#foreign #ct_dt.tp #ct_l_dt_r{
	width:205px;
	float:left;
	text-align:right;
}
#foreign #ct_dt.tp #ct_l_dt_r img{
	margin-bottom:10px;
}
#foreign #ct_dt.tp #ct_l_dt_r #map{
	background:url(../img_cmn/bg_04.gif);
	margin:0 0 20px 20px;
}
#foreign #ct_dt.tp #ct_l_dt_r #map img{
	margin:0;
}

#foreign #ct_dt.tp #ct_l_dt_r #map a{
	padding:5px;
	display:block;
}


/* Vidual */
#mv{
	width:880px;
	height:261px;
	position:relative;
}
#mv ul{
	width:180px;
	height:37px;
	position:absolute;
	left:685px;
	top:208px;
}

#mv li{
	float:left;
	padding-right:5px;	
}
#mv li a{
	float:left;
	display:block;
	/*width:135px;  Open Campus ver*/
	width:180px;
	height:37px;
	font-size:1px;
	text-indent:-9999px;
	overflow:hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;	
}

#mv li.mn01 a:hover{background:url(../cn/img/btn_mv01_o.jpg) no-repeat;opacity: 1.0;}



/*====== detail page =======*/

#foreign #ct_dt h2{
	margin-bottom:20px;
}
#foreign #ct_dt h3{
	clear:both;
	margin:25px 0 5px 0;
	padding:11px 0 5px 18px;
	background:url(../img_cmn/bg_ttl_01.gif) no-repeat;
}
#foreign #ct_dt .box_subject{
	width:560px;
	float:left;
}
#foreign #ct_dt strong{
	margin:5px 0;
	display:block;
}
#foreign #ct_dt .ec_point{
	width:840x;
	margin-bottom:10px;
	background:url(../img_cmn/bg_01.gif) bottom no-repeat;
}
#foreign #ct_dt .box_ec_point{
	width:415px;
	float:left;
}
#foreign #ct_dt .box_ec_point p{
	margin:5px 10px;
}

#foreign #ct_dt h3.mclear{
	margin-bottom:0;
	padding-bottom:0;
	*padding-top:5px;
}
#foreign #ct_dt h3.access{
	background:none;
	padding-left:0;
}

#foreign #ct_dt .sp_point{
	width:840x;
	margin-bottom:10px;
	background:url(../img_cmn/bg_02.gif) bottom no-repeat;
}
#foreign #ct_dt .box_sp_point{
	width:270px;
	float:left;
}
#foreign #ct_dt .box_sp_point p{
	margin:5px 10px;
}
#foreign #ct_dt dl.falist{
	padding:18px 0;
	background:url(../../img_cmn/line_01.gif) bottom repeat-x;
}
#foreign #ct_dt dl.falist dt{
	background:url(../img_cmn/img_q.gif) no-repeat;
	padding:5px 0 15px 35px;
}
#foreign #ct_dt dl.falist dd{
	background:url(../img_cmn/img_a.gif) 35px 0 no-repeat;
	padding-left:80px;
}
#foreign #ct_dt dl.falist dd table{
	width:50%;
	margin:10px 0;
}
#foreign #ct_dt dl.falist span{
	display:block;
	width:50%;
	margin-top:10px;
}
#foreign.en  #ct_dt dl.falist span{
	width:97%;
}
#foreign #ct_dt ul.link_twin_s li{
	float:left;
	width:250px;
	text-decoration:none;
	display:block;
	margin:2px 3px;
}
#foreign #ct_dt ul.link_twin_s a{
	text-decoration:none;
}


/* 15privilege */
.privilege h4{
	padding:0;
	background:none;
}
.privilege h4.bdr_t_dot{
background:url(../img_cmn/line_01.gif) repeat-x;padding-top:20px;
}
.privilege ul.square{
	margin:10px 0 15px 0;
	padding-bottom:15px;
	background:url(../img_cmn/line_01.gif) bottom repeat-x;
}

.privilege dl.square_simple dt{
	padding-left:12px;
	margin:0 10px 3px 15px;
	font-weight:bold;
	background:url(../img_cmn/bg_square.gif) 0 8px no-repeat;
}
.privilege dl.square_simple dd{
	padding-left:27px;
	margin-bottom:10px;
}
.privilege #merit{
	border-left:1px solid #3399CC;
	border-right:1px solid #3399CC;
	border-bottom:1px solid #3399CC;
	padding:15px;
}


/* ------------------------------------- /Common/ ----------------------------------------*/

.mr20{margin-right:20px;}
.bg_gray{margin-bottom:20px;}
dl .bg_gray{margin-bottom:0;}

.cfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.cfix{
  display:inline-block;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .cfix { height: 1%;}
.cfix { display: block;}