@charset "utf-8";



/* -----------------------------------------------------------

CSS Information



 File name:      index.css

 Author:         Your Name (admin)

 Style Info:     index

----------------------------------------------------------- */





/*----------------------------------------------------

	#main_img

----------------------------------------------------*/



/*#ba5 {

	background:url(../img/ba5_product.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 0 10px;

}*/



#ba5_products {

	background:url(../img/ba5_product.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}

#ba5_case {

	background:url(../img/ba5_case.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}

#ba5_recruit {

	background:url(../img/ba5_recruit.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}

#ba5_company {

	background:url(../img/ba5_company.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}


#ba5_faq{

	background:url(../img/ba5_faq.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}



#ba5_company {

	background:url(../img/ba5_company.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}



#ba5_contact {

	background:url(../img/ba5_contact.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}



#ba5_privacy {

	background:url(../img/ba5_privacy.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}



#ba5_equipment {

	background:url(../img/ba5_equipment.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px10px;

}



#ba5_recent {

	background:url(../img/ba5_recent.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}



#ba5_sitemap {

	background:url(../img/ba5_sitemap.gif);

	width:930px;

	height:122px;

	text-indent: -9887em;

	margin:3px 10px 10px 10px;

}





#ba7 {

	background:url(../img/ba7.gif);

	width:890px;

	height:32px;

	margin:3px 10px 5px 10px;

	padding: 6px 0 0 40px;

	color:#0066CC;

	font-size:18px;

}







/*----------------------------------------------------

	#main_sub

----------------------------------------------------*/



#sub2 {

	width:198px;

	border:#dddddd 1px solid;

	background:#FFFFFF;

	margin:0 0 10px 0;

	padding:0 0 4px 0;

}



#sub2 .sub2_title3 {

	width:189px;

	height:23px;

	background:url(../img/ba1_bg.gif);

	margin:0 0 4px 0;

	display: block;

	overflow:hidden;

	font: bold;

	color:#FFFFFF;

	padding: 5px 0 0 9px;

}



#sub2 .sub_bt1 {

	width:165px;

	height:23px;

	_height:23px;

	margin:4px 4px 0 4px;

	padding: 5px 0 0 25px;

	background:url(../img/bt3_bg1_off.gif) no-repeat;

}



#sub2 .sub_bt1_on {

	width:165px;

	height:23px;

	_height:23px;

	margin:4px 4px 0 4px;

	padding: 5px 0 0 25px;

	background:url(../img/bt3_bg1_on.gif) no-repeat;

}



#sub2 .sub_bt1_on a{

	color:#FFFFFF;

}



#sub2 .sub_bt2 {

	width:163px;

	margin:0 4px;

	padding: 2px 0 0 25px;

	background:url(../img/bt3_bg2_off.gif) no-repeat 10px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt2_on {

	width:163px;

	margin:0 4px;

	padding: 2px 0 0 25px;

	background:#42bee0 url(../img/bt3_bg2_on.gif) no-repeat  10px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt2_on a{

	color:#FFFFFF;

}



#sub2 .sub_bt3 {

	width:163px;

	margin:0 4px;

	padding: 2px 0 0 25px;

	background:url(../img/bt3_bg3_off.gif) no-repeat  10px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt3_on {

	width:163px;

	margin:0 4px;

	padding: 2px 0 0 25px;

	background:#25B7C6 url(../img/bt3_bg3_on.gif) no-repeat  10px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt3_on a{

	color:#FFFFFF;

}



#sub2 .sub_bt4 {

	width:153px;

	margin:0 4px;

	padding: 2px 0 0 35px;

	background:url(../img/bt3_bg3_off.gif) no-repeat  20px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt4_on {

	width:153px;

	margin:0 4px;

	padding: 2px 0 0 35px;

	background:#33b8dd url(../img/bt3_bg3_on.gif) no-repeat  20px 7px;

	border:#ddd solid 1px;

}



#sub2 .sub_bt4_on a{

	color:#FFFFFF;

}



/*----------------------------------------------------

	#main_contents

----------------------------------------------------*/



#main_contents .ba3_bg {

	width:495px;

	height:23px;

	background:url(../img/ba3_bg.gif) no-repeat;

	margin:0 0 12px 0;

	padding: 7px 0 0 15px;

	font: bold;

	display: block;

	overflow:hidden;

}





#main_contents .ba3_bg2 {

	width:495px;

	height:23px;

	background:url(../img/ba3_bg.gif) no-repeat;

	margin:0;

	padding: 7px 0 0 15px;

	font: bold;

	display: block;

	overflow:hidden;

}



#main_contents .setsumei {

	width:510px;

}



#main_contents .setsumei2 {

	width:490px;

}


