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

body{
	line-height: 1.7;
}

/*  header_correct
---------------------------------------------------------- */

#eco_tech_header {
	width: 960px;
	margin: 0 auto;
	position: relative;
	border: none;
	height: 64px;
}

#eco_tech_header h1#logo, #eco_tech_header p#logo {
    float: left;
    width: 100px;
    padding-bottom: 10px;
    margin: 0;
}

#eco_tech_header .utility ul.nav {
    font-size: 0.875rem;
    display: flex;
    justify-content: flex-start;
    line-height: 1;
    padding: 0.25rem 0 0;
    margin-right: 1.25rem;
}

#eco_tech_header img { vertical-align: bottom; }
#eco_tech_header #pagetop { padding: 10px 0 0 0; }


/* main customize
____________________*/

body#eco_home{
	background:url(/tech/eco_tech/images/bg_index_body.png) repeat-x 0px 94px;
}

div#body {
	clear:both;
}
div#body div#main {
	/*float: left;*/
	float:none;
	width: 960px;
	padding-bottom: 20px;
	position:relative;
	margin-top:0px;
	font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size:107.7%;
	line-height:1.8;
}

div#body div#main.index {
	/*margin-top:20px;*/
	margin-top:0px;
}

div#footer {
	clear:both;
}

div#main ul.link li {
	margin-bottom: 4px;
	padding: 0 0 0 10px;
	background: url(/common/image/arrow_red.gif) no-repeat 0 0.6em;
	color: #808485;
	line-height: 1.8;
}

a:link {
	color: #1d3994;
	text-decoration: none;
}

a:visited {
	color: #941d55;
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration:underline;
	color: #cc0033;
}

/* search_and_util_customize
____________________*/

div#eco_tech_header div.utility{
	float:right;
	width:auto;
	padding-top:24px;
	font-size: 13px;
}

div#eco_tech_header p.search input.text {
	width: 170px;
	vertical-align: top;
	height: 18px;
}
div#eco_tech_header form{
	float:right;
	width:auto;
}

div#eco_tech_header div.utility ul li {	
	background: url(/tech/eco_tech/common/images/util_arrow.png) no-repeat 5px 0;
	padding:0 0 0 25px;
	margin-right: 18px;
}

div#eco_tech_header div.utility ul li a {
	text-decoration: none;
	white-space:nowrap;
	font-size: 13px;
}

div#eco_tech_header div.utility ul li a:link {
	color: #1d3994;
	text-decoration: none;
}

div#eco_tech_header div.utility ul li a:visited {
	color: #941d55;
	text-decoration: none;
}

div#eco_tech_header div.utility ul li a:hover {
	text-decoration: underline;
	color: #cc0033;
}


/* header
____________________*/

.head_catch{
	position:absolute;
	top:37px;
	left:130px;
	width:450px;
	height:18px;
}

/*col*/
.col,.col_multi_2{
	float:left;
}
.l{ margin-right:30px;}
.col2 .col{width:465px;}
.col3 .col{width:300px;}
.col3 .col_multi_2{width:630px;}

/* lev2
____________________*/

/*eco_header,eco_bnav*/
#eco_header,
#eco_bnav{
	background:url(/tech/eco_tech/common/images/bg_gnav.png) repeat-x left top;
	margin-top:20px;
	clear:both;
	font-family:"¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	height:92px;
	overflow:hidden;
}
#eco_bnav{ margin-bottom:20px;}
#eco_header .inner,
#eco_bnav .inner{
	width:960px; margin:0 auto; text-align:left;
}
.eco_logo{
	width:184px;
	float:left;
}
.eco_nav{
	width:766px;
	float:right;
}
.eco_nav li{
	width:184px;
	float:left;
	margin-right:10px;
}
.eco_nav li.last{
	margin:0;
}

.submenu{
	padding-top:8px;
	clear:both;
}
.submenu li{
	width:auto; float:left; margin-right:10px;
	background: url(/tech/eco_tech/common/images/gnav_arrow.png) no-repeat 5px 0.5em;
	padding:4px 0 4px 25px;
}
.submenu li a{
	white-space:nowrap;
}

/*title_area*/

