@charset "utf-8";

/*****************************************************************
 left.css : 障害保健福祉研究情報システム（http://www.dinf.ne.jp/)
                  <div id="left">内の表示方法
******************************************************************/

/***---------------------left main--------------------***/
#left #main , #left_rnl #main{
	float:left;
	width:97%;
}

/***---------------------left main div--------------------***/
#left #main div , #left_rnl #main div{
	position: relative;
/***各divのpaddingは個別設定にしている。角Ｒを使わないなら、以下のpadding:0.5em設定でOK***/
/*	padding:0.5em;*/
}

/***↓---------------------角Ｒ用 div--------------------↓***/
#left div.rbk , #left_rnl div.rbk  {
	margin: 0;
	padding: 0;
}
#left p.rbk , #left_rnl p.rbk  {
	margin: 0;
	padding: 0;
}

div.roundblock {
	background:#CCFF99;
	margin: 0px 0 10px 0;
	padding:0;
}

div.roundblock .blockcontent {
	color:  #333;
	padding: 0 10px 0 10px;
}

div.roundblock .blockcontent p {
	padding: 0;
	margin: 0 0 10px 0;
}

div.roundblock .blockcontent p.posted {
	padding: 0;
	margin: 0;
}

div.roundblock a {
	padding:0;
	background: none;
	background-color: transparent;
}

div.roundblock a:hover {
	padding:0;
	background-color: #9c0;
}

div.roundblock p.posted input {
	padding:0;
	vertical-align: text-bottom;
}

div.toprow {
	padding:0;
	height: 10px;
	overflow: hidden;
	background-image: url(../img/corner_tl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div.botrow {
	padding:0;
	height: 10px;
	overflow: hidden;
	background-image: url(../img/corner_bl.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

div.endrow {
	padding:0;
	height: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top right;
}
div.toprow .endrow {
	padding:0;
	background-image: url(../img/corner_tr.gif);
}

div.botrow .endrow {
	padding:0;
	background-image: url(../img/corner_br.gif);
}

/***↑---------------------角Ｒ用 div--------------------↑***/

/***--- トップページ　枠の中h3 ---災害関連が終了したら削除***/

#left h3.sinsai , #left_rnl h3.sinsai
	{
	clear: both;
	font-size:95%;
	}




/***↓---------------------段組後段Hack--------------------***/
/*float後の回り込みをリセットする*/

.clearfix:after {
	content: "";
	clear: both;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix{
    zoom:1;
}

/***↓---------------------table Hack--------------------***/
/***table borderを灰色オモテケイにする***/
/***table 内の文字を若干小さくする***/
#left table , #left_rnl table {
width:95%;
border-collapse:collapse;
border:1px solid #808080;
empty-cells:hide;
font-size:96%;
margin:1em 0 0 2em;
 white-space: pre;           /* CSS 2.0 */  
 white-space: pre-wrap;      /* CSS 2.1 */  
 white-space: pre-line;      /* CSS 3.0 */  
 white-space: -pre-wrap;     /* Opera 4-6 */  
 white-space: -o-pre-wrap;   /* Opera 7 */  
 white-space: -moz-pre-wrap; /* Mozilla */  
 white-space: -hp-pre-wrap;  /* HP Printers */  
 word-wrap: break-word;      /* IE 5+ */
}

/***table セル内のアキ***/
#left th , #left_rnl th{
border:1px solid #808080;
padding:4px;
}

#left td , #left_rnl td{
line-height:120%;
border:1px solid #808080;
padding:4px;
 white-space: pre;           /* CSS 2.0 */  
 white-space: pre-wrap;      /* CSS 2.1 */  
 white-space: pre-line;      /* CSS 3.0 */  
 white-space: -pre-wrap;     /* Opera 4-6 */  
 white-space: -o-pre-wrap;   /* Opera 7 */  
 white-space: -moz-pre-wrap; /* Mozilla */  
 white-space: -hp-pre-wrap;  /* HP Printers */  
 word-wrap: break-word;      /* IE 5+ */
 word-break:break-all;
 ord-wrap: break-word;
}

#left table.half{
    width:50%;
	font-weight:bold;
	margin:20px 30px 20px 30px;
	padding:10px 10px 10px 40px;
}

#left table.dokusyo {
	border-collapse: collapse;
	width:60%;
	line-height:1;
	padding:10px;
}







/***↓---------------------list　の設定--------------------***/

#left ul , #left_rnl ul {
	margin-top: 0.5em;
}

