/*  
Theme Name: EARTH TECHNICA
Theme URI: http://www.earthtechnica.co.jp/
Description: WP glossy theme designed by <a href="http://www.earthtechnica.co.jp/">EARTH TECHNICA</a>.
Version: 1.0
Author: ET
Author URI: http://www.earthtechnica.co.jp/

	This theme was designed and built by Nick La.

	The CSS, XHTML and design is released under GPL:
	http://www.earthtechnica.co.jp/

*/

@import "css/menu.css";
@import "css/thickbox.css";
@import "css/jtip.css";
@import "css/jquery.tabs.css";
@import "css/company.css";
@import "css/product.css";
@import "css/top.css";
@import "css/pagenavi-css.css";


* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body{
font: 75%/150%  "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
line-height:140%;
padding: 0px;
margin: 0px auto;
text-align: center;
background:#101410 url(img/bg.jpg) 0 0 repeat-x;
position:relative;
}

body > div#seach-b{ position : fixed ; }

a {
	color: #1384A4;
	text-decoration: none;
}

a:hover {
	color: #72cdf3;
	text-decoration: underline;
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}

.imgL{
float:left;
margin:0 15px 30px 0;
padding:7px;
border:1px solid #e7e7e7;
background:url(img/check.gif) 0 0 repeat;
}

.imgR{
float:right;
margin:0 0 30px 15px;
padding:7px;
border:1px solid #e7e7e7;
background:url(img/check.gif) 0 0 repeat;
}

.imgN{
margin:0 10px 20px 0;
padding:7px;
border:1px solid #e7e7e7;
background:url(img/check.gif) 0 0 repeat;
}

.imgI{
clear: both;
margin:0 10px 20px 0;
float:left;
padding:7px;
border:1px solid #e7e7e7;
background:url(img/check.gif) 0 0 repeat;
}

.R{
float:right;
margin:0 0 30px 15px;
}

.L{
margin:0 10px 20px 0;
padding:7px;
}

p {
	padding: 0px 0px 15px 15px;
	margin: 0px;
}


#page{
width:915px;
margin:0px auto;
text-align: left;
}

#header{
position:relative;
width:915px;
height:58px;
background:url(img/header_img.jpg) 0 0 no-repeat;
font-size:11px;
}

#searchform{
	position:absolute;
	width: 380px;
	color: #666;
	font-size:11px;
	top:13px;
	right:-35px;
}

#searchform #s {
	border:1px solid #203346;
	font-size:11px;
	width: 200px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #cccccc;
	background: #fff;
	vertical-align: middle;
}

#searchform #s:hover,
textarea:hover{
	border:1px solid #72cdf3;
	background: url(images/seach_box.png) no-repeat;
	font-size:11px;
	width: 200px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}

#searchform #s:focus,
textarea:focus{
	border:1px solid #72cdf3;
	font-size:11px;
	width: 200px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	background: #fff;
	vertical-align: middle;
}


#searchform #searchsubmit {
	background: url(images/search-bt.png) no-repeat;
	border: none;
	width: 22px;
	height: 22px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	cursor: pointer;
	text-indent:-9999px;
}

.search-col{
padding: 15px 0px 15px 30px;
height: 500px;
}

.search-col ul{
margin:0 0 0 40px;
}


/* トップページ検索窓 */
#top-search{
background: url(img/top-search.jpg) no-repeat;
width:280px;
height:140px;
padding:35px 0 0 15px;
margin:0 0 0 0;

}

#searchform3 label {
	font-size: 11px;
	color: #41550e;
}

#searchform3 #s {
	border:1px solid #203346;
	font-size:11px;
	width: 210px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	border: 1px solid #cccccc;
	background: #fff;
	vertical-align: middle;
}

#searchform3 #s:hover,
textarea:hover{
	border:1px solid #72cdf3;
	font-size:11px;
	width: 210px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	background: url(images/seach_box2.png) no-repeat;
	vertical-align: middle;
}

#searchform3 #s:focus,
textarea:focus{
	border:1px solid #72cdf3;
	font-size:11px;
	width: 210px;
	height: 15px;
	padding: 2px 5px 0px 5px;
	background: #fff;
	vertical-align: middle;
}


#searchform3 #searchsubmit {
	background: url(images/search-bt2.png) no-repeat;
	border: none;
	width: 22px;
	height: 22px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;
	cursor: pointer;
	text-indent:-9999px;
}



#searchform3 label {
	font-size: 11px;
	color: #41550e;
}

#search-detail{
}

