@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;
}


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

	■２．タイトル

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

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

#gallery-ttl h2{
	margin:0;
}

/* タイトル下テキスト */
p.galleryTxt{
	padding:0 7px 10px 16px;
}


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

	■３．ギャラリーレイアウト
			●３-１　レイアウト
			●３-２　内容設定
			●３-３　男女の背景色
			
===================================================================================== 		

			●３-１　レイアウト

================================================================================== */
.gallery-wrap{
	width:652px;
	margin: 0 -15px 15px 6px;
	padding:0 0 20px 6px;
	/margin: 0 -15px 15px 0;
	background:url(../first/img/gallery_dot_plus.gif) no-repeat bottom left;
	_zoom: 1;   
	overflow: hidden;
}

.gallery-wrap-in{
	float:left;
	margin:0 15px 0 0;
	width:148px;
}

/* ================================================================================== 
	
			●３-２　内容設定

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

.gallery-wrap-in h3{
	margin:0 auto;
	text-align:center;
}

.gallery-wrap-in p{
	text-align:center;
}

.gallery-wrap-in p.imageArea{
	position:relative;
	margin:8px auto 0;
	width:148px;
	min-height:167px;
	_height:167px;
	
}

.gallery-wrap-in p.imageArea img{
	margin:4px auto;
	border:1px solid #FFF;
}

.gallery-wrap-in p.imageArea img.pngImg{
	position:absolute;
	margin:0;
	border:none;
	left:4px;
	top:-10px;
}

.gallery-wrap-in dl{
	padding:0 8px 8px;
	min-height:70px;
	_height:70px;
}

/* ================================================================================== 
	
			●３-３　男女の背景色

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

.gallery-wrap-in.gallery-female h3,
.gallery-wrap-in.gallery-female dd{
	color:#fe6369;
}

.gallery-wrap-in.gallery-female p.imageArea{
	background:#ffe5e5 url(../first/img/gallery_bg01_top.gif) no-repeat bottom center;
}

.gallery-wrap-in.gallery-female dl{
	background:#ffecec url(../first/img/gallery_bg01_end.gif) no-repeat bottom center;
}

.gallery-wrap-in.gallery-male h3,
.gallery-wrap-in.gallery-male dd{
	color:#44a5d2;
}

.gallery-wrap-in.gallery-male p.imageArea{
	background:#d9effa url(../first/img/gallery_bg02_top.gif) no-repeat bottom center;
}

.gallery-wrap-in.gallery-male dl{
	background:#d9effa url(../first/img/gallery_bg02_end.gif) no-repeat bottom center;
}




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

	■４．ページトップへ＆ページ分割

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

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

#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;
}