/*layout*/
/*------------------------------------------------------------------------------*/

.sp_only {display:none;}

#gnav_btn{display:none;}
#globalnav{
	margin:0;
	display:block;
	float: none;
	height:auto;
}

body#top {
	background:#f3f3f3;
}

#top #wrapper{
	background:url(../image/common/top_bg.jpg) no-repeat;
	background-position: top center;  
	margin:0 auto;
}

#common #wrapper{ background:url(../image/common/top_bg02.jpg) repeat-x;}

#container{
	width:990px;
	margin:0 auto;
	text-align:left;
}

#contents{
	width:990px;
	margin:0 auto 20px auto;
}

#contents_left_top{
	width:622px;
	min-height:300px;
	float:left;
}

#contents_left{
	width:990px;
	min-height:300px;
	float:left;
}

#common #contents_left{
	width:720px;
	min-height:300px;
	float:left;
}

#contents_right-top{
	width:302px;
	height:380px;
	margin:0px 0px 0px 36px ;
	float:left;
	background-image:url(../image/top-news-bk.gif);
}

#contents_right{
	width:246px;
	float:right;
	margin: 0;
	padding: 0 0 0 14px;
}

#mainimage{
	width:980px;
	height:250px;
	margin:0 auto;
	position:absolute;
	top:114px;
	left:0px;
}


#footnav li a {
	color:#FFF;
}


/*header*/
/*------------------------------------------------------------------------------*/

#header{
	width:990px;
	height:78px;
	margin:0 auto;
	position:relative;
}

#top #header {
	width:990px;
	height:398px;
	margin:0 auto;
	position:relative;
}
#header h1{
	font-size:11px;
	line-height:12px;
	position:absolute;
	top:23px;
	left:54px;
	color:#FCFCFC;
	font-weight:bold;
	z-index:50;
}
#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:87px;
	border-radius:0 0 4px 4px;
	background:url(../image/common/logo_bg.jpg) no-repeat 0 0 / 100% 100%;
}
#logo a{
	display:block;
}

#logo a img{
	position:absolute;
	top:23px;
	left:12px;
}

#logo img,#logo h1{
	transition:0.3s;
}
#logo.bl-hover img,#logo.bl-hover h1{
	opacity:0.7;
	transition:0.3s;
}

#headnav{
	position:absolute;
	top:27px;
	left:250px;
	padding: 4px 0;
}
#headnav li{
	float:left;
	padding-left:20px;
	margin-right:3px;
}
.header_contact{
	position:absolute;
	top:20px;
	right:20px;
}

#header_info{
	position:absolute;
	left:540px;
	top:15px;
}

.tel{float: left;}

#header_info_in{
	float:left;
}

.mail{
	margin: 4px 0 0 5px;
}
.mail a{
	display:block;
	width:60px;
	height:40px;	
	transition:0.3s;
	background:url(../image/common/mail_bg.jpg) no-repeat 0 0 / 100% 100%;
}
.mail a span{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:40px;
	text-indent:-99999px;
	background:url(../image/common/mail.png) no-repeat center center;
	border:1px solid #025074;
}

.mail a:hover{
	opacity:0.7;
	transition:0.3s;
}

.tel_btn{
	display:none;
}

#top #middle_wrapper{
	width:100%;
	height:295px;
	/*background:url(../image/common/middle_wrapper.jpg) repeat-x;*/
	background-color: #009F9B;
	position:relative;
}

#middle_contents{
	width:990px;
	margin:0 auto;
	position:relative;
}

#technology_nav {
	width:600px;
	height:200px;
	background:url(../image/common/technology_nav.jpg) no-repeat;
	position:absolute;
	top:45px;
	left:0px;
	float:left;
}



.mt_navi01 {
	position:absolute;
	left:28px;
	top: 90px;
}
.mt_navi02 {
	position:absolute;
	left:199px;
	top: 90px;
}
.mt_navi03 {
	position:absolute;
	left:28px;
	top: 120px;
}
.mt_navi04 {
	position:absolute;
	left:199px;
	top: 120px;
}
.mt_navi05 {
	position:absolute;
	left:28px;
	top: 150px;
}
.mt_navi06 {
	position:absolute;
	left:391px;
	top: 82px;
}
.mt_navi07 {
	position:absolute;
	left:391px;
	top: 132px;
}

.mt_navi08 {
	position:absolute;
	padding-bottom: 5px; 
	width: 158px; 
	top: 150px; 
	left: 199px;
	border-bottom: #999999 1px dotted;
}


