@charset "UTF-8";
/*
========== ========== ========== ========== ==========
Style for Japanese Content Pages
========== ========== ========== ========== ==========
HAMAMATSU Nano Technology Inc.
AKIRA FUJITA
2010/06/11
2011/08/12：edited for IE 6/7 bug
2011/11/08：edited for Mobile Safari on iPhone (Text size problem in slider)  
*/

/* Body Elements */
body
{
background-color:#000000;
color:#CCCCCC;
margin-top:5px;
/*margin-top:50px;*/
margin-bottom:0px;
font: 0.75em/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/* for Mobile Safari on iPhone : Text Size in slider is no more changed automatically. 2011/11/08 */
-webkit-text-size-adjust:none;
}
/* 必要か微妙（ここから） */
/*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;
}
/* 必要か微妙（ここまで） */


#container
{
width:936px;
padding-top:5px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#menu
{
/*width:308px;*/
	width:250px;
/*height:332px;*/
	height:332px;
padding-top:325px;
/*padding-right:40px;*/
	padding-right:0px;
float:left;
background-repeat:no-repeat;
/*background-color:#F00;*/
	text-align:left;
}
/* for IE all */	
*+html #menu
{
padding-top:335px;
}
#menu ul
{
padding-left:0;
margin-left:0;
list-style-type:none;
}
#menu li
{
padding-top:5px;
padding-bottom:2px;
border-bottom:1px;
border-bottom-color:#555555;
border-bottom-style:dotted;
}
#menu li a
{
display:block;
/* added start */
	border:#000000;
border-style:solid;
border-width:1px;/* ddded end */
}
.logo1
{
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:lighter;
/*font-size:3em;*/
font-size:20px;
}
.logo2
{
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:lighter;
/*font-size:3em;*/
font-size:18px;
}
.logo3
{
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-weight:bold;
/*font-size:3em;*/
font-size:30px;
color:#ffffff;
padding-top:-20px;
padding-left:10px;
}
#content
{
float:right;
padding:0px;
/*width:557px;*/
	width:660px;/*background-color:#0F0;*/
}
/* for IE all */	
*+html #content
{
padding-top:0px;
}
#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
}
#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;
}
/* Text Effects */
a
{
text-decoration:none;/*display:block;*/
}
#footer a
{
color:#717171;
}
a:hover
{
text-decoration:underline;/*background-color:#333333;*/
}
h1
{
color:#ffffff;
font-size:1.5em;
margin:0px 0px 0px;
}
h2
{
/*color:#bbbbbb;*/
	color:#FFFFFF;
font-size:1.25em;
margin:60px 0px 0px;
}
h2 .largrH2
{
color:#ffffff;
font-size:1.5em;
}
h2 .subTitle
{
margin:30px 0px 0px;
}
h3
{
/*color:#999999;*/
	color:#EEEEEE;
font-size:1.25em;
font-weight:normal;
margin-bottom:50px;
}
p
{
margin:10px 5px 0px;
}
/* Element Effects */
input,
select,
textarea
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:350px;
color: #fff;
background: #222222;
}
input:hover,
select:hover,
textarea:hover
{
background: #333333;
}
form
{
width:350px;
margin:0 auto;
}
blockquote
{
/*width:617px;
	margin:0 auto;*/
	margin:0 17px 0 16px;
margin-bottom:20px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
background-color:#333333;
padding:0px 15px 0px 15px;
}
/* for IE all */	
*+html blockquote
{
padding-top:10px;
padding-bottom:10px;
}
hr
{
width:100%;
height:0;
border:0;
}
img
{
border:0px;
}
/* Transparent-PNG Images */
.pngImage1
{
width: 400px;
height: 100px;
background: url(images/_.gif);
}
* html .pngImage1
{
width: 400px;
height: 100px;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/welcome_g.png);
}
* html .pngImage1 img
{
display: none;
}
.pngImage1 img,
.pngImage2 img
{
display: block;
}
/* My Colors */

