@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　血液事業を知ろう　血液事業の歴史 関連　☆

■１．base.css追記
■２．共通レイアウト
■３．輸血の歴史

===================================================================================== 

■１．base.css追記

================================================================================== */
#contentInR-2nd {
	font-size:1.2em;
}

#contentInL ul.left-nav li a{
	background:url(../blood/img/icon_arrow01.gif) no-repeat 2px 13px;
}

#contentInL ul.left-nav li ul li a{
	background:url(../blood/img/icon_arrow04.gif) no-repeat 2px 14px;
}

#contentInL ul.left-nav li a:hover{
	color:#ffad52;
}


#contentInL ul.left-nav li.now a,
#contentInL ul.left-nav li ul li.now a{
	color:#ffad52;
}

#contentInR-2nd p a{
	color:#ff6600;
}

#contentInR-2nd p a:hover{
	text-decoration:none;
}

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

■２．共通レイアウト
	
================================================================================== */
.blood2nd-inner{
	margin:10px auto 5px;
	width:650px;
	overflow: hidden; 
	_zoom: 1; 
}

#contentInR-2nd p{
	text-align:justify;
	text-justify:inter-ideograph;
	overflow: hidden; 
	_zoom: 1; 
}

.blood2nd-inner-frameTop{
	background:url(../common_img/frame_bg650_top.gif) no-repeat top;
}

.blood2nd-inner-frameIn{
	margin:8px auto 15px;
	background:url(../common_img/frame_bg650_in.gif) repeat-y;
}

.blood2nd-inner-frameEnd{
	padding:3px 4px;
	background:url(../common_img/frame_bg650_end.gif) no-repeat bottom;
	
		overflow: hidden; 
	_zoom: 1; 
}


.bloodImgL{
	float:left;
	margin: 0 15px 5px 0;
}

.bloodImgR	{
		float:right;
		margin: 0 0 15px 15px;
		
}

.bloodImgArea p	{
	overflow: hidden;
	_zoom: 1;
}


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

■３．血液事業の歴史
	
================================================================================== */
#contentInR-2nd h3{
	margin:0 auto 15px;
}

#contentInR-2nd #history_list h3{
	margin:0;
	padding:5px 10px 6px 15px;
	color:#f79930;
	font-size:125%;
	font-weight:bolder;
	background:#fffcde;
	border-bottom:1px dotted #c9c9c9;
}

#contentInR-2nd #history_list h3.lower{
	border-top:1px dotted #c9c9c9;
}

ul.history_list01{
	width:610px;
	margin:12px auto;
	overflow:hidden;
	_zoom:1;

}

ul.history_list01 li{
	float:left;
	width:33%;
	padding:3px 0;
}

ul.history_list01 li a{
	padding:0 0 0 15px;
	color:#555;
	background:url(../blood/img/icon_arrow03.gif) no-repeat left center;
}


ul.history_list02{
	width:610px;
	margin:12px auto;
	overflow:hidden;
	_zoom:1;

}

ul.history_list02 li{
	float:left;
	padding:3px 0;
}

ul.history_list02 li.wideArea{
	width:58%;
}

ul.history_list02 li{
	width:42%;
}

ul.history_list02 li a{
	padding:0 0 0 15px;
	color:#555;
	background:url(../blood/img/icon_arrow03.gif) no-repeat left center;
}

ul.history_list01 li a:hover,
ul.history_list02 li a:hover{
	color:#ffad52;
}


#contentInR-2nd p.pageTop-btn{
	margin:10px 0;
	text-align:right;
}

.bloodImgL02{
	float:left;
	margin: 15px 15px 5px 0;
}

.bloodtxtL{
	margin: 15px 0 0;
}

.bloodtxt{
	margin: 12px 0 12px;
}

p span{
	text-decoration:underline;
}