.flow_nav {
	position:absolute;
	left:630px;
	top: 45px;

}
.flow_nav_photo {
	position:absolute;
	left:630px;
	top: 95px;
}
.flow_nav_detail {
	position:absolute;
	left:870px;
	top: 223px;
}
.flow_nav_back {
	position:absolute;
	left:630px;
	top: 95px;
	z-index:10;
}
.flow_nav_next {
	position:absolute;
	left:810px;
	top: 95px;
	z-index:10;
}

.flow_text {
	position:absolute;
	left:850px;
	top: 95px;
	width:130px;
}


/*footer*/
/*------------------------------------------------------------------------------*/

#top #footer_wrapper{
	width:100%;
	height:277px;
	background:url(../image/common/bg_footer_wrapper02.jpg) no-repeat;
	margin:0 auto;
	background-position: top center;  
}
#top #footer{
	width:990px;
	height:247px;
	margin:0 auto;
	position:relative;
}
#top #footnav {
	font-size:10px;
	line-height:12px;
	position:absolute;
	left:820px;
	top: 191px;
	width:200px;
	color:#fff;
	text-align:right;
}
#top .foot_info {
	font-size:11px;
	line-height:13px;
	color:#fff;
	position:absolute;
	left:266px;
	top: 196px;
	color:#FFF;
}
#top .foot_logo {
	position:absolute;
	left:0px;
	top: 186px;
}

#top .foot_line {
	position:absolute;
	left:236px;
	top: 186px;
}

#top #copyright {
	font-size:11px;
	line-height:13px;
	color:#666666;
	position:absolute;
	right:-8px;
	color:#555;
	top: 256px;
}

.top_footnav01 {
	position:absolute;
	left:14px;
	top: 33px;
}
.top_footnav02 {
	position:absolute;
	left:224px;
	top: 33px;
}
.top_footnav03 {
	position:absolute;
	left:434px;
	top: 33px;
}
.top_footnav04 {
	position:absolute;
	left:644px;
	top: 33px;
}
.top_footnav05 {
	position:absolute;
	left:824px;
	top: 33px;
}




#footer_wrapper{
	width:100%;
	height:130px;
	background:url(../image/common/bg_footer_wrapper.jpg) repeat-x;
}

#footer{
	width:990px;
	height:100px;
	margin:0 auto;
	position:relative;
}
#footnav {
	font-size:10px;
	line-height:12px;
	position:absolute;
	left:820px;
	top: 30px;
	width:200px;
	color:#fff;
	text-align:right;
}

#footnav li{
	float:left;
	background:url(../image/common/arr.gif) no-repeat 0 3px;
	padding-left:15px;
	margin-right:20px;
}

#footnav a,a:link,a:active,a:visited{
	color:#55555;
	text-decoration:none;
}

.foot_info {
	font-size:11px;
	line-height:13px;
	color:#fff;
	position:absolute;
	left:266px;
	top: 35px;
	color:#FFF;
}

.foot_logo {
	position:absolute;
	left:0px;
	top: 25px;
}

.foot_line {
	position:absolute;
	left:236px;
	top: 25px;
}

#copyright{
	font-size:11px;
	line-height:13px;
	color:#666666;
	position:absolute;
	right:-8px;
	color:#555;
	top: 95px;
}






#pagetop{
	text-align:right;
	margin:0px 0 10px 0;
}

#locator{
	width:960px;
	margin:10px 0px;
	font-size:11px;
	line-height:12px;
	text-align:left;
	color:#666;
}

#locator a{

	color:#666;
}


h2 {
color:#333;
font-size: 130%;

margin: 0;
padding: 0;
}

.float-l {
float           : left;
margin          : 0;
padding         : 0 10px 15px 0;
}

.float-r {
float           : right;
margin          : 0;
padding         : 0 5px 15px 20px;
}

.www {
color:#fff;
background: #3c55a4;
font-weight: bold;
font-size: 100%;
padding: 1px 4px;
line-height: 160%;
}

ol { 
list-style-type: decimal;
margin: 0;
padding: 0;
line-height: 150%;
}

.pd01 { 
padding: 30px 0 10px 0;
}



.bg01 { 
background:url(../image/fotolia_51843982.jpg) no-repeat;
}

.mg03 {
margin: 0 0 0 12px;
}



/*globalnav*/
/*------------------------------------------------------------------------------*/

#globalnav {
	width:980px;
	height:64px;
	margin:0 auto;
}
#common #globalnav {margin:0 auto;}

#globalnav ul{list-style-type:none;}

#globalnav ul li{
	float:left;
	text-indent:-9999px;
}

#globalnav ul li a{
	height:64px;
	background-image:url(../image/common/navi01.jpg);
	display:block;
	overflow:hidden;
}