#left ul li , #left_rnl ul li {
	list-style-image:url('../img/icon/li-1.gif');
	margin: 0 0 0 4em;
}

#left table td ul li , #left_rnl table td ul li  {
	list-style-image:url('../img/icon/li-1.gif');
	margin: 0 0 0 1em;
}

/***↓--------------------- tab（インデント用）の設定--------------------***/
#left #main div.tab , #left_rnl #main div.tab{
	margin: 0 0 0 5em;
	padding:0.25em;
}

/***↓---------------------雑誌検索窓　の設定--------------------***/
/*** 雑誌検索窓 ***/
#left #msearch p , #left_rnl #msearch p{
	margin-left:20px ;
	padding:0px 2px 0px 2px ;
	background:#C8E5FB;
	font-size:90%;
}

#left #msearch strong , #left_rnl #msearch strong{
	padding:0px 2px 0px 2px;
	color:#000033;
	background:#FFC0CB;
}

#left #msearch form , #left_rnl #msearch form{
	float:right;
}

/*** 雑誌用枠 ***/
#left #main fieldset , #left_rnl #main fieldset{
border:1px solid #D3D3D3;
padding:4px;
}

/***↓---------------------n309_mokuji.html『月刊ノーマライゼーション』などのレイアウト枠　の設定--------------------***/

#left #main fieldset legend h3 , #left_rnl #main fieldset legend h3{
margin-top:0px;
	font-size:98%;
}

#left #main fieldset div.magimg , #left_rnl #main fieldset div.magimg{
	position:static;
	float:left;
	padding:0.25em;
}

#left #main fieldset div.magtxt , #left_rnl #main fieldset div.magtxt{
	position:static;
	float:right;
	padding:0.25em;
}

#left #main fieldset h4 , #left_rnl #main fieldset h4{
	background:#FFFFFF;
	font-size:96%;
float:right;
}

#left #main fieldset .mztpm , #left_rnl #main fieldset .mztpm{
	font-size:108%;
font-weight:900;
}

#left #main fieldset .mztp , #left_rnl #main fieldset .mztp{
	font-size:104%;
font-weight:900;
}

#left #main fieldset .mzt , #left_rnl #main fieldset .mzt{
font-weight:bolder;
}

#left #main fieldset .chosya , #left_rnl #main fieldset .chosya{
margin-left:100px;
}

/***↓---------------------各種タグ設定--------------------***/

/*** h1 ***/
#left h1 , #left_rnl h1	{
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic","Osaka","Verdana","Arial","Helvetica", sans-serif;
	color: #000;
	margin: 0px 0px 0px 20px;
	font-size: 1.5em;
}
/*** h2 ***/
#left h2 , #left_rnl h2	{
	color:#000;
	margin-top:1.0em;
	font-size:1.2em;
	font-weight:bold;
		background: url(../images/sttl-blh2.gif) repeat-y;
	background-color:#D5E7F9;
	height:auto !important;/*winIE5.x排除*/
	height:100%;/*winIE用設定*/
	line-height:1.2em;
	width:auto;
	padding:0.5em 12px;
}
/*** h3 ***/
#left h3 , #left_rnl h3{
	margin:10px 0px 0px 20px;
	font-size:110%;
}
/*** h4 ***/
#left h4 , #left_rnl h4{
	margin:10px 0px 0px 30px;
	font-size:100%;
}
/*** h5 ***/
#left h5 , #left_rnl h5{
	margin:10px 0px 0px 20px;
	font-size:90%;
	height: 30px;
}
/*** h6 ***/
#left h6 , #left_rnl h6{
	margin:10px 0px 0px 20px;
	font-size:80%;
	height: 30px;
}
/*** p.name　著者名 ***/
#left p.name , #left_rnl p.name{
    text-align:right; 
	text-justify:distribute-all-lines;
}
/*** table standard 書誌情報 ***/
#left table.standard , #left_rnl table.standard{
    width:90%;
	font-weight:bold;
	margin:20px 30px 20px 30px;
	padding-left:10px;
}
/*** p ***/
#left p , #left_rnl p{
        line-height:160%;
		margin:10px 0px 0px 20px;
}
/*** img　画像 ***/
#left img , #left_rnl img{border:0px;
		margin:10px 20px 20px 20px;
}	
#left img.tyu , #left_rnl img.tyu{border:0px;
		margin:0px 0px 0px 0px;
}
/*** リスト ***/
#left li , #left_rnl li{
	margin-top:0.8em;
	padding-bottom:0.3em;
	margin-left:20px;	
	line-height:160%;
	}
