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

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

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

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

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


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

■２．献血カード・献血手帳のご確認

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

.kakunin-Area01{
	position:relative;
	margin:20px auto 0;
	text-align:left;
}

.kakunin-Area01 h3{
	width:457px;
	margin:0;
}

.kakunin-Area01 p{
	width:460px;
	padding:18px 7px;
}

.kakunin-Area01 p.imageArea{
	position:absolute;
	width:173px;
	padding:0;
	top:0;
	right:0;
}

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

■３．献血条件や献血前後の注意事項などのご確認

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

.kakunin-Area02txt{
	padding:18px 7px;
}

.kakunin-Area02txt p{
	padding:0 0 5px;
}

.kakunin-Area02txt li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 18px;
	background:url(../first/img/icon_arrow02.gif) no-repeat left center;
}

.kakunin-Area02txt li img{
	margin-left:5px;
	vertical-align:middle;
}

* html .kakunin-Area02txt li img
{
	vertical-align:top;
}


.kakunin-Area02txt li a{
	color:#555;
	text-decoration:none;
}

.kakunin-Area02txt li a:hover{
	color:#55a91f;
}

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

■４．薬の服用と献血をお願いできない期間のご確認

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

.kakunin-Area03 dl{
	padding:20px 0 10px 7px;
}

.kakunin-Area03 dd{
	padding:8px 0 10px 20px;
}

.kakunin-Area03 dd p{
	padding:3px 0 3px 1em;
	text-indent:-1em;
}

.kakunin-Area04{
	position:relative;
	margin:0 0 18px;
	width:650px;
	height:150px;
	background:url(../first/img/kakunin_list_btn_bg.gif) no-repeat;
}

.kakunin-Area04 h4{
	position:absolute;
	top:10px;
	left:12px;
}

.kakunin-Area04 p{
	position:absolute;
	width:200px;
	top:15px;
	left:435px;
	text-align:right;
}

.kakunin-Area04 p a{
	color:#ff2800;
}

.kakunin-Area04 p a:hover{
	text-decoration:none;
}

.kakunin-Area04 p img{
	margin-right:5px;
	vertical-align:middle;
	margin-left:5px;
}

* html .kakunin-Area04 p img{
	vertical-align:top;
}


.kakunin-Area04 ul{
	padding:70px 0 0;
	text-align:center;
}

.kakunin-Area04 li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 10px;
}


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

■５．献血についてのお問い合わせ

================================================================================== */
.kakunin-Area05{
	padding:18px 7px;
}

.kakunin-Area05 p{
	padding:0 0 5px;
}

#telAreaEnd ul{
	padding:2px 15px 0;
}

#telAreaEnd li{
	margin:8px 0 3px;
}

.kakunin-Area05 #telAreaEnd p{
	padding:0 10px 3px 0;
	text-align:right;
}

.kakunin-Area05 #telAreaEnd p{
	padding:0 10px 8px 0;
	text-align:right;
}

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

■６．はじめての献血トップへ戻るボタン

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

.btn_to_categoryTop{
	text-align:center;
	margin:20px auto;
}