#globalnav01 a{ background-position:0px 0px; width: 129px;} 
#globalnav02 a{ background-position:-129px 0px; width: 171px;}
#globalnav03 a{ background-position:-300px 0px; width: 176px;}
#globalnav04 a{ background-position:-476px 0px; width: 115px;}
#globalnav05 a{ background-position:-591px 0px; width: 111px;}
#globalnav06 a{ background-position:-702px 0px; width: 112px;}
#globalnav07 a{ background-position:-814px 0px; width: 166px;}

#globalnav01 a:hover, #globalnav01.main_current a{ background-position:0px -64px; width: 129px;} 
#globalnav02 a:hover, #globalnav02.main_current a{ background-position:-129px -64px; width: 171px;}
#globalnav03 a:hover, #globalnav03.main_current a{ background-position:-300px -64px; width: 176px;}
#globalnav04 a:hover, #globalnav04.main_current a{ background-position:-476px -64px; width: 115px;}
#globalnav05 a:hover, #globalnav05.main_current a{ background-position:-591px -64px; width: 111px;}
#globalnav06 a:hover, #globalnav06.main_current a{ background-position:-702px -64px; width: 112px;}
#globalnav07 a:hover, #globalnav07.main_current a{ background-position:-814px -64px; width: 166px;}

/* NEW globalnav */
#globalnav03 a{ background-position:-299px 0px; width: 177px;}
#globalnav02 a{ background-position:-129px 0px; width: 170px;}
#globalnav01 a{ background-position:0px 0px; width: 129px;} 
#globalnav04 a{ background-position:-476px 0px; width: 115px;}
#globalnav05 a{ background-position:-591px 0px; width: 111px;}
#globalnav06 a{ background-position:-702px 0px; width: 112px;}
#globalnav07 a{ background-position:-814px 0px; width: 166px;}

#globalnav03 a:hover, #globalnav03.main_current a{ background-position:-299px -64px; width: 177px;}
#globalnav02 a:hover, #globalnav02.main_current a{ background-position:-129px -64px; width: 170px;}
#globalnav01 a:hover, #globalnav01.main_current a{ background-position:0px -64px; width: 129px;} 
#globalnav04 a:hover, #globalnav04.main_current a{ background-position:-476px -64px; width: 115px;}
#globalnav05 a:hover, #globalnav05.main_current a{ background-position:-591px -64px; width: 111px;}
#globalnav06 a:hover, #globalnav06.main_current a{ background-position:-702px -64px; width: 112px;}
#globalnav07 a:hover, #globalnav07.main_current a{ background-position:-814px -64px; width: 166px;}



#s_nav,#s2_nav,#s3_nav,#s4_nav,#s5_nav,#s6_nav {
	width:240px;
	margin:0 auto 20px auto;
}
#s_nav ul,#s2_nav ul,#s3_nav ul,#s4_nav ul,#s5_nav ul,#s6_nav ul{list-style-type:none;}
#s_nav ul li,#s2_nav ul li,#s3_nav ul li,#s4_nav ul li,#s5_nav ul li,#s6_nav ul li{
	float:left;
	text-indent:-9999px;
}
#s_nav ul li a{
	height:45px;
	background-image:url(../image/common/s_m01.jpg);
	display:block;
	overflow:hidden;
}
#s2_nav ul li a{
	height:45px;
	background-image:url(../image/common/s_m02.jpg);
	display:block;
	overflow:hidden;
}
#s3_nav ul li a,#s4_nav ul li a,#s5_nav ul li a,#s6_nav ul li a{
	height:46px;
	background-image:url(../image/common/s_m03.jpg);
	display:block;
	overflow:hidden;
}

#s_nav01 a,#s2_nav01 a,#s3_nav01 a,#s5_nav01 a{ background-position:0px 0px; width: 240px;} 
#s_nav02 a,#s2_nav02 a{ background-position:0px -45px; width: 240px;}
#s_nav03 a,#s2_nav03 a{ background-position:0px -90px; width: 240px;}
#s_nav04 a{ background-position:0px -135px; width: 240px;}
#s4_nav01 a{ background-position:0px -44px; width: 240px;}
#s5_nav01 a{ background-position:0px -89px; width: 240px;}
#s6_nav01 a{ background-position:0px -134px; width: 240px;}


#s_nav01 a:hover,#s2_nav01 a:hover,#s3_nav01 a:hover,#s_nav01.main_current a{ background-position:-240px 0px; width: 240px;} 
#s_nav02 a:hover,#s2_nav02 a:hover, #s_nav02.main_current a{ background-position:-240px -45px; width: 240px;}
#s_nav03 a:hover,#s2_nav03 a:hover, #s_nav03.main_current a{ background-position:-240px -90px; width: 240px;}
#s_nav04 a:hover, #s_nav04.main_current a{ background-position:-240px -135px; width: 240px;}
#s4_nav01 a:hover{ background-position:-240px -44px; width: 240px;}
#s5_nav01 a:hover{ background-position:-240px -89px; width: 240px;}
#s6_nav01 a:hover{ background-position:-240px -134px; width: 240px;}


