@charset "UTF-8";

/* -- メインコンテンツ ------------------------------------ */
#alpha {
width: 635px;
float: right;
}

#alpha h3 {
margin: 0;
}

#hif-gakusei,
#hif-host,
#hif-ippan,
#hif-info,
#hif-about {
position: relative;
padding-bottom: 13px;
margin-bottom: 1em;
}

.hif-category-list-link {
height: 28px;
line-height: 28px;
position: absolute;
right: 15px;
top: 0;
}

.hif-category-list-link a {
color: #FFF;
}

.entry {
padding: 0 5px 0 10px;
margin: 0 3px;
background: #FFF;
}

.entry h4 {
font-size: 1em;
font-weight: normal;
padding-left: 15px;
margin: 0;
}
/* -- 留学生向け -- */
#hif-gakusei {
background: url(/img/top-red_btm.gif) no-repeat left bottom #EA4E34;
}
#hif-gakusei .entry h4 {
background: url(/img/listicon_re.gif) no-repeat left 0.5em;
}

/* -- ホストファミリー向け -- */
#hif-host {
background: url(/img/top-yel_btm.gif) no-repeat left bottom #EF9E3F;
}
#hif-host .entry h4 {
background: url(/img/listicon_ye.gif) no-repeat left 0.5em;
}

/* -- 一般向け -- */
#hif-ippan {
background: url(/img/top-gre_btm.gif) no-repeat left bottom #64B746;
}
#hif-ippan .entry h4 {
background: url(/img/listicon_gr.gif) no-repeat left 0.5em;
}

/* -- お役立ち情報 -- */
#hif-info {
background: url(/img/top-blu_btm.gif) no-repeat left bottom #4CADD3;
}
#hif-info .entry h4 {
background: url(/img/listicon_bl.gif) no-repeat left 0.5em;
}

/* -- ＨＩＦについて -- */
#hif-about {
background: url(/img/top-blu_btm.gif) no-repeat left bottom #4CADD3;
}
#hif-about .entry h4 {
background: url(/img/listicon_bl.gif) no-repeat left 0.5em;
}


/* -- サブコンテンツ（ナビ） ------------------------------------ */
#beta {
width: 220px;
float: left;
}

.module {
margin-bottom: 1em;
}

.module h3,
.module p {
margin: 0;
}

/* -- new photo -- */
.module-recent-photos {
/* 0901 */
background: url(/img/newphoto_bottom.gif) no-repeat left bottom #7DCAE2;
/* _yallow
background: url(/img/newphoto_bottom.gif) no-repeat left bottom #FAEB97;
*/

padding-bottom: 10px;
color: #333;
font-size:0.8em;
line-height:1.2em;
}
.module-recent-photos .module-content {
margin: 0 10px;
}
.module-recent-photos img {
margin-bottom: 5px;
}

/* -- ナビ(事業等) -- */
.hif-jigyonavi {
background: url(/img/gnavi_bg.gif) repeat-y left top;
margin-bottom: 1em;
width: 220px;
}
.hif-jigyonavi .top {
margin: 0;
}
.hif-jigyonavi .bottom {
margin: 0;
}

.hif-jigyonavi-inner {
padding: 0 22px 5px 15px;
}

.hif-jigyonavi-inner .title {
font-weight:bold;
padding-left: 5px;
border-left: 5px solid #319B05;
}
.hif-jigyonavi-inner h4 {
font-size: 0.9em;
font-weight: normal;
margin-top: 0;
}
.hif-jigyonavi-inner h4 a {
display: block;
color: #319B05;
font-weight: bold;
}
.hif-jigyonavi-inner p {
font-size: 0.8em;
margin-top: 0;
}