/*** dl dt dd***/
#left dl , #left_rnl dl{
	margin-top:0.8em;
	margin-left:20px;	
	line-height:160%;
	}
#left dt , #left_rnl dt{
	margin-top:0.8em;
	margin-left:30px;	
	line-height:160%;
	}
#left dd , #left_rnl dd{
	margin-top:0.8em;
	margin-left:40px;	
	line-height:160%;
	}
/*** hr ***/
#left hr , #left_rnl hr { 
	background-color: #CCCCCC; 
	color: #CCCCCC; 
	border: none; 
	height: 1px; 
	margin:20px 20px 20px 20px;
}

/*** h1 ***/
#left #jyouhou h1 , #left_rnl #jyouhou h1{
	background: url(../img/icon/jyouhou.gif) center left no-repeat;
	height: 60px;
}
#left #world h1 , #left_rnl #world h1{
	background:url(../img/icon/world.gif) center left no-repeat;
	height:60px;
}
#left #kokusai h1 , #left_rnl #kokusai h1{
	background:url(../img/icon/kokusai2.gif) left no-repeat;
	height:60px;
}
#left #japan h1 , #left_rnl #japan h1{
	background:url(../img/icon/japan.gif) left no-repeat;
	height:60px;
}
#left #law h1 , #left_rnl #law h1{
	background:url(../img/icon/law.gif) left no-repeat;
	height:60px;
}

#left #chousa h1 , #left_rnl #chousa h1{
    background:url(../img/icon/chousa.gif) left no-repeat;
    height:60px;
}

#left h1 span.bgr , #left_rnl h1 span.bgr{
}

/*トップページ、最初のキャッチ枠部分→h2*/

#left #waku , #left_rnl #waku{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border: 0px;
	/*	border:2px solid #66CC33;*/
	background: #FFFFCC;
	height: 100%;
}

/*トップページ、最初のキャッチ枠部分→h2枠内のh2*/

#left #waku h2 , #left_rnl #waku h2{
	height:50px;
	margin:6px 0px 10px 10px;
	font-size:120%;
	background:url(../img/icon/dinf_f2.gif) left no-repeat;
}

/*トップページ、最初のキャッチ枠部分→h2枠内のh2の文字*/

#left #waku h2 span.p1 , #left_rnl #waku h2 span.p1{
	display:block;
	height:45px;
	padding:10px 40px 0px 30px;
	border-bottom:2px solid #66CC33;
	vertical-align:bottom;
	background:url(../img/icon/p1.gif) right bottom no-repeat;
}

/*トップページ、最初のキャッチ枠部分→h2枠内の解説文枠*/

#left #waku div#newsArea , #left_rnl #waku div#newsArea {
	margin: 0px 6px 6px 6px;
	padding: 0.25em;
}

/*トップページ、最初のキャッチ枠部分→h2枠内の画像指定*/

#left #waku div#newsArea div.newsImage , #left_rnl #waku div#newsArea div.newsImage{
	float: left;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 10px;
	padding-left: 0em;
}

/*トップページ、最初のキャッチ枠部分→h2枠内の解説文*/
#left #waku div#newsArea div.newsText , #left_rnl #waku div#newsArea div.newsText{
	position:relative;
	padding:10px 10px 0px 10px;
	font-size:0.9em;
	color:#111111;
	line-height:130%;
}

.newsText img {
	padding:0;
	margin:5px 0 0 10px!important; 
}

/**第２階層h1周辺**/

/*第２階層h1の設定その１*/
#left h1 span.p0 , #left_rnl h1 span.p0{
	display:block;
	margin:10px 0px 0px 60px;
}

/*第２階層h1の設定その２*/
#left h1 span.p1 , #left_rnl h1 span.p1{
	font-size:0.8em;
	width:100%;
	float: right;
	margin-top: 15px;
	margin-left: 0px;
	padding-bottom: 15px;
}

/*第２階層h1の設定その３、文字を小さくする*/
#left h1 span.p1s , #left_rnl h1 span.p1s{
	font-size:0.8em;
}

/**第２階層h1の下の写真＋解説**/

/*第２階層h1下枠*/

#left #swaku , #left_rnl #swaku{
	margin:0px;
	padding:0.5em;
/*	border:1px solid #66CC33;*/
	background:#CCFF99;
	border:1px dotted #FFFFFF;
}

/*第２階層h1の下の外枠*/

#left #swaku div#sArea , #left_rnl #swaku div#sArea {
	margin:0px ;
	padding:0.5em;
}