#contents_frame ol li {
	list-style-type: decimal;
}


#contents_frame {

	border: solid #CCCCCC 1px;

	width:490px;

	padding: 9px;

	margin: 0 0 20px 0 ;

}



#contents_frame .img_title{

	margin:0 0 10px 0;

}



#contents_frame h2{

	width:480px;

/*	height: 20px;*/

	margin: 0 0 10px 0;

	padding:5px;

	color:#FFFFFF;

	background: #00a3d0;

}



#contents_frame h3{

	color:#239CA4;

	margin: 0 0 10px 0;

}



#contents_frame ul {

	margin: 0 0 10px 0;

}



#contents_frame li {

	list-style:disc;

	list-style-position: inside; 

	margin: 0 0 0 10px;

}



#contents_frame table {

	width:99%;

	margin: 0 0 10px 0;

}



#contents_frame td {

	border: 1px solid #ddd;

	padding: 3px;

}



#contents_frame .bt2_contact a{

	width:361px;

	height:59px;

	margin: 10px auto; 

	background:url(../img/bt2_contact.gif) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	*overflow:hidden;*

}



#contents_frame .bt2_contact a:hover{

	background:url(../img/bt2_contact.gif) no-repeat 0 -59px;

}



/*----------------------------------------------------

	.waku

----------------------------------------------------*/



.waku {

	width:250px;

	height:92px;

	margin: 0 10px 10px 0;

	_margin: 0 5px 10px 0;

	background:url(../img/ba4.gif) no-repeat;

	float:left;

}



.waku span{

	margin:11px 0 0 11px;

	float:left;

}



.waku h3{

	margin:10px 0 0 20px;

	float:left;

	width: 140px;

}



/*----------------------------------------------------

	.waku2

----------------------------------------------------*/



.waku2 {

	width:226px;

	height:92px;

	margin: 0 8px 10px 0;

	_margin: 0 5px 10px 0;

	background:url(../img/ba4_2.gif) no-repeat;

	float:left;

}



.waku2 span{

	margin:11px 0 0 11px;

	float:left;

}



.waku2 h2{

	margin:10px 0 0 20px;

	float:left;

	width: 120px;

}





/*----------------------------------------------------

	tab

----------------------------------------------------*/





body#tab_sample div#javascript_tab_sample {

	margin:20px 0;

	width:720px;

	text-align:left;

	}



div#javascript_tab_sample ul#tab {

	margin:0;

	padding:0;

	border-bottom:7px solid #0066cc;

	background-color:#fff;

	float:left;

	width:720px;

	}



div#javascript_tab_sample ul#tab li {

	margin:0;

	padding:7px 0 0 0;

	text-align:center;

	background:url(../img/ba6_tab_off.gif);

	float:left;

	width:144px;

	height:25px;

	}



div#javascript_tab_sample ul#tab li.selected {

	background:url(../img/ba6_tab_on.gif);

	}



div#javascript_tab_sample ul#tab li.selected a {

	color:#fff;

	}

	

div#javascript_tab_sample div#page1 {

	width:706px;

	padding: 18px 0 18px 12px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}



div#javascript_tab_sample div#page2 {

	width:706px;

	padding: 18px 0 18px 12px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}



div#javascript_tab_sample div#page3 {

	width:706px;

	padding: 18px 0 18px 12px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}



div#javascript_tab_sample div#page4 {

	width:706px;

	padding: 18px 0 18px 12px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}



div#javascript_tab_sample div#page5 {

	width:706px;

	padding: 18px 0 18px 12px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}





/*----------------------------------------------------

	.recent2

----------------------------------------------------*/



dl.recent2 {

	width:490px;

	margin:10px 0;

	padding: 9px;

	background:#ecf8ff;

	border:solid 1px #c2ddf9;

}



dl.recent2 dt {

  clear: left;

  float: left;

  width: 7em;

  padding: 10px 0.5em;

}



dl.recent2 dd {

  margin-left: 0;

  padding: 10px 0.5em 10px 8em;

  border-bottom: dotted 1px #CCC;

}



/*----------------------------------------------------

	contact us

----------------------------------------------------*/



#main .ba3_bg3 {

	width:705px;

	height:23px;

	background:url(../img/ba3_bg2.gif) no-repeat;

	margin:0 0 20px 0;

	padding: 7px 0 0 15px;

	font: bold;

	display: block;

	overflow:hidden;

}



#main .img_illust {

	width:150px;

	height:146px;

	background:url(../img/img_illust.gif) no-repeat;

	margin: 0 0 0 30px;

	_margin: 0 0 0 15px;

	float:left;

}



