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

*{
margin:0px;
padding:0px;
}

body{
	line-height:150%;
	font-size:80%;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image:url(bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

a:link { color: #006699;text-decoration:underline;}

a:visited { color: #006699;text-decoration:underline;}

a:hover {color: #006699;text-decoration:none;}

a:active {color: #006699;text-decoration:none;}

/* page */

p,h1{	margin:0px;
		padding:0px;
}

img{border:0px;}

ul,li{	padding:0px;
		margin:0px;
		list-style:none;}

.tec{ text-align:center;}

.ter{ text-align:right;}

.clear{
clear:both;
font-size:1px;
line-height:1px;
}



/* margin */

.mrb5{margin-bottom:5px;}
.mrb10{margin-bottom:10px;}
.mrb20{margin-bottom:20px;}

.pab20{padding-bottom:20px;}


.vt{
vertical-align:top;
}

.left{
padding:10px 0px 0px 10px;
vertical-align:top;
}

.goemon{padding:10px 10px 0px 0px;}
.goemon2{padding:10px 0px 0px 10px;}

/* color */


/* top */

#head{
margin:0px auto;
width:780px;
}


h1{
color:#fff;
text-align:right;
height:20px;
padding:0px 10px 0px 0px;
font-size:10px;
font-weight:normal;
}

.head-innar{
width:758px;
padding:0px 11px 9px;
}

.head1{
width:273px;
padding-top:15px;
float:left;
}

.head2{
width:215px;
padding-top:13px;
float:right;
}

#menu{
margin:0px auto 10px;
width:780px;
}

#menu ul{
width:780px;
height:44px;
overflow:hidden;
}

#menu li{
height:19px;
float:left;
padding:13px 20px 0px 15px;
background-image:url(bg-menu.gif);
background-repeat:no-repeat;
background-position:left top;
}

#menu a:link { color: #fff;text-decoration:underline;}
#menu a:visited { color: #fff;text-decoration:underline;}
#menu a:hover {color: #fff;text-decoration:none;}
#menu a:active {color: #fff;text-decoration:none;}

#contents{
margin:0px auto 0px;
width:780px;
}

#main{margin-bottom:17px;}
#top-contetns td{vertical-align:top;}

#topics{
margin-bottom:20px;
width:515px;
padding:0px 5px 0px;
height:140px;
overflow:auto;
}


.news{
width:485px;
}

.pop{	background:url(icon1.jpg) no-repeat left 4px;
		padding-left:18px;
		color:#FF6600;}

.under{	padding-bottom:10px;
		border-bottom:1px dotted #ccc;
		margin-bottom:10px;
		padding-left:16px;}

.news p{
padding:0px 0px 0px 18px;
background-image:url(icon1.jpg);
background-repeat:no-repeat;
background-position:left 4px;
}

.news span{color:#990000;}

.u-root{margin:0px auto 20px;}

.root,.u-root{
width:515px;
padding:4px;
border:1px #979797 solid;
}
.root1{padding:5px 5px 10px;}

.w515{width:515px;}

.root2{
width:223px;
float:left;
}

.root3{
width:283px;
float:right;
}

#foot{
width:100%;
height:156px;
background-image:url(bg-foot.gif);
background-repeat:repeat-x;
background-position:top;
}

#foot td{vertical-align:top;}

#foot-innar{
margin:0px auto;
width:760px;
padding:24px 10px;
color:#fff;
}

#foot a:link { color: #fff;text-decoration:underline;}
#foot a:visited { color: #fff;text-decoration:underline;}
#foot a:hover {color: #fff;text-decoration:none;}
#foot a:active {color: #fff;text-decoration:none;}

#pan{
width:760px;
height:25px;
color:#fff;
padding:6px 10px 0px;
background:#000077;
}

#pan a:link { color: #fff;text-decoration:underline;}
#pan a:visited { color: #fff;text-decoration:underline;}
#pan a:hover {color: #fff;text-decoration:none;}
#pan a:active {color: #fff;text-decoration:none;}


#u-contents{
width:780px;
background:#fff;
}

#goe{
width:760px;
padding:11px 9px;
}

.side{
margin-bottom:10px;
width:150px;
height:30px;
padding:10px 10px 0px 20px;
background-image:url(bg-side.jpg);
background-repeat:no-repeat;
}

.mi1{
margin-bottom:10px;
width:553px;
height:26px;
padding:4px 0px 0px 15px;
color:#fff;
font-size:120%;
font-weight:bold;
line-height:150%;
background-image:url(bg-mi.gif);
background-repeat:no-repeat;
}

.mi2{
margin-bottom:10px;
width:745px;
height:26px;
padding:4px 0px 0px 15px;
color:#fff;
font-size:120%;
font-weight:bold;
line-height:150%;
background-image:url(bg-mi2.jpg);
background-repeat:no-repeat;
}

.company{
margin-bottom:20px;
width:100%;
border-top:1px #ccc solid;
border-left:1px #ccc solid;
}

.company td{
padding:8px 10px;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}

.company-td{
width:130px;
background:#eee;
vertical-align:top;
}

.pagetop{
text-align:right;
}

.ti1{
width:543px;
height:32px;
padding:4px 0px 0px 25px;
color:#00005b;
font-size:120%;
font-weight:bold;
line-height:1em;
background-image:url(bg-ti.jpg);
background-repeat:no-repeat;
background-position:left 3px;
}

.case{
margin-bottom:30px;
width:548px;
padding:0px 10px;
}

.orange{	color:#FF6600;}

.pad-lr10{	padding:0px 10px 0px 10px;}

.pad-r10{	padding-right:10px;}

.php {	margin-bottom:20px;}

.php td{	padding-top:10px;
			vertical-align:top;}

.case1{
width:278px;
float:left;
}
.case2{
width:250px;
float:right;
}

.tec-box{
width:740px;
padding:0px 10px 30px;
}

.led{
padding:0px 0px 0px 20px;
font-size:120%;
font-weight:bold;
color:#464646;
line-height:150%;
background-image:url(icon2.gif);
background-repeat:no-repeat;
background-position:left 3px;
}

.technology-img{
margin:0px 0px 20px 20px;
float:right;
}

.bb{
margin-bottom:10px;
font-size:120%;
font-weight:bold;
line-height:150%;
}

.gm {margin-bottom:10px;}

.gm li{
padding:0px 0px 0px 20px;
font-size:120%;
font-weight:bold;
color:#464646;
line-height:150%;
background-image:url(icon2.gif);
background-repeat:no-repeat;
background-position:left 3px;
}

.inq{
margin-top:10px;
border-top:1px #999 solid;
}

.inq-td1,.inq-td2{
padding:10px;
border-left:1px #999 solid;
border-bottom:1px #999 solid;
}

.inq-td1{
color:#333px;
background:#eee;
vertical-align:top;
}

.inq-td2{border-right:1px #999 solid;}
.inq-td3{
padding-top:20px;
text-align:center;
}

.equ{
width:100%;
margin-bottom:10px;
border-top:1px #adafac solid;
border-left:1px #adafac solid;
}

.equ td{
padding:8px 10px;
border-right:1px #adafac solid;
border-bottom:1px #adafac solid;
vertical-align:top;
}

.equ-td1{
width:120px;
background:#dde6fb;
color:#0f38cc;
vertical-align:top;
}

.equ-td2{background:#eee;}