﻿/*
Toa Optical Technologies
*/
@import url("./base.css");
@import url("./2cl.css");
/*general*/
body{font:75%/1.5 sans-serif;background:#00296B url(../../img/bg_body.gif) repeat-x;color:#444444;}
#wrapper{margin:1em auto 1.5em;padding:0 0 1em;/*c*/border-right:0px solid #999;border-bottom:1px solid #999;border-left:0px solid #999;background-color:#fff;width:900px;}

select,input,button,textarea{font:99% sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-size:108%;line-height:1.1;font-family:monospace;}
/*text*/
h1,h2,h3,h4,#description{font-family:'Times New Roman', serif;color:#333;}
h1{margin:0;padding:0;font-size:10pt;color:#eee}
h2{margin:0 0 1em;font-weight:normal;font-size:17pt;padding-left:1em;background-color:#CCDFE1;color:#039;border-left:5px #09c solid;border-bottom:1px #09c solid;}
h3{margin:0 0 0.25em;font-size:15pt;/*c*/color:#006;}
h4{margin:0 0 0.5em;border-bottom:1px solid #666;font-size:15pt;}
p{margin:0;line-height:1.75;}
blockquote{margin:1em 0 1em 1em;padding:0.2em 1em;border:1px solid #ddd;color:#444;}
pre{padding:0.5em 1em;border-left:6px solid #ddd;background-color:#eee;overflow:auto;width:90%;_width:95%;/*forIE6*/}
em{font-weight:bold;font-style:normal;}
strong{color:#006;}/*c*/
/*link*/
a:link{color:#006;}
a:visited{color:#66c;}


/*primaryのカラー*/
#index .nav0 a,
#side01 .nav1 a,
#side02 .nav2 a,
#side03 .nav3 a,
#side04 .nav4 a,
#side05 .nav5 a,
#side06 .nav6 a,
#side07 .nav7 a,
#side08 .nav8 a
{color:#3cf}





a:hover{color:#339;}
a:active{
	color:#66c;
	font-variant: normal;
}
/*list*/
ul,ol{margin:1em 1em;padding:0;list-style-position:outside;}
ul ul,ul ol,ul ol,ol ol{margin:0 0 0 1em;}
ol li{margin-left:2em;list-style-type:decimal;}
dl{margin:1em 1.5em;padding:0;}
dl dt{margin:0 0 0 1em;line-height:1.8;}
dl dd{margin:0 0 1.5em 2em;}

/*form*/
form{margin:1em 0;}
fieldset{margin:1em 0;padding:1px 0;border:1px solid #ddd;}
legend{padding:0 1em;background-color:#fff;font-size:116%;}
label{padding:0 1em;display:inline-block;padding:0.2em;border:1px solid #fff;}
textarea{padding:0.2em;border-width:1px;border-style:solid;border-color:#ddd #eee #eee #ddd;background-color:#fff;}
label:hover,textarea:hover{border-color:#339;}
textarea{padding:0.5em 0.5em;}
input.radio{border:none;background-color:transparent;background-image:none;}
/*table*/
table{margin:1em 0;border:1px solid #ccc;background-color:#fff;}
caption{padding-bottom:0.3em;}
th,td{padding:0.3em 0.5em;border-collapse:separate;border-spacing:1px;}
th{border-right:1px solid #ddd;border-top:1px solid #ddd;color:#333;background-color:#f5f5f5;}
td{border-right:1px solid #eee;border-top:1px solid #eee;}
.t_about{margin:1em 0;border:0px solid #fff;background-color:#fff;}
.t_about th,td{padding:0.3em 0.5em;border-collapse:separate;border-spacing:1px;}
.t_about th{border-right:0px solid #fff;border-top:0px solid #fff;color:#333;background-color:#f5f5f5;}
.t_about td{border-right:0px solid #fff;border-top:0px solid #fff;}
.t_4td td{width:25%;}
.t_form{margin:2em 0;border:0px solid #fff;background-color:#fff;}
.t_form th,td{
	padding:0.3em 0.5em;
	border-collapse:separate;
	border-spacing:10px;
}
.t_form th{width:12em;border-left:2px solid #666;border-top:0px solid #fff;border-right:0px solid #fff;color:#333;background-color:#fff;vertical-align:middle;}
.t_form td{border:0px solid #fff;}

/*others*/
hr{margin:1.5em 0;border:none;border-top:1px solid #999;height:1px;}

/*header*/
#title{padding:0.25em 20px 0;}
#title a:link,#title a:visited{color:#006;text-decoration:none;}/*c*/
#title a:hover{color:#339;text-decoration:underline;}/*c*/
#title a:active{color:#66c;}/*c*/
#description{margin-top:-1em;padding:0 20px 0.2em;font-size:200%;color:#999;}
/*#support///{margin-left:420px;margin-top:118px}*/
#header_img img{width:100%;height:62px;border-top:1px solid #999;border-bottom:1px solid #999;}

/*#globalnavi*/
#globalnavi{position:relative;z-index:0;font-weight:bold;list-style-type:none;width:100%;padding:0;}
#globalnavi ul{list-style-type:none;padding:0;margin:0;}
#globalnavi li{position:relative;float:left;margin:0;padding:0;}
#globalnavi li a{display:block;padding:0 0;width:120px;height:1%;text-decoration:none;text-align:center;font-size:11pt;cursor:pointer;color:#fff;}/*c*/

.about #globalnavi .gNav04 a,
.products #globalnavi .gNav05 a,
.technologies #globalnavi .gNav06 a,
.faq #globalnavi .gNav07 a,
.download #globalnavi .gNav08 a,
.contact #globalnavi .gNav09 a{color:#6ff}


#globalnavi li:hover, #globalnavi li a:hover{color:#6ff;}/*c*/
#globalnavi .sepalate li{border-right:2px solid #fff;}
#globalnavi .sepalate li.last{border-right:none;}

/*#supportnavi*/
#supportnavi{position:relative;z-index:10;font-weight:bold;list-style-type:none;width:100%;padding:0;margin:1em 0 0;}
#supportnavi ul{list-style-type:none;padding:0;margin:0;}
#supportnavi li{position:relative;float:left;margin:0;padding:0;}
#supportnavi li a{display:block;padding:0.5em 0;width:120px;height:1%;text-decoration:none;text-align:center;font-size:12pt;cursor:pointer;color:#666;}/*c*/

.home #supportnavi .gNav00 a,
.sitemap #supportnavi .gNav01 a,
.privacy #supportnavi .gNav02 a {color:#3cf;}


#supportnavi li:hover, #supportnavi li a:hover{color:#3cf;}/*c*/

#levelnavi{margin:0.5em 0;padding:0 4em;}

/**/
#content{margin:0;}
.box_l{float:left;margin-right:15px;margin-bottom:15px;width:150px;}
.box_l2{float:left;margin-right:5px;margin-bottom:15px;width:200px;}
.box_l230{float:left;margin-right:15px;margin-bottom:15px;width:230px;}
.box_r{float:left;margin-right:5px;margin-bottom:15px;width:500px;}
.box_r2{float:left;margin-right:5px;margin-bottom:15px;width:510px;}
.box_r230{float:left;margin-right:5px;margin-bottom:15px;width:450px;}
.box_picture{float:left;margin-bottom:15px;margin-bottom:15px;width:50%;}

/*sidebar*/
#primary div{padding-left:0.3em;}
#primary div div{padding-left:0;}
#secondary div{padding-right:1em;}
#secondary div div{padding-right:0;}
.submenu_headline{font-size:200%;font-family:'Times New Roman', serif;color:#333;}
.submenu_subhead{font-size:150%;font-family:'Times New Roman', serif;color:#333;}
#primary li a{text-decoration:none;}/*c*/
#banner li{margin:1em 0;}
#banner img{width:160px;}

/*footer*/
#footer a:link,#footer a:visited{text-decoration:none;color:#999;}/*c*/
#footer a:hover,#footer a:active{color:#339;}/*c*/
#footnavi{text-align:center;color:#999;padding:0.5em 0;}
#footnavi ul li{display:inline;padding:0 1em;}
#footnavi ul.sepalate li{border-right:1px solid #999;}
#footnavi ul.sepalate li.last{border-right:none;}
#copyright{text-align:right;}



.zero{
	margin:0px;padding:0px
}


/*アコーディオンｃｓｓ*/
dl.accordion dt {
	cursor:			pointer;
	color:#039
	;
	padding-left:		1.2em;
	background: #f4f4f4	url(img/bg_h4.gif) repeat-x  0 bottom;
	border-bottom:2px #77A2E3 dotted

;
	border-left:3px #77A2E3 solid;
	font-size:1.4em;
    
	
}
dl.accordion dt.opened {
	background:		url(img/bg_h4.gif) repeat-x  0 bottom;
	color:#3cf
}

.accordion ol li {list-style-type: upper-roman;margin-bottom:10px;}
.accordion span {margin-left:1em}

/*↑ここまで*/


#info ul{padding-left:20px}

#info li {
	list-style-type: none;
	padding-left: 9px;
	font-size: 14px;

	list-style-image:url(../../img/icon_list.gif);
	
   
	}


	
.title {
	font-weight: bold;
	background-image: url(../../img/icon_list.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 20px;
}
#link li{font-weight: bold;
	background-image: url(../../img/linkPro_icon.gif);
	background-repeat: no-repeat;
	background-position:-1px 50%;
	padding-left: 20px;
}
