@charset "UTF-8";

/*
###################################

    INDEX　専用CSS

###################################
*/
.SpryHiddenRegion {
    visibility: hidden;
}

img{
	vertical-align:bottom;
}

#content {
	background: url(../img/top/bg.jpg) repeat left top;
	margin:0;
	padding:0;
	padding-top:10px;
	overflow:hidden;
}

#main_area {
	background: url(../img/top/main_bg.jpg) no-repeat;
	width:900px;
	height:363px;
	margin:0 auto;
	margin-bottom:10px;	
}
.slides_container{
	width:880px;
	height:330px;
	padding:10px 0 6px 10px;
	overflow:hidden;
}

/*-------- Mid Contents --------*/
#mid_contents{
	overflow:hidden;
	width:900px;
	margin:0 auto 30px auto;
}
#mid_contents h2{
	margin-bottom:10px;
}
#mid_contents .leftBlock{
	width:675px;
	float:left;	
}
#mid_contents .rightBlock{
	width:205px;
	float:right;	
}

/*-------- Brand --------*/
#brand_list{
	overflow:hidden;
	margin-bottom:25px;
}
#brand_list li{
	float:left;
	margin:0 1px 1px 0;
}

/*-------- News Info --------*/
.newsBlock{
	background:#fff;
	border-top:#571c60 solid 2px;
	padding:0 20px 20px 20px;
}
.newsBlock .ttlBlock{
	height:42px;
	position:relative;
	background:url(../img/top/ttl_line.jpg) no-repeat bottom;
}
.newsBlock .ttlBlock h3{
	position:absolute;
	top:13px;
}
.newsBlock .ttlBlock .info_btn{
	position:absolute;
	right:0;
	top:10px;
}
.newsBlock .ttlBlock .info_btn li{
	float:left;
	margin-left:2px;
}
.newsBlock #info{
	overflow:hidden;
	margin-top:8px;
	padding-bottom:7px;
	border-bottom:#e5e5e5 solid 1px;
}
.newsBlock #info:last-child{
	padding-bottom:0px;
	border-bottom:none;
}
.newsBlock #info p{
	margin-bottom:0;
}
.newsBlock #info p.day{
	width:110px;
	float:left;
	color:#666;
}
.newsBlock #info p.discription{
	width:525px;
	float:right;
}

/*-------- side banner --------*/
#sideBanner li{
	margin-bottom:5px;
}
#sideBanner li #sns dd{
	overflow:hidden;
	padding:10px 10px 5px 10px;
}
#sideBanner li #sns dd .tw{
	float:left;
}
#sideBanner li #sns dd .yt{
	float:right;
}

/*-------- Btm Contents --------*/
#btm_contents{
	overflow:hidden;
	background: url(../img/top/btm_bg.jpg);
	padding:30px 0 30px 0;
}
#banner_area{
	overflow:hidden;
	width:900px;
	margin:0 auto;
}
#banner_area h4{
	height:20px;
	margin-bottom:8px;
}
#banner_area #pickup{
	background:url(../img/top/pickup/pickup_line.jpg) no-repeat bottom;
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:30px;
}
#banner_area #pickup li{
	float:left;
	margin-right:6px;
}
#banner_area #pickup li.last{
	margin-right:0px;
}
#banner_area #link_area{
	float:left;
	width:655px;
	overflow:hidden;
}
#banner_area #syakai_area{
	float:right;
	width:210px;
}
#banner_area #link_area .banner li{
	float:left;
	padding-right:5px;
	margin-bottom:5px;
}
#banner_area #syakai_area .banner li{
	margin-bottom:5px;
}


/* ---------------------------------------
　MARGIN
--------------------------------------- */
	
/* MARGIN TOP
----------------------------- */
.mt0	{ margin-top:0 !important; }
.mt5	{ margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }