@charset "utf-8";

/*
【見出し・文節・リストなどの装飾指定用のCSS】
*/

/*==================================================

	中ページ：セクションエリアのスタイル

==================================================*/


div#content div#contentInner div#main #mainHeader h3 { margin: 0; background: url("../images/common/bg_cat.png") left bottom no-repeat; padding: 2px 20px 2px 0px; border-bottom: solid 1px #ddd; }
div#content div#contentInner div#main #mainHeader h3 span.hitem { display: block; background: transparent url("../images/common/bg_hcat.gif") no-repeat left bottom; padding: 0 0 0 15px; margin: 5px 0 5px 10px; font-weight:bold; font-size: 123.1%; }

div#content div#contentInner div#main #mainHeader h3 span.hitem span.hs { font-size: 77%; }



#topP div#content div#contentInner div#main .mainHeader h3 { margin: 0; background: url("../images/common/bg_cat.png") left bottom no-repeat; padding: 2px 20px 2px 0px; border-bottom: solid 1px #ddd; clear: both; }
#topP div#content div#contentInner div#main .mainHeader h3 span.hitem { display: block; background: transparent url("../images/common/bg_hcat.gif") no-repeat left bottom; padding: 0 0 0 15px; margin: 5px 0 5px 10px; font-weight:bold; font-size: 123.1%; }

#topP div#content div#contentInner div#main .mainHeader h3 span.hitem span.hs { font-size: 77%; }
#topP div#content div#contentInner div#main .mainHeader h3 { border: solid 1px #ddd; }


div#content div#contentInner div#main div#mainInner h4 {
	border-bottom: solid 1px #DDDDDD;
	border-left: solid 3px #006598;
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 0 0 5px 10px;
	font-size: 116%;
}

div#content div#contentInner div#main div#mainInner h4.eTitl { 
margin-top: 0;
}

div#content div#contentInner div#main div#mainInner h5 { font-size: 116%; margin-bottom: 8px; }

div#content div#contentInner div#main div#mainInner p { margin-bottom: 15px; line-height: 160%; }

div#content div#contentInner div#main div#mainInner ul, div#content div#contentInner div#main div#mainInner ol { margin-left: 25px; margin-bottom: 20px; }
div#content div#contentInner div#main div#mainInner ul li { list-style:disc; }
div#content div#contentInner div#main div#mainInner ol li { list-style:decimal; }

div#content div#contentInner div#main div#mainInner div.asset-body ul li { list-style:none; }

div#content div#contentInner div#main div#mainInner a { color:#006598; }

div#content div#contentInner div#main div#mainInner #mainInnerCont { margin: 0 0 0 15px; }
div#content div#contentInner div#main div#mainInner .mainInnerCont { margin: 0 0 0 15px; }

div#content div#contentInner div#main div#mainInner span.G1 { font-size:138.5%; !important; color:#659800; padding-right:3px; }
div#content div#contentInner div#main div#mainInner span.G2 { color:#659800; padding-right:3px; }



/*見出し
----------------------------------------*/

/*---------- 大見出しベース ----------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h2 {
	margin: 18px 0 18px 0;
	padding: 14px 30px 20px 28px;
	font-size: 174%;
	font-weight: normal;
	letter-spacing:0.1em;
}

/*---------- 大見出しgeneral用 ----------*/
body.general div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h2 {
	background:url(images/hl_general.png) no-repeat 0 0;
	color:#344A5F;
}
/*---------- 大見出しeast(実験生物共同利用部門)用 ----------*/
body.east div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h2 {
	background:url(images/hl_east.png) no-repeat 0 0;
	color:#387E4F;
}
/*---------- 大見出しwest(遺伝子実験利用部門)用 ----------*/
body.west div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h2 {
	background:url(images/hl_west.png) no-repeat 0 0;
	color:#AF5856;
}
/*---------- 大見出しwest-animal(動物染色体共同利用部門)用 ----------*/
body.animal div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h2 {
	background:url(images/hl_animal.png) no-repeat 0 0;
	color:#255C89;
}