/* -- ナビ(その他) -- */
.hif-amonglink {
/*
background: url(/img/gnavi-s_left.gif) repeat-y left top #FFC93F;
*/
background: url(/img/gnavi-s_left_gr.gif) repeat-y left top #80BC61;
padding: 10px 0;
width: 220px;
}
.hif-amonglink-inner {
padding: 10px 5px;
margin: 0 10px 0 15px;
background-color: #FFF6B7;
}
.hif-amonglink-inner h3 {
color:#4AA644;
font-size:1em;
margin:0;
padding:0;
}
.hif-amonglink-inner h4 {
font-weight: normal;
margin: 0;
}
.hif-amonglink-inner h4 a {
color: #319B05;
}
.hif-amonglink-inner h4 a:hover {
color:#FF6600;
}
.hif-amonglink-inner p {
font-size: 0.8em;
margin: 0 0 0.5em 0;
}
.hif-amonglink-inner .under {
margin: 0;
}

/* フッターリンクバナー */
.hif-externallink {
clear: both;
text-align: center;
list-style: none;
margin: 0 0 1em 0;
}
.hif-externallink li {
display: inline;
}
.hif-externallink li img {
margin-right: 10px;
}


.widebanner {
clear:both;
line-height:1.4;
border:2px solid #CD1D03;
width:640px;
margin:0 auto 20px;
padding:10px;
height:100px;
}
.widebanner table {
border:2px solid #003300;
}
.widebanner td {
vertical-align:top;
}

.widebanner h2 {
margin:00;
padding:0;
color:#CD1D03;
font-weight:bold;
/*
border-left:5px solid #CD1D03;
*/
}
.widebanner p {
margin:0 0 0 130px;
padding:0;
}
.widebanner img {
float:left;
margin-right:10px;
}


/* -- 他団体 -- */
.othergroup {}
.othergroup p {
margin-bottom:10px;
font-size:1.2em;
color:#003300;
border-bottom:2px dotted #030;
}
.othergroup table {}
.othergroup td {
padding-right:20px;
padding-bottom:10px;
}
.othergroup a {
color:#336600;
}

/* -- トピック -- */
.hif_topic {
	border:1px solid #FF7369;
	background:#FFE6D2;
	padding:10px;
	margin:0 0 1em 0;
	
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.hif_topic h2 {
	color:#ED1C24;
	margin:0;
}
.hif_topic p {
	margin:0;
	padding:0;
	clear:both;
}
.hif_topic table {
	margin:1em 0;
	float:left;
}
.hif_topic td {
	width:200px;
	vertical-align:top;
	padding:0 5px;
}
.hif_topicphoto {
	text-align:center;
	height:160px;
	overflow:visible;
}
.hif_topicphoto a img {
	border:5px solid #fff !important;
}


#hif_topic2 {
	float:right;

	width:400px;
	height: 240px;
	overflow: auto;
}
#hif_topic2 h3 {
	margin:0;
	padding:0;
	color:#c00;
	font-size:1em;
}
#hif_topic2 ul {
	list-style: none;
	padding: 0;
	margin: 0 10px;
}
#hif_topic2 li {
	font-size: 0.9em;
	padding: 0;
	margin-bottom: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #A9775D;
}
#hif_topic2 li a {
	display: block;
	padding: 5px;
}
#hif_topic2 li img {
	margin-left: 5px;
	float: right;
}
#hif_topic2 a:link,
#hif_topic2 a:visited {}
#hif_topic2 a:hover,
#hif_topic2 a:active {
	background: #FFF;
}


/* -- トピック(asean草案) -- */
.hiftopic {
	border:1px solid #666;
	background:url(/img/asean.jpg) no-repeat right top;
	padding:10px;
	margin:0 0 1em 0;
	
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.hiftopic h2 {
	color:#ED1C24;
	margin:0;
	background:#fff;

	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.hiftopic p {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#000 !important;
}
.hiftopic a {
	color:#000066 !important;
}
.hiftopic table {
	margin:1em 0;
}
.hiftopic td {
	width:200px;
	vertical-align:top;
	padding:0 5px;
}
.hiftopicphoto {
	text-align:center;
	height:160px;
	overflow:visible;
}
.hiftopicphoto a {
	color:#0000CC !important;
}
.hiftopicphoto a img {
	border:5px solid #fff !important;
}