/*
========== ========== ========== ========== ==========
Style for Japanese Toppage
========== ========== ========== ========== ==========
HAMAMATSU Nano Technology Inc.
AKIRA FUJITA
2010/06/11
*/

/*@import url(xxxxxx.css);*/

body
{
margin:0;
padding:0;
/*font-size:12px;*/
	/*font-family:verdana, Arial, Helvetica, sans-serif;*/
	color:#525252;
background-color:#131313;
/* customize start */
	background-color:#000000;
color:#ffffff;
margin-top:0px;
/*margin-top:50px;*/
	margin-bottom:60px;
font: 0.75em/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/* customize end */
}
img
{
border:0;
display:block;
padding:0;
margin:0;
}
.justify
{
text-align:justify;
}
.bold
{
font-weight:bold;
}
.center
{
text-align:center;
}
.right
{
text-align:right;
}
.nostart
{
list-style-type:none;
margin:0;
padding:0;
}
.clear
{
clear: both;
}
br.clear
{
clear:both;
margin-top:-15px;
}
a
{
outline:none;
text-decoration:none;
}
.fl_left
{
float:left;
}
.fl_right
{
float:right;
}
.imgl,
.imgr
{
border:1px solid #999999;
padding:5px;
}
.imgl
{
float:left;
margin:0 8px 8px 0;
clear:left;
}
.imgr
{
float:right;
margin:0 0 8px 8px;
clear:right;
}
/* ---------- ---------- Wrapper ---------- ---------- */

div.wrapper
{
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
text-align:left;
}
div.wrapper h1,
div.wrapper h2,
div.wrapper h3,
div.wrapper h4,
div.wrapper h5,
div.wrapper h6
{
margin:0;
padding:0 0 8px 0;
font-size:20px;
font-weight:normal;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*border-bottom:1px dotted #4C4C4C;*/
	border-bottom:1px dotted #999999;/*border-bottom:1px dotted #1561AD;*/
}
/* ---------- ---------- Generalize ---------- ---------- */

#header,
#main3Products,
#featureArea,
#breadcrumb,
#container,
#footer,
#copyright
{
position:relative;
margin:0 auto 0;
display:block;
width:936px;
}
/* ---------- ---------- Header ---------- ---------- */

#header
{
position:relative;
margin:10px auto 10px;
display:block;
width:936px;
padding:0px 0px 3px 0px;
border-bottom:#1561AD 3px solid;/*color:#DBDBDB;
	background-color:#232323;*//*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#header #logo
{
display:block;
/*width:936px;*/
	width:180px;
margin-top:0px;
float:left;
}
/*#header #logo h1, #header #logo p {
	margin:3px 0 0 0;
	padding:0px 0 0 0;
	line-height:normal;
}*/


/* Language Selection */

#header #language
{
/*clear:both;*/
	width:250px;
height:21px;
padding:5px 10px 0px 0px;
float:right;
margin:0px 0px 0px 0px;
text-align:right;
border-top-color:#717171;
border-top-style:solid;
border-top-width:1px;
border-bottom-color:#717171;
border-bottom-style:solid;
border-bottom-width:1px;
background-color:#232323;
font-size:12px;
}
/* for IE all */	
*+html #header #language
{
padding:5px 10px 0px 0px;
float:right;
margin:-35px 0px 0px 675px;
}
/* for IE7 */
*:first-child+html #header #language
{
padding:5px 10px 0px 0px;
float:right;
margin:-35px 0px 0px 675px;
}
/* for IE6 */	
* html #header #language
{
padding:5px 10px 0px 0px;
float:right;
margin:-35px 0px 0px 675px;
}
/* for Win Opera */
#header #language:not(\*|*){
 padding:5px 10px 0px 0px;
	float:right;
	margin:-35px 0px 0px 675px;
}
/* Text Effects */
#header #language a {
	color:#717171;
}
#header #language a:hover {
	text-decoration:underline;
	color:#ffffff;
	background-color:#333333;
}

#header #introducing h1 {
	float:left;
	margin:1px 0 0 0;
	padding:0;
	/*font-size:42px;*/
	font-size:12px;
	letter-spacing:2px;
	border:none;
	/*text-transform:uppercase;*/
}
#header #introducing h1 .normal {
	letter-spacing:0px;
	color:#999999;
}
#header #introducing h1 a {
	color:#DBDBDB;
	background-color:#232323;
}


/* ---------- ---------- featureArea ---------- ---------- */

#featureArea {
	padding:20px 0 0 0;
	margin-bottom:10px
