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

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

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

#contentInL ul.left-nav li.now a,
#contentInL ul.left-nav li ul li.now a{
	color:#6699cc;
}

#contentInR-2nd p a{
	color:#ff6600;
}

#contentInR-2nd p a:hover{
	text-decoration:none;
}

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

	■２．タイトル

================================================================================== */
#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-frame-in{
	width:650px;
	margin:10px auto 15px;
	background:url(../kenketsu/img/group_detail_bg_in.gif) repeat-y;
}

.detail-frame-top{
	background:url(../kenketsu/img/group_detail_bg_top.gif) no-repeat top;
}

.detail-frame-end{
	padding:15px 10px;
	background:url(../kenketsu/img/group_detail_bg_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}


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

	■４．会社名

================================================================================== */
.detail-name{
	padding:0 0 10px;
	background:url(../common_img/line_red_w.jpg) repeat-x bottom;
}

.detail-name h3{
	padding:0 0 0 30px;
	background:url(../common_img/sttl_icon_heart.gif) no-repeat left center;
	color:#6790ee;
	font-size:116.6%;
	font-weight:bold;
}


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

	■５．担当者メッセージ

================================================================================== */
.detail-msg{
	width:620px;
	margin:10px auto 15px;
	overflow:hidden;
	_zoom:1;
}

.detail-msgL{
	float:left;
	width:180px;
	overflow:hidden;
	_zoom:1;
}

.detail-msgL p{
	margin:0 0 5px;
	padding:4px;
	background:#ffe5e5;
	text-align:center;
	
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

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

.detail-msgR{
	float:right;
	width:425px;
}

.detail-msgR h4{
	margin:3px 0 10px;
}

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

	■６．企業・団体プロフィール

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

.detail-profile{
	margin:0 auto;
	width:620px;
}

.detail-profile h4{
	margin:3px 0 10px;
}

.detail-profile table{
	margin:1px 0;
	width:620px;
	border-collapse:collapse;
	border-bottom:dashed 1px #c9c9c9;
}

.detail-profile table td{
	padding:5px 10px;
	border-top:dashed 1px #c9c9c9;
	text-align:left;
}

.detail-profile 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;
}


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

	■４．ページ分割

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

#pageSplit{
	margin:15px auto;
	width:650px;
}

#pageSplit p.pageSplitL{
	float:left;
}

#pageSplit p.pageSplitR{
	float:right;
}

#pageSplit ul{
	padding:3px 0;
	text-align:center;
}

#pageSplit li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

#pageSplit li a{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 3px;
	color:#555;
}

#pageSplit li a:hover{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 3px;
	color:#ff6600;
}

#pageSplit li strong{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 3px;
	color:#ff6600;
}