/*subnav*/
/*------------------------------------------------------------------------------*/

#subnav {
	width:240px;
	background:url(../image/common/subnav_bg_repeat.jpg) repeat-y;
}
#subnav ul{list-style-type:none;}

#subnav_title a{
	width:240px;
	height:108px;
	background:url(../image/common/subnav_title.jpg) no-repeat;
	line-height:108px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	overflow:hidden;
}
#subnav_title a:hover {
	text-decoration:underline;
}
#subnav li a{
	padding:0 5px;
	width:230px;
	height:40px;
	background: url(../image/common/subnav01.png) center no-repeat;
	line-height:40px;
	text-indent:38px;
	font-weight:bold;
	display:block;
	overflow:hidden;
	color:#333;
}
#subnav li a:hover,#subnav ul li.current a{
	background: url(../image/common/subnav01.png) center no-repeat;
	font-weight:bold;
	color:#009A95;
}

#subnav ul li.current a:hover{
	background: url(../image/common/subnav01.png) center no-repeat;
	font-weight:bold;
}
#subnav li.current ul li a{
	padding:0 5px;
	width:230px;
	height:40px;
	background: url(../image/common/subnav02.png) center no-repeat;
	line-height:40px;
	text-indent:38px;
	display:block;
	overflow:hidden;
	font-weight:bold;
}


#subnav li.current ul li a:hover,#subnav li.current ul li.current a{
	background: url(../image/common/subnav02.png) center no-repeat;
	font-weight:bold;
}
#subnav li.current ul li.current ul li a{
	padding:0 5px;
	width:230px;
	height:40px;
	background: url(../image/common/subnav02.png) center no-repeat;
	line-height:40px;
	text-indent:40px;
	display:block;
	overflow:hidden;
	font-weight:normal;
}

#subnav li.current ul li.current ul li a:hover{
	background: url(../image/common/subnav02.png) no-repeat;
	font-weight:bold;
}

#subnav_bottom {
	margin-bottom:30px;
	width:240px;
	height:5px;
	background:url(../image/common/subnav_bg_bottom.jpg) no-repeat;
}



/*global*/
/*------------------------------------------------------------------------------*/

.subtitle02 {
	width:700px;
	height:48px;
	background:url(../image/common/h2_bk.jpg) no-repeat;
	line-height:40px;
	text-indent:18px;
	font-size:16px;
	color:#FFFFFF;
	margin-bottom:25px;
	overflow:hidden;
}

.subtitle02_total {
	width:718px;
	height:80px;
	background:url(../image/common/subnav02.jpg) no-repeat;
	line-height:80px;
	text-indent:35px;
	font-size:23px;
	font-weight:600;
	color:#333;
	margin-bottom:25px;
	overflow:hidden;
	letter-spacing:2px;
}

.subtitle03 {
	width:720px;
	height:46px;
	background:url(../image/common/h3_bk.jpg) no-repeat;
	line-height:36px;
	text-indent:20px;
	font-size:20px;
	font-weight:bold;
	color:#444;
	margin-bottom:20px;
	overflow:hidden;
}

.subtitle04 {
	width:700px;
	height:35px;
	background:url(../image/common/h3_bk.gif) no-repeat;
	line-height:35px;
	text-indent:20px;
	font-size:14px;
	color:#666;
	margin-bottom:18px;
	overflow:hidden;
}

.subtitle05 {
	font-size:14px;
	background:url(../image/common/h5_bk.jpg) no-repeat left top;
	padding:0 0 0 20px;
}

.subtitle06 {
	width:340px;
	height:36px;
	background:url(../image/common/h3_bk.jpg) no-repeat;
	line-height:33px;
	text-indent:17px;
	font-size:18px;
	color:#444;
	margin-bottom:18px;
	overflow:hidden;
}



/*sub common*/
/*------------------------------------------------------------------------------*/

.box2-top{width:622px; clear:both; overflow:hidden;}

.box2{width:720px; clear:both; overflow:hidden;}
.box2:before, .box2:after { content: ""; display: block;}
.box2:after { clear: both;}


.box2_news{
	width:422px;
	float:left;
}

.box2_gallery{
	width:482px;
	float:left;
}



.box2_left{
	width:345px;
	float:left;
}



.box2_right{
	width:345px;
	float:right;
}

.box3{width:100%; clear:both; overflow:hidden;}
.box3:before, .box3:after { content: ""; display: block;}
.box3:after { clear: both;}