/*	border:1px solid #FFCC00;*/
}
#featureArea .fl_left {
	display:block;
	float:left;
	width:550px;
	height:225px;
}
#featureArea .fl_right {
	display:block;
	float:right;
	/*width:360px;*/
	width:364px;
	/*height:280px;*/
	height:203px;
	padding:10px;
	/*color:#333333;*/
	color:#CCCCCC;
 /*	background-color:#FDC609;*/
 background-color:#404040;
	border:1px solid #FFCC00;
}
#featureArea .fl_right h2, #featureArea .fl_right p {
	margin:0;
	padding:0 2px;
	border:none;
	line-height:normal;
}
#featureArea .fl_right h2 {
	margin-top:-6px;
	font-size:24px;
	color:#FFCC00;
}
#featureArea .fl_right p {
	line-height:1.5em;
	margin-bottom:8px;
}
#featureArea .fl_right ul {
	margin:0;
	padding:0 2px;;
	list-style:none;
}
#featureArea ul li {
	display:block;
	float:left;
	width:100px;
	height:100px;
	margin:0 15px 0 0;
	padding:4px;
	/*background-color:#ffffff;*/
	/*border:1px solid #333333;*/
	border:1px solid #AAAAAA;
}
#featureArea ul li:hover {
	border:1px solid #FFCC00;
}
#featureArea ul li.last {
	margin-right:0;
}
/* ---------- ---------- main3Products ---------- ---------- */

#main3Products {
	padding:25px 0px 0px 0px; /* 2011/11/29 */
}
#main3Products ul {
	margin:0;
	padding:0;
	list-style:none;
}
#main3Products li {
	display:block;
	float:left;
	width:290px;
	padding:0;
	margin-top: 0;
	margin-right: 33px;
	margin-bottom: 0;
	margin-left: 0;
	color:#CCCCCC;
}
#main3Products li.last {
	margin-right:0;
}
#main3Products h2, #main3Products p, #main3Products img, #main3Products div {
	margin:0 0 10px 0;
	padding:0;
}
#main3Products h2 {
	padding-top:4px;
	padding-bottom:4px;
	color:#FFFFFF;
	/*background-color:#131313;*/
}
#main3Products div.imgholder {
	display:block;
	width:290px;
	border:none;
}
#main3Products div.imgholder img {
	margin:0;
	padding:0;
	border:none;
}
#main3Products p.readmore {
	text-align:right;
	/*width:250px;*/
	margin:0px 0px 1px 0px; /* 2011/11/29 */
	float:right;
	background-color:#1E1E1E;
	border:solid #FFCC00 1px;
}
#main3Products p.readmore:hover {
	background-color:#FFCC00;
}
#main3Products p.readmore a {
	padding:0px 5px;
	font-weight:bold;
	display:block;
	color:#FDC609;/*background-color:#1E1E1E;*/
}
#main3Products p.readmore a:hover {
	color:#000000;
}
/* ---------- ---------- Content ---------- ---------- */

#container {
	margin-top: 30px;
	padding:10px 0 10px 0;
	line-height:1.4em;
	color:#525252;/*background-color:#131313;*/
}
#container a {
	color:#FDC609;
	background-color:#131313;
}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
	margin-bottom:20px;
	padding-bottom:4px;
	/*border-bottom:1px dotted #999999;*/
	border-bottom:1px dotted #999999;
}
/* 未使用 */
/*#content{
	display:block;
	float:right;
	width:450px;
	margin: 0px;
	}*/

/* ---------- ---------- Column ---------- ---------- */

