@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　血液センターからのお知らせ  関連　☆

■１．base.css追記
■２．共通レイアウト
■３．イベント情報 
■４．ADOBE READER

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

■１．base.css追記

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

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

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

.news3rd-inner{
	margin:10px auto;
	width:650px;
	overflow: hidden; 
	_zoom: 1; 
}

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



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

■３．血液センターからのお知らせ
	
================================================================================== */

.news2nd-inner dt {
  clear: left;
  float: left;
  width: 9em;
  padding: 10px 5px 10px 0;
		background:url(../event/img/icon_arrow01.gif) no-repeat 0 16px;
		text-align:right;
}

.mac .eventList dt {
  width: 12.5em;
		background:url(../event/img/icon_arrow01.gif) no-repeat 0 16px;
}

.news2nd-inner dt img{
	float:left;
}

.news2nd-inner dd {
  margin-left: 0;
  padding: 10px 5px 10px 11em;
  border-bottom:dotted 1px #CCC;
}

.mac .eventList dd {
  padding: 8px 5px 10px 14em;
}


.news2nd-inner dd a{
	color:#555;
}

.news2nd-inner a:hover{
	color:#ff2800;
}

/* -----
まいど用追加
10/08/05
*/

.maidoContentsWrapper #crumbList
{
	height:auto;
}

*:first-child+html .maidoContentsWrapper #crumbList
{
	width:892px;
	position:static;
}


.maidoContentsWrapper #contentInEnd
{
	padding-bottom:0;
	background:url(../news/img/0810maido/bg_maido_wrapper.gif) top center repeat-y;
	margin-bottom:50px;
}

.maidoHeader
{
	float:left;
	width:445px;
}


#crumbList p.maidoTxtHeader
{
	position:static;
	float:left;
	width:445px;
}


.maidoContentsWrapper #contentIn
{
	margin:0 auto;
	background-image:none;
}

*:first-child+html .maidoContentsWrapper #contentIn
{
	clear:left;
}

.maidoNavi
{
	width:788px;
	padding-top:10px;
	margin:0 auto 35px;
	clear:left;
}

.maidoNavi li
{
	display:inline;
	padding-right:11px;
}

.maidoNavi li.maidoNaviEnd
{
	padding-right:0;
}

.maidoColumn
{
	width:854px;
	margin:0 auto;
}

#maido02,#maido03,#maido04
{
	margin-top:12px;
}

#maido03,#maido04
{
	background:url(../news/img/0810maido/bg_maidoColumn.gif) top center repeat-y;
}

* html #maido02
{
	width:856px
}

*:first-child+html #maido02
{
	width:856px
}

#maido03 table
{
	width:578px;
	background:url(../news/img/0810maido/bg_maidoTimeTable.gif) top center repeat-y;
	margin:10px auto 0;
}

#maido03 table th,
#maido03 table td
{
	padding:5px 14px;
	text-align:left;
}

#maido03 table td
{
	padding-right:4px;
	font-size:125%;
}

.maidoTime th,
.maidoTime td
{
	border-bottom:1px solid #bbc3ea;
}

.maidoTime th
{
	background:url(../news/img/0810maido/bg_maidoTimeTable_top.gif) top left no-repeat;
	text-align:left;
	padding-left:14px;
	width:227px;
}

.maidoTime td
{
	background:url(../news/img/0810maido/bg_maidoTimeTable_top.gif) top right no-repeat;
}

.maidoTelNumber th
{
	background:url(../news/img/0810maido/bg_maidoTimeTable_bottom.gif) bottom left no-repeat;
	padding-left:14px;
}

.maidoTelNumber td
{
	background:url(../news/img/0810maido/bg_maidoTimeTable_bottom.gif) bottom right no-repeat;
}

#maido03 .maidoColumnBottom
{
	padding-bottom:29px;
}


#maido04:after
{  
	content: url(../news/img/0810maido/spacer.gif);/* space.gifを指定 */
	display: block;
	clear: both;
	height: 0; 
}
#maido04/* for ie7 */
{  
	display: inline-block;  
}  

#maido04 p
{
	font-size:114%;
	line-height:1.5;
}


.maidoColumnBottom
{
	background:url(../news/img/0810maido/bg_maidoColumn_bottom.gif) bottom center no-repeat;
	padding-bottom:19px;
}

.maidoMap
{
	float:left;
}

.maidoColumnBottom div
{
	margin-bottom:100px;
}

.otherInstitution
{
	clear:left;
	text-align:center;
}

.otherInstitution img
{
	margin-bottom:55px;
}

.maidoAddress
{
	margin:15px auto;
}


/* -----
crosscafe用追加
11/10/19公開
*/
.crossContentsWrapper #contentIn{
	margin: 8px auto 0;
	width:890px;
	background-image:none;
}
.crossContentsWrapper #contentInEnd {
	background-color:#fff;
	background-image:none;
	margin-bottom: 50px;
	padding-bottom: 0;
}
.crossContentsWrapper #crumbList {
	height: auto;
}
#crumbList p.crossTxtHeader {
	position: static;
}
.crossNavi
{
	width:787px;
	padding-top:12px;
	margin:0 auto 32px;
}
.crossNavi li {
	display: inline;
	padding-right: 10px;
}
.crossNavi li.crossNaviEnd {
	padding-right: 0;
}
.crossColumn {
	margin: 0 auto;
}
#cross01{
	background:url(../news/img/111101cross/bg_cross_01.jpg) no-repeat left top;
	height:938px;
	padding-bottom:20px;
}
#cross01 .crossConcept{
	background:url(../news/img/111101cross/bg_cross_02.jpg) no-repeat left top;
	height:480px;
	margin-top:326px;
	position:relative;
}
#cross01 .crossConcept .crossConcept01{
	position:absolute;
	top:-20px;
	left:33px;
}
#cross01 .crossConcept .crossConcept02{
	position:absolute;
	top:215px;
	left:133px;
}
#cross02,
#cross03,
#cross04{
	width:820px;
	margin:0 auto 43px;
}
#cross02 h2,
#cross03 h2,
#cross04 h2{
	border-bottom:3px solid #327218;
	padding-bottom:10px;
	margin-bottom:20px;
}
.crossEventTxt{
	width:780px;
	margin:0 auto 15px;
	padding:10px 0 20px;
	border-bottom:1px dotted #666;
}
.crossContentsWrapper table{
	margin:0 auto;
}
.crossContentsWrapper table td{
	vertical-align:top;
}
.crossContentsWrapper table p{
	font-size:12px;
	line-height:2.4;
}
.crossContentsWrapper .otherInstitution {
    text-align: center;
		height:29px;
}
.aCenter{text-align:center;}
.mb20{margin-bottom:20px;}

.crosscampaign02 {
	margin:30px 0;
	padding-bottom:30px;
	width:780px;
	border-bottom:1px dotted #666;
	text-align:center;
	margin-left:20px;
}

.tel img {
	vertical-align:middle;
}

@media print{
/*この中にCSSを記述*/
* html .maidoContentsWrapper #crumbList 
{
	width:892px;
}
}