/*��base��*/

html , body {
	color:#FFFFFF;
	font-size:12px;
	letter-spacing: 1px;
	line-height: 160%;
	margin:0px;
	padding: 0px;
	border: 0px;
	background-color:#FFFFFF;
	width: 100%;

}

.clr{
clear: both;
height:0em;
visibility:hidden;
overflow:hidden;
content:�h.�h;
}

a{
outline:none;
color:#AE1A1F;
}
a:hover{
outline:none;
color:#AE1A1F;
}

/*��contents��*/

#wrapper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
min-height:600px;
min-width:980px;
}

#iframe{
margin:0 auto;
width: 870px;
height: 300px;
text-align:left;
overflow-x:hidden;



}

#contents{

width: 805px;
text-align:left;
color:#000000;




}

#contents_fix{
width: 888px;
height:420px;
overflow:hidden;
}

/*main menu*/

#menu_base{
position:absolute;
bottom:50px;
left:50%;
margin-left:-444px;
width: 616px;
height: 24px;
background:url(../images/menu_base.gif);
padding-top:13px;
padding-bottom:13px;
padding-left:136px;
padding-right:136px;
}

#menu{
display:block;
width: 616px;
height: 24px;
margin:0;
padding:0;
}

#menu ul{
	display: inline;
	width: 616px;
	height: 24px;
	position:relative;
	margin:0;
	padding:0;
}

#menu ul li{
display: inline;
}

#menu ul li a{
display: inline;
height: 24px;
text-indent: -9999px;
overflow: hidden;
float:left;
}

#menu ul li.top a{
width: 69px;
background:url(../images/menu01.jpg) top left;
}

#menu ul li.news a{
width: 80px;
background:url(../images/menu02.jpg) top left;
}

#menu ul li.news_r a{
width: 80px;
background:url(../images/menu02.jpg) bottom left;
}

#menu ul li.concept a{
width: 103px;
background:url(../images/menu03.jpg) top left;
}

#menu ul li.concept_r a{
width: 103px;
background:url(../images/menu03.jpg) bottom left;
}

#menu ul li.theme a{
width: 135px;
background:url(../images/menu04.jpg) top left;
}

#menu ul li.theme_r a{
width: 135px;
background:url(../images/menu04.jpg) bottom left;
}

#menu ul li.magazine a{
width: 86px;
background:url(../images/menu05.jpg) top left;
}

#menu ul li.magazine_r a{
width: 86px;
background:url(../images/menu05.jpg) bottom left;
}

#menu ul li.coordinate a{
width: 124px;
background:url(../images/menu06.jpg) top left;
}

#menu ul li.coordinate_r a{
width: 124px;
background:url(../images/menu06.jpg) bottom left;
}

#menu ul li.shop a{
width: 107px;
background:url(../images/menu07.jpg) top left;
}

#menu ul li.shop_r a{
width: 107px;
background:url(../images/menu07.jpg) bottom left;
}

#menu ul li.online a{
width: 156px;
background:url(../images/menu08.jpg) top left;
}

#menu ul li.blog a{
width: 80px;
background:url(../images/menu09.jpg) top left;
}

#menu ul li.blog_r a{
width: 80px;
background:url(../images/menu09.jpg) bottom left;
}

#menu ul li a:hover{
background-position: bottom left;
}

/*��header��*/

h1{
width: 118px;
height: 45px;
float:left;
background:url(../images/logo.png) no-repeat;
behavior: expression(IEPNGFIX.fix(this));
text-indent:-9999px;
margin-top:0px;
margin-left:0px;
}

#logo{
position:fixed;
left:0;
top:0;
width: 249px;
height: 45px;
}


#center_news{
background-image:url(../images/background_long.jpg);
background-repeat:no-repeat;
width:100%;
height:500px;
color:#000000;



}