@charset "UTF-8";
/* CSS Document */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}






#container p {
	font-family: "HiraKakuPro-W3", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka","sans-serif";
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
}
#container a {
	text-decoration: none;
}

#container a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




#container {
	font-family: "HiraKakuPro-W3", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka","sans-serif";
	font-size: 1em;
	line-height: 1.5em;
	margin-left: 20px;
}

#container .container {
	border: 1px solid #999999;
	width: 920px;
}
#container .noFlash {
	padding: 20px;
}
#container .noFlash p {
	margin-bottom: 10px;
}



#container h1 {
	display: none;
}
#container .content{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	position: relative;
}
#container .content .title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#container .content .value {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	clear: both;
}
#container .content .leftArea {
	width: 210px;
	background-color: #D9D9D9;
	background-image: url(../image/top_bar.gif);
	background-repeat: repeat-y;
	background-position: 209px 0px;
}
#container .content .mail {
	background-image: url(../image/top_bar.gif);
	background-repeat: repeat-y;
	background-position: 209px 0px;
	width: 210px;
	background-color: #FFF;
}
#container .content .mail .copy {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#container .content .mail .copy p {
	padding-top: 10px;
}
#container .content .products {
	background-color: #d9d9d9;
	background-image: url(../image/top_bar.gif);
	background-repeat: repeat-y;
	background-position: 209px 0px;
	width: 210px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

#container .content .products .title {
	padding-top: 5px;
	padding-bottom: 4px;
}
#container .content .products .title p {
	float: left;
	margin-top: 3px;
}
#container .content .products .btns {
	float: right;
}

#container .content .products .btn {
	height: 16px;
	width: 36px;
	float: left;
}

#container .content .products .set {
	position: absolute;
	left: 10px;
	top: 40px;
	width: 400px;
}
#container .content .products .set .purpose {
	width: 200px;
	float: left;
}

#container .content .products .set .name {
	width: 200px;
	float: left;
}
#container .content .products .set .name li {
	    font-size: 0.85em; /* all browsers, of course */  
    font-size: 0.85em\9; /* IE8 and below */  
    *font-size: 0.85em; /* IE7 and below */  
    _font-size: 0.85em; /* IE6 */  
}

#container .content .products .set p.setTitle {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	width: 190px;
	padding-bottom: 3px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#container .content .products .set p.setTitle.re {
	margin-top: 10px;
}

#container .content .products .set ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
#container .content .products .set ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	width: 190px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#container .content .products .catalog {
	margin-top: 15px;
}







#container .content .topics {
	width: 490px;
	position: absolute;
	left: 210px;
	top: 0px;
}

#container .content .topics .wBanner {
	margin-bottom: 10px;
}
#container .content .topics .sBannerSet {
	margin-bottom: 10px;
}
#container .content .topics .sBanner {
	width: 235px;
	float: left;
	margin-bottom: 10px;
}
#container .content .topics .sBanner img {
	float: left;
	margin-right: 7px;
}
#container .content .topics .sBanner .bnText {
	float: left;
	width: 155px;
}

#container .content .topics .sBanner p {
 font-size: 0.85em; /* all browsers, of course */  
    font-size: 0.85em\9; /* IE8 and below */  
    *font-size: 0.85em; /* IE7 and below */  
    _font-size: 0.85em; /* IE6 */  
	line-height: 13px;
}
#container .content .topics .sBanner p span {
	font-size: 8px;
}
#container .content .topics .sBanner p.bnTitle, 
#container .content .topics .sBanner em.bnTitle{
	color:#000;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
#container .content .topics .sBanner a {
	color: #000;
}



#container .content .news {
	width: 220px;
	background-image: url(../image/top_bar.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position: absolute;
	left: 700px;
	top: 0px;
}
#container .content .news .support {
	position: relative;
	margin-top: 3px;
	margin-left: 10px;
	padding-bottom: 3px;
}
#container .content .news .support ul {
	list-style-type: none;
	margin: 0px;
}
#container .content .news .support li{
	margin: 0px;
	display: inline;
}
#container .content .news .support a{
	display: block;
	margin-bottom: 7px;
}

#container .content .news .ns {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 200px;
}
#container .content .news .ns .date {
	 font-size: 0.85em; /* all browsers, of course */  
    font-size: 0.85em\9; /* IE8 and below */  
    *font-size: 0.85em; /* IE7 and below */  
    _font-size: 0.85em; /* IE6 */    
	color: #666;
}
#container .content .news .ns .nsBody {
   font-size: 0.85em; /* all browsers, of course */  
    font-size: 0.85em\9; /* IE8 and below */  
    *font-size: 0.85em; /* IE7 and below */  
    _font-size: 0.85em; /* IE6 */  /  

}