/*---------- 中見出し ----------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h3 {
	background:url(images/ico_title_010.png) no-repeat 0 1px;
	color:#5A5858;
	font-size: 153.9%;
	margin: 30px 0 20px 0;
	padding: 5px 0 5px 35px;
	/*font-weight: normal;*/
}

/*IE6*/
* html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h3 {
	background: url(images/ico_title_010.png) no-repeat 0 0;
}

/*IE7*/
*:first-child+html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h3 {
	background:(images/ico_title_010.png) no-repeat 0 0;
}


/*---------- 小見出し ----------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h4 {
	font-weight: bold;
	font-size: 123.1%;
	margin: 30px 45px 15px 45px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 h5 {
	font-weight: bold;
	font-size: 108%;
	margin: 30px 45px 10px 45px;
}


/*---------- 文章の段落 ----------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 p {
	font-size: 108%;
	line-height: 1.75;
	margin: 0 55px 1em 55px;
	text-indent: 1em;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 p.noindent {
	text-indent: 0;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 p.noIndent {
	text-indent: 0;
}


/*表組み用テーブルの基本スタイル
----------------------------------------*/

/*全てのテーブル下に余白を15px取る*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table {
	margin: 0 auto 20px auto;
	width: 550px;
	border-collapse: collapse;
}

/*テーブル行の背景色を変更*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table tr.shadow {
	background-color: #EAEAEA;
}

/*表の見出し*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table th {
	background-color: #DBDBDB;
	border: 1px solid #CCC;
	font-size: 14px;
	line-height: 1.75;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
}

/*表の見出し（テキスト左寄せ）*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table th.left {
	text-align: left;
}


/*全てのテーブルセル下に余白を15px取る*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td {
	border: 1px solid #CCC;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.75;
	padding: 5px;
	vertical-align: top;
}

/*テーブルセル内のイメージ下に余白を5px取る*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td img {
	margin: 0 0 5px 0;
	border:0px 0px 0px 0px;
}


/*テーブルセル合計*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table tr.total {
	color:#333;
	border-top: 2px solid #929292;
	font-weight:bold;
}

/**/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.resultTable{
	line-height:1.6;
	text-align:center;
	}
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.resultTable th{
	background-color:#F0F0F0;
}

