@charset "utf-8";

/***********************************/
/* 2010.04.30*/
/* Hikidas*/
/*---------------------------------*/
/*基本カラー　ブルー　#4574B4

/***********************************/

body {
font-family:"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  margin:0 auto;
  padding:0;
	background-color:#ffffff;
	text-align:left;
	font-size:13px;/*モダンブラウザ用*/
	line-height:140%;
	*font-size:small;
	*font:x-small;
	line-height:160%;
}

#bd_bgcolor{background:#FFFFFF;}

div:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

a{outline:none;color:#0033CC;/*リンク色指定*/text-decoration:underline;}
a:hover{color:#6666ff;/*マウスオーバー色指定*/text-decoration:underline;}
a.nonline{text-decoration:none;margin:0;padding:0;}

form{margin:0;padding:0;}

 img.float_right{margin:0;padding:0 0 10px 10px;float:right;}
 img.float_left{margin:0;padding:0 10px 10px 0;float:left;}


/*************************************************************************
modxフリー編集ページ用
**************************************************************************/
div.mdx_free p{/*pタグのmargin,paddingを0*/margin:0;padding:0;}
div.mdx_free .t_box{
/*項目等で使用する囲み*/
margin:5px 5px 0 0;padding:2px 5px;border:1px solid #cccccc;background-color:#eeeeee;}

	
/*************************************************************************
基本設定
**************************************************************************/
div.area_container {width:950px;margin:0px auto;padding:0;background-color:#FFFFFF;}
div.area_contents {}

/* 2カラム構成 ---------------------------------------------------------------*/

div.area_l {float:left;background-color:#FBFBFB;width:150px;margin:0px;padding:0px;}
div.area_main {float:left;width:800px;margin:0px;padding:0;}

/* 3カラム構成　インラインフレーム：バナー -----------------------------------*/
div.area_3clmn .area_main {float:left;width:500px;margin:0px;padding:10px 0 0 0;}
div.area_3clmn .area_main .area_cnt {margin:0px;padding:0 15px 0 15px;}
div.area_3clmn .area_r {float:right;width:300px;margin:0px;padding:10px 0 0 0;}
div.area_3clmn .area_main .ttl h1 { background-position:-130px;}


/************************************************************/

div.area_main .area_cnt {margin:0px;padding:0 0 0 15px;}

/*ページタイトル*/
div.area_main .ttl {margin:0px;padding:0 0 20px 0;color:#666;font-size:150%;
}
div.area_main h1 {margin:0px 0px 0px 0px;padding:30px;font-size:120%;color:#FFFFFF;background-image:url(../img/ttl/ttl_lecture_company.jpg);background-repeat:no-repeat;}

/*ページ別ページタイトル背景画像*/

div.area_main .ttl h1 {background-image:url(../img/ttl/ttl_lecture_company.jpg);}

#news .area_main .ttl h1 {background-image:url(../img/ttl/ttl_red.jpg);}

#abrd .area_main .ttl h1 {background-image:url(../img/ttl/ttl_purple.jpg);}
#scholarship .area_main .ttl h1 {background-image:url(../img/ttl/ttl_orange.jpg);}
#tafe .area_main .ttl h1 {background-image:url(../img/ttl/ttl_lecture_company.jpg);}



/*基本 リンク：強調したいリンク作成に使用*/
ul.m_link {margin:0 ;padding:0;list-style:none;}
ul.m_link li{　/*アイコン：イエロー*/
margin:0;padding:0px 5px 5px 15px;background:url(../img/common/ico_link_ylw_main.gif) no-repeat 0px 5px;}
div.bl ul.m_link li{ /*アイコン：ブルー*/
background:url(../img/common/ico_link_bl_main.gif) no-repeat 0px 5px;}

/*基本 サブリンク：標準的なリンク作成に使用*/
ul.m_link_sub {margin:5px 0 10px 0;padding:0px;list-style:none;}
ul.m_link_sub li {padding:0px 5px 5px 10px;margin:0;background:url(../img/common/ico_link_bl_sub.gif) no-repeat 0px 5px;}
img.ph_frm{padding:5px;border:1px solid #eeeeee;background-color:#ffffff;}

/*パンくずリンク*/
div.plink{/*margin:0 0 10px 0;*/padding:5px 0;/*	border-bottom:1px dotted #cccccc;*/font-size:87%;font-weight:bold;}
div.plink a{font-weight:normal;}


/*基本 標準的なリスト表記*/
ul.m_list {margin:5px 0 10px 0;padding:0px;list-style:none;}
ul.m_list li {padding:0px 5px 5px 10px;margin:0;background:url(../img/common/ico_m_list.gif) no-repeat 0px 5px;}

/*************************************************************************
見出し関連
**************************************************************************/

h1 {
	margin:10px 0px 20px 0px;
	padding:0px;
	font-size:160%;
	line-height:130%;
	}	
h2 {
	margin:10px 0px;
	padding:0px;
	}
h2.first { /*モダンブラウザ*/
	margin:0 0 10px 0;
	padding:0px;
	}
h3{
	background:url(../img/top/bar_base_bk.jpg) no-repeat 0 0;
	margin:0;
	padding:6px 15px;
	border:1px solid #dddddd;
	/*font-size:87%;*/
	line-height:110%;
}

h3.first {  /*モダンブラウザ*/
	margin:0px 0 10px 0;
	}
	
div.mds_bdl5_gray{
	border-left:5px solid #dddddd;
	margin:0;
	padding:0 0 0 7px;
	color:#666666;
}


/*************************************************************************
ヘッダーエリア*/

div.area_head {
	text-align:center;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
}
div.area_head .logo {
	float:left;
	margin:0;
	padding:10px 0;
}
div.area_head .sublink {
	float:right;
	margin:0;
	padding:0;
	font-size:80%;
	}
div.area_head .sublink ul.hd{
margin:0px;
padding:0px;
list-style:none;
}
div.area_head .sublink ul.hd li{
	float:right;
	margin:0 0 0 10px;
	padding:0 10px 0 0;
	border-right:1px solid #4574B4;
	}
div.area_head .sublink ul.m_link li{
	float:right;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}


/*************************************************************************
左エリア*/

div.area_l a{
	text-decoration:none;
}
div.area_l a:hover{
	text-decoration:underline;
}
div.area_l .m_grp_link a{
	border-top:2px solid #FFCC00;
	background-image:url(../img/common/m_grp_link.jpg);
	background-repeat:repeat-y;
	margin:0;
	padding:3px 10px;
	color:#FFFFFF;
	display: block
}
div.area_l .m_grp_link a:hover{
	background-image:none;
	background-color:#66F;
	color:#FFFFFF;
}
div.area_l .m_grp {
	border-top:2px solid #FFCC00;
	background-color:#97BAF0;
	margin:0;
	padding:3px 10px;
	color:#FFFFFF;
}
div.area_l ul.m_link_sub li {
	padding:1px 5px 0 8px;
	margin:0;
	background-image:none;
	font-size:87%;
}
div.area_l ul.emp_link {
	margin:0px;
padding:0px;
list-style:none;
}
div.area_l ul.emp_link li a{
	padding:3px 3px 3px 20px;
	margin:0;
background:url(../img/common/ico_link_ylw_main.gif) no-repeat 5px 7px;
border-bottom:1px dotted #cccccc;
display:block;
}
div.area_l ul.emp_link li a:hover{
	background-color:#eeeeee;
	color:#0033cc;
display:block;
}
div.area_l ul.emp_link li:first-child{
border-top:1px dotted #cccccc;
}

/*qrコード部*/

div.qr_frm{
	margin:15px 0 0 0;
	padding:10px;
	text-align:center;
	border:2px solid #97BAF0;
	background-color:#FFFFFF;
}


/********************************************************************
footer
*********************************************************************/
div#area_footer_ok {
	clear:both;
	margin:0 auto;
	padding:20px 0 5px 0;
	text-align:center;
	font-size:90%;
}
div#area_footer {
	clear:both;
	margin:30px auto 0 auto;
	padding:10px 0 5px 0;
	text-align:center;
	font-size:90%;
}
div#area_footer a { 
padding:0px 3px;
}


div.cr_okwave{
	margin:20px 0 0 0;
	padding:10px 0 0 0;
}

div.area_qa .cr_okwave{/*トップページ用*/
	margin:10px 0 0 0;
	padding:8px;
	background-color:#FFFFFF;
	-webkit-border-radius: 6px;
-moz-border-radius:6px;
}

div.area_qa #area_footer_ok {
	text-align:left;
}


/*コピーライト表記*/
div.cr {
	padding:10px 0;
	margin:10px 0 0 0;
	border-top:1px solid #dddddd;
	text-align:center;
}


/************************************/
/*改ページ処理*/
.dt_page{
/*border-top:1px solid #eeeeee;*/
margin:20px 0px 0px 0px;
padding:5px 10px;
font-family:verdana,arial;
text-align:center;
font-weight:bold;
}
.dt_page a{
	font-weight:normal;
}
.dt_page a.ditto_page{
padding:2px 5px;
margin:0px 5px;
border:1px solid #cccccc;
background-color:#6666FF;
color:#FFFFFF;
}
.dt_page a.ditto_page:hover{
background-color:#CCCCFF;
border:1px dotted #cccccc;
color:#3333FF;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 5px;
}



/************************************/
/* 左サブナビに教えて留学用リンク追加*/

div.okw_sub_link {background-color:#FFcc00; margin:10px 0; padding:1px; }
div.okw_sub_link_bk {padding:30px; background-image:url(../img/common/okw_sub_link_bk.gif); background-repeat:no-repeat;}
div.okw_sub_link_area{margin:1px; padding:5px; background-color:#FFF;}


/************************************/
/* 左サブナビに「留学体験談」リンク追加*/

div.subnav_abroad_link {border:1px solid #85B2EE; padding:5px;}
div.subnav_abroad_link_ttl {background-image:url(../img/common/subnav_abroad_link_ttl.gif); background-repeat:no-repeat; height:50px;}

div.subnav_abroad_link .box_pu{border-top:2px dotted #85B2EE; margin-top:5px; padding-top:5px;}
div.subnav_abroad_link .box_pu img.pu{ border:1px solid #dddddd;}
div.subnav_abroad_link .box_pu .pu_cat{ padding:5px 0 0 0; margin:0; font-weight:bold; color:#666666;}
div.subnav_abroad_link .box_pu .pu_name{ padding:5px 0 0 0; margin:0;}
div.subnav_abroad_link .box_pu p{ padding:5px 0 0 0; margin:0;}




/********************************************************************
広告エリア　デザイン指定
*********************************************************************/

/*上部テキスト広告*/

div.ad_txt{ border-left:2px dotted #dddddd; padding:0 0 0 20px; margin:0 0 5px 0;}

/*下部広告*/

div.ad_box{ margin:20px  0 0 0; padding:20px 0; border-top:2px dotted #dddddd;border-bottom:2px dotted #dddddd; }

div.ad_box h3{ background-image:none; border:none; padding:0 10px; border-left:5px solid #dddddd;}

div.ad_box .ad_cap_t{ font-size:86%; color:#666666;}


/********************************************************************
 プリント用CSS設定
*********************************************************************/

@media print {
div#area_container {
	width:700px;
  margin:0 auto 0 auto;
}
div#main {margin-left:10px;}

div.area_nav {
	width:0;
}
div#lmenu ul li { display:none; font-weight:bold;}

}


/********************************************************************
 表組の修飾
*********************************************************************/
/*tableタグにclassをあてていただくと、グレイのラインでデザインした表を作成いただけます。*/

/*基本*/
table.tbl_bs{
background-color:#eeeeee;
border:1px solid #dddddd;
width:100%;
margin:3px 0px;
}
table.tbl_bs td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}
table.tbl_bs th {
background-color:#eeeeee;
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:100px;/*幅の固定*/
}

table.tbl_bs td.tbl_b{
font-weight:bold;
}
table.tbl_bs td.tbl_m_conf{
font-weight:bold;
background:#eeeeee;
color:#660066;
}



/*************************************************************************
floatの解消
**************************************************************************/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/

/************************************/
/* ページ内リンクメニュー表記*/

div.link_pgnm{ background:#E4EFFF; padding:7px; margin:-20px 0 20px 0;}/*ネガティブマージン指定でタイトル画像に下付き*/
div.link_pgnm ul{margin:0px;padding:0px;list-style:none; font-size:86%;}
div.link_pgnm ul li{float:right;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #4574B4;}
div.link_pgnm ul li:last-child{border-left:1px solid #4574B4; padding:0 10px;}


/************************************/
/*国別リンクメニュー表記*/

div.gov_flg_cnt{	margin:0 0 10px 0;	padding:10px;border:1px dotted #cccccc;}
div.gov_flg_cnt h3{ margin:0 0 10px 0;}
div.gov_flg_cnt div{ float:left;padding-right:10px; width:160px; }
div.gov_flg_cnt img{ padding:0 5px 0 0;	margin:10px 0 0 0;vertical-align:middle;}
div.gov_flg_cnt span{	padding:0;margin:0;	font-size:90%;}

/* 文字太く*/
.t_bold{ font-weight:bold;}
 
/*注意文字の指定*/
.t_atn{
color:#CC0000;
}
.t_atn a{
color:#CC0000;
}

/*ページトップへ*/
div.pgtop{
margin:10px 0px;
padding:0; 
text-align:right;
}

/*ボーダーデザイン設定*/

div.bdr_1_bs_dot{
	border:1px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}
div.bdr_2_bs_dot{
	border:2px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}
div.bdr_1_bs_sld{
	border:1px solid #cccccc;
	margin:10px 0 0 0;
	padding:10px;
}

div.bdr_top_1_bs_dot{
	border-top:1px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
div.bdr_top_2_bs_dot{
	border-top:2px dotted #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
div.bdr_top_1_bs_sld{
	border-top:1px solid #cccccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/
/*等間隔で隙間をとって整えたい場合などに便利なclass設定です。*/

div.mgb0{margin-bottom:0 !important;}
div.mgb5{margin-bottom:5px !important;}
div.mgb10{margin-bottom:10px !important;}
div.mgb15{margin-bottom:15px !important;}
div.mgb20{margin-bottom:20px !important;}
div.mgb30{margin-bottom:30px !important;}

div.mgt0{margin-top:0 !important;}
div.mgt5{margin-top:5px !important;}
div.mgt10{margin-top:10px !important;}
div.mgt15{margin-top:15px !important;}
div.mgt20{margin-top:20px !important;}
div.mgt30{margin-top:30px !important;}

div.mgl0{margin-left:0 !important;}
div.mgl5{margin-left:5px !important;}
div.mgl10{margin-left:10px !important;}
div.mgl15{margin-left:15px !important;}
div.mgl20{margin-left:20px !important;}
div.mgl30{margin-left:30px !important;}

div.mgr0{margin-right:0 !important;}
div.mgr5{margin-right:5px !important;}
div.mgr10{margin-right:10px !important;}
div.mgr15{margin-right:15px !important;}
div.mgr20{margin-right:20px !important;}
div.mgr30{margin-right:30px !important;}

div.mgn0{margin:0 !important;}

div.pdt0{padding-top:0 !important;}
div.pdt5{padding-top:5px !important;}
div.pdt10{padding-top:10px !important;}
div.pdt15{padding-top:15px !important;}
div.pdt20{padding-top:20px !important;}
div.pdt30{padding-top:30px !important;}

div.pdb0{padding-bottom:0 !important;}
div.pdb5{padding-bottom:5px !important;}
div.pdb10{padding-bottom:10px !important;}
div.pdb15{padding-bottom:15px !important;}
div.pdb20{padding-bottom:20px !important;}
div.pdb30{padding-bottom:30px !important;}

div.pdl0{padding-left:0 !important;}
div.pdl5{padding-left:5px !important;}
div.pdl10{padding-left:10px !important;}
div.pdl15{padding-left:15px !important;}
div.pdl20{padding-left:20px !important;}
div.pdl30{padding-left:30px !important;}


div.pdr0{padding-right:0 !important;}
div.pdr5{padding-right:5px !important;}
div.pdr10{padding-right:10px !important;}
div.pdr15{padding-right:15px !important;}
div.pdr20{padding-right:20px !important;}
div.pdr30{padding-right:30px !important;}

div.pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div.clearBoth{clear:both;}
div.floatLeft{float:left;}
div.floatRight{float:right;}
div.alignLeft{text-align:left;}
div.alignRight{text-align:right;}

div.clerig { clear: right; }
div.clebot { clear: both; }

<!--[if lt IE 6.0]>
<link rel="stylesheet" href="common_ie.css" type="text/css" />
<![endif] -->