#catform{
	border-top:1px solid #F0EBEF;
	padding:7px 0 0 0;
	width:260px;
	margin:15px 7px 0 0;
}

#catform #cat{
border: 1px solid #cccccc;
	font-size:12px;
	width: 222px;
	height: 20px;
}

#searchform3 #cat:hover,
textarea:hover{
	border:1px solid #72cdf3;
}

#catform label{
font-size:11px;
}

#catform #catformsubmit {
	background: url(images/search-bt2.png) no-repeat;
	border: none;
	width: 22px;
	height: 22px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: top;
	cursor: pointer;
	text-indent:-9999px;
}

/* 検索結果 */
.search{
width:760px;
margin:0px 30px 0px 65px;
height:130px;
padding:0;
border-bottom:1px solid #e7e7e7;
}

.search h3{
	margin:15px 0 3px 0;
	padding:5px;
	color: #1384A4;
	font:bold 120%/100% "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
}


.search p{
color: #333;
}

.search a:hover{
display:block;
width:760px;
height:130px;
background-color: #eff3ff;
text-decoration: none;
}


.search img{
float:left;
margin:15px 15px 15px 8px;
}





#logo{
position:absolute;
top:0px;
left:5px;
}

#logo a{
background:url(img/logo.png) 30% 40% no-repeat;
text-indent:-900em;
display:block;
width:300px;
height:50px;
}

#logo a:hover{
background:url(img/logo2.png) 30% 40% no-repeat;
text-indent:-900em;
display:block;
width:300px;
height:50px;
}

#content{
background:url(img/contens_bk.jpg) repeat-y;
width:915px;
margin:0;
}

#pagebottom{
clear: both;
background:url(img/pagetop_bk.jpg) 0 bottom no-repeat;
width:915px;
height:60px;
margin:0;
}

#pagetop{
background:url(img/contens_bk.jpg) repeat-y;
height:40px;
clear: both;
}

.pagetop a{
background:url(img/pagetop2.png) 0 0 no-repeat;
text-indent:-900em;
display:block;
width:45px;
height:20px;
margin-right:30px;
float:right;
}

.pagetop a:hover{
background:url(img/pagetop.png) 0 0 no-repeat;
text-indent:-900em;
display:block;
width:45px;
height:20px;
margin-right:30px;
float:right;
}

#footer{
clear: both;
position: relative;
margin:15px 0px 20px 0px;
background:url(img/footer.jpg) no-repeat;
width:915px;
height:95px;
}

address{
position: absolute;
top:15px;
left:20px;
font-size:10px;
}

address a{
color:#666;
}

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

.footer_nav{
position: absolute;
top:25px;
right:30px;
font-size:10px;
}


#seach-b{
font-size:12px;
color:#fff;
position: fixed;
_position : absolute ;
top:30px;
left:-15px;
width:20px;
height:100px;
}

/* Seach menu */
#seach-b a{
color:#fff;
background:url(img/seach_bt.jpg) #101410;
text-indent: -900em;
display:block;
width:30px;
height:125px;
}

#seach-b a:hover{
color:#0066FF;
background:url(img/seach_bt2.jpg) #101410;
text-indent: -900em;
display:block;
width:30px;
height:125px;
}

#about{
display:none;
}

#movie{
margin:20px;
z-index:0;
}

.corner{ 
	float: left; width: 18em; padding: 20px; margin: 1em;
    background: #000; color:#fff; text-align: center; font: verdana, arial, sans-serif;
}


td{
padding:6px;
}

/* table 
table {
	font-size:12px;
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}
th{
	padding:8px 2px 8px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	padding:5px;
	text-align:center;
	background-color:#DDDDDD;
}
td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	padding:6px;
}
tr.even td {
	background: #F2F0EE;
}

tr.over td {
	background: #666666;
	color: #FFFFFF;
}
*/


/*-- .post {
	
	background: url(img/tabtitle.jpg) repeat-x;
    width:900px;
}


.post h2 {
    width:900px;
	color: #525552;
	margin:0 0 0 7px;
	font:bold 150%/100% "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	height:58px;
	background:#101410 url(img/tabtitle.jpg) repeat-x;
} --*/

#posttitle{
position: relative;
background:#101410 url(img/tabtitle.jpg) repeat-x;
height:58px;
width:900px;
margin-left:7px;
}

#posttitle h2{
position: absolute;
color:#525552;
font-size:15px;
top:20px;
left:20px;
}

.post-content {
    margin: 0;
	padding:0;
	width: 900px;
	background:#fff url(img/post-bg.jpg) 0 top repeat-y;
}