/*第２階層h1の下の枠内の画像指定*/

#left #swaku div#sArea div.sImage , #left_rnl #swaku div#sArea div.sImage{
	float:left;
	margin:0 10px 0 0;
	padding:0em;
}

/*第２階層h1の下の枠内の画像右のテキスト指定*/
#left #swaku div#sArea div.sText , #left_rnl #swaku div#sArea div.sText{
	position:relative;
	padding:10px 0px 0px 1em;
	font-size:0.96em;
	color:#111111;
	line-height:160%;
}

/***---h2周辺---***/

#left h2 , #left_rnl h2{
	margin:0.5em 1em;
	padding:0 0 0 25px;
}

/* h2画像変更用 */

#left #jyouhou h2 , #left_rnl #jyouhou h2{
	background:url(../img/icon/jyouhou_2.gif) left no-repeat;
	margin-top:1em;
}
#left #world h2 , #left_rnl #world h2{
	background:url(../img/icon/world_2.gif) left no-repeat;
	margin-top:1em;
}
#left #kokusai h2 , #left_rnl #kokusai h2{
	background:url(../img/icon/kokusai_2.gif) left no-repeat;
	margin-top:1em;
}
#left #japan h2 , #left_rnl #japan h2{
	background:url(../img/icon/japan_2.gif) left no-repeat;
	margin-top:1em;
}
#left #law h2 , #left_rnl #law h2{
	background:url(../img/icon/law_2.gif) left no-repeat;
	margin-top:1em;
}
#left #chousa h2 , #left_rnl #chousa h2{
	background:url(../img/icon/chousa_2.gif) left no-repeat;
	margin-top:1em;
}


/***--- h3周辺 ---***/

/* トップページ専用、#m_contents内のh3画像用 */

#left #m_contents h3.jyouhou , #left_rnl #m_contents h3.jyouhou{
	background:url(../img/icon/jyouhou.gif) left top no-repeat;
}
#left #m_contents h3.world , #left_rnl #m_contents h3.world{
	background:url(../img/icon/world.gif) left top no-repeat;
}
#left #m_contents h3.kokusai , #left_rnl #m_contents h3.kokusai{
	background:url(../img/icon/kokusai2.gif) left top no-repeat;
}
#left #m_contents h3.japan , #left_rnl #m_contents h3.japan{
	background:url(../img/icon/japan.gif) left top no-repeat;
}
#left #m_contents h3.law , #left_rnl #m_contents h3.law{
	background:url(../img/icon/law.gif) left top no-repeat;
}
#left #m_contents h3.chousa , #left_rnl #m_contents h3.chousa{
	background:url(../img/icon/chousa.gif) left top no-repeat;
}

/* h3画像変更用 */

#left #jyouhou h3 , #left_rnl #jyouhou h3{
	background:url(../img/icon/jyouhou_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}
#left #world h3 , #left_rnl #world h3{
	background:url(../img/icon/world_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}
#left #kokusai h3 , #left_rnl #kokusai h3{
	background:url(../img/icon/kokusai_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}
#left #japan h3 , #left_rnl #japan h3{
	background:url(../img/icon/japan_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}
#left #law h3 , #left_rnl #law h3{
	background:url(../img/icon/law_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}
#left #chousa h3 , #left_rnl #chousa h3{
	background:url(../img/icon/chousa_3.gif) left no-repeat;
	margin-left:20px;
	padding-left:20px;
}

/**第3階層のh2下の枠内の写真＋解説**/

/*第3階層h2下枠*/

#left #swaku3 , #left_rnl #swaku3{
	width:95%;
	margin:0 0px 0 20px;
	padding:0.5em;
	border-left:1px solid #66CC33;
	border-right:1px solid #66CC33;
	border-bottom:1px solid #66CC33;
}

/*第3階層h2の下の外枠*/

#left #swaku div#sArea3 , #left_rnl #swaku div#sArea3  {
	margin-top:-4px ;
}

/*第3階層h2の下の枠内の画像指定*/

#left #swaku3 div#sArea3 div.sImage3 , #left_rnl #swaku3 div#sArea3 div.sImage3{
	float:right;
	margin:0 0 0 10px;
	padding:0;
}

/*第3階層h2の下の枠内の画像右のテキスト指定*/
#left #swaku3 div#sArea3 div.sText3 , #left_rnl #swaku3 div#sArea3 div.sText3{
	position:relative;
	padding:0;
	font-size:0.96em;
	color:#111111;
	line-height:140%;
}