.pro_box3_left{
	width:308px;
	float:left;
	margin-right:33px;
}
.pro_box3_center{
	width:308px;
	float:left;
}
.pro_box3_right{
	width:308px;
	float:right;
}

.box3_left{
	width:230px;
	float:left;
	margin-right:20px;
}
.box3_center{
	width:230px;
	float:left;
}
.box3_right{
	width:230px;
	float:right;
}

.box4{width:100%; clear:both; overflow:hidden;}
.box4:before, .box4:after { content: ""; display: block;}
.box4:after { clear: both;}

.box4_left{
	width:175px;
	float:left;
	margin-right:10px;
}
.box4_right{
	width:170px;
	float:right;
}

.contact_box{
	width:730px;
	height:120px;
	position:relative;
	margin-top:50px;
}
.contact_box_btn{
	position:absolute;
	bottom:15px;
	right:55px;
}


/*table*/
/*------------------------------------------------------------------------------*/

table.tab{
	border-collapse:collapse;
	border:1px solid #cccccc;
}
table.tab td{
	border:1px solid #cccccc;
	padding:5px 10px;
}
table.tab td td{
	border:none;
	padding:0;
}
table.tab td.highlight{background-color:#7e99cb; font-weight:bold;}
table.tab td.none_boder{border:none;}


	
.table_contents {
width:720px;
padding: 10px;
border-collapse:collapse;
border-top:1px solid #ccc;
margin: 20px 0 20px 0;
font-size: 90%;
}

.table_contents td {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
padding: 6px 13px;
}
.tc_left {
width:140px;
border-right:1px solid #ccc;
font-weight: bold;
color: #fff;
background:url(../image/common/table_bg.jpg) repeat-y;
}

.table03 {
border-collapse:collapse;
width: 97%;
margin:0 0 20px 0;
padding: 0;
}

.table03 th, .table03 td {
border-bottom: 1px dotted #b0ada3;
padding: 10px 9px;
vertical-align: top;
line-height: 1.5;
}

.table03 th {
font-weight: bold;
color:#444;
width:150px;
}


.table04 {
border-collapse:collapse;
width: 100%;
margin:0;
border-top: 1px solid #b0ada3;
border-left: 1px solid #b0ada3;
font-size: 90%;
}

.table04 th, .table04 td {
border-bottom: 1px solid #b0ada3;
border-right: 1px solid #b0ada3;
}

.table04 th {
padding: 3px 6px;
color:#fff;
font-weight: bold;
background:url(../image/common/table_bg.jpg) repeat-y;
}

.table04 td {
padding: 3px 6px;
}


.table05 {
border-collapse:collapse;
width: 620px;
margin:0 0 0 60px;
background:#e5e5e5;

}
.table05 th {
padding: 20px;
}
.table05 td {
padding: 20px;
}


table.tbl-answer th,
table.tbl-answer td {
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	padding:0 0 0 10px;
}
.inner {
	padding-left:0px!important;
}

dl.accordion01 dt {
	cursor:pointer;
	color:#fff;
	display:block;
	height:23px;
	padding:10px 0 1px 10px;
	background:url(../image/common/menu_open.png) no-repeat right center #6E6E6E;
	border-bottom:solid 1px #ffe;
}
dl.accordion01 dt.opened {
	background:url(../image/common/menu_close.png) no-repeat right center #6E6E6E;
}

/*------------------------------------------------------------------------------*/
/*top


#top_box01, #top_box02{margin-bottom:50px;}
#top_box01 h3, #top_box02 h3{margin-bottom:20px;}
#top_box01 h4, #top_box02 h4{margin-bottom:10px;}

.top_box01_news{
	width:422px;
	border:solid 1px #CCCCCC;
	padding:9px;
}

.top_box01_sample{
	width:335px;
	border:solid 1px #CCCCCC;
	padding:9px;
}
.top_box02_sample{
	width:210px;
	border:solid 1px #CCCCCC;
	padding:9px;
}
#top_box01 {
	width:622px;
}


------------------------------------------------------------------------------*/
/*top rss


#top_rss_box{ clear:both;}

.top_title_news{
	width:730px;
	height:35px;
	position:relative;
	margin-bottom:15px;
}
.top_title_news li.title_btn{
	position:absolute;
	top:9px;
	right:10px;
}

#top_rss_box .ItemDate{
	clear:both;
	width:120px;
	float:left;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
#top_rss_box .ItemTitle{
	width:600px;
	float:right;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
#top_rss_box .ItemContent{ display:none;}

------------------------------------------------------------------------------*/
.pro_title {
	background:url(../image/common/product_title_bg.jpg) no-repeat 0 0 ;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	height:30px;
	width:294px;
	line-height:30px;
	text-indent:10px;
	border-bottom:1px #000000 dotted;
	padding-bottom:3px;
}

.pro_main_title {
	float:left;
}

.pro_sub_title {
	color:#CCC;
	font-size:10px;
	text-align:right;
	padding-right:10px;
}




/*------------------------------------------------------------------------------*/
/*top*/
/*------------------------------------------------------------------------------*/

#top_box01{margin-bottom:30px;}
#top_box02{margin-bottom:15px;}
#top_box02 h3{
		margin-bottom:7px;
}
#top_box03 h3{
		margin-bottom:7px;
}

