@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　血液事業を知ろう　製剤の保存温度・有効期間 関連　☆

■１．base.css追記
■２．共通レイアウト
■３．血液センターの活動
■４．大阪府赤十字血液センターを見学しませんか？
■５．メニューリスト
■６．お申し込み、お問い合わせ
■７．血液センターニュース「Circular OSAKA」のご案内

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

■１．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	{
	overflow: hidden;
	_zoom: 1;
}


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

■３．製剤の保存温度・有効期間　タイトル
	
================================================================================== */
#contentInR-2nd h3{
	margin:10px auto 15px;
}


#term-ttl{
	position:relative;
	margin:10px auto 18px;
	width:660px;
	height:45px;
	background:url(../common_img/line_red_w.jpg) repeat-x bottom;
}

#term-ttl p{
	position:absolute;
	right:0;
	top:7px;
}

#term-ttl p img{
	margin:0 0 0 5px;
}

#term-ttl h2{
	margin:0;
}

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

■４．テーブル	
================================================================================== */

.blood2nd-inner-frameEnd table{
	margin:4px auto;
	width:640px;
	border-collapse:collapse;
}

.blood2nd-inner-frameEnd table td{
	padding:8px;
	border-top:dashed 1px #c9c9c9;
	border-left:1px solid #fedbb3;
	text-align:left;
}

.blood2nd-inner-frameEnd table th{
	padding:8px;
	border-top:dashed 1px #c9c9c9;
	border-right:2px solid #fedbb3;
	font-weight:normal;
	text-align:center;
	vertical-align:top;
}

.blood2nd-inner-frameEnd table tr.topLine th{
	color:#828282;
	border-right:2px solid #FFF;
	border-top:none;
	background:#fafafa;
	vertical-align:middle;
}

.blood2nd-inner-frameEnd table tr.topLine th.no-lineR{
	border:none;
}

.blood2nd-inner-frameEnd table td.centerPS{
	text-align:center;
}

tr.noLine th,
tr.noLine td{
	border-top:none;
}

.blood2nd-inner-frameEnd table td span{
	color:#ff2800;
}

.blood2nd-inner-frameEnd table th dt{
	color:#f9992d;
	font-weight:bolder;
	padding:0 0 3px;
	line-height:50px;
	overflow:hidden;
	_zoom:1;
}

.blood2nd-inner-frameEnd table.term2nd-tb th dt{
	line-height:1.6em;
}

.blood2nd-inner-frameEnd table th dt img{
	float:right;
	vertical-align:middle;
	margin:0 8px;
}
.blood2nd-inner-frameEnd table td.term-yellow{
		background:#fffcde;
}

#contentInR-2nd .blood2nd-inner-frameEnd table td.term-yellow p{
	text-align:center;
}

.blood2nd-inner-frameEnd table td.term-yellow p img{
	margin:4px auto;
	border:1px solid #FFF;
}

p.term-txt01{
	margin:-10px 0 10px;
	font-size:83.3%;
	padding:0 0 0 5px;
}