@charset "utf-8";

@import 'iehack.css';

/* ============================================================ *
   Copyright (c) MANSEIDO. All Right Reserved. 
 * ============================================================ */

#mainArea {
	margin:18px auto 0;
	width:800px; height:300px;
}

#contentsArea {
	margin:15px auto 0;
	padding-bottom:40px;
	width:800px;
}

#contentsArea .sideArea {
	float:left;
	width:220px;
}

#contentsArea .dataBox {
	margin-bottom:15px;
	padding-bottom:10px;
	background-color:#f2f2f2;
	text-align:left;
}

#contentsArea .dataBox dl {
	padding-bottom:5px;
	background:url(../../img/bg_dl_btm.gif) no-repeat center bottom;
}

#contentsArea .dataBox dt {
	line-height:35px;
	background:url(../../img/bg_dt01.gif) repeat-x;
	font-weight:bold;
	text-indent:10px;
}

#contentsArea .dataBox dd {
	margin-top:5px;
	padding-left:10px;
}

#contentsArea .dataBox p.red {
	margin-top:5px;
	text-indent:10px;
	font-weight:bold;
	color:#de0000;
}

#contentsArea .dataBox p.butm {
	margin-top:3px;
	padding-left:10px;
}

#contentsArea .sideArea .banner {
	
}


#contentsArea .infoArea {
	float:right;
	width:550px;
	text-align:left;
}

#contentsArea .infoArea .info {
	padding:15px 0;
	height:110px;
	background:url(../../img/bg_info.gif) no-repeat;
}
/* Style IE6 Hack */
*html #contentsArea .infoArea .info {height:140px;}

#contentsArea .infoArea .info p {
	margin:0 20px;
}

#contentsArea .infoArea .contents {
	margin-top:15px;
}

#contentsArea .infoArea .contents p.tit {
	margin-bottom:5px;
	line-height:35px;
	background:url(../../img/bg_dt01.gif) repeat-x;
	text-indent:10px;
}	

#contentsArea .infoArea .contents .case01 {
	float:left;
	width:150px;
}

#contentsArea .infoArea .contents .case02 {
	margin-left:18px;
	float:left;
	width:150px;
}
/* Style IE6 Hack */
*html #contentsArea .infoArea .contents .case02 {margin-left:9px;}

#contentsArea .infoArea .contents .whatsnew {
	float:right;
	width:214px;
}

#contentsArea .infoArea .contents .whatsnew dd {
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../../img/bg_whatsnew.gif) no-repeat center bottom;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */

#container{
	margin:18px auto 0;
	text-align:left;
	width:800px;
	background:#fff;
	margin-bottom:2em;
}
#content{
	position:relative;
}
/* ---------------------------------------------------------------------------------------------------------- *

	 1. Image Area
 
 * ---------------------------------------------------------------------------------------------------------- */

#imageArea {
	height:335px; 
	}

#imageArea .flashArea {
	margin:0 auto;
	padding-top:17px;
	}

#imageContainer {
	position:relative;
	margin:auto;
	width:800px; /*�摜�̉���*/
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}



/* Easy Slider */

#slider{
	margin:0 auto;
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li{ 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
	width:800px; height:300px;
	overflow:hidden; 
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:200px;
}	
#nextBtn{ 
	left:800px;
}
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../../img/btn_prev.gif) no-repeat 0 0;
}	
#nextBtn a{ 
	background:url(../../img/btn_next.gif) no-repeat 0 0;
}

/* // Easy Slider */