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

* {
	margin:0; padding:0;
line-height:150%;
}


body{
	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:80%;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../img/bg_body.jpg) repeat-x center 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{
	margin:0px;
padding:0px;
}

img{
	border:0px;
}

ul,li,dl.dt.dd{
	padding:0px;
margin:0px;
}

.tec,.tecb10,.tecb20,.tecb30{
	text-align:center;
}
.tecb10{
	margin:0px 0px 10px;
}
.tecb20{
	margin:0px 0px 20px;
}
.tecb30{
	margin:0px 0px 30px;
}

.ter,.terb10,.terb30{
	text-align:right;
}

.terb10{
	margin-bottom:10px;
}
.terb30{
	margin-bottom:30px;
}

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

.clear2{
	clear:both;
}

/* margin */

.mrb10{
	margin:0px 0px 10px;
}
.mrb20{
	margin:0px 0px 20px;
}
.mrb30{
	margin:0px 0px 30px;
}
.mrb50{
	margin:0px 0px 50px;
}
.mrb70{
	margin:0px 0px 70px;
}

/* color */

.color1{
	color:#ff9900;
}
.color2{
	color:#ff0000;
}
.color3{
	color:#ff6600;
}
.color4{
	color:#009900;
}

/* h */

h1{
	margin:0px;
padding:10px 0px 0px;
font-size:10px;
font-weight:normal;
line-height:150%;
color:#666;
float:left;
}

h2{
	margin:0px 0px 10px;
padding:0px;
}

h3,h4,h5,h6{
	margin:0px;
padding:0px;
}

/* head */

#header{
	margin:0px auto;
width:960px;
height:167px;
}

#head-menu{
	width:264px;
height:30px;
overflow:hidden;
float:right;
}

#head-menu{
	margin:0px 0px 5px;
}

#head-menu li{
	list-style:none;
float:left;
}

.head1{
	width:465px;
float:left;
}

.head2{
	width:445px;
float:right;
}

/* menu */

#menu{
	margin:0px auto;
width:960px;
height:55px;
overflow:hidden;
}

#menu li{
	list-style-type:none;
float:left;
}

.menu_bgnone{
	padding-left:5px;
padding-top:2px;
padding-bottom:5px;
padding-right:3px;
margin-bottom:5px;
font-weight:bold;
}

.menu_bg{
	background-image:url(../img/side_menu_bg.gif);
background-repeat: no-repeat;
padding-left:15px;
padding-top:2px;
padding-bottom:5px;
padding-right:3px;
margin-bottom:5px;
}

.menu_bg2{
	background-image:url(../img/side_menu_bg2.gif);
background-repeat: no-repeat;
padding-left:15px;
padding-top:2px;
padding-bottom:5px;
padding-right:3px;
margin-bottom:5px;
}

.menu_bg2none{
	padding-left:15px;
padding-top:2px;
padding-bottom:5px;
padding-right:3px;
margin-bottom:5px;
}

/* layout */

#contents{
	margin:0px auto 30px;
clear:both;
padding:35px 0px 0px;
background:url(../img/bg_contents1.jpg) repeat-x center top #fff;
}

#contents-innar{
	margin:0px auto;
width:960px;
background:url(../img/bg_cont.gif) repeat-y;
}

#side{
	width:240px;
float:left;
background:#fff;
padding:20px 0px 10px;
}

#area{
	width:700px;
float:right;
padding:20px 0px 0px;
}

#pan{
	margin:0px 0px 10px;
padding:4px 0px 2px 20px;
font-size:10px;
line-height:150%;
background:url(../img/icon_pan.gif) no-repeat left 2px;
}

/* foot */

#footer{
	margin-bottom:10px;
width:100%;
height:148px;
color:#fff;
background:url(../img/bg_foot.jpg) repeat-x;
}

#foot-menu{
	margin:0px auto;
width:960px;
height:65px;
}

#foot-menu-in{
	width:780px;
padding:20px 0px 0px 30px;
float:left;
}

#pagetop{
	width:135px;
float:right;
}

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

#work-area{
	margin:0px auto;
width:960px;
}

#copyrights{
	width:100%;
padding:5px 0px;
color:#fff;
text-align:center;
background:url(../img/bG_copy.jpg) repeat-x;
}

/* top ===================================================================================================================== */

.base{
	width:700px;
}

.resilt1{
	margin:0px 0px 10px;
padding:5px 2px 5px 5px;
width:213px;
float:left;
text-align:center;
background-color:#FFFFFF;
}