#tel_right {

	float:right;

	margin:35px 40px 0 0;

	_margin:35px 20px 0 0;

}



#tel_right .img_telfax {

	width:483px;

	height:58px;

	background:url(../img/img_telfax.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	overflow:hidden;

}



#tel_right .fax_pdf {

	margin:0 0 0 255px;

}



#main .ta_chui1 {

	margin: 0 0 0 10px;

	width:678px;

	height: 19px;

	padding: 5px 0 5px 20px;

	border: #ccc solid 1px;

	background:#FF0000;

	color:#FFFFFF;

}



#main .ta_chui2 {

	margin: 0 0 0 10px;

	width:658px;

	padding: 10px 20px;

	border: #ccc solid 1px;

}



#main #ta_contact {

	margin: 20px 0 0 10px;

	width:700px;

	border: #ccc solid 1px;

}



#main #ta_contact td {

	padding:10px;

	border: #ccc solid 1px;

}



#main #ta_contact .ta_contact_gray {

	background:#eee;

	font-weight:bold;

}



#main #ta_contact .ta_contact_gray2 {

	background:#eee;

	font-weight:bold;

	width:110px;

}



#main #ta_contact .example {

	color:#999999;

	font-size:10px;

}



#main #ta_contact #textfield {

	width: 675px;

	height: 120px;

}



#main #ta_contact .textfield3 {

	width: 300px;

}





#main .bt2_kakunin a{

	width:281px;

	height:49px;

	margin: 10px auto; 

	background:url(../img/bt2_kakunin.gif) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	overflow:hidden;

}



#main .bt2_kakunin a:hover{

	background:url(../img/bt2_kakunin.gif) no-repeat 0 -49px;

}



#main .bt2_soushin a{

	width:281px;

	height:49px;

	margin: 10px 80px 20px 0;

	_margin: 10px 40px 20px 0;

	background:url(../img/bt2_soushin.gif) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	overflow:hidden;

	float:right;

}



#main .bt2_soushin a:hover{

	background:url(../img/bt2_soushin.gif) no-repeat 0 -49px;

}



#main .bt2_shusei a{

	width:281px;

	height:49px;

	margin: 10px 0 20px 70px;

	_margin: 10px 0 20px 35px;

	background:url(../img/bt2_shusei.gif) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	overflow:hidden;

	float:left;

}



#main .bt2_shusei a:hover{

	background:url(../img/bt2_shusei.gif) no-repeat 0 -49px;

}



#main .error{

	margin:0 0 10px 30px;

}





#main .kanryou {

	margin: 30px auto;

	text-align:center;

}



/*----------------------------------------------------

	sitemap

----------------------------------------------------





#main .site_bt1 {

	margin:0 0 5px 20px;

	padding:0 0 0 20px;

	background:url(../img/header_p.gif) no-repeat 0 3px;

}



#main .site_bt3 {

	padding:0 0 0 20px;

	margin:0 0 5px 20px;

	background:url(../img/bt3_bg2_off.gif) no-repeat 10px 6px;

}



#main .site_bt4 {

	padding:0 0 0 10px;

	margin:0 0 5px 0;

	background:url(../img/bt3_bg3_off.gif) no-repeat 0 6px;

}*/

/*----------------------------------------------------
	sitemap
----------------------------------------------------*/

#box_sitemap {
	margin:0 0 0 20px;
}

#box_sitemap .site_bt1 {
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:url(../img/header_p.gif) no-repeat 0 3px;
}

#box_sitemap .site_bt2 {
	padding:0 0 0 10px;
	margin:0 0 5px 10px;
	background:url(../img/bt3_bg2_off.gif) no-repeat 0 6px;
}

#box_sitemap .site_bt3 {
	padding:0 0 0 10px;
	margin:0 0 5px 10px;
	background:url(../img/p1.gif) no-repeat 0 6px;
}

#box_sitemap .site_bt4 {
	padding:0 0 0 10px;
	margin:0 0 5px 10px;
	background:url(../img/bt3_bg3_off.gif) no-repeat 0 6px;
}

/*----------------------------------------------------
	privacy
----------------------------------------------------*/

#box_privacy {
	margin:0 0 0 15px;
	width:700px;
}

#box_privacy ol {
	margin:0 0 30px 40px;
}

#box_privacy ol li {
	list-style-type: decimal;
}

#box_privacy ul {
	margin:0 0 30px 40px;
}

#box_privacy ul li {
	list-style-type:disc;
}

#box_privacy h2{
	height: 20px;
	margin: 0 0 10px 0;
	padding:5px;
	color:#FFFFFF;
	background: #239CA4;
}

#box_privacy h3{
	color:#239CA4;
	margin: 0 0 10px 0;
}