@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(../center/img/icon_arrow01.gif) no-repeat 2px 13px;
}

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

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


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

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

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

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

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

#contentInR-2nd h3{
	margin:18px auto 15px;
}

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

}

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

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

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


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

.centerImgR	{
		float:right;
		margin: 0 0 5px 15px;
}

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



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

■３．血液センターの活動
	
================================================================================== */
p.center-upper-txt{
	margin:15px auto;
}

.ff2 p.center-upper-txt{
	margin:15px 0;
}

ul.center-upper-list{
	overflow: hidden;
	_zoom: 1;
}

.center-upper-list li{
	padding:1px 0 1px 1.5em;
	text-indent:-1.5em;
}

.center-upper-list li span{
	color:#68acf6;
	padding:0 0.5em 0 0;
}

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

■４．大阪府赤十字血液センターを見学しませんか？
	
================================================================================== */
p.center-tour-txt{
	margin:10px auto;
	width:590px;
}

#telArea590End p.center-tour-txtCare{
	width:420px;
	text-align:left;
}

.mac #telArea590End p.center-tour-txtCare{
	width:450px;
}


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

■５．メニューリスト
	
================================================================================== */
#center-ctg03{
	width:650px;
	margin:10px auto 15px;
	background:url(../center/img/center_bg03_in.gif) repeat-y;
}

#center-ctg03-end{
	padding:0 0 8px;
	background:url(../center/img/center_bg03_end.gif) no-repeat bottom;
	overflow: hidden; 
	_zoom: 1;
}

#center-ctg03-end div{
	float:left;
	width:220px;
	text-align:left;
}

#center-ctg03-end div.ctg03R{
	float:left;
	width:210px;
}

#center-ctg03-end dl{
	width:210px;
}

#center-ctg03-end dd{
	padding:6px 6px 0 12px;
}


#center-ctg03-end dd a{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 0 0 15px;
	background:url(../center/img/icon_arrow01.gif) no-repeat 0 3px;
	color:#555;
	text-decoration:none;
}

#center-ctg03-end dd a{
	background:url(../center/img/icon_arrow01.gif) no-repeat 0 0;
}

.ff2 #center-ctg03-end dd a{
	background:url(../center/img/icon_arrow01.gif) no-repeat 0 0;
}

#center-ctg03-end dd a:hover{
	color:#ae76f1;
}

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

■６．お申し込み、お問い合わせ
	
================================================================================== */
#telArea590{
	margin:10px auto;
	width:590px;
	background:url(../common_img/tel_bg590_in.gif) repeat-y;
}

#telArea590Top{
	background:url(../common_img/tel_bg590_top.gif) no-repeat top;
}

#telArea590End{
	padding:3px 0;
	background:url(../common_img/tel_bg590_end.gif) no-repeat bottom;
}

#telArea590End ul{
	margin:10px auto 0;
}

#telArea590End ul li{
	padding:0 0 7px;
	text-align:center;
}


#telArea590End p{
	margin:0 auto 6px;
	text-align:center
}

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

■７．血液センターニュース「Circular OSAKA」のご案内
	
================================================================================== */
#center-news.center2nd-inner{
	margin:18px auto;
}

#center-news .center2nd-inner-frameEnd{
	padding:0 0 12px;
}

.center-News{
	width:630px;
	margin:18px auto 0;
	
	overflow:hidden;
	_zoom:1;
}

.center-NewsL{
	float:left;
	width:122px;
}

#contentInR-2nd .center-NewsL p{
	text-align:center;
}

.center-NewsL ul{
	margin:0 auto 8px;
	padding:0 2px;
}

.center-NewsL li a{
	padding:1px 0 0 18px;
	background:url(../center/img/icon_arrow01.gif) no-repeat left center;
	color:#ff6600;
}

.mac .center-NewsL li a{
	padding:1px 0 0 14px;
}

.center-NewsL li a:hover{
	color:#ae76f1;
}

.center-NewsL li.newDay{
	text-align:center;
	font-size:83.3%;
}

.center-NewsL p.book{
	padding:4px 0;
	background:#ffe5e5;
}

.center-NewsL p.book img{
	border:1px solid #FFF;
}

.center-NewsR{
	float:right;
	width:485px;
}

.center-NewsR p span{
	color:#ff4e55;
}

.center-NewsR dl{
	margin:10px auto 0;
}

.center-NewsR  dt{
	margin:0 0 5px;
	padding:3px;
	border-top:1px dotted #c9c9c9;
	border-bottom:1px dotted #c9c9c9;
}

.center-NewsR dd{
	margin:3px 0;
	padding:0 0 0 3px;
}

.center-NewsR dd a{
	padding:0 0 0 18px;
	background:url(../center/img/icon_arrow01.gif) no-repeat left center;
	color:#555;
}

.center-NewsR dd a:hover{
	color:#ae76f1;
}