@charset "UTF-8";
@import url("base/reset.css");
@import url("base/basic.css");
@import url("base/layout.css");
/* 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	home.css
	
	├ main image
	
	├ section-left
		└ 新着情報
		└ トピックス
		
	├ section-right
		└ 最新刊行情報
		└ 研究活動・センターの紹介
	
	├ その他
		└ バナー「国民の皆様の声募集」	
		└ 「ホーム」メニュー非表示
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/


/* ------------------------------------------------------------
	main image
   ------------------------------------------------------------*/
#contents { }
#contents #image {
	position: relative;
	height: 230px;
	overflow: hidden;
}
#contents #image .image-entry { display: none; }
#contents #image .bg-mid {
	background: url(../img/bg_photo_mid.gif) repeat-y left top;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 705px;
}
#contents #image .bg-top { background: url(../img/bg_photo_top.png) no-repeat left top; }
#contents #image .bg-btm {
	background: url(../img/bg_photo_btm.png) no-repeat left bottom;
	height: 230px;
}
/* ------------------------------------------------------------
	section-left
   ------------------------------------------------------------*/
#contents .section .section-left {
	position: relative;
	float: left;
	display: inline;
	width: 475px;
	padding-top: 3px;
}
#contents .section .section-left .bg-mid {
	background: url(../img/bg_left_section_mid.gif) repeat-y left top;
	zoom:1;/*forIE*/
}
#contents .section .section-left .bg-top { background: url(../img/bg_left_section_top.gif) no-repeat left top; }
#contents .section .section-left .bg-btm {
	background: url(../img/bg_left_section_btm.gif) no-repeat left bottom;
	padding: 15px 20px 25px;
}
/* ------------------------------------------------------------
	新着情報
*/
#contents .section .section-left #news {
	font-size: 90%;
	color: #666;
	margin: 0px;
	padding: 0px;
}
#contents .section .section-left #news .title {
	background: url(../img/bg_hr_news.gif) no-repeat 60px 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
#contents .section .section-left #news .oshirase {
	height: 240px;
	width: 435px;
	display: block;
}
#contents .section .section-left #news .nav {
	text-align: right;
	position: absolute;
	top: 23px;
	width: 435px;
	font-size: 13px;
}
/* ------------------------------------------------------------
	トピックス
*/
#contents .section .section-left #topics {
	font-size: 90%;
	color: #666;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
}
#contents .section .section-left #topics .title {
	background: url(../img/bg_hr_topics.gif) no-repeat right 7px;
	padding-bottom: 5px;
	font-size: 14px;
}
#contents .section .section-left #topics .entry p {
	text-indent: -15px;
	margin: 0px 0px 3px;
	padding: 3px 0px 3px 15px;
	border-bottom: 1px dotted #999;
}
/* ------------------------------------------------------------
	section-right
   ------------------------------------------------------------*/
#contents .section .section-right {
	position: relative;
	float: right;
	display: inline;
	width: 230px;
	padding-top: 3px;
}
#contents .section .section-right .bg-mid {
	background: url(../img/bg_right_section_mid.gif) repeat-y left top;
	zoom:1;/*forIE*/
}
#contents .section .section-right .bg-top {
	background: url(../img/bg_right_section_top.gif) no-repeat left top;
	zoom:1;/*forIE*/
}
#contents .section .section-right .bg-btm {
	background: url(../img/bg_right_section_btm.gif) no-repeat left bottom;
	padding: 15px 15px 15px 20px;
	zoom:1;/*forIE*/
}
/* ------------------------------------------------------------
	最新刊行情報
*/
#contents .section .section-right #publication {
	font-size: 90%;
	color: #666;
	margin: 0px;
	padding: 0px;
}
#contents .section .section-right #publication .title {
	background: url(../img/bg_hr_publication.gif) no-repeat right center;
	font-size: 14px;
}
#contents .section .section-right #publication table.publication { width: 195px; }
#contents .section .section-right #publication table.publication th,
#contents .section .section-right #publication table.publication td {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#contents .section .section-right #publication table.publication th.cover { width: 40px; }
#contents .section .section-right #publication table.publication td { padding-top: 5px; }
#contents .section .section-right #publication table.publication td p {
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
#contents .section .section-right #publication table.publication td .date {
	font-size: 85%;
	color: #666;
	text-align: right;
}
/* ------------------------------------------------------------
	研究活動・センターの紹介
*/
#contents .section .section-right #group {
	font-size: 90%;
	color: #666;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
}
#contents .section .section-right #group .title {
	background: url(../img/bg_hr_group.gif) no-repeat right 5px;
	padding-bottom: 5px;
	font-size: 14px;
}
#contents .section .section-right #group ul,
#contents .section .section-right #group ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contents .section .section-right #group ul li {
	text-indent: -13px;
	margin: 0px;
	padding: 0px 0px 5px 13px;
}
#contents .section .section-right #group .section { margin-bottom: 7px; }
/* ------------------------------------------------------------
	バナー「国民の皆様の声募集」
*/
#navigation .bnr-voice {
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* ------------------------------------------------------------
	「ホーム」メニュー非表示
*/
#navigation ul.nav li.item-home { display: none; }

/* ----- note ----- */
/* floatを指定したら同時に「display:inline;」も追加
p {
	float:left;
	display:inline;
}
*/


/* ------------------------------------------------------------
	
   ------------------------------------------------------------*/

/* ------------------------------------------------------------
	
*/


/* -----  ----- */

/*  */