/**/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.guideTable {
	margin: 0 auto 20px auto;
	width: 450px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.guideTable td{
	padding-left:10px;
	border-right:none;
	border-left:none;
}



div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.guideTableJournal {
	margin: 0 auto 20px auto;
	width: 550px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.guideTableJournal td{
	padding-left:10px;
	border-right:none;
	border-left:none;
}



/*レイアウト用テーブルの基本スタイル
----------------------------------------*/

/*レイアウト用テーブル（インデントしたブロック）*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.layout {
	margin: 0 auto 20px auto;
	width: 550px;
	border: none;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.layout td {
	border: none;
	vertical-align: top;
	padding: 0;
}


/*テーブルセルの右方向に余白を15px付ける*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td.pad-right15 {
	padding-right: 15px;
}

/*テーブルセルの右方向に余白を30px付ける*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td.pad-right30 {
	padding-right: 30px;
}

/*テーブルセルの左方向に余白を15px付ける*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td.pad-left15 {
	padding-left: 15px;
}

/*テーブルセルの左方向に余白を30px付ける*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td.pad-left30 {
	padding-right: 30px;
}


/*沿革用テーブルのスタイル
----------------------------------------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.history {
	border-collapse: collapse;
}

/*ヘッダセルの背景色は、元の指定を上書きするためページの背景色を指定*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.history th {
	background-color: #FFF;
	border: none;
	border-bottom: 1px dotted #B2B2B2;
	white-space: nowrap;
	text-align: right;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.history td {
	border: none;
	border-bottom: 1px dotted #B2B2B2;
}

/*セル内の見出し位置調整*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.layout td h3 {
	background: url(images/h3_icon.png) no-repeat 0 10px;
	font-size: 22px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.layout td h4 {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px 0;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table.layout td h5 {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
}

/*セル内のオブジェクト幅調整*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td p {
	font-size: 14px;
	line-height: 1.75;
	margin: 0 0 1em 0;
	text-indent: 1em;
	width: auto;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td ul {
	margin: 0 0 1em 0;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td ol {
	margin: 0 0 1em 0;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 table td dl {
	margin: 0 0 1em 0;
}


/*番号なしリストのスタイル
----------------------------------------*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul {
	margin: 0 45px 1em 60px;
	padding: 0;
	list-style-position: outside;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li {
	margin-bottom:0.5em;
	font-size: 108%;
	line-height: 1.7;
	list-style-type: disc;
}


/*番号つきリストのスタイル
----------------------------------------*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol {
	margin: 0 45px 1em 65px;
	padding: 0;
	list-style-position: inside;/*リスト先頭のスタイル*/
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li {
	margin-bottom:0.5em;
	font-size: 108%;
	line-height: 1.75;
	list-style-type: decimal;
}


/*リスト内のPDFアイコンのリンク
----------------------------------------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.pdf{
	list-style-type:none;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.pdf a {
	background: url(images/ico_pdf_small.gif) no-repeat 0 5px;
	padding: 6px 0 6px 24px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.pdf a {
	background: url(images/ico_pdf_small.gif) no-repeat 2px 5px;
	padding: 6px 0 6px 24px;
	margin: 0 0 0 -6px;
}

* html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.pdf a {
	margin: 0;
}

*:first-child+html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.pdf a {
	margin: 0;
}


/*リスト内のWORDアイコンのリンク
----------------------------------------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.doc{
	list-style-type:none;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.doc a {
	background: url(images/ico_doc_small.gif) no-repeat 0 5px;
	padding: 6px 0 6px 24px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.doc a {
	background: url(images/ico_doc_small.gif) no-repeat 2px 5px;
	padding: 6px 0 6px 24px;
	margin: 0 0 0 -6px;
}

* html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.doc a {
	margin: 0;
}

*:first-child+html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.doc a {
	margin: 0;
}

/*リスト内のxlsアイコンのリンク
----------------------------------------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.xls{
	list-style-type:none;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.xls a {
	background: url(images/ico_xls_small.gif) no-repeat 0 5px;
	padding: 6px 0 6px 24px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.xls a {
	background: url(images/ico_xls_small.gif) no-repeat 2px 5px;
	padding: 6px 0 6px 24px;
	margin: 0 0 0 -6px;
}

* html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.xls a {
	margin: 0;
}

*:first-child+html div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ol li.xls a {
	margin: 0;
}



/*リストのスタイル lawページ用(PDF・WORDアイコンありなし混合）
----------------------------------------*/
body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul {
	margin-left:0;
	padding-left:0;
}
body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul {
	margin-left: 85px;
}

body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li{
/*	padding-left:0.6em;
	text-indent:-0.2em;*/
}

body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li a{
	margin-bottom:0.5em;
	font-size: 108%;
	line-height: 1.7;
	list-style-type: disc;
	padding:6px 0 2px 2px;
}

body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.pdf a{
padding: 6px 0 2px 26px;
margin-left:-24px;
*zoom:1;
*background-position:0 5px;
*padding-top:0;
*margin-bottom:0;

}

body#law div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 ul li.doc a {
	padding: 6px 0 2px 25px;
	margin-left:-24px;
}

/*定義リストのスタイル
----------------------------------------*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 dl {
	margin: 0 45px 30px 45px;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 dl dt {
	font-weight: bold;
	font-size: 108%;
	line-height: 1.75;
	margin: 0 0 5px 0;
}

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 dl dd {
	font-size: 108%;
	line-height: 1.75;
	margin: 0 0 10px 15px;
}



/*リンクを設定した画像のボーダー
----------------------------------------*/

div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 a img {
border:solid 1px #C9C9CA;
}



/*整形済みテキスト(pre)
----------------------------------------*/
div#contentWrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 pre {
	font-size: 14px;
	background-color: #EAEAEA;
	border: solid 1px #B2B2B2;
	line-height: 1.75;
	margin: 1em 0 1em 45px;
	padding: 10px;
	overflow-x: auto;
	overflow-y: auto;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	width: 530px;
}


