@charset "utf-8";

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header p.logo{
	/*display:none;*/
}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:964px;
}

/*-----------------------------------------------------
MV
-------------------------------------------------------*/
#MV{
	width:964px;
	overflow:hidden;
	height:277px;
	margin:0 auto 25px;
	position:relative;
	background:url(../images/mv_bg.gif) no-repeat 0 0;
}
#MV p img{
	width:956px;
	display:none;
	position:absolute;
	top:4px;
	left:4px;
}
#MV ul.nav li{
	width:220px;
	position:absolute;
	display:none;
	right:12px;
}
#MV ul.nav li.n01{
	top:12px;
	z-index:100;
}
#MV ul.nav li.n02{
	top:76px;
	z-index:90;
}
#MV ul.nav li.n03{
	top:139px;
	z-index:80;
}
#MV ul.nav li.n04{
	top:202px;
	z-index:70;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Main{
	width:700px;
	float:left;
	display:inline;
	padding:0 0 0 2px;	
}

/*-------------------------------------
news
---------------------------------------*/
#Main div.news{
	margin:0 0 40px;
}
#Main div.news h2{
	margin:0 0 15px;
}
#Main div.news #news-inline{
	width:700px;
	height:200px;
}
#Main div.news #news-inline div.customScrollBox{
	height:100%;
	overflow:hidden;
	position:relative;
}
#Main div.news #news-inline div.customScrollBox div.container{
	width:670px;
	float:left;
	position:relative;
}
#Main div.news div.content dl{
	width:670px;
	overflow:hidden;
}
#Main div.news div.content dl dt{
	width:9em;
	float:left;
	padding:15px 0;
	background:url(../common/images/content_bg_dotted_blue.gif) repeat-x 0 100%;
}
#Main div.news div.content dl dt.first,
#Main div.news div.content dl dd.first{
	padding:0 0 15px;
}
#Main div.news div.content dl dd{
	margin:0 0 0 9em;
	padding:15px 0;
	background:url(../common/images/content_bg_dotted_blue.gif) repeat-x 0 100%;
}
#Main div.news div.dragger_container{
	width:7px;
	height:200px;
	position:relative;
	float:right;
	cursor:pointer;
	background:#E4EFF3;
}
#Main div.news div.dragger_container div.dragger{
	background:#0390D8;
}

/*-------------------------------------
menu
---------------------------------------*/
#Main div.menu{
	width:700px;
	overflow:hidden;
	margin:0 0 40px;
}
#Main div.menu dl{
	width:220px;
	float:left;
	display:inline;
	margin:0 17px 0 0;
	border:solid #D8E6EB;
	border-width:0 1px 1px 1px;
}
#Main div.menu dl.middle{
	margin:0;
}
#Main div.menu dl.last{
	margin:0;
	float:right;
}
#Main div.menu dl dt img{
	margin:0 0 0 -1px;
}
#Main div.menu dl dd{
	background:url(../common/images/content_bg_dotted_blue.gif) repeat-x 0 100%;
}
#Main div.menu dl dd.last{
	background:none;
}
#Main div.menu dl dd a{
	display:block;
	padding:12px 0 12px 25px;
	background:url(../common/images/content_ico_arw.gif) no-repeat 14px 50%;
}

/*-------------------------------------
introduce
---------------------------------------*/
#Main div.introduce h2{
	margin:0 0 15px;
}
#Main div.introduce div.box{
	width:350px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 0 20px;
}
#Main div.introduce div.box p.photo{
	width:110px;
	float:left;
}
#Main div.introduce div.box p.photo img{
	padding:5px;
	border:1px solid #D8E6EB;
}
#Main div.introduce div.box div.box-inline{
	width:210px;
	float:right;
	display:inline;
	padding:0 10px 0 0;
}
#Main div.introduce div.box div.box-inline a{
	padding:0 0 0 10px;
	background:url(../common/images/content_ico_arw.gif) no-repeat 0 0.8ex;
}

/*-------------------------------------
Side
---------------------------------------*/
#Side{
	width:230px;
	float:right;
	display:inline;
	padding:0 2px 0 0;
}