/*-- パンくず --*/
.breadcrumbs {
	overflow:hidden;
	margin:0 0 0 30px;
	padding:0;
	height:30px;
	line-height:30px;
	color: #666;
	border:1px solid #e5e5e5;
	width: 850px;
	font-weight: bold;
	font-size:11px;
	background:#fdfdfd url(img/check.gif) 0 0 repeat;
	clear: both;
}
.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 8px;
	font-style:normal;
	color: #666;
}
.breadcrumbs span {
	background:url(images/bg-breadcrumb.png) no-repeat left center;
	overflow:hidden;
	padding:0 8px 0 10px;
	width:0px;
    text-indent:-900em;
	filter:alpha(opacity=40);
	opacity:0.4;
}

#post-98{
background:url(img/hc.jpg) 0 0 no-repeat;
text-indent:-900em;
width:900px;
height:50px;
}

.404{
width:870px;
margin:30px 30px 10px 50px;
}

.404 h3{
	width:800px;
	color: #666;
	margin:0 0 10px 0;
	padding:5px;
	font:bold 120%/100% "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	border-bottom:1px solid #e7e7e7;
}

/*-- テストセンター --*/
#testcenter{
width:870px;
margin:30px 30px 10px 50px;
_margin:30px 0px 10px 40px;
}

#testcenter h3{
    width:500px;
	color: #000;
	margin:0 0 10px 15px;
	padding:5px;
	font:bold 120%/100% "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
}

#testcenter ul{
margin:0 0 30px 30px;
}

#testcenter li{
list-style:none;
}

.testtitle{
padding:20px;
margin:0 0 15px 10px;
width:600px;
background:url(img/check.gif) 0 0 repeat;
}

#links{
width:850px;
margin:20px 10px 10px 30px;
}

#links h3{
font:26px;
padding:30px 0 0 10px;
}

.links-col{
position:relative;
width:740px;
height:80px;
margin:10px 10px 10px 50px;
border-bottom:1px solid #e7e7e7;
border-left:5px solid #87C0D2;
}

.links-col p{
position: absolute;
top:0px;
left:370px;
}

#links img{
padding:3px;
margin:0 0 5px 0;
border:1px solid #e7e7e7;
}

#links img a:hover{
padding:3px;
margin:0 0 5px 0;
border:1px solid #666;
}


.news{
width:800px;
margin:30px 30px 10px 60px;
border-bottom:1px solid #e7e7e7;
clear:both;
}

.news2{
margin:20px 30px 10px 40px;
}

.news2 img{
float:right;
}

.news2 ul {
    margin-left:30px;
margin-top:-5px;
	padding:0px;
	list-style:none;
}

.news2 li {
    margin:0px;
	padding:0px;
	list-style:none;
}


.news span{
float:left;
width:100px;
color:#4bb891;
font:bold;
}

.news-col{
float:right;
width:700px;
}

.news h3{
	color: #000;
	margin:0 0 0 40px;
	font:bold 120%/100% "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.news h3 a:hover{
text-decoration: none;
color: #000;
}

.cb{
width:810px;
margin:15px 0 0 30px;
clear:both;
}

.contact-bt{
width:810px;
height:150px;
margin:0 0 0 30px;
padding:20px;
background:url(img/check.gif) 0 0 repeat;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
clear:both;
position: relative;
}

.contact-bt2{
width:810px;
height:185px;
margin:0 0 0 30px;
padding:20px;
background:url(img/check.gif) 0 0 repeat;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
clear:both;
position: relative;
}

.contact-news{
width:810px;
margin:0 0 0 30px;
padding:20px;
background:url(img/check.gif) 0 0 repeat;
border-left:1px solid #e7e7e7;
border-right:1px solid #e7e7e7;
border-top:1px solid #e7e7e7;
clear:both;
}

.contact-news p{
margin:15px 0 0 0;
padding:5px 0px 5px 20px;
background:url(img/arrow-r4.png) 0% 40% no-repeat;
}

.contact-news li{
list-style:none;
}

.contact-news li a{
width:500px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
background:url(img/arrow-r4.png) 0% 40% no-repeat;
}


.contact-news li a:hover{
width:500px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
text-decoration: none;
background:url(img/arrow-r3.png) 0% 40% no-repeat;
}

.c-bt{
position: absolute;
width:200px;
height:50px;
top:15px;
left:40px;
text-indent:-9999px;
}

.c-bt a{
display:block;
width:140px;
height:130px;
background:url(img/contact.png) 0 0 no-repeat;
}