/*==================================================

	汎用スタイル

==================================================*/

/*----------左に寄せる ----------*/
.left {
	text-align: left;
}

/*----------右に寄せる ----------*/
.right {
	text-align: right;
}

/*---------- 中央に寄せる ----------*/
.center {
	text-align: center;
}

/*---------- 注意・警告表示 ----------*/
.notice {
	font-weight: bold;
}

.caution {
	margin-left:60px;
	color:#C02B31;
	line-height: 1.6;
}

.warning {
	background-color: #C02B31;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
}

/*リスト以外の要素へのPDFアイコンのリンク
----------------------------------------*/

/*段落*/
p.pdfFile {
	background: url(images/pdficon_small.gif) no-repeat 0 8px !important;
	padding: 6px 0 6px 12px !important;
}

/*それ以外*/
.pdfFile {
	background: url(images/pdficon_small.gif) no-repeat 0 8px !important;
	padding: 6px 0 6px 24px !important;
}

/*リンクに対する適用*/
a.pdfFile {
	background: url(images/pdficon_small.gif) no-repeat 0 4px !important;
	padding: 6px 0 6px 22px !important;
}




/*写真などの左側に回り込む要素
----------------------------------------*/
div#content div#contentInner div#main div#mainInner .fLeft {
	float: left;
	display: inline;
	margin: 0 0 20px 0;
}

/*写真などの右側に回り込む要素
----------------------------------------*/
div#content div#contentInner div#main .fRight {
	float: right;
	display: inline;
	margin: 0 0 20px 0;
}

.phBox { overflow: hidden; clear: both; }

/** 新着 2014　**/
div#content div#contentInner div#main .mainInnerSecNew ul { 
margin-top: -10px;
margin-bottom: 15px;
}

div#content div#contentInner div#main .mainInnerSecNew ul li {
	border-bottom: dotted 1px #ccc;
	padding: 10px 0 5px 0;
	list-style-type: none !important;
	list-style-image: none !important;
}

div#content div#contentInner div#main .mainInnerSecNew ul li a {
	background:url(../images/top/btn_top_li.png) left top no-repeat;
	padding-left: 20px;
	color: #006598;
}

div#content div#contentInner div#main .mainInnerSecNew ul li span {
	display: block;
	text-align: right;
}



/* add 20140811 table layout ----------------------------------------*/

div#content div#contentInner div#main div#mainInner table.table01 {
	margin: 0 auto 20px;
}

div#content div#contentInner div#main div#mainInner table.table01 th {
	vertical-align: top;
	padding: 10px;
	border:1px solid #ccc;
	background:#f2f2f2;
}
div#content div#contentInner div#main div#mainInner table.table01 td {
	vertical-align: top;
	padding: 10px;
	border:1px solid #ccc;
}

div#content div#contentInner div#main div#mainInner table.table02 {
	margin: 0 auto 20px;
	border-top:1px solid #ccc;
}

div#content div#contentInner div#main div#mainInner table.table02 th,
div#content div#contentInner div#main div#mainInner table.table02 td {
	vertical-align: top;
	padding: 10px;
	border-bottom:1px solid #ccc;
}


/* add 20160707 SaSSOH Abstract ----------------------------------------*/
div#content div#contentInner span.tpldl { margin: 0 10px;font-size: 150%;font-weight: bold; }
div#content div#contentInner p.tpldlbtn { margin: 20px 0 40px 0 !important; }
div#content div#contentInner p.tpldlbtn a { padding: 10px;font-size: 140%;font-weight: bold;color: #FFF !important;background: #006DA5;text-decoration: none;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; }
div#content div#contentInner p.tpldlbtn a:hover { background: #009DF2; }
