/***************************************************
 *
 * 共通css
 * UTF-8
 * Target win IE6,7 FF2 Opera9 / mac FF2 Safari3
 *
 ***************************************************/

/* 全体
------------------------------------------ */


/* メイン
------------------------------------------ */

.top-main-container{
	background:url(common/images/main-contents-bg.jpg);
	width:846px;
	background-repeat:repeat;
	margin: auto;
}

.top-images-main-area{
	margin:auto;
	padding:0px 0px 0px 0;
	width:800px;
	background-repeat:repeat;
	margin-bottom: 20px;
}

.top-main-images{
	width:800px;
	margin:auto;
}


.top-main-contents{
	margin:auto;
	width: auto;
	background-color: #f6f6f6;
	border-top: 1px solid #999999;
}

.top-main-area{
	width:800px;
	margin: auto;
	padding-bottom: 30px;
}

.top-products-info{
	width:600px;
	height:402px;
	margin-bottom: 10px;
}

.products-info-links-area{
	width:545px;
}

.top-products-links-left{
	width:260px;
	padding:10px 10px 5px 10px;
	background-color: #FFFFFF;
	float: left;
	margin-bottom: 5px;
	height: 166px;
}

.top-page-links{
	width:289px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}

.top-page-links{
	width:263px;
	margin-bottom: 30px;
	height:201px;
}

.top-page-links-main{
	padding-left: 0px;
	padding-top: 0px;

}

.top-page-links-bg-t{
	background:url(images/top-page-link-t.jpg);
	width:289px;
	height:12px;
	background-repeat: no-repeat;
}

.top-page-links-bg-b{
	background:url(images/top-page-link-b.jpg);
	width:289px;
	height:9px;
}

.top-page-links-bg-m{
	background:url(images/top-page-link-m.jpg);
	width:289px;
}

.top-page-links-title{
	padding:0px 0 10px 0px;

}

.top-page-links-img{
	text-align:center;
	margin-bottom: 10px;
}

.top-page-links-text{
	background-color: #FFFFFF;
	margin-bottom: 10px;
	color: #979797;
	font-size: 80%;
	margin-right: 5px;
}


.top-page-links-btn-area{
	margin-left:10px;
	margin-right:1px;
}

.top-page-links-btn-area2{
	margin-left:10px;
	margin-right:5px;
	text-align: right;
}

.top-page-links-btn-area img{
	margin-right:0px;
}

.products-links-images{
	width:95px;
	margin-right: 10px;
	float: left;
}

.products-links-title{
	margin-bottom:8px;
}

.products-links-btn{
	text-align:right;
	margin-top: 10px;
}

.products-links-text{
	float:right;
	overflow: auto;
	width: 155px;
	height: 138px;
}

.top-products-links-right{
	float:right;
	width:260px;
	padding:10px 10px 5px 10px;
	background-color: #FFFFFF;
	margin-bottom: 5px;
	height: 165px;
}

.top-products-links-left-b{
	width:260px;
	padding:10px;
	background-color: #FFFFFF;
	float: left;
	margin-bottom: 10px;
}

.top-products-links-right-b{
	float:right;
	width:260px;
	padding:10px;
	background-color: #FFFFFF;
}

.top-main-left-box{
	float:left;
	width: 550px;
	padding-left: 20px;
}

.top-main-right-box{
	float:right;
	width: 195px;
	padding-right: 20px;
}

.top-main-top-box{
	width:530px;
	margin: auto;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.top-news{
	width:545px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	position: relative;
}

.wnew-frame {
	margin:0px 0 0 5px;
	overflow:auto;
	padding:10px 5px 0px 10px;
	width:520px;
	background-color: #FFFFFF;
}
div.wnew-frame dl.wnew {
clear:both;
margin:0;
padding-bottom:0;
padding-top:5px;
}

.top-news-title{
	background:url(images/top-news-titile.jpg);
	width:545px;
	height:39px;
	position: relative;
}

.news-link{
	color: #FFFFFF;
	right: 7px;
	top: 13px;
	position: absolute;
}

.news-text{
	color: #FFFFFF;
	position: absolute;
	right: 10px;
	top: 7px;
}

.news-text a{color: #FFFFFF;}

div.wnew-frame{
}

div.wnew-frame th{
	padding-right:12px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	white-space:nowrap;
	width:10%;
}

div.wnew-frame td{
	font-weight:normal;
	padding-right:12px;
	padding-bottom: 5px;
	vertical-align: middle;
	text-align: left;
}

div.wnew-frame td.ico{
	padding-bottom: 5px;
	width:64px;
}

div.wnew-frame dl.wnew dt {
	font-size:85%;
	margin:0;
	padding:0;
	float: left;
	padding-right: 25px;
	display: block;
}

div.wnew-frame dl.wnew dd {
	font-size:85%;
	margin:0;
	padding:0 0 5px;
	background-repeat:no-repeat;
	padding-left: 15px;
	background-position: 2px 2px;
	padding-bottom: 5px;
}

.whatsnew dt {
display:block;
float:left;
margin:0;
padding:0 0 6px;
}
.whatsnew dt img {
display:block;
float:left;
margin:0;
padding:3px 0 0 20px;
}

.sp-contents-title{text-align:center;}

.sp-contents-banner{text-align:center;}

.sp-contents-banner img{
	margin-bottom:5px;
}

.sp-contents-banner img.sp-contents-banner-img{margin-bottom:20px;}

#navigation-area{

}