@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　献血できるところ　献血バス運行予定関連　☆

■１．base.css追記
■２．タイトル
■３．リストエリア
		●３-１　レイアウト
		●３-２　画像
		●３-２　データ
■４．地図エリア
■５．献血バス運行予定表

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

■１．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;
}

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

	■２．タイトル

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

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

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

#bus-ttl h2{
	margin:0;
}

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

	■３．リストエリア

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

#bus-areaList{
	margin:15px auto;
	width:650px;
	background:url(../bus/img/bus_bg_in.gif) repeat-y;
}

#bus-areaList-end{
	padding:0 0 5px;
	background:url(../bus/img/bus_bg_end.gif) no-repeat bottom;
}

#bus-areaList-end div{
	float:left;
	width:190px;
}

#bus-areaList div.listEnd{
	width:270px;
}

h3.no-detail{
	height:44px;
	background:#FFF;
}

#bus-areaList-end ul{
	width:180px;
	margin:0;
	padding:0 0 5px;
	overflow: hidden; 
	_zoom: 1; 
}

#bus-areaList div.listEnd ul{
	width:270px;
}

#bus-areaList-end li{
	float:left;
	width:90px;
}

#bus-areaList-end li a{
	display:block;
	padding:3px 5px 0 25px;
	color:#555;
}

#bus-areaList-end ul.bus-areaList-south li.short{
	float:left;
	width:80px;
}

#bus-areaList-end ul.bus-areaList-south li{
	float:left;
	width:95px;
}

#bus-areaList-end ul.bus-areaList-south li a{
	padding:3px 5px 0 20px;
}


/*
#bus-areaList-end li a:hover{
	color:#f76b8e;
}
*/

#bus-areaList-end ul.bus-areaList-north li a{
	background:url(../bus/img/bus_icon_arrow01.gif) no-repeat 8px 7px;
}

#bus-areaList-end ul.bus-areaList-north li a:hover{
	color:#999900;
}

#bus-areaList-end ul.bus-areaList-east li a{
	background:url(../bus/img/bus_icon_arrow02.gif) no-repeat 8px 7px;
}

#bus-areaList-end ul.bus-areaList-east li a:hover{
	color:#669933;
}

#bus-areaList-end ul.bus-areaList-south li a{
	background:url(../bus/img/bus_icon_arrow03.gif) no-repeat 5px 7px;
}

#bus-areaList-end ul.bus-areaList-south li a:hover{
	color:#3fabde;
}


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

	■４．地図エリア

================================================================================== */
#bus-areaMap{
	margin:10px auto;
	width:650px;
	height:625px;
	/*background:url(../bus/img/bus_map_bg.gif) no-repeat;*/
}




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

	■５．献血バス運行予定表

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

.city-name{
	position:relative;
	margin:25px auto 15px;
	padding:10px 0 15px;
	width:660px;
	background:url(../common_img/line_red_w.jpg) repeat-x bottom;
}

.city-name h3{
	margin:0 0 0 5px;
	padding:0 0 0 30px;
	background:url(../common_img/sttl_icon_heart.gif) no-repeat left center;
	color:#f47c9a;
	font-size:133.3%;
	font-weight:bold;
}

.city-name p{
	position:absolute;
	right:0;
	top:5px;
}

.city-name p img{
	margin:0 0 0 5px;
}

.excelArea{
	margin:0 auto;
	width:660px;
	text-align: center;
}

.excelArea p{
	margin:0 auto;
	width:660px;
	text-align: center;
}

.excelArea-none{
	margin:0 auto;
	width:660px;
	text-align: left;
}

.excelArea-none p{
	margin:0 auto;
	width:660px;
	text-align: center;
}