@charset "utf-8";

/*==============================================================

　【 Abroad css 】

　1. 共通設定
　2. 留学・試験対策
　3. 留学先一覧
　4. お役立ち情報

================================================================*/

/*----------------------------------------------------------------
　1. 共通設定
----------------------------------------------------------------*/

#gloval ul { width:820px; padding:0; background:#0E9C9C; }

.box-height {
	min-height: 200px;
	_height: 220px;
}

.index-box01 h3,
.index-box02 h3 {
	background:url(images/bg_summary_03.gif) repeat-y left;
}

.index-box01 p,
.index-box02 p {
	font-size: 75%;
	line-height:150%;
}

#Abroad div.info-box {
	background: none;
	width: 370px;
}

#Abroad div.info-box dt {
	line-height: 135%;
}

/*----------------------------------------------------------------
　2. 留学・試験対策
----------------------------------------------------------------*/

#Abroad .lead-INDEX { /* INDEX */
	margin: 0;
	padding: 0 5px 10px 5px;
	font-size: 75%;
	line-height: 160%;
}

#Abroad .lead-INDEX img { /* INDEX */
	float: right;
	margin: 2px 0 15px 20px;
}

#Abroad .lead-INDEX .info-box {
	background: none;
	width: 350px;
}

.lead {
	font-size:75%;
	line-height:160%;
	margin:0 5px;
}

.lead2 {
	font-size:75%;
	line-height:160%;
	margin:0 5px 10px 5px;
}

ul.pagemenu {
	margin:10px 0 20px 0;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
	padding:0 15px 30px 15px;
}

ul.pagemenu2 {
	margin:10px 0 20px 0;
	padding:0 15px 0px 15px;
}

.pagemenu li,#Abroad .pagemenu2 li {
	font-size:75%;
	line-height:160%;
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	padding-left:16px;
}

#Abroad .item {
	width:580px;
	margin:0 0 15px 10px;
}

#Abroad .pick{
	font-size:85%;
	font-weight:bold;
	line-height:160%;
	margin:0 5px 10px 5px;
}

#Abroad .itembody {
	background:url(../common/images/frame_summary_03.gif) repeat-y;
	width:580px;
	padding:10px 0 20px 0;
}

#Abroad .itembody h3 {
	font-size:75%;
	color:#000066;
	background:url(../common/images/bg_summary_01.gif) repeat-x bottom;
	width:554px;
	padding:6px 0 5px 10px;
	margin:0 0 10px 13px;
	line-height:150%;
	}

#Abroad .itembody h3 span {
	font-weight:normal;
}

#Abroad .itembody .course {
	font-size:75%;
	margin:0 20px 15px 20px;
	line-height:160%;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
	padding:0 0 15px 0;
}

#Abroad .itembody .course span {
	color:#000066;
	font-weight:bold;
}

#Abroad .itembody h5 {
	font-size:65%;
	color:#000066;
	margin:15px 0 10px 25px;
	}

#Abroad .itembody .comment {
	font-size:75%;
	line-height:160%;
	margin:0 25px 10px 25px;
}

#Abroad .itembody strong {
	color:#333;
}

#Abroad .itembody em {
	font-size:85%;
	font-weight:bold;
}

#Abroad .itembody table {
	width:540px;
	margin:0 0 0 20px;
	padding:1px;
}

/*テーブル2列*/
#Abroad .itembody td.left {
	background:url(../common/images/bg_summary_02.gif) repeat;
	width:100px;
	font-size:65%;
	color:#000066;
	padding:8px 4px 8px 8px;
	text-align:left;
	font-weight:bold;
}

#Abroad .itembody td.right {
	width:300px;
	font-size:65%;
	background:#FFF;
	padding:8px 4px 8px 8px;
	text-align:left;
}

/*テーブル2列*/
#Abroad .itembody table.private td.title {
	background:url(../common/images/bg_summary_02.gif) repeat;
	width:100px;
	font-size:65%;
	color:#000066;
	padding:8px 4px 8px 8px;
	text-align:left;
	font-weight:bold;
}

#Abroad .itembody table.private td {
	width:300px;
	font-size:65%;
	background:#FFF;
	padding:8px 4px 8px 8px;
	text-align:left;
}


/* テーブル4列 */
#Abroad .itembody table.design1 td.title {
	background:url(../common/images/bg_summary_02.gif) repeat;
	width:137px;
	font-size:65%;
	color:#000066;
	padding:8px 4px 8px 8px;
	text-align:center;
	font-weight:bold;
}

#Abroad .itembody table.design1 td {
	font-size:65%;
	background:#FFF;
	padding:8px 4px 8px 8px;
	text-align:left;
}

#Abroad .hsg  {
	margin:10px 0 20px 0;
	padding:0 15px 30px 15px;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
}

#Abroad .hsg img {
	float:left;
	margin-right:7px;
}

#Abroad .hsg p{
	float:left;
	font-size:75%;
	margin:2px 0 0 0;
}

.mb10{
	margin-bottom:10px;
}

