﻿@charset "UTF-8";

#contentsBlock{
	background:url(/category/sat-aha/images/top_main_bg.gif) repeat-y 0 0;
}

	#contentsBlock .foot{
		width:636px;
		height:12px;
		background:url(/category/sat-aha/images/top_main_bg_f.gif) no-repeat left bottom;
	}

h2{
	display:none;
}

#contentsBlock h3{
	width:100px;
	height:26px;
	color:#f23c8f;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:url(/category/sat-aha/images/top_main_bg_h.gif) no-repeat 0 0;
	padding:10px 526px 0 10px;
	margin-bottom:15px;
}

.block{
	margin:0 5px 15px 1px;
}

.block h4{
	font-size:14px;
	line-height:150%;
	font-weight:bold;
	margin-bottom:8px;
}

.block h4 img{
	vertical-align:middle;
	margin-right:10px;
}

.detailArea{
	width:630px;
}
.detailArea img{
	float:left;
	display:block;
}

.detailArea p{
	line-height:180%;
}


.detailArea .detailBtn{
	width:133px;
	height:20px;
	float:right;
}

	.detailArea .detailBtn a{
		display:block;
		text-indent:-9999px;
		text-align:left;
		width:133px;
		height:20px;
		background-repeat:no-repeat;
}

.detailAreaInner{
	float:right;
	width:312px;
	padding:15px;
	min-height:100px;
}

	* html .detailAreaInner{
		height:100px;
	}


#tatsujinArea h4{
	color:#ff6000;
}

#tatsujinArea .detailArea{
	background:url(/category/sat-aha/images/top_bg_tatsujin.gif) 0 0;
}

	#tatsujinArea .detailAreaInner{
		background:url(/category/sat-aha/images/top_bg_tatsujin_h.gif) repeat-x 0 0;
	}

	#tatsujinArea .detailBtn a{
		background-image:url(/category/sat-aha/images/top_btn_detail_y.gif);
	}

	#tatsujinArea .detailBtn a:hover{
		background-position:0 -30px;
	}

#ikitaiArea h4{
	color:#ff3c7f;
}

#ikitaiArea .detailArea{
	background:url(/category/sat-aha/images/top_bg_ikitai.gif) 0 0;
}

	#ikitaiArea .detailAreaInner{
		background:url(/category/sat-aha/images/top_bg_ikitai_h.gif) repeat-x 0 0;
	}

	#ikitaiArea .detailBtn a{
		background-image:url(/category/sat-aha/images/top_btn_detail_p.gif);
	}

	#ikitaiArea .detailBtn a:hover{
		background-position:0 -30px;
	}

#otoriyoseArea h4{
	color:#ff3716;
}

#otoriyoseArea .detailArea{
	background:url(/category/sat-aha/images/top_bg_otoriyose.gif) 0 0;
}

	#otoriyoseArea .detailAreaInner{
		background:url(/category/sat-aha/images/top_bg_otoriyose_h.gif) repeat-x 0 0;
	}

	#otoriyoseArea .detailBtn a{
		background-image:url(/category/sat-aha/images/top_btn_detail_o.gif);
	}

	#otoriyoseArea .detailBtn a:hover{
		background-position:0 -30px;
	}

#iketeruArea h4{
	color:#449f2f;
}

#iketeruArea .detailArea{
	background:url(/category/sat-aha/images/top_bg_iketeru.gif) 0 0;
}

	#iketeruArea .detailAreaInner{
		background:url(/category/sat-aha/images/top_bg_iketeru_h.gif) repeat-x 0 0;
	}

	#iketeruArea .detailBtn a{
		background-image:url(/category/sat-aha/images/top_btn_detail_g.gif);
	}

	#iketeruArea .detailBtn a:hover{
		background-position:0 -30px;
	}

#kajiritsukiArea h4{
	color:#495eff;
}

#kajiritsukiArea .detailArea{
	background:url(/category/sat-aha/images/top_bg_kajiritsuki.gif) 0 0;
}

	#kajiritsukiArea .detailAreaInner{
		background:url(/category/sat-aha/images/top_bg_kajiritsuki_h.gif) repeat-x 0 0;
	}

	#kajiritsukiArea .detailBtn a{
		background-image:url(/category/sat-aha/images/top_btn_detail_k.gif);
	}

	#kajiritsukiArea .detailBtn a:hover{
		background-position:0 -30px;
	}


/* サイドエリア  ------------------------------*/
#sideBlock{
	padding-top:26px;
}

#presentArea{
	background:url(/category/sat-aha/images/bg_present.gif) repeat-y 0 0;
}

	#presentArea .head{
		width:322px;
		height:10px;
		background:url(/category/sat-aha/images/bg_present_h.gif) no-repeat 0 0;
	}

	#presentArea .foot{
		width:322px;
		height:10px;
		background:url(/category/sat-aha/images/bg_present_f.gif) no-repeat 0 0;
	}

	#presentArea .content{
		width:302px;
		padding:0 10px;
	}

	#presentArea h4{
		margin-bottom:8px;
	}

	#presentArea p{
		line-height:160%;
	}

	#presentArea .qrCode{
		float:right;
	}

	#presentArea p#accessBtn{
		margin-top:8px;
	}

	#presentArea p#accessBtn,
	#presentArea p#accessBtn a{
		width:180px;
		height:20px;
	}

	#presentArea p#accessBtn a{
		display:block;
		text-indent:-9999px;
		background-image:url(/category/sat-aha/images/btn_access.gif);
		background-repeat:no-repeat;
	}

	#presentArea p#accessBtn a:hover{
		background-position:0 -30px;
	}

#movieArea{
	padding-bottom:15px;
}

	#movieArea dl{
		padding-top:15px;
	}

	#movieArea dt{
		padding-bottom:5px;
	}

	#movieArea dd p{
		font-size:11px;
		text-align:right;
		padding-top:5px;
	}