.myWhite
{
color:#ffffff;
}
.myBlue
{
color:#00aef0;
}
.myGreen
{
color:#25f000;
}
.myYellow
{
color:#fdbc28;
}
.myYellow2
{
color:#ffff00;
}
.myRed
{
color:#f00600;
}
.myRed2
{
color:#ff0000;
}
.myGray50
{
color:#999999;
}
.myGray50_12
{
color:#999999;
line-height:12px;
}
#menu li a.selectedMenu
{
display:block;
/*padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px;
	border-bottom-color:#555555;
	border-bottom-style:dotted;*/
	background-color:#444444;
border:#999999;
border-style:solid;
border-width:1px;/*padding:2px;*/
}
#menu li a.selectedMenuW
{
display:block;
background-color:#444444;
border:#ffffff;
border-style:solid;
border-width:1px;
}
#menu li a.selectedMenuB
{
display:block;
background-color:#444444;
border:#00aef0;
border-style:solid;
border-width:1px;
}
#menu li a.selectedMenuG
{
display:block;
background-color:#444444;
border:#25f000;
border-style:solid;
border-width:1px;
}
#menu li a.selectedMenuY
{
display:block;
background-color:#444444;
border:#fdbc28;
border-style:solid;
border-width:1px;
}
#menu li a.selectedMenuR
{
display:block;
background-color:#444444;
border:#f00600;
border-style:solid;
border-width:1px;
}
#menu li a.selectedMenuG50
{
display:block;
background-color:#444444;
border:#999999;
border-style:solid;
border-width:1px;
}
#menu li a.inquiryMenu
{
/* display:block;
	background-color:#444444;
	border:#ff0000;
	border-style:solid;
	border-width:1px; */
}
/* Language Selection */