.top_box01_sample{
	width:460px;
}
.top_box02_sample{
	width:500px;
}
.top_box03_sample{
	width:280px;
}
.top_box04_sample{
	width:250px;
}

.top_index {
	background:url(../image/common/bg_top_index.gif) no-repeat;
	width:265px;
	height:168px;
	padding:7px 8px 5px 7px; 
}

.top_index td, .top_construction td {
	padding-bottom:3px;
}

.top_industry {
	background:url(../image/common/bg_top_industry.jpg) no-repeat;
	width:400px;
	height:400px;
	position:relative;
	font-size:12px;
	line-height:150%;
}

.top_industry_btn01 {
	position:absolute;
	top:25px;
	left:55px;
}
.top_industry_txt01 {
	position:absolute;
	top:35px;
	left:185px;
	width:200px;
}
.top_industry_btn02 {
	position:absolute;
	top:140px;
	left:210px;
}
.top_industry_txt02 {
	position:absolute;
	top:175px;
	left:35px;
	width:200px;
}
.top_industry_btn03 {
	position:absolute;
	top:255px;
	left:35px;
}
.top_industry_txt03 {
	position:absolute;
	top:305px;
	left:185px;
	width:200px;
}

.car01_title {
	width:220px;
	height:33px;
	background:url(../image/common/car01_title.gif) no-repeat;
	line-height:33px;
	font-size:13px;
	font-weight:bold;
	color:#2E579C;
	margin-bottom:10px;
	overflow:hidden;
}
.car01_title a {
	width:220xp;
	height:33px;
	color:#2E579C;
	text-decoration:none;
}
.car01_title a:hover {
	text-decoration:none;
}

/*top rss*/
/*------------------------------------------------------------------------------*/


#contents_top {
	padding:20px 0 40px 0;
}

#top_rss_box{
	clear:both;
	font-size:11px;
	line-height:11px;
	background:url(../image/common/news.jpg) no-repeat;
	width: 980px;
	height:80px;
	position:relative;
	padding-top:10px;
}

.rss_list_btn{
	position:absolute;
	left:96px;
	bottom:17px;
	background:url(../image/common/arr02.png) no-repeat 0 3px;
	padding-left:10px;
}

#top_rss_box .rss_list_btn a{
	color:#FFF;
}

#top_rss_box dl{
	padding:2px 0 0 0;
}

#top_rss_box .rss_date{
	float:left;
	clear:both;
	width:270px;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
	text-align:right;
}

#top_rss_box .rss_title{
	width:680px;
	float:right;
	padding:0 0 3px 0;
	margin:0 0 3px 0;
}

#top_rss_box .rss_title a {
	color:#4172CE;
	text-decoration:underline;
}

#top_rss_box .rss_title a:hover {
	color:#4172CE;
	text-align:none;
}

#top_rss_box .rss_contents{ display:none;}


/*sub rss*/
/*------------------------------------------------------------------------------*/

#sub_rss_box dl:before, #sub_rss_box dl:after { content: ""; display: block; }
#sub_rss_box dl:after { clear: both; }
#sub_rss_box dl { zoom: 1; border-bottom:dotted 1px #CCC; padding:10px 0; }

#sub_rss_box .rss_date{
	clear:both;
	width:120px;
	float:left;
}
#sub_rss_box .rss_title{
	width:590px;
	float:right;
}
#sub_rss_box .rss_contents{ 
	clear:both;
	padding:0 0 0 140px;
}

/*side*/
/*------------------------------------------------------------------------------*/

#slide_box{
	margin-bottom:30px;
	float:right;
	width:360px;
}
#slide_box h3{margin-bottom:10px;}

#side_contact_box{
	width:302px;
	height:168px;
	margin-bottom:30px;
	border:solid 1px #CCCCCC;
	position:relative;
}
.side_contact_title{
	position:absolute;
	top:10px;
	left:24px;
}
.side_contact_btn01,.side_contact_btn02{
	position:absolute;
	left:10px;
}
.side_contact_btn01{top:50px;}
.side_contact_btn02{bottom:10px;}



/*sub sample*/
/*------------------------------------------------------------------------------*/

