@charset "UTF-8";

/*
======== table of content. =================================

Last Updated:09.09.08
summary:国際協力ナビ「知る・する・働く」 CSS定義

- NOJS
- HEADER
- PROMOTIONALAREA
- CONTENT
  - MAIN-SUB
		  - MAIN
				  - BORDER
						- BOX
						- FONT-SETTINGS
						- HEADING
						- LINK-ICON
						- LIST
				- SUB
				  - LOCALMENU
	
============================================================
*/


/*-----------------------------------------------------
NOJS
-------------------------------------------------------*/
body#inter_navi p#noJs {
	border-color:#C12736;
}

/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
/* ロゴ周り */
body#inter_navi #header .bgleft {
	background-image:url(../images/bg_header_left.gif);
}

/* 下階層 */
body#inter_navi #header .bgleft {
	border-bottom-color:#C12736;
}

/*-----------------------------------------------------
PROMOTIONAREA
-------------------------------------------------------*/
body#inter_navi #promotionArea {
	background-color:#828482;
	height:215px;
}

* html body.faculty-top #promotionArea img {
	margin-bottom:-4px!important;
}

/*------------------------------
MAIN
--------------------------------*/
/* PICK UP、HEADLINE NEWS、EVENT NEWS 共通設定 */
body.faculty-top #main h2 {
	color:#C12736;
}

body#inter_navi #main h5.cap {
	padding:6px !important;
	color:#C12736 !important;
	background-color:#f1f1f1 !important;
	font-weight:bold;
}

/*------------------------------
BORDER
--------------------------------*/
body#inter_navi #main .border-r {
	background-image:url(../images/bg_border-r.gif);
}

/*------------------------------
BOX
--------------------------------*/
/* 左ボーダー青 */
body#inter_navi #main .box-border-r {
 border-left-color:#C12736;
}

/*------------------------------
WIDTH SETING
------------------------------*/
.widthhalf { width:50%; }

/*------------------------------
FONT-COLOR
--------------------------------*/
body#inter_navi .txt-r {
	color:#C12736!important;
}

body#inter_navi .txt-b {
	color:#333333!important;
}

/*------------------------------
HEADING
--------------------------------*/
body#inter_navi #main h3 {
	color:#C12736;
}

/*------------------------------
LINK-ICON
--------------------------------*/
body#inter_navi #main .link-page-blank a:hover,
body#inter_navi #main a.link-page-blank:hover {
	background-image:url(../images/icon_blank_ro.gif);
}

/*------------------------------
LIST
--------------------------------*/
body#inter_navi #main ul.headline-news li a:hover,
body#inter_navi #main ul.event-news li a:hover,
body#inter_navi #main ul.arrow li a:hover,
body#inter_navi #main a.link-arrow:hover {
	background-image:url(../images/icon_arrow_ro.gif);
}

body#inter_navi #main ul.event-news li dl dd a:hover {
	background-image:none;
}

body#inter_navi #main ul.arrow-down li a:hover  {
	background-image:url(../images/icon_arrow_down_ro.gif);
}

/*-- main --*/
body#inter_navi #main ul.arrow li.selected-02 a {
	background:url(../images/icon_arrow_ro.gif) no-repeat;
}


body#inter_navi #main ul.arrow li.selected-02 a:hover {
	color:#000000;
	background:url(../images/icon_arrow_ro.gif) no-repeat;
}

/*-- event-news --*/

body#inter_navi #main ul.event-news li {
	margin-bottom:12px;
}

body#inter_navi #main ul.event-news li a:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
}

body#inter_navi #main ul.event-news li a {
	display:block;
	clear:both;
	zoom:1;
}

body#inter_navi #main ul.event-news li span {
	display:block;
	float:left;
	width:75%;
	text-indent:0;

}

body#inter_navi #main ul.event-news li span.date {
	width:20%;
}


/*------------------------------
SUB
--------------------------------*/
/*--------------------------
LOCALMENU
----------------------------*/
body#inter_navi.index #content #sub ul li a:hover {
	background-image:url(../images/bg_localmenu_ro.gif) ;
}


body#inter_navi #content #sub ul li a:hover {
	background-image:url(../images/bg_localmenu_ro.gif) ;
}

body#inter_navi #content #sub ul li a:hover,
/* 現在セレクト中のMENU（横向き矢印） */
body#inter_navi #content #sub ul li.selected-02 a {
	background-image:url(../images/bg_localmenu_ro.gif);
}

/* 現在セレクト中のMENU（下向き矢印） */
body#inter_navi #content #sub ul li.selected a,
body#inter_navi #content #sub ul li.selected a:hover {
	background-image:url(../../global/images/bg_localmenu_selected.gif);
	
}


body#inter_navi #content #sub ul li.selected-02 .sub-menu li span,
body#inter_navi #content #sub ul li.selected .sub-menu li span {
	background:url(../../global/images/bg_localmenu_sub_selected.gif) no-repeat 0 0;
	padding:3px 5px 4px 30px;
	display:inline-block;
	margin:0;
	line-height:1.45;
}

/* サブMENU */
body#inter_navi #content #sub ul.sub-menu li a {
	background-image:url(../../global/images/bg_localmenu.gif);
	padding-left:41px;
}

body#inter_navi #content #sub ul li ul.sub-menu li a:hover,
/* 現在セレクト中のMENU（横向き矢印） */
body#inter_navi #content #sub ul ul.sub-menu li.selected-02 a {
	background-image:url(../images/bg_localmenu_sub02_ro.gif);
}


/*------------------------------
MAIN
--------------------------------*/
/* 3カラムの場合、再度上書き */
body#inter_navi #main-sub #main {
	width:514px!important;
	padding-top:45px!important;
	padding-right:0!important;
}

/*メニューがはみ出す ie6*/
* html body#inter_navi #sub ul {
 margin-left:0px!important;
}
  

td.valin-top {
vertical-align:top;
}

/* 3カラムの場合、再度上書き */
body.faculty-top #content {
	background-image:url(../../images/bg_content.gif)!important;
}

/*リスト内、外部リンク*/
body#inter_navi ul.arrow li.blank a.link-page-blank:hover {
	background-image:url(../images/icon_blank_ro.gif)!important;
}

/*ボックスの幅がはみ出す*/
body#inter_navi #main div.box-g03 {
width:574px!important;
}