/* BOX */
#Abroad .box {
	width:550px;
	margin:0 0 10px 10px;
	clear:both;
}

#Abroad .frame {
	background:url(abroad/images/bg_corner_content_cell.gif) repeat-y;
	padding:0 10px;
	width:550px;
}

#Abroad .frame p {
	font-size:75%;
	line-height:150%;
	padding:0 0 10px 5px;
}

#Abroad.frame li {
	padding-left:14px;
	font-size:75%;
	line-height:150%;
}

#Abroad .block {
	display:block;
}

#Abroad ul.list{
	padding:0 20px 0 40px;
	font-size:75%;
	line-height:160%;
}

#Abroad ul.list li {
	list-style:disc;
	padding:12px 0 0 0;
}
	
#Abroad .itembody .bluebox {
	background:#E2EBEE;
	font-size:75%;
	line-height:160%;
	margin:15px 25px 10px 25px;
	padding:10px;
}

/*----------------------------------------------------------------
　3. 留学先一覧
----------------------------------------------------------------*/

#list-abroad .item {
}

#list-abroad .itembody {
	width:580px;
	margin:0 0 15px 0;
	padding:0 0 20px 0;
}

#list-abroad .itembody h3 {
	font-size:85%;
	color:#000066;
	margin:0 0 10px 10px;
	padding:15px 0 0 0;
	line-height:100%;
	}

#list-abroad .itembody em {
	font-size:85%;
	font-weight:bold;
}

#list-abroad .itembody table {
	width:580px;
	margin:0 0 0 10px;
	padding:0;
	
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
}

#list-abroad .itembody table th {
	height:40px;
	padding:2px 0 0 0;
	background:url(images/bg_list_abroad_01.gif) repeat-x top;

	color:#000066;
	font-size:75%;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;

	border-bottom: #CCC solid 1px;
	border-right: #CCC solid 1px;
}

#list-abroad .itembody table td {
	padding:8px 4px 8px 8px;
	font-size:65%;
	text-align:left;
	border-bottom: #CCC solid 1px;
	border-right: #CCC solid 1px;
}

#list-abroad .itembody .list01 .university { width:250px; font-weight:bold; }
#list-abroad .itembody .list01 td.university { width:250px; color:#333; font-weight:bold; }
#list-abroad .itembody .list01 .grade,
#list-abroad .itembody .list01 .country,
#list-abroad .itembody .list01 .course { width:100px; }

#list-abroad .itembody .list02 .high-school { width:290px; font-weight:bold; }
#list-abroad .itembody .list02 td.high-school { width:290px; color:#333; font-weight:bold; }
#list-abroad .itembody .list02 .country { width:290px; }


#list-abroad .itembody tr.gray {  background:#F0F0F0; }

.info_box_01{
	border:1px solid #cccccc;
	width:585px;
	margin:0px 0 30px 10px;
	}
.info_box_01 div{
	font-size:75%;
	font-weight:bold;
	margin:12px 12px 5px 12px;
	color:#779E39;
	}
.info_box_01 p{
	margin-top:3px;
	margin:0 12px 12px 12px;
	font-size:75%;
	}
	

.para_minus10{
	margin-top:-10px;
}
.para_m2{
	margin-top:2px;
}
.para_m10{
	margin-top:10px;
}
.para_m5{
	margin-top:5px;
}
.para_m15{
	margin-top:15px;
}
.para_m20{
	margin-top:20px;
}
.para_m30{
	margin-top:30px;
}
.para_m40{
	margin-top:40px;
}
.para_left_m5{
	margin-left:5px;
}
.para_left_p5{
	padding-left:5px;
}
.para_left_m10{
	margin-left:10px;
}
.para_bottom_m5{
	margin-bottom:5px;
}
.para_bottom_m10{
	margin-bottom:10px;
}

.para_bottom_m15{
	margin-bottom:15px;
}
.para_bottom_m20{
	margin-bottom:20px;
}

.para_bottom_p15{
	padding-bottom:15px;
}
.para_bottom_p20{
	padding-bottom:20px;
}
.para_bottom_p40{
	padding-bottom:40px;
}

.pagemenu3 {
	font-size:75%;
	line-height:160%;
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-left:20px;
	padding-left:16px;
}

.pagemenu4 {
	line-height:160%;
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	margin-right:20px;
	margin-left:5px;
	padding-left:16px;
}

.lead3{
	font-size:65%;
	margin-left:36px;
	}
	
.itembody {
/*	background:url(../common/images/frame_summary_03.gif) repeat-y;*/
	width:580px;
	padding:10px 0 10px 0;
}

.itembody .course {
	font-size:75%;
	margin:0 20px 15px 20px;
	line-height:160%;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
	padding:0 0 15px 0;
}

.itembody .course span {
	color:#000066;
	font-weight:bold;
}

.itembody h5 {
	font-size:65%;
	color:#000066;
	margin:15px 0 10px 25px;
	}

