@charset "utf-8";
/*------------ top ------------*/

/*==================
common
==================*/
.clear{clear:both;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}


/*==================
link
==================*/
a:link {
	color:#333333;
	text-decoration: underline;
}
a:visited {
	color:#333333;
	text-decoration: underline;
}
a:hover {
	color:#333333;
	text-decoration:none;
}
a:active {
	color:#333333;
	text-decoration:none;
}

/*==================
.flash_content
==================*/
div.flashcontent{
	width:900px;
	margin:0 auto;
	padding:0;
	height: auto;
}

p.hide{
	display:none;
	}

/*==================
#MainContents
==================*/
#MainContents{
	width: 900px;
	margin: 10px auto;
	padding:0;
	text-align:left;
	background:url(../top_img/bg_maincontents.gif) 0 0 repeat-y;
}
#MainContents:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

/*==================
#ContetsArea
==================*/
#ContetsArea{
/*	width:640px;*/
	width:627px;
	float:left;
	margin-right:0px;
	overflow:hidden;
}

/*==================
#ContentsRight
==================*/
#ContentsRight{
	width:256px;
	float:right;
}


/*==================
#news
==================*/
#news{
position:relative;
}
#news ul{
margin:10px;
padding:0;
}
#news li{
font-size:10px;
line-height:1.4;
margin-bottom:5px;
padding-bottom:5px;
background:url(../top_img/line_dot.gif) 0 bottom repeat-x;
}
#news p.link{
font-size:10px;
position:absolute;
top:8px;
right:10px;
padding-left:10px;
background:url(../top_img/arrow_link01.gif) 0 50% no-repeat;
}

/*==================
#CampaignArea
==================*/
#CampaignArea{
margin-bottom:15px;
display:inline;
}
#CampaignArea p.link{
float:right;
text-align:right;
font-size:10px;
margin-top:5px;
margin-right:0px;
padding-left:10px;
background:url(../top_img/arrow_link02.gif) 0 50% no-repeat;
}

/*==================
#BannerArea
==================*/
#BannerArea{
clear:both;
}
#BannerArea:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#BannerArea ul{
margin:0;
padding:0;
}
#BannerArea li{
margin-right:11px;
margin-bottom:5px;
float:left;
}
#BannerArea li.liR{
margin-bottom:5px;
float:left;
margin-right:0px;
}

/*==================
#ProductArea
==================*/
#ProductArea{
width:900px;
margin:0 auto 15px;
text-align:center;
clear:both;
position:relative;
}
#ProductArea:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#ProductArea h2{
margin-bottom:10px;
}

#ProductArea ul{
margin:0;
padding:0;
}
#ProductArea li{
width:176px;
height:60px;
float:left;
margin-right:5px;
margin-bottom:5px;
}
#ProductArea li.end{
margin-right:0;
}
#ProductArea p.link{
font-size:10px;
position:absolute;
top:8px;
right:10px;
padding-left:10px;
background:url(../top_img/arrow_link01.gif) 0 50% no-repeat;
}


/*==================
#OthersArea
==================*/
#OthersArea{
width:900px;
margin:0 auto 15px;
text-align:center;
clear:both;
}
#OthersArea:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#OthersArea ul{
margin:0;
padding:0;
}
#OthersArea li{
width:225px;
height:65px;
float:left;
}
#OthersArea li a{
width:225px;
height:65px;
display:block;
}