@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　はじめての献血　血液型について関連　☆

■１．base.css追記＆共通
　●１-１　base.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;
}

th{
	font-weight:normal;
}

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

	●１-２　共通

================================================================================== */
#contentInR-2nd h3{
	margin:18px 0;
}

.bloodtype-detail{
	width:650px;
	margin:0 auto;
}

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

#contentInR-2nd p.pageTop-btn{
	margin:18px 0 0;
	text-align:right;
}

.bloodtype-wrap{
	margin:18px auto;
	width:650px;
	background:url(../first/img/bloodtype_bg_in.gif) repeat-y;
}

.bloodtype-wrapTop{
	background:url(../first/img/bloodtype_bg_top.gif) no-repeat top;
}

.bloodtype-wrapEnd{
	padding:2px;
	_padding:4px 2px 2px 2px;
	background:url(../first/img/bloodtype_bg_end.gif) no-repeat bottom;
}

.bloodtype-wrapEnd table{
	width:640px;
	margin:2px auto;
	border-collapse:collapse;
}

th{
	padding:8px 0;
	background:#fafafa;
	border-top:dashed 1px #c9c9c9;
	border-right:2px solid #FFF;
}

td{
	padding:8px 0;
	border-top:dashed 1px #c9c9c9;
	border-right:2px solid #e3f1da;
}


th.greenLineW{
	color:#55a91f;
	border-right:2px solid #e3f1da;
}

tr.greenLine th{
	border-right:1px solid #e3f1da;
}

tr.greenLine th.greenLineW{
	color:#555;
	border-right:2px solid #e3f1da;
}


th span{
color:#55a91f;	
}

td span{
	color:#ffafaf;
}

tr.noLine th{
	border-top:none;
}

tr.greenLine th.noLine,
th.noLine,
td.noLine{
	border-right:none;
}


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

■２．血液型について

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

#contentInR-2nd p.main-txt{
	padding:8px 7px 0;
}

.bloodtype-wrap ul{
	padding:12px 15px;
}

.bloodtype-wrap li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:210px;
	padding:3px 0;
	background:url(../first/img/icon_arrow03.gif) no-repeat left center;
}

.bloodtype-wrap li.bloodtype-w180{
	width:180px;
}

.bloodtype-wrap li a{
	padding:0 0 0 15px;
	color:#555;
}

.bloodtype-wrap li a:hover{
	color:#55a91f;
}


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

■３．ＡＢＯ血液型について

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

p#bloodtype01-img{
	margin:0 0 10px;
}

p#bloodtype01-img img{
	float:right;
	margin:0 0 0 15px;
}

.bloodtype-wrapEnd table#bloodtype01-tb th,
.bloodtype-wrapEnd table#bloodtype01-tb td{
	width:25%;
}

ul.bloodtype01-List{
	margin:18px auto;
}

ul.bloodtype01-List li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

ul.bloodtype01-List li img{
	margin:0 8px 0 0;
}

ul.bloodtype01-List li.img-naMargin img{
	margin:0;
}

#contentInR-2nd p.bloodtype-btn01{
	text-align:right;
}

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

■４．親と子の血液型の組み合わせ

================================================================================== */
.circlePink{
	color:#ffafaf;	
}

#contentInR-2nd h3#bloodtype03{
	margin:5px 0 18px;
}

#bloodtype03-txt.bloodtype-wrap{
	margin:5px auto 10px;
}

.bloodtype-wrapEnd table#bloodtype03-tb td{
	width:5.5%;
}

.bloodtype03-low{
	position:relative;
	width:650px;
	background:url(../first/img/bloodtype_img06.gif) no-repeat right top;
}

.bloodtype03-low p{
	position:absolute;
	right:0;
	bottom:0;
}

.bloodtype-wrap402{
	float:left;
	margin:0;
	width:402px;
	background:url(../first/img/bloodtype_bg402_in.gif) repeat-y;
}

.bloodtype-wrapTop402{
	background:url(../first/img/bloodtype_bg402_top.gif) no-repeat top;
}

.bloodtype-wrapEnd402{
	padding:2px;
	_padding:4px 2px 2px;
	background:url(../first/img/bloodtype_bg402_end.gif) no-repeat bottom;
}

.bloodtype-wrapEnd402 table{
	width:392px;
	margin:2px auto;
	border-collapse:collapse;
}

#bloodtype03-tb td{
	border-right:1px solid #e3f1da;
}

#bloodtype03-tb td.greenLineW{
	border-right:2px solid #e3f1da;
}

#bloodtype03-tb td.noLine,
#bloodtype03-tb th.noLine{
	border-right:none;
}

#bloodtype03-tb th.greenLine{
	border-right:1px solid #e3f1da;
}

.bloodtype-wrapEnd402 td{
	border-right:1px solid #e3f1da;
}

.bloodtype-wrapEnd402 td.noLine{
	border-right:none;
}

.bloodtype-wrapEnd402 td.greenLineW{
	border-right:2px solid #e3f1da;
}

.bloodtype-wrapEnd402 th.greenLine{
	border-right:1px solid #e3f1da;
}

.bloodtype-care{
	margin:-5px 0 15px;
	padding:0 5px;
	font-size:83.3%;
}

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

■５．まれな血液型について

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

#contentInR-2nd p.bloodtype04L{
	float:left;
	width:312px;
}

.bloodtype-wrap323{
	float:right;
	margin:0;
	width:323px;
	background:url(../first/img/bloodtype_bg323_in.gif) repeat-y;
}

.bloodtype-wrapTop323{
	background:url(../first/img/bloodtype_bg323_top.gif) no-repeat top;
}

.bloodtype-wrapEnd323{
	padding:2px;
	_padding:4px 2px 2px;
	background:url(../first/img/bloodtype_bg323_end.gif) no-repeat bottom;
}

.bloodtype-wrapEnd323 table{
	width:313px;
	margin:2px auto;
	border-collapse:collapse;
}

ul#bloodtype04-btn{
	margin:15px auto;
}

ul#bloodtype04-btn li{
	float:left;
	width:50%;
	text-align:right;
}

.bloodtype-wrapEnd323 th.greenTxt{
	background:#FFF;
	color:#55a91f;
	border-right:2px solid #e3f1da;
}

.bloodtype-wrapEnd323 td{
	border-right:none;
}


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

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

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

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