.sub_box03_sample{
	width:292px;
	border:solid 1px #CCCCCC;
	padding:8px;
	background:#FFF;
}
.sub_box04_sample{
	width:155px;
	border:solid 1px #CCCCCC;
	padding:9px;
}

.sub_icon_box_sample{
	border:double 3px #CCCCCC;
	padding:10px 10px 5px 10px;
}
.sub_icon_table_sample td{
	background:url(../image/common/icon.gif) no-repeat 0 5px;
	padding:0 0 5px 20px;
}



/*page title*/
/*------------------------------------------------------------------------------*/





/*page title*/
/*------------------------------------------------------------------------------*/





/*simtemap*/
/*------------------------------------------------------------------------------*/

.sitemap { margin-left:20px; padding-top:10px;}
.sitemap li{
	list-style:none;
	background:url(../image/common/arr.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
	margin:10px 0px;
}
.sitemap ul{ padding:0 0 5px 30px;}
.sitemap ul li{
	background:none;
	list-style:square;
	padding:0 0 0 0;
	margin:5px 0px;
}
.sitemap ul ul{ padding:0 0 5px 30px;}
.sitemap ul ul li{
	background:none;
	list-style:none;
}






.m40 a {

	color:#666;
}

.m40 a:hover {
	text-decoration:underline;
}




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

後で書き直すスタイルシート

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


/*contents*/


h5{
	
	}


.btn{
	position:relative;
	}
	
img.acc{
	position:absolute;
	right:100px;
	top:5px;}
	
img.acc02{
	position:absolute;
	right:100px;
	top:20px;}
	
	
table.com a{
	color:#007fff;

	}
table.com font{
	line-height:50px;	
	
}
	
	
.contact{
	background-image:url(../image/common/otoiawase_bg.jpg);
	width:700px;
	height:197px;
	position:relative;
}	
	
img.contact_btn{
	position:absolute;
	top:107px;
	right:33px;
}
	


.construction_01{
	width:230px;
	float:left;
	margin-right:0px;
}


.construction_01 td.ttl {
	 background: url(../image/common/h3_bk.gif) no-repeat scroll 0 0 transparent;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    overflow: hidden;
    text-indent: 20px;
    width: 230px;
}

.box_news_all {
    margin: 0 auto;
    position: relative;
	height:225px;
	float:left;
    width:100%;	background:url(../image/common/news-bk.gif) repeat-x;
}

.box_news{
    margin: 0 auto;
    position: relative;
	height:225px;
	width: 960px;
	color:#FFF
}

div#slideshow {
	width:100%; height: auto !important; padding:0px;
	margin-top:-20px !important; z-index: 5;
	float: left;
	position:inherit;
	clear:both;
}
	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: relative;
		top: 110px;
		z-index: 15;
	}
		div#slideshow ul#nav li#prev {
			float: left; margin: 0 0 0 40px;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 50px 0 0;
		}
		div#slideshow ul#nav li a {
			display: block; width:100%; text-indent: -9999px;
			margin:0px;
			padding:0px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(images/prev.png);
			}
			div#slideshow ul#nav li#next a {
				background: url(images/next.png);
			}

	div#slideshow ul#slides {
		list-style: none;
		margin:0px;
		padding:0px;
		width:100% !important;
	}
		div#slideshow ul#slides li {
			margin:0px;
			width:100% !important;
		}

a {outline: none; }


