@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　献血できるところ　各施設紹介関連　☆

■１．base.css追記
■２．タイトル
■３．施設データ
■４．地図＆メッセージ
■５．メッセージ
■６．イベント情報
■７．イベント情報・小さい版
■８．阪急グランドビル25献血ルーム


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

■１．base.css追記

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

#contentInL ul.left-nav li a{
	background:url(../place/img/icon_arrow01.gif) no-repeat left center;
}

#contentInL ul.left-nav li a span{
	letter-spacing:-0.1em;
}

.mac #contentInL ul.left-nav li a span{
	letter-spacing:-0.1em;
}

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

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

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

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

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

	■２．タイトル

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

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

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

#detail-ttl h2{
	margin:0;
}


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

	■３．施設データ

================================================================================== */
#detail-data{
	margin:25px auto 15px;
	width:650px;
	overflow: hidden; 
	_zoom: 1;
	text-align:left;
}

#detail-data p{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:4px;
	background:#ffe5e5;
}

#detail-data p img{
	width:230px;
	height:180px;
	border:1px solid #FFF;
}

#detail-data table{
	float:right;
	width:395px;
	margin:1px 0;
	border-collapse:collapse;
	border-bottom:dashed 1px #c9c9c9;
}

#detail-data table td{
	padding:5px 5px 5px 10px;
	border-top:dashed 1px #c9c9c9;
}

#detail-data table th{
	padding:5px 10px;
	background:#fafafa;
	border-top:dashed 1px #c9c9c9;
	border-right:2px solid #d9effa;
	color:#56addf;
	font-weight:normal;
	text-align:center;
}

#detail-data table li{
	padding:0 0 0 1em;
	text-indent:-1em;
}

#detail-data table li span{
	color:#b7b7b7;
}

p.g25-btn{
	display:block;
	margin:0;
	padding:0;
	text-align:right;
}

p.g25-btn img{
	margin:0 2px 0 6px;
}


#detail-data table td strong{
	color:#ff2900;
	font-weight:normal;
}

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

	■４．地図＆メッセージ

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

.detail-data02{
	margin:25px auto;
	width:660px;
	overflow: hidden; 
	_zoom: 1;
}	

.detail-data02L{
	float:left;
	width:325px;
}

.detail-data02R{
	float:right;
	width:325px;
}

.detail-data02 h3{
	margin:0 0 10px;
}

.detail-data02L p{
	text-align:center;
}

.detail-data02R p{
	margin:0 auto 10px;
	width:315px;
	text-align:justify;
	text-justify:inter-ideograph;
}

.detail-data02R ul{
	margin:0 auto;
	width:315px;
	overflow: hidden; 
	_zoom: 1;
}

.detail-data02R ul li.imgL{
	float:left;
	width:152px;
	padding:4px 0;
	background:#ffe5e5;
	text-align:center;
}

.detail-data02R ul li.imgR{
	float:right;
	width:152px;
	padding:4px 0;
	background:#ffe5e5;
	text-align:center;
}

.detail-data02R ul img{
	margin:0 auto;
	border:1px solid #FFF;
	width:142px;
}

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

	■５．地図＆メッセージ

================================================================================== */
.detail-data04{
	margin:0 auto;
	width:650px;
	overflow: hidden; 
	_zoom: 1;
}	

.detail-data04Img{
	margin:15px -12px 0 10px ;
	width:660px;
	overflow: hidden; 
	_zoom: 1;
}

.detail-data04Img p{
	float:left;
	width:150px;
	margin:0 12px 10px 0;
	background:#ffe6e6;
	text-align:center;
}

.detail-data04Img p img{
	margin:3px 0;
	border:1px solid #FFF;
}


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

	■６．イベント情報

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

h3.detail-sttl03{
	margin:15px auto;
	width:660px;
}

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

.detail-eventAll dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 6px 0.5em;
		text-align:right;
}

.mac .detail-eventAll dt {
  width: 8em;
}

.detail-eventAll dt img{
	float:left;
}

.detail-eventAll dd {
  margin-left: 0;
  padding: 6px 0.5em 6px 9em;
 /* border-bottom:dotted 1px #CCC;*/
}

.mac .detail-eventAll dd {
	padding: 6px 0.5em 6px 10em;
}

.detail-eventAll dd a{
	color:#555;
}

.detail-eventAll dd a:hover{
	color:#f76b8e;
}

.detail-data03{
	margin:20px auto;
	padding:0 0 15px;
	width:650px;
	overflow: hidden; 
	_zoom: 1;
	border-bottom:1px dotted #c9c9c9;
}	

.detail-data04{
	width:650px;
	overflow: hidden;
	_zoom: 1;
	border-bottom:1px dotted #c9c9c9;
}

p.detail-data03L{
	float:left;
	margin:0 18px 0 0;
	padding:4px;
	background:#ffe5e5;
}

.photo01 img
{
	padding		: 1px;
	background	: #fff;
	border		: 4px solid #ffe5e5;
	margin		: 5px auto;
}

p.detail-data03L img{
	border:1px solid #FFF;
}

.detail-data03R{
	padding:0 5px;
	overflow: hidden; 
	_zoom: 1;
}

.detail-data03R h4{
	margin:5px 0;
	color:#ff0000;
	font-size:116.6%;
	font-weight:bold;
}

.detail-data03R h4 a{
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
}

.detail-data03R h4 a:hover{
	text-decoration:underline;
}

.detail-data03R p{
	margin:5px 0;
}

.detail-data03R table{
	margin:10px 0;
	border-collapse:collapse;
	border:1px solid #c8c8c8;
}