#column1 {
	display:block;
	float:left;
	width:290px;
	margin-right: 33px;
	margin-bottom: 30px
}
#column2 {
	display:block;
	float:right;
	width:290px;
	margin-bottom: 30px
}
#column3 {
	display:block;
	float:left;
	width:613px;
	margin-right: 33px;
	margin-bottom: 30px
}
#column1 .holder, #column1 #featured, #column2 .holder, #column1 #featured {
	display:block;
	width:290px;
	margin-bottom:20px;
	color:#CCCCCC;
}
#column3 .holder, #column1 #featured {
	display:block;
	width:613px;
	margin-bottom:20px;
	color:#CCCCCC;
}
#column1 .holder h2, #column2 .holder h2, #column3 .holder h2 {
	margin-top:8px;
	margin-bottom:8px;
}
#column1 .holder p, #column2 .holder p, #column3 .holder p {
	line-height:1.2em;
	color:#999999;
}
#column1 .holder p strong, #column2 .holder p strong, #column3 .holder p strong {
	line-height:1.2em;
	color:#CCCCCC;
}
#column1 .holder p.readmore, #column2 .holder p.readmore, #column3 .holder p.readmore {
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
}
#column1 #topicInfos, #column2 #topicInfos, #column3 #topicInfos {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;/*border:#FFF 1px solid;*/
}
#column1 #topicInfos li, #column2 #topicInfos li, #column3 #topicInfos li {
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	/*border-bottom:1px dotted #4C4C4C;*/
}
#column1 #topicInfos li.last, #column2 #topicInfos li.last, #column3 #topicInfos li.last {
	margin-bottom:0;
}
#column1 #topicInfos p, #column2 #topicInfos p, #column3 #topicInfos p {
	margin:0 0 5px 0;
	padding:0;
}
.wrapper #container #column1 .holder #topicInfos li .grayText,
.wrapper #container #column2 .holder #topicInfos li .grayText,
.wrapper #container #column3 .holder #topicInfos li .grayText,
.wrapper #container #column1 .holder #topicInfos .last .grayText,
.wrapper #container #column2 .holder #topicInfos .last .grayText,
.wrapper #container #column3 .holder #topicInfos .last .grayText {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#999999;
}
.wrapper #container #column1 .holder #topicInfos li .yellowText,
.wrapper #container #column2 .holder #topicInfos li .yellowText,
.wrapper #container #column3 .holder #topicInfos li .yellowText,
.wrapper #container #column1 .holder #topicInfos .last .yellowText,
.wrapper #container #column2 .holder #topicInfos .last .yellowText,
.wrapper #container #column3 .holder #topicInfos .last .yellowText {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FFFF00;
}
.wrapper #container #column1 .holder #topicInfos li .redText,
.wrapper #container #column2 .holder #topicInfos li .redText,
.wrapper #container #column3 .holder #topicInfos li .redText,
.wrapper #container #column1 .holder #topicInfos .last .redText,
.wrapper #container #column2 .holder #topicInfos .last .redText,
.wrapper #container #column3 .holder #topicInfos .last .redText {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#FF0000;
}
#column1 #topicInfos p.readmore, #column2 #topicInfos p.readmore, #column3 #topicInfos p.readmore {
	margin:9px 0px 0px 0px;
	padding:0px 0px 15px 0px;
}
#column1 #topicInfos p.readmore a, #column2 #topicInfos p.readmore a, #column3 #topicInfos p.readmore a {
	padding:0px 5px;
	/*width:150px;*/
	float:right;
	background-color:#1E1E1E;
	border:solid #FFCC00 1px;
}
#column1 #topicInfos p.readmore a:hover, #column2 #topicInfos p.readmore a:hover, #column3 #topicInfos p.readmore a:hover {
	/*text-decoration:underline;*/
	background-color:#FFCC00;
	color:#000000;
}
#column1 #topicInfos .imgl, #column2 #topicInfos .imgl, #column3 #topicInfos .imgl {
	margin:0 10px 10px 0;
	padding:4px;
}
/* ---------- ---------- Footer ---------- ---------- */

#footer {
	clear:both;
	/*background-image:url("images/footer.jpg");
	background-repeat:no-repeat;
	background-position:575px 0px;*/
	width:925px;
/*	height:21px;*/
	height:75px;
	padding:5px 10px 0px 0px;
	margin:0 auto 2px;
	/*color:#404040;*/
	color:#717171;
	font-size:.8em;
	text-align:center;/*background-color:#FF0*/
	border-top-color:#717171;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-color:#717171;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#232323;
}

#footerNavi {
	float:left;
	margin-left:10px;
	text-align:left;
	width:715px}
/* for IE6 */	
* html .wrapper #footer #footerNavi {
	float:left;
	margin-left:5px;
	text-align:left;
	width:715px}
	
#localNavi {
	float:right;
	text-align:right;
	width:200px;
	clear:both}
/* for IE6 */	
* html .wrapper #footer #localNavi  {
	float:right;
	text-align:right;
	width:200px;
	clear:both}

	#copyright {
	float:left;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:5px;
	padding-top:5px;
	border-top:dotted #999999 1px;
	text-align:left;
 width:915px;}
	/* for IE6 */	
* html 	#copyright {
	float:left;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:5px;
	padding-top:5px;
	border-top:dotted #999999 1px;
	text-align:left;
 width:915px;}
	
/* Text Effects */

#footer a {
	color:#717171;
	text-decoration:none;/*display:block;*/
}
#footer a:hover {
	text-decoration:underline;
	/*background-color:#333333;*/
}
/* ---------- ---------- Copyright ---------- ---------- */

/*#copyright {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:920px;
	padding:20px;
	color:#525252;
	background-color:#1F1F1F;
}
#copyright a {
	color:#525252;
	background-color:#1F1F1F;
}
#copyright p {
	margin:0;
	padding:0;
}*/