@charset "utf-8";
/* CSS Document */

#IndexUpWrapper {
	width:100%;
	clear:both;
	overflow:auto;
	padding-bottom:20px;
}

#IndexShiftLeft {
	width:500px;
	float:left;
}

#IndexShiftLeft h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/top_shift_title02.gif);
	height:51px;
	margin-bottom:5px;
}

#IndexShiftLeft h2 a {
	display:block;
	height:51px;
}

#IndexShameRight {
	width:280px;
	float:right;
}

#IndexShameRight h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/top_shame_title.gif);
	height:51px;
	margin-bottom:5px;
}

#IndexShameRight h2 a {
	display:block;
	height:51px;
}

#IndexDownWrapper {
	width:100%;
	clear:both;
	overflow:auto;
	padding-bottom:20px;
}

#IndexNewsLeft {
	width:390px;
	float:left;
}

#IndexNewsLeft h2{
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/top_news_title.gif);
	height:51px;
	margin-bottom:5px;
}

#IndexNewsLeft h2 a {
	display:block;
	height:51px;
}

#IndexBannerRight {
	width:390px;
	padding-top:20px;
	float:right;
}

.IndexBanner {
	padding-bottom:10px;
}













#IndexContLeft {
	width:390px;
	float:left;
}

#IndexContRight {
	width:390px;
	float:right;
}

#IndexMainImg {
	clear:both;
	width:800px;
	height:350px;
}

#IndexMainImg h2 {
	margin:0;
	padding:0;
}

.IndexFrame {
	width:100%;
	height:200px;
	overflow:auto;
}

.IndexBlogFrame {
	width:100%;
	height:300px;
	overflow:auto;
}

#IndexNewsBox {
	padding-bottom:30px;
}

#IndexNewsBox h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/index_news_title.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-bottom:5px;
}

#IndexNewsBox h2 a {
	display:block;
	height:31px;
}

#IndexBlogBox {
	width:265px;
	float:left;
}

#IndexBlogBox h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/index_blog_title.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-bottom:5px;
}

#IndexBlogBox h2 a {
	display:block;
	height:31px;
}

#IndexShameBox {
	width:390px;
}

#IndexShameBox h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/index_shame_title.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-bottom:5px;
}

#IndexShameBox h2 a {
	display:block;
	height:31px;
}

.IndexTextBox {
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../img/hBorder.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:12px;
	width:95%;
}

.IndexTextBox h3 {
	font-size:14px;
	margin:0;
	padding-bottom:5px;
}

.IndexTextBox h3 span {
	font-size:12px;
	font-weight:normal;
}

.IndexTextBox p {
	margin:0;
	padding:0;
	line-height:1.6em;
}

.IndexTextBox a {
	color:#F06;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
}

.IndexTextBox a:hover {
	background-color:#F06;
	color:#FFF;
	text-decoration:none;
}

#IndexShiftBox {
	width:390px;
	padding-bottom:30px;
}

#IndexShiftBox h2 {
	text-indent:-9999px;
	margin:0;
	padding:0;
	background-image:url(../img/index_shift_title.gif);
	background-repeat:no-repeat;
	height:31px;
	margin-bottom:5px;
}

#IndexShiftBox h2 a {
	display:block;
	height:31px;
}

#SideCouponIndex {
	padding-bottom:20px;
}

#SideMagazineIndex {
	text-indent:-9999px;
	height:100px;
	background-image:url(../img/side_bar_magazine_index.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

#SideMagazineIndex a {
	display:block;
	height:100px;
}

#SideMobileIndex {
	text-indent:-9999px;
	height:100px;
	background-image:url(../img/side_bar_mobile_index.gif);
	background-repeat:no-repeat;
}

#SideMobileIndex a {
	display:block;
	height:100px;
}