/*--- トップページ 中央部分 h3「情報アクセス」等---*/

#left #m_contents , #left_rnl #m_contents{
	width:100%;
	clear:both;
}

/*左右二段組み*/
/*クラスl_menuだけでも使える*/
/*クラスr_menuは左右違う場合に利用*/

.l_menu{
	position:relative;
	float:left;
	width:47%;
	margin:0 0 0 8px;
}

.r_menu{
	position:relative;
	float: left;
	width:50%;
}

.menu {
	padding:0;
}

/*h3「情報アクセス」等*/

#left #m_contents h3 , #left_rnl #m_contents h3{
	height:50px;
	margin:0;
	padding:0px 0px 0px 56px;
}

/*h3「情報アクセス」等、文字部分*/

#left #m_contents h3 span.p2 , #left_rnl #m_contents h3 span.p2{
	display:block;
	position:relative;
	padding:8px 12px 0px 0px;
	font-size:0.96em;
}

#left #m_contents h3 span.word , #left_rnl #m_contents h3 span.word{
	font-size:0.85em;
}

/*h3「情報アクセス」の下の解説部分*/

#m_contents dl{
	position:relative;
	top:0px;
	border-top:1px solid #66CC33;
	margin:0 0 0 30px;
	font-size:1em;
}
#m_contents dt{
	background:#CCFF99;
	border-bottom:1px solid #66CC33;
	padding:4px;
	font-size:0.96em;
}
#m_contents dd{
	padding:0.4em 0em 0.4em 0.8em;
  	font-size:0.88em;
	line-height:130%;
	font-weight:400px;
}
#m_contents ul{
	border-top:2px solid #66CC33;
	position:relative;
	top:-12px;
	list-style-type:none;
	margin:0 0 0 0px;
}
#m_contents li{
	border-left:3px double #66CC33;
	padding-left:0.5em;
	display:block;
	margin-left:30px;
}
#m_contents dl ul li{
	margin-left:20;
}

/*--- 第三階層  h3の天アキ調整---*/

#left h3 , #left_rnl h3{
	margin:1.5em 0 0 20;
}

/*--- 第三階層  h3の天アキ調整---*/

#left #world h3 , #left_rnl #world h3{
	margin-left:2em;
}

/* h4画像変更用 */

#left #jyouhou h4 , #left_rnl #jyouhou h4{
	background:url(../img/icon/jyouhou_4.gif) left no-repeat;
	padding-left:14px;
}
#left #world h4 , #left_rnl #world h4{
	background:url(../img/icon/world_4.gif) left no-repeat;
	padding-left:14px;
}
#left #kokusai h4 , #left_rnl #kokusai h4{
	background:url(../img/icon/kokusai_4.gif) left no-repeat;
	padding-left:14px;
}
#left #japan h4 , #left_rnl #japan h4{
	background:url(../img/icon/japan_4.gif) left no-repeat;
	padding-left:14px;
}
#left #law h4 , #left_rnl #law h4{
	background:url(../img/icon/law_4.gif) left no-repeat;
	padding-left:14px;
}
#left #chousa h4 , #left_rnl #chousa h4{
	background:url(../img/icon/chousa_4.gif) left no-repeat;
	padding-left:14px;
}

/* h5画像変更用 */

#left #jyouhou h5 , #left_rnl #jyouhou h5{
	background:url(../img/icon/jyouhou_5.gif) left no-repeat;
	padding-left:12px;
}
#left #world h5 , #left_rnl #world h5{
	background:url(../img/icon/world_5.gif) left no-repeat;
	padding-left:12px;
}
#left #kokusai h5 , #left_rnl #kokusai h5{
	background:url(../img/icon/kokusai_5.gif) left no-repeat;
	padding-left:12px;
}
#left #japan h5 , #left_rnl #japan h5{
	background:url(../img/icon/japan_5.gif) left no-repeat;
	padding-left:12px;
}
#left #law h5 , #left_rnl #law h5{
	background:url(../img/icon/law_5.gif) left no-repeat;
	padding-left:12px;
}
#left #chousa h5 , #left_rnl #chousa h5{
	background:url(../img/icon/chousa_5.gif) left no-repeat;
	padding-left:12px;
}

/*** h4、h5周辺 ***/
#left h4 , #left_rnl h4{
	margin:1em 0 0 2em;
	font-size:96%;
}

#left h5 , #left_rnl h5{
	margin:1em 0 0 2em;
}
#left p , #left_rnl p{
	line-height: 200%;
}