@charset "utf-8";

/*
国連広報センター
マルチメディアライブラリー日本語版
*/

/***********************************************************
	汎用設定
***********************************************************/

/*■floatのクリア等に使用■*/
.xClear { clear: both; }
.xHide { visibility: hidden; }
.xNone { display: none; }

/**/
.xClearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}	
* html .xClearfix { height: 1%; }/*IE6*/
*:first-child+html .xClearfix { display: inline-block; }/*IE7*/

/*■JavaScript用■*/


/***********************************************************
	共通設定
***********************************************************/

/*■基本レイアウト■*/
html { height: 100%; }
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #bed1f1;
	color: #333333;
	/*font-family: "ＭＳ Ｐゴシック", sans-serif;*/
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1.6;
}

/*一般的なリンク*/
a:link,
a:visited { color: #333333; text-decoration: none; }
a:hover,
a:focus,
a:active  { color: #ee670d; text-decoration: none; }

a.xLink01:link,
a.xLink01:visited { color: #0066cc; text-decoration: none; }
a.xLink01:hover,
a.xLink01:focus,
a.xLink01:active  { color: #ee670d; text-decoration: underline; }

.xThumbBox a:link,
.xThumbBox a:visited { display: block ;color: #0066cc; text-decoration: none; }
.xThumbBox a:hover,
.xThumbBox a:focus,
.xThumbBox a:active  { color: #ee670d; text-decoration: none; }

/*ラッパー*/
#xWrapper {
	width: 960px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	background: #ffffff;
}
* html #xWrapper {/*IE6*/
	height: 100%;
}

/*ヘッダー*/
#xHeader {
	margin: 0 0 4px 0;
}
#xHeader #xMainLogo {
	margin: 0 0 32px 0;
}
#xHeader #xTopicPath {
	margin: 2px 0 0 24px;
}
#xHeader #xMainNavi {
	margin: 0 24px 0 24px;
	text-align: right;
}
#xHeader #xMainNavi li {
	display: inline;
	margin: 0 0 0 24px;
}
#xHeader #xMainNavi li img {
	margin: 0 0 4px 8px;
	vertical-align: middle;
}

/*コンテンツ部分*/
#xContents {
	margin: 0 24px 20px 24px;
}
#xContents h2 {
	margin: 0 0 20px 0;
	padding: 2px 12px 0 10px;
	background: #aac7e4;
	font-size: 16px;
	font-weight: bold;
}
#xContents h2.xCase01 {
	margin-top: 36px;
}

#xContents #xGoToPageTop {
	text-align: right;
}

/*フッター*/
#xFooter {
	margin: 0 24px 0 24px;
	padding: 12px 0 48px 0;
	border-top: solid 1px #999999;
}
#xFooter p {
	text-align: right;
	line-height: 1.5;
}



/***********************************************************
	各ページの設定
***********************************************************/

/*■トップ■*/
#xPg01 {}
#xPg01 #xContents h3 {
	margin: 0 0 16px 0;
	font-size: 14px;
	font-weight: bold;
}
#xPg01 #xContents p {
	margin: 0 0 12px 0;
}
#xPg01 #xContents strong {
	font-weight: bold;
}
#xPg01 #xContents .xText01 {
	font-size: 14px;
}
#xPg01 #xContents .xText02 {
	font-weight: bold;
	text-align: right;
}

/**/
#xPg01 #xContents .xBox01_01 {
	position: relative;
	min-height: 183px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_01 {/*IE6*/
	height: 183px;
}
#xPg01 #xContents .xBox01_01 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_02 {
	position: relative;
	min-height: 319px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_02 {/*IE6*/
	height: 319px;
}
#xPg01 #xContents .xBox01_02 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_03 {
	position: relative;
	min-height: 117px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_03 {/*IE6*/
	height: 117px;
}
#xPg01 #xContents .xBox01_03 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_04 {
	position: relative;
	min-height: 274px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_04 {/*IE6*/
	height: 274px;
}
#xPg01 #xContents .xBox01_04 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_05 {
	position: relative;
	min-height: 256px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_05 {/*IE6*/
	height: 256px;
}
#xPg01 #xContents .xBox01_05 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_06 {
	position: relative;
	min-height: 217px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_06 {/*IE6*/
	height: 217px;
}
#xPg01 #xContents .xBox01_06 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox01_07 {
	position: relative;
	min-height: 274px;
	margin: 0 0 48px 0;
	padding: 0 0 0 298px;
}
* html #xPg01 #xContents .xBox01_07 {/*IE6*/
	height: 274px;
}
#xPg01 #xContents .xBox01_07 p img {
	position: absolute;
	left: 0;
	top: 0;
}

/**/
#xPg01 #xContents .xBox02 {}
#xPg01 #xContents .xBox03 {
	position: relative;
	min-height: 222px;
	padding: 0 0 0 204px;
}
* html #xPg01 #xContents .xBox03 {/*IE6*/
	height: 222px;
}
#xPg01 #xContents .xBox03 p img {
	position: absolute;
	left: 0;
	top: 0;
}


/*■ビデオ・フォト一覧■*/
#xPg02 {}
#xPg02 #xContents h3 {
	margin: 0 0 6px 0;
	font-size: 14px;
	font-weight: bold;
}

#xPg02 #xContents .xThumbBox {
	margin: 0 0 48px 0;
	line-height: 1.3;
}
#xPg02 #xContents .xThumb {
	float: left;
	width: 138px;
	padding: 10px 6px 4px 6px;
	border: solid 1px #e0e0e0;
	background: #F5F4F4;
}
#xPg02 #xContents .xThumbTitle {
	margin: 0 0 6px 0;
	text-align: center;
}
#xPg02 #xContents .xThumbTitle img {
	margin: 0 0 8px 0;
}
#xPg02 #xContents .xThumbDate {
	font-size: 10px;
	text-align: center;
}
#xPg02 #xContents .xThumbText {
	margin: 6px 0 0 0;
	text-align: center;
}


/*■フォト詳細■*/
#xPg03 {}
#xPg03 #xContents #xMain {
	float: right;
	width: 446px;
}
#xPg03 #xContents #xSub {
	float: left;
	width: 405px;
	padding: 12px 16px 10px 16px;
	background: #e5e5e5;
}
#xPg03 #xContents #xMain h1 {
	margin: 0 0 14px 0;
	font-size: 16px;
	font-weight: bold;
}
#xPg03 #xContents #xMain #xEntryText {
	margin: 0 0 16px 0;
}
#xPg03 #xContents #xMain #xEntryInfo {}
#xPg03 #xContents #xMain #xEntryInfo li {
	margin: 0 0 4px 0;
}

#xPg03 #xContents #xSub #xEntryImage {
	text-align: center;
}
#xPg03 #xContents #xSub #xEntryAuthor {
	text-align: right;
}