@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;
	width:650px;
	overflow: hidden; 
	_zoom: 1; 
}

#contentInR-2nd p{
	text-align:justify;
	text-justify:inter-ideograph;
}

.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:0 0;
	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 5px 15px;
}

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


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

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


p.main-txt{
	margin:8px;
}

ul.main-list{
	width:620px;
	margin:12px auto;
	overflow:hidden;
	_zoom:1;
}

ul.main-list li{
	float:left;
	width:50%;
	padding:3px 0;
}

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

ul.main-list li a:hover{
	color:#ffad52;
}

.transfuse-year{
	margin:0 auto 10px;
	overflow:hidden;
	_zoom:1;
}

.transfuse-year.plurally{
	margin:15px auto 10px;
	overflow:hidden;
	_zoom:1;
}

.transfuse-year dt {
  clear: left;
  float: left;
  width: 56px;
		text-align:right;
}

.transfuse-year dd {
  margin-left: 0;
  padding: 0 0 3px 65px;
		color:#ee5b60;
		font-size:116.6%;
		font-weight:bolder;
}

.transfuse-year dd span{
	_letter-spacing:-0.1em;
}

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


#contentInR-2nd p.imgCenter{
	margin:10px auto;
	text-align:center;
}