table.order-tab td.order-td{background-color:#0065ee; font-weight:bold; color:#FFFFFF; margin-top:20px;}




table.order-tab{
	border-collapse:collapse;
}
table.order-tab td{
	padding:5px 10px;
}
table.order-tab td td{
	border:none;
	padding:0;
}
table.order-tab td.highlight{background-color:#7e99cb; font-weight:bold;}
table.order-tab td.none_boder{border:none;}
.banner_list td.said-ttl {
	font-size:16px;
	text-align:left;
	color:#FFFFFF;
	padding-bottom:5px;
}


.banner_list td {
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
}


.search_textbox {
	position: absolute;
	right: 8px;
	top: 7px;
	height:20px;
	width: 155px;

}

.search_subit {
  position: absolute;
  left: 0px;
  top: 6px;
}


body li.top-link a,a:link,a:active,a:visited{
	color:#555555;
	font-weight:bold;
	text-decoration:none;
}

body li.top-link2 a{
	color:#fff ;
	font-weight:bold;
	text-decoration:none;
	width:20px;
}


.otoiawase_bg{ 
	width:980px;
	height:174px;
	background:url(../image/common/otoiawase_bg.jpg) no-repeat;
	position:relative;}

.otoiawase_btn{ 
	position:absolute;
	top:110px;
	left:436px;
}

.waku {
	border:1px solid #ccc;
}

.mtm5 {
	margin-top:-5px;
}

.topics01 {
	padding:3px 6px;
	color:#fff;
	background:#0073a2;
	font-size:120%;
	font-weight:bold;
}

h3.title {
    margin-bottom: 10px;
    padding: 3px 8px;
    border-left: solid 12px #006965;
    color: #fff;
    background-color: #009792;
    font-size: 120%;
}

.text13_3 {
	text-align:center;
}

.text12_3 {
	text-align:center;
}


.tlt_voice01 {
    color: #016767;
    font-size: 200%;
    padding: 25px 0 15px 0;
}

.tlt_voice02 {
    color: #118b89;
    font-size: 150%;
    font-weight: bold;
    margin: 16px 0 8px 0;
    padding: 2px 5px;
    border-left: solid 9px #006965;
}

.tlt_voice03 {
    color: #0073a4;
    font-size: 120%;
    padding: 0 0 4px 0;
}

.contact_box02 {
	width:520px;
	height:120px;
	position:relative;
	background:url(../image/common/contact_img01.gif) no-repeat 0 0;
	margin:0 auto;
}

.contact_tel {
	position:absolute;
	top:52px;
	left:132px;
	font-size:20px;
	font-weight:bold;
}

.contact_fax {
	position:absolute;
	top:52px;
	left:340px;
	font-size:19px;
	font-weight:bold;
}

.contact_time {
	position:absolute;
	top:90px;
	left:95px;
}


/*--------------------------------------------------------------
10/28追加分
--------------------------------------------------------------*/
.lineup_title {
	background:#04928E;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	width:230px;
	height:35px;
}

/*faq*/
/*------------------------------------------------------------------------------*/

.faq_title {
	background:#006793;
	font-size:21px;
	font-weight:bold;
	color:#FFF;
	padding-left:20px;
	margin-bottom:20px;
	height:50px;
	line-height:50px;
}

.faq_box {}
	.faq_box_question {
		background: url(../image/faq_bg_question_off.jpg) 0 0 no-repeat scroll;
		cursor: pointer;
		font-size: 14px;
		padding: 8px 40px;
		line-height:25px;
	}
		.faq_box_question.open {
			background: url(../image/faq_bg_question_on.jpg) 0 0 no-repeat scroll;
		}
	.faq_box_answer {
		background: url(../image/faq_bg_answer.gif) 13px 0 no-repeat scroll;
		margin: 20px 0 30px 0;
		padding: 0 0 0 40px;

	}





/* レスポンシブ対応_230720 */
/*------------------------------------------------------------------------------*/
@media screen and (max-width: 690px) {
iframe {
	width: 100%;
	max-width: 100%;
	margin: 16px auto;
}

.pc {
	display: none;
}

table.tab {
	width: 100%;
	border: none;
}

table.tab td {
	display: block;
    width: 96%;
    padding: 10px 2%;
    border: none;
}


table.tab > tbody > tr > td:first-child {
	color: #fff;
	background-color: #009b97;
}

.rTable {
	width: 100% !important;
}

.rTable td {
	display: block;
	width: 99%;
}

.rTable td table {
	margin: auto;
	text-align: center;
}

.lineup_title {
	height: auto;
	padding: 6px 0;
}

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

.table1col_sp {
	display: block;
	width: 100%;
}

.table1col_sp td {
	display: block;
	width: 100%;
}

.banner img {
	max-width: 100%;
	height: auto;
}

.table_motto td span {
	font-size: 11px !important;
}

}




/*--------------------------------------------------------------
フローティングバナー
--------------------------------------------------------------*/
body.form_area_wrap .fBanner {
	display: none !important;
}

.fBanner {
    position: fixed;
	min-width: 267px;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 180px;
    right: 0;
}

.fBanner-close {
	font-weight: bold;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 99999;
    padding: 4px 8px;
    border: solid 1px #000;
    background-color: #fff;
    border-radius: 25px;
    cursor: pointer;
    /*
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
	*/
}

.fBanner .box {
	padding: 30px 20px;
	border: solid 1px #000;
	background-color: #fff;
}

.fBanner .ttl {
	line-height: 1.4;
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.05rem;
	font-weight: bold;
}

.fBanner .ttl.bt {
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #ccc;
}

.fBanner .bcv {
	width: 100%;
	margin-top: 10px;
}

.fBanner .bcv a {
	display: block;
	padding: 12px;
	text-align: center;
	font-size: .9rem;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border: solid 1px #000;
}

.fBanner .bcv.gr a {
	color: #fff;
	background-color: #019F9B;
	border: solid 1px #019F9B;
}

.fBanner .bcv a:hover {
	opacity: .8;
}

@media screen and (max-width: 690px) {
.fBanner {
	display: none;
}
}