@charset "utf-8";

/*-----------------------------------------------------
FlashArea
-------------------------------------------------------*/
#FlashArea{
	height: 434px;
	margin: 0 0 11px 0;
	background: url(../images/index/mainimage.jpg) center 0 repeat-x;
}
div.flasharea-inside{
	position: relative;
	width: 950px;
	height: 434px;
	margin: 0 auto;
}
div.flasharea-inside p.button01{
	position: absolute;
	top: 208px;
	left: 0;
}
div.flasharea-inside p.button02{
	position: absolute;
	top: 208px;
	left: 301px;
}
div.flasharea-inside p.button03{
	position: absolute;
	top: 208px;
	left: 519px;
}
div.flasharea-inside p.button04{
	position: absolute;
	top: 208px;
	left: 783px;
}

.sub-text {
 margin-bottom: 5px;
 font-size: 90%;
}

/*-------------------------------------
CONTENT
---------------------------------------*/
div#Container{
	position: relative;
}
div#Content{
	padding-bottom: 35px;
}
div#content-top{
	width: 910px;
	margin: 0 auto;
	padding: 22px 20px 29px 20px;
	background: #FFF url(../images/index/bg_content_top.gif) 0 0 no-repeat;	
}

/*-------------------------------------
MAIN
---------------------------------------*/
div#main-top{
	float: left;
	width: 673px;
	border-right: 1px solid #E1E1E1;
}

/*-------------------------------------
SECTION
---------------------------------------*/
div.section{
}
div.section-title{
}
div.section-title h2{
	float: left;
	padding: 0 12px 13px 0;
}
div.section-title p.button{
	float: left;
	padding: 9px 0 0 0;
}

/* NEWS
---------------------------------------*/
div.section.news{
	padding: 4px 0 0 0;
}
div.section.news div.section-inside{
	clear: both;
}
div.section.news p.banner{
	display: inline;
	float: right;
	width: 157px;
	margin: 0 19px 0 0;
	border: 1px solid #E1E1E1;
}
div.section.news ul{
	float: left;
	width: 476px;
	border-top: 1px solid #CECECE;
}
div.section.news ul li{
	padding: 8px 0;
	border-bottom: 1px solid #CECECE;
}
div.section.news ul li .date{
	float: left;
	width: 72px;
	color: #7D7D7D;
	font-size: 84%;
}
div.section.news ul li .category img{
	padding:0 7px 0 0;
	vertical-align:middle;
}
div.section.news ul li .new{
	padding: 0 32px 0 0;
	background: url(../images/common/ico_new.gif) 100% center no-repeat;
}
div.section.news ul li .icon{
	padding: 0 18px 0 0;
	background: url(../images/common/ico_link.gif) 100% center no-repeat;
}
div.section.news ul li a{
	text-decoration: none;
}
div.section.news ul li a:hover{
	text-decoration: underline;
}


/* BRAND
---------------------------------------*/
div.section.brand{
	clear: both;
	padding: 25px 0 0 0;
}
div.section.brand div.section-inside{
	clear: both;
}
div.section.brand h3{
	margin: 0 0 7px 0;
}
div.section.brand div.item{
	display: inline;
	float: left;
	width: 150px;
	margin: 0 18px 0 0;
}
div.section.brand div.item p.text{
	padding: 6px 0 8px 0;
	color: #686868;
	font-size: 84%;
	line-height: 1.3;
}
div.section.brand div.item p.text a {
	color: #686868;
	text-decoration: none;
}
div.section.brand div.item p.text a:hover {
	color: #686868;
	text-decoration: underline;
}
div.section.brand div.item p.button{
	text-align: center;
}


/*-------------------------------------
SIDE
---------------------------------------*/
div#side-top{
	float: right;
	width: 216px;
}
div#side-top ul.sidebanner li{
	margin: 0 0 10px 0;
}

/*-------------------------------------
BANNERAREA
---------------------------------------*/
div#bannerArea {
}

ul#banner-list li{	
}



/*-------------------------------------
SLIDEBOX
---------------------------------------*/
div#Content div.slideBox{
	position:absolute;
	bottom:54px;
	width:100%;
	z-index:4;
	background: #353535 url(../images/index/line_sildebox.gif) 0 34px repeat-x;
}
div#Content div.slideBox p.slide_navi{
	width: 950px;
	margin: 0 auto;
}
div#Content div.slideBox p.slide_navi img{
	cursor:pointer;
}
div#Content div.slideBox div.slideContents{
	display:none;
	width: 820px;
	height: 165px;
	margin: 0 auto;
	padding: 0 0 0 130px;
	color: #CCC;
	background: url(../images/index/bg_sildebox.jpg) 35px 10px no-repeat;
}
div#Content div.slideBox div.slideContents h3{
	padding: 33px 0 10px 0;
	font-size: 117%;
	font-weight: bold;
}