@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　トップページ関連　☆

■１．base.css追記
■２．Flash＆右ボタン
■３．重要なお知らせ
■４．メニュー
■５．ニュースリリース
		●５-１.共通設定
		●５-２.イベント情報
		●５-３.血液センターからのお知らせ
■６．バナーエリア


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

■１．base.css追記

================================================================================== */
/*コンテンツ右の右余白*/
#contentIn{
	margin:8px 5px 20px 0;
}


#contentInL p.left-room{
	width:204px;
	margin:0 auto 8px;
	padding:0 0 6px;
	background:url(../common_img/dot_plus.gif) no-repeat bottom;
}

#contentInL dl.left-mobile{
	width:204px;
	margin:0 auto 8px;
	background:url(../common_img/left_inn_bg.gif) repeat-y;
	border-bottom:1px solid #dcdcdc;
}



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

■２．Flash＆右ボタン

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

#flashArea div{
	float:left;
	width:730px;
}

#flashArea ul{
	float:right;
	width:154px;
}

#flashArea ul li.index-upperImg img{
	margin:0 0 6px;
}

#flashArea:after {
	content: url(../common_img/pixel.gif); 
	display: block; 
	clear: both; 
	height: 0;
}
#flashArea {
	display: inline-block;
 }
/* Mac版IEを除外 ¥*/
#flashArea { display: block; }
/* */


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

■３．重要なお知らせ

================================================================================== */
.indexImp{
	margin:10px 0 15px;
	_zoom:1;
	overflow:hidden;
}

P.imgL	{
		float: left;
		margin: 0 5px 0 0;
}

h2{
	padding:2px 0 0 0;
	color:#f71113;
	font-size:1.2em;
	font-weight:bold;
	_zoom:1;
	overflow:hidden;
}



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

■４．メニュー

================================================================================== */
#indexMenu{
	width:666px;
	background:url(../img/index_menu_bg.gif) repeat-y;
	font-size:1.2em;
}

#indexMenu-end{
	padding:0 0 12px;
	background:url(../img/index_menu_bg_end.gif) no-repeat bottom;
}

#indexMenu-end div.indexMenu01,
#indexMenu-end div.indexMenu03{
	float:left;
	width:220px;
}

#indexMenu-end div.indexMenu02{
	float:left;
	width:226px;
}

#indexMenu-end dl{
	width:220px;
	margin:0 auto;
}

#indexMenu-end dt{
	padding:0 0 3px;
}

#indexMenu-end dd{
	padding:6px 2px 0 12px;
}

#indexMenu-end dd a{
	padding:0 5px 0 15px;
	color:#555;
}

#indexMenu-end dd img{
	vertical-align:middle;
	_margin:2px 0;
}

#indexMenu-end .indexMenu01 dd a{
	background:url(../img/index_menu01_arrow.gif) no-repeat left center;
}

#indexMenu-end .indexMenu02 dd a{
	background:url(../img/index_menu02_arrow.gif) no-repeat left center;
}

#indexMenu-end .indexMenu03 dd a{
	background:url(../img/index_menu03_arrow.gif) no-repeat left center;
}

#indexMenu-end dd a:hover{
	color:#ff2800;
}


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

■５．ニュースリリース
		●５-１.共通設定
		●５-２.イベント情報
		●５-３.血液センターからのお知らせ

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

		●５-１.共通設定

================================================================================== */
.newsList{
	margin:20px auto;
	font-size:1.2em;
}

.newsList .newsList-ttl{
	margin:0 0 3px;
	padding:0 10px 5px 8px;
	background:url(../img/index_ttl_bg.gif) bottom repeat-x;
}

.newsList .newsList-ttl h3{
	float:left;
	width:400px;
}

.newsList .newsList-ttl p{
	float:right;
	width:200px;
	text-align:right;
}

.newsList dt {
  clear: left;
  float: left;
  width: 5.5em;
  padding: 6px 0.5em;
		background:url(../img/index_arrow_red.gif) no-repeat 12px 12px;
		text-align:right;
}

.mac .newsList dt {
  width: 6em;
		background:url(../img/index_arrow_red.gif) no-repeat 8px 12px;
}

.newsList dd {
  margin-left: 0;
  padding: 6px 0.5em 6px 8em;
  border-bottom:dotted 1px #CCC;
}

.newsList dd a{
	color:#555;
}

.newsList dd a:hover{
	color:#ff2800;
}

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

		●５-２.イベント情報

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

#newsList-event.newsList dt {
  width: 8.5em;
		background:url(../img/index_arrow_red.gif) no-repeat 50px 12px;
}

.mac #newsList-event.newsList dt {
  width: 10em;
		background:url(../img/index_arrow_red.gif) no-repeat 50px 12px;
}

#newsList-event.newsList dt img{
	float:left;
}

#newsList-event.newsList dl.newsList-eventAll{
	padding:0 0 20px;
	margin:0 0 10px;
	background:url(../img/index_list_all_bg.gif) bottom repeat-x;
}

#newsList-event.newsList dd {
  margin-left: 0;
  padding: 6px 0.5em 6px 11em;
  border-bottom:dotted 1px #CCC;
}

.mac #newsList-event.newsList dd {
	padding: 6px 0.5em 6px 12em;
}


#newsList-event.newsList dl.newsList-eventAll dd {
	 border-bottom:none;
  /*border-bottom:dotted 1px #CCC;*/
}

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

		●５-３.血液センターからのお知らせ

================================================================================== */
#newsList-end.newsList{
	margin:20px auto 0;
}

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

■６．バナーエリア

================================================================================== */
ul.index-bannerArea{
	margin:0 0 0 5px;
overflow: hidden; 
_zoom: 1; 
}

ul.index-bannerArea li{
	float:left;
	padding:0;
	margin:0 5px 0 0;
}