.itembody .comment {
	font-size:75%;
	line-height:160%;
	margin:0 25px 10px 25px;
}
.itembody .comment2 {
	font-size:65%;
	line-height:160%;
	margin:0 15px 0px 15px;
}

.itembody strong {
	color:#333;
}

.itembody h3 {
	font-size:75%;
	color:#000066;
/*	background:url(../common/images/bg_summary_01.gif) repeat-x bottom;*/
	width:554px;
	padding:6px 0 5px 10px;
	margin:0 0 10px 13px;
	line-height:150%;
}

.itembody2 {
	background:url(../common/images/frame_summary_03_2.gif) repeat-y;
	width:185px;
	padding:10px 0 20px 0;
}

.itembody2 .course {
	font-size:75%;
	margin:0 10px 15px 10px;
	line-height:135%;
	background:url(../common/images/line_summary_01.gif) repeat-x bottom;
	padding:0 0 15px 0;
}

.itembody2 .course span {
	color:#000066;
	font-weight:bold;
}

.itembody2 h5 {
	font-size:65%;
	color:#000066;
	margin:15px 0 10px 15px;
	}

.itembody2 .comment {
	font-size:75%;
	line-height:135%;
	margin:0 10px 10px 15px;
}

.itembody2 strong {
	color:#333;
}

.itembody2 h3 {
	font-size:75%;
	color:#ffffff;
	background:url(images/bg_summary_03.gif) repeat-y left;
	padding:6px 0 5px 10px;
	margin:0 0 10px 13px;
	line-height:150%;
	}
.itembody2 h3 a{
	color:#FFFFFF;
	text-decoration:none;
	}
.itembody2 h3 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}



.list01{
	background:url(images/icon_ball_01.gif) no-repeat;
	padding-left:16px;
	}

.dotted{
	padding-bottom:30px;
	background:url(../common/images/line_dot_01.gif) repeat-x bottom;
	}

.float_left{
	float:left;
	}
	
.feature_txt_box{
	width:320px;
	float:left;
	height:220px;
	margin-right:10px;
	}
	
.feature_img_box{
	width:235px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	height:180px;
	}
		
.clear{
	clear:both;
	}
.clear_m15{
	clear:both;
	margin-top:-15px;
	}
.clear_m25{
	clear:both;
	margin-top:-25px;
	}
.clear_hr_f6{	
	clear:both;
	color:#f6f6f6;
	float:none;
	width:100%;
	height:.1em;
	margin: 0 0 0em;
	border:none;
	background:#f6f6f6;
	}

.height_220{
	height:220px;
	}
	
.height_120{
	height:120px;
	}
	
.height_150{
	height:150px;
	}
.height_100{
	height:100%;
	}
	
.dotted_line_01{
	background:url(../common/images/line_dot_01.gif) repeat-x ;
	padding:0 15px 0px 15px;
	margin-bottom:0px;
	}
	

.system_box_01{
	float:left;
	width:185px;
	}

.system_list_01{
	font-size:65%;
	margin-right:10px;
	}


/*----------------------------------------------------------------
　4. お役立ち情報
----------------------------------------------------------------*/

#useful h3{
	border-left:5px solid #3540C1;
	background:#1B2071;
	font-size:75%;
	color:#FFF;
	padding:8px 0 5px 8px;
	height:19px;
	_padding:10px 0 5px 8px;
	_height:32px;
	margin-top:30px;
	margin-bottom:15px;
}

#useful h3.margin-none {
	margin-top:5px;
	margin-bottom:10px;
}

#useful .itembody h4{
	font-size:75%;
	color:#000066;
	background:url(../common/images/bg_summary_01.gif) repeat-x bottom;
	width:544px;
	_width:554px;
	padding:6px 0 5px 10px;
	margin:0 0 10px 13px;
	line-height:150%;
}

#useful .itembody h5 {
	font-size:75%;
	color:#000066;
	margin:15px 0 10px 25px;
}

#useful .itembody .comment {
	font-size:75%;
	line-height:160%;
	margin:0 25px 10px 25px;
}

#useful .photo {
	float: right;
	margin: 3px 5px 15px 20px;
	border: 1px solid #EEE;
}


#useful dl.list,#useful dl.list_2 {
	margin:10px 0 20px 0;
}

#useful .list dt,#useful .list_2 dt{
	font-size:75%;
	margin:20px 0 2px 0;
	font-weight:bold;
	padding:0 15px 2px 15px;
}

#useful .list dd {
	font-size:75%;
	line-height:160%;
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 5px;
	padding-left:16px;
	margin:5px 0 0 25px;
}
#useful .list_2 dd {
	background:url(../common/images/icon_ball_01.gif) no-repeat 0 2px;
	font-size:75%;
	line-height:160%;
	padding-left:16px;
	margin:3px 0 0 25px;
}

#useful .list_2 dd span {
	margin-left: 3px;
	font-size:85%;
}

#useful  .comment {
	margin: 0 15px 15px 15px;
	padding: 0;
	font-size: 75%;
	line-height: 160%;
}