#language
{
clear:both;
width:250px;
height:21px;
padding:5px 10px 0px 0px;
margin:0 0 0 400px;
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;
}
/* Text Effects */
#language a
{
color:#717171;
}
#language a:hover
{
text-decoration:underline;
color:#ffffff;
background-color:#333333;
}
/* Tabale */
table
{
/*width:100%;
width:627px;*/
 width:627px;
border-collapse:collapse;
table-layout:auto;
vertical-align:top;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
border:1px solid #999999;
padding:0px 15px 0px 15px;
}
/* for IE all */	
*+html table
{
padding-top:10px;
padding-bottom:10px;
}
table thead th
{
color:#FFFFFF;
background-color:#000000;
border:1px solid #999999;
border-collapse:collapse;
text-align:center;
table-layout:auto;
vertical-align:middle;
}
table tbody td
{
vertical-align:top;
border-collapse:collapse;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
table thead th,
table tbody td
{
padding:5px;
border-collapse:collapse;
}
table tbody tr.light,
table tbody td.light
{
color:#CCCCCC;
background-color:#333333;
}
table tbody tr.dark,
table tbody td.dark
{
color:#CCCCCC;
background-color:#1E1E1E;
}
table.red tbody tr:hover
{
color:#FFFFFF;
background-color: #990000;
}
table.red tbody tr:hover th
{
color:#FFFFFF;
background-color:#660000;
}
table.blue tbody tr:hover
{
color:#FFFFFF;
background-color:#006699;/*background-color:#222233;*/
}
table.yellow tbody tr:hover
{
color:#000000;
background-color:#FF9900;
}
table.yellow tbody tr:hover th
{
color:#FFFFFF;
background-color:#CC6600;
}
table.green tbody tr:hover
{
color:#FFFFFF;
background-color:#009933;
}
table.green tbody tr:hover th
{
color:#FFFFFF;
background-color:#006633;
}
#container #content .green2 .light td:hover,
#container #content .green2 .dark td:hover
{
color:#FFFFFF;
background-color:#009933;
}
#container #content .red2 .light td:hover,
#container #content .red2 .dark td:hover
{
color:#FFFFFF;
background-color:#990000;
}
table.gray50 tbody tr:hover
{
color:#000000;
background-color:#CCCCCC;
}
table.red tbody tr:hover a
{
color:#FFFFFF;
background-color:#ff0000;
}
table.blue tbody tr:hover a
{
color:#FFFFFF;
background-color:#006699;
}
table.yellow tbody tr:hover a
{
color:#000000;
background-color:#FF9900;
}
table.green tbody tr:hover a
{
color:#FFFFFF;
background-color:#009933;
}
table.gray50 tbody tr:hover a
{
color:#000000;
background-color:#CCCCCC;
}
table.red a:hover
{
color:#FFFFFF;
background-color:#ff0000;
}
table.blue a:hover
{
color:#FFFFFF;
background-color:#006699;
}
table.yellow a:hover
{
color:#000000;
background-color:#FF9900;
}
table.green a:hover
{
color:#FFFFFF;
background-color:#009933;
}
table.gray50 a:hover
{
color:#000000;
background-color:#CCCCCC;
}
table.red th
{
background-color:#330000;
}
table.blue th
{
background-color:#000033;
}
table.yellow th
{
background-color:#333300;
}
table.green th
{
background-color:#003333;
}
table.gray50 th
{
background-color:#111111;
}
/* Inquiry Box ---------- ---------- */	

#container #content .inquiryBox
{
border:dotted #FFFFFF 1px;
margin-bottom:60px;
}
#container #content .inquiryBox h3
{
color:#cccccc;
}
#container #content blockquote p.inquiry
{
margin:5px 0px 15px 0px;
padding:0px 0px 15px 0px;
}
#container #content blockquote p.inquiry a
{
padding:0px 5px;
color:#FFCC00;
float:right;
background-color:#1E1E1E;
border:solid #FFCC00 1px;
}
#container #content blockquote p.inquiry a:hover
{
background-color:#FFCC00;
color:#000000;
text-decoration:none;
}
/* Alart Box ---------- ---------- */	

#container #content .alartBox
{
border:solid #FF0000 1px;
background-color:#000000;
margin-bottom:20px;
}
#container #content .alartBox h3
{
color:#cccccc;
}
#container #content blockquote p
{
margin:5px 0px 15px 0px;
padding:0px 0px 0px 0px;
}
#container #content blockquote p.alart
{
margin:5px 0px 15px 0px;
padding:0px 0px 15px 0px;
}
#container #content blockquote p.alart a
{
padding:0px 5px;
color:#FFCC00;
float:right;
background-color:#1E1E1E;
border:solid #FFCC00 1px;
}
#container #content blockquote p.alart a:hover
{
background-color:#FFCC00;
color:#000000;
text-decoration:none;
}
/* Secret Box ---------- ---------- */	

#container #content .secretBox
{
/*border:dotted #FFFFFF 1px;*/
border:none;
color:#999999;
background-color:#000000;
}
#container #content .secretBox h3
{
color:#999999;
font-size:12px;
border-bottom:#999999 1px dotted;
}
/* Borders for Images ---------- ---------- */	

#content img
{
clear:right;
margin: 4px 0px 0px 12px;
padding:4px;
border:#999999 1px solid;
}
#content a img:hover
{
clear:right;
margin: 4px 0px 0px 12px;
padding:4px;
border:#FFFFFF 1px solid;
}
#content .noborder img
{
clear:right;
margin: 4px 0px 0px 12px;
padding:4px;
border:none;
}
#content a .noborder img:hover
{
clear:right;
margin: 4px 0px 0px 12px;
padding:4px;
border:none;
}
/* Captions for Images ---------- ---------- */	
/* Don't forget setting align="right" to each <img>. --> 

/*
 For Image 150px width
 + "border & padding" 10px = 160px
	(Word Wrap is OK)
*/
.capR150
{
width: 160px;
float: right;
margin: 0px 0px 0px 15px;
/* for IE 6/7 start (AKIRA FUJITA 2011/08/12) */
*width:172px;
*margin-left:0px;
/* for IE 6/7 end */
}
.capText150C
{
width:160px;
margin-top:3px;
float:right;
text-align:center;
}
.capText150L
{
width:160px;
margin-top:3px;
float:right;
text-align:left;
}
/*
 For Image 160px width
 + "border & padding" 10px = 170px
	(Word Wrap is OK)
*/
.capR160
{
width: 170px;
float: right;
margin: 0px 0px 0px 15px;
/* for IE 6/7 start (AKIRA FUJITA 2011/08/12) */
*width:182px;
*margin-left:0px;
/* for IE 6/7 end */
}
.capText160C
{
width:170px;
margin-top:3px;
float:right;
text-align:center;
}
.capText160L
{
width:170px;
margin-top:3px;
float:right;
text-align:left;
}
/*
 For Image 200px width
 + "border & padding" 10px = 210px
	(Word Wrap is OK)
*/
.capR200
{
width: 210px;
float: right;
margin: 0px 0px 0px 15px;
/* for IE 6/7 start (AKIRA FUJITA 2011/08/12) */
*width:222px;
*margin-left:0px;
/* for IE 6/7 end */
}
.capText200C
{
width:210px;
margin-top:3px;
float:right;
text-align:center;
}
.capText200L
{
width:210px;
margin-top:3px;
float:right;
text-align:left;
}
/*
 top space to ajust to image top
	(without border)
*/
.capTop
{
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 0px;
}