.resilt2{
	margin:0px 0px 10px;
width:447px;
float:right;
}

.resilt3{
	margin:0px 0px 10px;
padding:5px 2px 5px 5px;
width:213px;
float:left;
text-align:center;
background-color:#FFFFFF;
}

.resilt4{
	width:213px;
padding:5px 2px 5px 5px;
float:right;
text-align:center;
background-color:#FFFFFF;
}

.linenap{
	margin:0px 0px 30px;
width:680px;
padding:10px 10px 10px;
background:url(../img/bg_linenap.jpg) repeat-y;
}

.linenap1{
	width:315px;
padding:10px;
background:#fff;
float:left;
}

.linenap2{
	width:315px;
padding:10px;
background:#fff;
float:right;
}

.topics{
	margin:0px 0px 30px;
width:690px;
padding:5px;
background:url(../img/bg_dot1.gif) repeat;
}

.topics-innar{
	width:670px;
padding:10px;
background:#fff;
}

.topics-innar-body{
	width:670px;
height:205px;
overflow:auto;
}

.topics-innar-body dl{
	width:650px;
}

.topics-innar-body dt{
	width:130px;
float:left;
padding:0px 0px 10px 15px;
background:url(../img/icon1.gif) no-repeat left 3px;
}

.topics-innar-body dd{
	width:485px;
padding:0px 0px 10px 0px; 
float:right;
}

/* silicon glass ======================================================================================= */

.silicon-base{
	margin:0px auto;
width:660px;
}

.silicon1,.silicon2,.glass2{
	width:315px;
}
.silicon1{
	float:left;
}
.silicon2,.glass2{
	float:right;
}
.glass2{
	padding:20px 0px 0px;
}


.pointbox{
	margin:0px 0px 30px;
width:700px;
}

.pointbox1{
	width:210px;
float:left;
}

.pointbox2{
	width:470px;
float:right;
}

.pointbox3{
	width:470px;
float:left;
}

.pointbox4{
	width:210px;
float:right;
}

.glass3{
	width:392px;
float:left;
}

.glass4{
	width:290px;
float:right;
}

.glass-base{
	width:392px;
}
.glass5,.glass6{
	width:185px;
}
.glass5,.glass7{
	float:left;
}
.glass6,.glass8{
	float:right;
}

.glass7{
	width:106px;
}
.glass8{
	width:206px;
}

/* company ======================================================================================= */

.company{
	margin:0px 0px 30px;
width:700px;
background:#ccc;
}

.company th{
	text-align:left;
font-weight:normal;
padding:10px;
width:180px;
background:#f5f2ed;
vertical-align:top;
}

.company span{
	color:#ff0000;
}

.company td{
	padding:10px;
background:#fff;
}

.company td table{
	margin-bottom:10px;
}

.company td table td{
	padding:0px 10px 5px 0px;
background:#fff;
}

/* user ======================================================================================= */

.user-box{
	margin:0px 0px 30px;
width:660px;
padding:20px;
background:#ece4d6;
}

.ti-user{
	margin-bottom:15px;
width:625px;
height:36px;
padding:10px 10px 0px 25px;
color:#00A3d1;
font-size:18px;
font-weight:bold;
line-height:150%;
background:url(../img/bg_user1.jpg) no-repeat;
}

.user-img{
	margin:0px 20px 10px 0px;
float:left;
}

/* contact ======================================================================================= */

.contact-step{
	margin:0px 0px 20px;
width:700px;
}

.contact-step1{
	width:178px;
float:left;
}

.contact-step2{
	width:186px;
float:left;
}

.contact-step3{
	width:166px;
float:left;
}

.contact-step4{
	width:168px;
float:right;
}



/* iintroduction ======================================================================================= */

.q{
	color:#009900;
font-weight:bold;
margin:10px;
}

.q_text{
	font-weight:bold;
}

.answer{
	margin:20px;
}





/* form
======================================================================================= */



.formTable{
	width:520px;
margin:0 auto;
}

.formTable tr{
	background-image : url(../img/dotline.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.formTable td{
	padding:10px;
}


.text_red{
	color:#CC3300;
}

.text_red_bold{
	color:#CC3300;
	font-weight: bold;
}


.center{
	text-align:center;
margin:0 auto;
}

.w520{
	width:520px;
margin:0 auto;
}


.w650{
	width:650px;
margin:0 auto;
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa