@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;

}



/* ------------------------------------------------------------

	section-left　お悔み　by sugahara

   ------------------------------------------------------------*/

#contents .section .section-okuyami {
	
	font-size:80%;

	position: relative;

	float: left;

	width: 670px;
	
	background-color:#FFF;
	
	line-height: 110%;

	padding-top: 15px;
	
	padding-bottom: 3px;
	
	padding-left: 10px;
	
	padding-right: 10px;

}


/* ------------------------------------------------------------

	section-left　閉所のお知らせ　by sugahara

   ------------------------------------------------------------*/
#contents .section .section-heishotop {

	font-size:150%;
	
}


#contents .section .section-heisho {

	font-size:120%;
	
}



/* ------------------------------------------------------------

	新着情報

*/

#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;

}

*/





/* ------------------------------------------------------------

	

   ------------------------------------------------------------*/



/* ------------------------------------------------------------

	

*/





/* -----  ----- */



/*  */