@charset "utf-8";

/*
-----------------------------------------------
Fe-MAIL プレゼントインデックス用スタイルシート
-----------------------------------------------

以下のスタイルを定義

o タグの初期設定
o ヘッダ
o ヘッダ下ナビ
o キャッチ・バナー
o 右側
o プレゼント一覧

*/



/* -------------------------------------------------
タグの初期設定
------------------------------------------------- */
#gbContents {
	padding:0 0 40px 0;
}

#gbContents hr {
	display:none;
}

#gbContents h2 {
	font-weight:normal;
}



/* -------------------------------------------------
ヘッダ
------------------------------------------------- */
#header {
	height:70px;
	background:#99CC99;
	border-bottom:10px solid #E0EEDF;
}

#header h1 {
	float:left;
	width:131px;
	height:70px;
	background:#99CC99 url(../../present/images/2007/header_title.gif) top left no-repeat;
}

#header h1 span {
	display:none;
}

#header p {
	padding:14px 0 0 147px;
	font-size:75%;
	line-height:130%;
	color:#FFFFFF;
}

#header p a {
	color:#437843;
}



/* -------------------------------------------------
ヘッダ下ナビ
------------------------------------------------- */
#naviHeader {
	position:relative;
	width:727px;
	height:32px;
}

#naviHeaderPresent   {
	position:absolute;
	top:11px;
	left:557px;
	width:76px;
	height:11px;
}

#naviHeaderPresent a {
	display:block;
	left:557px;
	width:76px;
	outline-width:0;
	text-decoration:none;
	text-indent:-5000px;
	background:url(../../images/2007/category/btn_present.gif) top left no-repeat;
}

#naviHeaderRSS {
	position:absolute;
	top:10px;
	left:662px;
	width:45px;
	height:12px;
}

#naviHeaderRSS a {
	display:block;
	left:662px;
	width:45px;
	outline-width:0;
	text-decoration:none;
	text-indent:-5000px;
	background:url(../../images/2007/category/btn_rss.gif) top left no-repeat;
}



/* -------------------------------------------------
キャッチ・バナー
------------------------------------------------- */
#subHeader {
	position:relative;
	height:300px;
}

#presentCatch {
	position:absolute;
	width:349px;
	height:245px;
	top:0;
	left:41px;
	background:url(../../present/images/2007/catch_bg.gif) center bottom no-repeat;
}

#presentCatch p {
	width:349px;
	height:130px;
	background:url(../../present/images/2007/catch.gif) top left no-repeat;
}

#presentCatch span {
	display:none;
}

#pageBanner {
	position:absolute;
	top:20px;
	left:447px;
}



/* -------------------------------------------------
プレゼント一覧
------------------------------------------------- */
#presentList {
	margin:0 0 50px 20px;
}

#presentList h2 {
	width:563px;
	margin:0 0 25px 0;
	padding:3px 0 11px 124px;
	font-size:12px;
	border-bottom:4px solid #5BB357;
	background:url(../../present/images/2007/present_list_title.gif) 3px 0 no-repeat;
}

* html #presentList h2 { /* IE */
	width:563px; /* MacIE */
	/* \*/
	width:687px;
	/* */
}

#presentList h2 span {
	display:none;
}

* html #presentList div.presentWrapper { /* IE */
	margin:0 0 100px 12px;
}

#presentList dl {
	position:relative;
	width:665px;
	min-height:110px;
	margin:0 0 20px 12px;
	padding:54px 0 0 0;
	background:url(../../present/images/2007/line_dot.gif) 0 23px no-repeat;
}

* html #presentList dl { /* IE */
	height:164px;
}

#presentList dl dt {
	margin:0 0 0 153px;
	font-size:85%;
	font-weight:bold;
	line-height:160%;
}

#presentList dl dt a {
	color:#78BC78;
}

#presentList dl dd.presentComment {
	margin:0 0 0 153px;
	font-size:75%;
	line-height:160%;
}

#presentList dl dd.presentImage {
	position:absolute;
	height:120px;
	width:120px;
	top:44px;
	left:8px;
	border-right:1px solid #E3E3E3;
}

#presentList dl dd.presentImage img {
	margin:10px 0 0 0;
}

#presentList dl dd.presentDate {
	position:absolute;
	width:138px;
	height:24px;
	top:0px;
	left:526px;
	font-size:65%;
	color:#FFFFFF;
	background:url(../../present/images/2007/present_date_bg.gif) top left no-repeat;
}

#presentList dl dd.presentDate span {
	display:block;
	padding:6px 0 0 11px;
}


#presentList dl dd.presentDate strong {
	border-right:1px solid #FFFFFF;
	padding:0 15px 0 0;
}