.detail-data03R table th{
	background:#fafafa;
	text-align:center;
	padding:8px 10px;
	border:1px solid #c8c8c8;
	font-weight:normal;
}

.detail-data03R table td{
	padding:8px 10px;
	text-align:left;
	border:1px solid #c8c8c8;
}

.detail-data03R p.detail-care{
	margin:5px 0;
	font-size:83.3%;
	padding:0 0 0 1em;
	text-indent:-1em;
	line-height:1.6em;
}

.detail-data_wrap{
	width: 95%;
	margin: 0px auto;
}

.detail-data_wrap img
{
	margin: 0 auto;
}

.detail-data_wrap h4{
	margin:5px 0;
	color:#ff0000;
	font-size:116.6%;
	font-weight:bold;
}

.detail-data_wrap h4 a{
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
}

.detail-data_wrap h4 a:hover{
	text-decoration:underline;
}

.detail-data_wrap p{
	margin:5px 0;
}

.detail-data_wrap table{
	margin:10px auto;
	border-collapse:collapse;
	border:1px solid #c8c8c8;
}

.detail-data_wrap table th{
	background:#fafafa;
	text-align:center;
	padding:8px 10px;
	border:1px solid #c8c8c8;
	font-weight:normal;
}

.detail-data_wrap table td{
	padding:8px 10px;
	text-align:left;
	border:1px solid #c8c8c8;
}

.detail-data_wrap p.detail-care{
	margin:5px 0;
	font-size:83.3%;
	padding:0 0 0 1em;
	text-indent:-1em;
	line-height:1.6em;
}

p.event-btn img{
	vertical-align:middle;
}

p.event-btn a{
	padding-left:5px;
	padding-right:5px;
	color:#eb6587;
	text-decoration:none;
}

p.event-btn a:hover{
	text-decoration:underline;
}



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

	■７．イベント情報・小さい版

================================================================================== */
.detail-data02R dl{
	margin:0 auto;
	width:315px;
	padding:0 0 20px;
	overflow: hidden; 
	_zoom: 1;
	background:url(../img/index_list_all_bg.gif) bottom repeat-x;
}

.detail-data02R dt,
.detail-data02R dd{
	padding:3px;
}

.detail-data02R dt img{
	margin-right:5px;
}

.detail-data02R dd a{
	color:#555;
}

.detail-data02R dd a:hover{
	color:#f76b8e;
}

.detail-data02R h4{
	width:315px;
	margin:15px auto 5px;
	color:#ff0000;
	font-weight:bolder;
}

.detail-eventS{
	width:315px;
	margin:5px auto 10px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCC;
	
	overflow:hidden;
	_zoom:1;
}

.detail-eventS h4{
	margin:5px 0;
	color:#ff0000;
	font-size:1em;
	font-weight:bold;
}

.detail-eventS h4 a{
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
}

.detail-eventS h4 a:hover{
	text-decoration:underline;
}

.detail-data02R .detail-eventS p.eventS-L{
	float:left;
	width:auto;
	margin:0 10px 5px 0;
	background:#ffe6e6;
}

.detail-data02R .detail-eventS p{
	width:auto;
	margin:0;
	overflow:hidden;
	_zoom:1;
	}

.detail-data02R .detail-eventS p.eventS-btn,
{
	text-align:right;
}

p.eventS-L img{
	margin:2px;
	border:1px solid #FFF;
}

.eventlist_btn
{
	text-align	:right;
	width		: 315px;
	margin		: 0 auto;
	padding-top	: 5px;
}

.eventlist_btn p
{
	text-align	:right;
}

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

	■７．阪急グランドビル25献血ルーム

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

.reserve-btn{
	margin:15px auto;
	text-align:center;
}

.reserve-btn img{
	margin:0 15px;
}

#telAreaEnd{
	padding:8px 5px 8px 15px;
}

#telAreaEnd li{
	margin:0 0 0 4px;
	text-indent:-18px;
	padding:2px 5px 0 14px;
	_padding:5px 5px 0 14px;
}

#telAreaEnd li img{
	margin:0 5px 0 0;
	vertical-align:middle;
}


.reserve-attention{
	margin:10px auto;
	width:630px;
	
	overflow:hidden;
	_zoom:1;
}

.reserve-attention ul{
	margin:0 0 0 15px;
}

.reserve-attention li{
	padding:0 0 0 1.2em;
	text-indent:-1.2em;
	
}

.mac .reserve-attention li{
	padding:0 0 0 2em;
	text-indent:-2em;
}

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

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

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

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

.form-inner-frameEnd table td{
	padding:8px 10px;
	border-top:dashed 1px #c9c9c9;
	border-left:2px solid #fddee6;
	text-align:left;
	vertical-align:middle;
}

.form-inner-frameEnd table th{
	padding:8px 10px 8px 20px;
	background:#fafafa;
	border-top:dashed 1px #c9c9c9;
	color:#56addf;
	font-weight:normal;
	text-align:left;
}

table tr.noLine th{
	border:none;
}

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

.form-inner-frameEnd table strong{
	color:#ff2900;
}

.form-area01 input{
	float:left;
	margin-right:10px;
	width:150px;
	overflow:hidden;
	_zoom:1;
}

.form-area02 input{
	margin-right:10px;
	width:200px;
}

td p{
	line-height:1.2em;
	overflow:hidden;
	_zoom:1;
}

.form-inner-frameEnd table span{
	font-size:83.3%;
}

.form-care{
	margin:0 3px 10px;
	color:#ff2900;
}

.form-care02{
	margin:10px 3px 10px;
	color:#ff2900;
}

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

.detail-data02L p.map-txt{
	padding:0 8px;
	text-align:justify;
	text-justify:inter-ideograph;
}