/*slide*/
#title_area{ position:relative; clear:both;
	padding: 0 0 15px 0;
	background:url(/tech/eco_tech/common/images/bg_dot_line.gif) repeat-x left bottom;
}
#title_area .slide_ctrl{
	display:none;
}
#title_area #slide_area_01{
	position:relative;
	width:184px;
	height:100px;
	overflow:hidden;
	float:left;
}
#title_area #slide_area_01 li{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	height:100px;
	display:none;
}

#title_area .page_title {
	float:right;
	width:730px;
	padding:22px 0 0 0;
}
#title_area .page_title h1{
	margin:0;
}


/*  thumbnailes
---------------------------------------------------------- */
ul.thumbnailes{
	margin-right:-40px;
}

ul.thumbnailes li{
	float:left;
	width:90px;
	margin-right:15px;
	margin-bottom:35px;
	cursor:pointer;
}

ul.thumbnailes li.r{
	margin-right:0px;
}

ul.thumbnailes li .thumb{
	position:relative;
}

ul.thumbnailes li .zoompic{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFFFFF;
	/*z-index:1;*/
	border:#fff 1px solid;
}

ul.thumbnailes li .zoompic img{
	width:100%;
	height:auto;
}

ul.thumbnailes li p.caption{
	margin:0 !important;
	padding:3px 0 10px !important;
	display:none;
}

ul.thumbnailes li .zoompic p.img{
	position:relative;
	padding:0;
	margin:0 !important;
}
ul.thumbnailes li .zoompic .icon_zoom{
	width:22px;
	height:22px;
	position:absolute;
	right:-3px;
	bottom:-3px;
	background:url(/tech/eco_tech/common/images/zoom_icon.png) no-repeat;
	z-index:1;
}

/*section.thumb_body*/
div#main div.section.thumb_body {
	padding:20px 0 0 0;
	background:#ffffff url(/tech/eco_tech/common/images/bg_dot_line.gif) repeat-x left bottom;
	clear:both;
}

div#main div.thumb_body .ctg{
	width:200px;float:left;
}

div#main div.thumb_body .ctg h2{
	margin:0;
	padding:0;
	background:none;
	cursor:pointer;
}

div#main div.thumb_body h2 img{
	/*IE9+*/
	box-shadow: 3px 4px 12px rgba(100, 100, 100, 0.4);
  -moz-box-shadow: 3px 4px 12px rgba(100, 100, 100, 0.4);
  -webkit-box-shadow: 3px 4px 12px rgba(100, 100, 100, 0.4);
}

div#main div.thumb_body .ctg ul.link{
	margin:10px 0 15px 10px;
}

div#main div.thumb_body .thumbs{
	width:730px;
	float:right;
}

div#main div.thumb_body .thumbs .tm{
	margin-bottom:0.5em;
}


/*tm*/
.tm{
	margin-bottom:1em;
}
/*sub*/
sub{ vertical-align:0px;}

/*go_pagetop*/
.go_pagetop {
	position:fixed;
	right:0px;
	bottom:0px;
	width:60px;
	height:60px;
	z-index:2;
	display:none;
}
.go_pagetop img{
	filter: alpha(opacity=70);  -moz-opacity:0.7;  opacity:0.7;
}
.go_pagetop span{
	display:none;
}

/*contact_btn*/
.contact_btn{
	padding:30px 0 0;
	text-align:center;
	clear:both;
}

.contact_btn.border_top{
	margin-top:30px;
	background:#ffffff url(/tech/eco_tech/common/images/bg_dot_line.gif) repeat-x left top;
}

/**
		=Clearfix
---------------------------------------------------------- */
*:after {
  display:block;
  clear:both;} /* ¤³¤ÎÓ›Êö¤Ï¹Ì¶¨¤Ç¤¹ */

.clearfix,
ul,
dl,
div.section,
#eco_header,
#eco_bnav,
#title_area,
.col,
p.go_pagetop {zoom:1;} /* clearfix IE6, 7 */

.clearfix:after,
ul:after,
dl:after,
div.section:after,
#eco_header:after,
#eco_bnav:after,
#title_area:after,
.col:after,
p.go_pagetop:after {content:"";}

/* End_clearfix */


@media print{
	.go_pagetop {
		display:none;
	}
	.go_pagetop img{
		display:none !important;
	}
}