.c-bt a:hover{
display:block;
width:140px;
height:130px;
background:url(img/contact2.png) 0 0 no-repeat;
}


.date{
position: absolute;
width:600px;
font:11px;
top:20px;
left:210px;
}

.relation{
position: absolute;
font:11px;
top:20px;
left:560px;
}


.contact-bt ul{
margin:0 0 30px 0px;
}

.contact-bt li{
list-style:none;
}

.contact-bt li a{
width:250px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
background:url(img/arrow-r4.png) 0% 40% no-repeat;
}


.contact-bt li a:hover{
width:250px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
text-decoration: none;
background:url(img/arrow-r3.png) 0% 40% no-repeat;
}

.contact-bt2 li a{
width:250px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
background:url(img/arrow-r4.png) 0% 40% no-repeat;
}


.contact-bt2 li a:hover{
width:250px;
display:block;
padding:5px 0px 5px 20px;
border-bottom:1px solid #e7e7e7;
text-decoration: none;
background:url(img/arrow-r3.png) 0% 40% no-repeat;
}



.news-bt{
margin:30px 0 0 40px;
}

.news-bt a{
border:1px solid #e7e7e7;
padding:10px;
color: #fff;
background:#000;
}

.news-bt a:hover{
border:1px solid #e7e7e7;
color: #666;
background:#e7ebf7;
padding:10px;
text-decoration: none;
}

.box{
margin:5px 0 0 10px;
padding:5px 0px 5px 15px;
background:url(img/box.png) 0% 45% no-repeat;
}

.clear{
clear: both;
}

.utwtags{
clear: both;
width:800px;
margin:5px 0px 5px 50px;
padding:5px 0 5px 25px;
border-top:1px solid #e7e7e7;
border-bottom:1px solid #e7e7e7;
background:url(img/tag.png) 0% 45% no-repeat;
}

.500{
width:200px;
background:#e7e7e7;
}

#Page01:13:hover,
textarea:hover{
	border:1px solid #72cdf3;
	font-size:11px;
	width: 200px;
	height: 300px;
	padding: 2px 5px 0px 5px;
	vertical-align: middle;
}

#Page01:13:focus,
textarea:focus{
	border:1px solid #72cdf3;
	font-size:11px;
	width: 200px;
	height: 300px;
	padding: 2px 5px 0px 5px;
	background: #fff;
	vertical-align: middle;
}


/*  サイトマップ*/
.ddsg-sitemap {
	list-style:none;
	margin:20px 0px 30px 100px;
	line-height: 160%;
}

.ddsg-sitemap a{
	color: #666666;
}

.ddsg-sitemap li{
	list-style:none;
	background: url(images/sitemap-mini-folder.gif) no-repeat top left;
	padding-left: 13px;
}
.ddsg-sitemap li ul{
	margin-bottom: 3px;
	list-style:none;
	margin-left: 2px;
}
.ddsg-sitemap li ul li{
	font-weight:normal;
    list-style:none;
	background: url(images/sitemap-mini-file.gif) no-repeat left top;
	padding-left: 12px;
}

.sitemapL{
float:left;
margin:0 30px 50px 0;
}

.sitemapR{
float:right;
margin:0 300px 0 0;
}



  /***************************************************/

.contactform{
margin:0px 0 0 20px;
padding:15px 0 0 0;
}

.at{
color:#CC3300;
font-size:11px;
margin:0;
padding:0 0 0 100px;
}

.contactform-adress{
margin:0px 0 0 90px;
font-size:11px;
}


.pdf{
background: url(img/pdf.gif) 0 0 no-repeat;
padding:0 0 0 25px;
}

#panel{
margin:0 0 0 7px;
}

.date2{
position: absolute;
width:600px;
font:11px;
top:20px;
left:195px;
}

.contact-bt3{
width:810px;
height:120px;
margin:10px;
padding:0px;
text-align:center;
clear:both;
position: relative;
}

.contact-bt4{
width:810px;
height:50px;
margin:10px 0 0px 30px;
padding:20px;
clear:both;
position: relative;
text-align:right;
}

.contact-bt4 ul {
    list-style:none;

text-align:right;
}

.text30 {
    margin:15px 30px 15px;
}

dl.procpolicy {
    margin:0px 30px 0px 45px;
}

dl.procpolicy dt {
	color:#4bb899;
	font-weight:bold;
	font-size:12px;
}

dl.procpolicy dd {
    margin:0px;
	padding:5px 0px 15px 1em;
	font-size:12px;
}