/*
Theme Name: 日本環境設計 JEPLAN
Theme URI:
Description: 日本環境設計のテーマ
Version: 1.0
Author: NAKAMURA, Takayuki
Author URI: http://www.jeplan.co.jp
*/

@charset "utf-8";
/*初期設定*/
* {
	margin: 0;
}

html, body {
	height: 100%;
}

p {
	color:#666666;
	font-size:100%;
	line-height:220%;
}


.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:left;
	height:auto;
}

li{
	margin:0px;
	padding:0px;
	height:42px;
}



body {
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #4D4D4D;
	background-color: #FFFFFF;
	font-size:80%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",'メイリオ',Meiryo,'ＭＳ Ｐゴシック', serif;
}


a, img {
	border:none;
	margin:0px;
	padding:0px;
}

br {
letter-spacing: 0;
}

h1 {
	font-weight:normal;
	color:#4d4d4d;
	font-size:108%;
	line-height:100%;
	display:block;
}

.wpcf7-form{
	margin-top:-45px;
	margin-left:180px;
}

.plaplus_index {
	font-weight:normal;
	color:#87C25A;
	font-size:138.5%;
	line-height:180%;
	font-weight:bold;
	margin:0 0 14px 0;
	display:block;
}

h2 {
	font-weight:normal;
	color:#87C25A;
	font-size:131%;
	line-height:180%;
	font-weight:bold;
	margin:0 0 14px 0;
	display:block;
}



h3 {
	color:#666;
	font-size:108%;
	font-weight: bold;
	line-height:220%;
	display:block;
}

figcaption { font-size:100%; color:#666; padding:6px 0;}

blockquote {
	font-size:93%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", sans-serif;
	padding-left:30px;
}

/*初期設定ここまで*/


/*common*/
/*header*/
#headerBox h1 {
	font-weight:normal;
	color:4d4d4d;
	font-size:108%;
	line-height:100%;
	padding:63px 0 0 36px;
	display:block;
}

#headerBox h4 {
	font-weight:normal;
	color:4d4d4d;
	font-size:93%;
	line-height:100%;
	padding:63px 0 0 36px;
	display:block;
}

.index_ja{
	letter-spacing:0.12em;
}

.index_en{
	letter-spacing:0em;
}


header {
	margin:0px;
	padding:0px;
	min-width:970px;
	width: auto !important;
	width:100%;
	height: 153px;
}

#indexheader { height:504px;}

#headerBox {
	clear:both;
	width:970px;
	height:147px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#headerSpace{
	margin-left:auto;
	margin-right:auto;
	height:41px;
	width:970px;
}
#header_line { background-color:#e6f3d7; height:6px; width:100%; text-align:center; margin:0 auto; padding:0; line-height:0px;}
#header_line_inner { background-image:url(images/header_line.jpg); background-repeat:no-repeat; width:970px; height:6px;}
#en_jp { width:auto; display:block; padding:63px 0 0 0;}

.floatLeft {float:left;}
.floatRight {float: right;}


/*clear系*/
.marginTopClear { margin-top:0px;}
.clearFloat {clear:both;}
.marginClear { margin:0}
.BGclear{ background:none}




/*aタグの動作*/
.notactive { color:#eee;}

a:link {
	color:#4d4d4d;
	text-decoration: none;
	border:none;
	}
.menucntnr2RightBox a:link {
	color:#4d4d4d;
	text-decoration: underline;
	border:none;
	}

a:visited {
	color:#4d4d4d;
	text-decoration:none;
	border:none;
	}
	
a:hover {
	color:#4d4d4d;
	text-decoration: underline;
	border:none;
	}


	
a:active {
	color:#4d4d4d;
	text-decoration:none;
	border:none;
	}

.current_page_item a {
	color:#87C25A;
	text-decoration:underline;
	}
.current_page_item {
	color:#87C25A;
	text-decoration:underline;
	}
	
.footerBox a:link {
	color:#4d4d4d;
}

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

.footerBox a:visited {
	color:#4d4d4d;
}

.footerBox a:active {
	color:#4d4d4d;
}
	
	
a:hover {opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}
.impLink a:link {
	background-image:url(images/menuarrow.jpg);
	color:#87c25a;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 50px 15px 15px;
	text-align:right;
	display:block;
	font-size:123.1%;
	font-weight: bold;
}
.impLink a:visited {
	background-image:url(images/menuarrow.jpg);
	color:#87c25a;
	text-decoration:none;
	background-position:right;
	background-repeat:no-repeat;
	padding:15px 50px 15px 15px;
	text-align:right;
	display:block;
	font-size:123.1%;
	font-weight: bold;
}

	
/*aタグの動作ここまで*/

.half_txtbox { width:361px;}

#container {
	width: auto !important;
	width: 100%;
	min-height:100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height */
	text-align:left;
	background-repeat:no-repeat;
	background-position: center bottom;
}


/*top BG*/
#topBG {
	background-image:url(images/top_bg.jpg);
	background-repeat:repeat-x;
	min-width:970px;
	width: auto !important;
	width:100%;
	height:351px;
	background-position:-1550px;
	background-position:center;
}

#topBG h1 {
	font-size:109px; font-family:Georgia, 'Times New Roman', Times, serif;
	color:#87c25A;
	width:970px;
	text-align:left;
	padding-top:45px;
	margin: 0 auto;
}


.cntnr2 {
	width: 970px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


.cntnr2LeftBox {
	float:left;
	width:auto;
}



/*index*/
.PR_title { font-family:Georgia, "Times New Roman", Times, serif; margin-top:10px;}
.news_loop a:link { text-decoration:none}
.news_loop a:visited { text-decoration:none}
.news_box { margin:0 0 30px 0}
.news_title {/*font-family:Georgia, "Times New Roman", Times, serif;*/}
.news_title a:link { text-decoration:none}
.news_title a:visited { text-decoration:none}
#newsBG {width:auto; background-color:#f3f3f3; margin:auto; text-align:center; height:auto; display:block}
.nav-below {height:30px;}

#nobiru { float:right; width:758px;}
/*以下、インデックス以外のページ*/
#navBox {
	float:left;
	width:177px;
}

.menucntnr2RightBox {
	float:right;
	width:758px;
}

#staffTopRBwidth{width:970px;}


#txtMainBox {
	height:auto;
}
.txtMainBoxInnr {
	padding-bottom:40px;
	width:auto;
}


#txtBoxFoot {
	clear:both;
	background-image:url(img/second_txtboxfoot.png);
	background-repeat:no-repeat;
	height:30px;
}

/*20090617追加*/
#btmMargin {
	clear:both;
	height: 120px;
}

#btmMarginShort {
	clear:both;
	height:35px;
}


/* 行数が少ないとき自動的にフッターを最下部に配置するCSS */
#container{margin: 0 auto -42px;}

footer, .push {
	clear:both;
	margin-top:-6px;
	height: 42px; /* .push must be the same height as .footer */
}

footer {
	height:42px;
	background-color:#e5f2d6;
}
/* 行数が少ないとき自動的にフッターを最下部に配置するCSS ここまで */

footer p {
	color:#4d4d4d;
	font-size:93%;
}

.footerBox {
	width:970px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
	
}

/*会社情報 table*/
#comp_info {width:758px;}
#comp_info table tr {display:block; clear:both;}
#comp_info table .sepL {border-top:1px #b2b2b2 solid;}
#comp_info table .lastL{border-bottom:1px #b2b2b2 solid;}
#comp_info table tr td {padding:10px 5px 10px 5px; font-size:100%; line-height:220%;} 
.txtMainBoxInnr clearFloat table{border-collapse:collapse;width:758px;margin-bottom:20px;}
#comp_info table .cellline{width:160px;text-align:center;vertical-align:middle;} 

/*役員 table*/
.txtMainBoxInnr clearFloat{padding-bottom:60px;}
.txtMainBoxInnr clearFloat .half_txtbox floatLeft{width:361px;}
.txtMainBoxInnr .yakuinbox{width:190px; float:left}
.yakuinpic{margin:0 0 0 10px;float: right;}

/*日本環境設計の資源循環コンセプト*/
.floatLeft_02{width:290px;}

/*沿革 table*/
#histry{width:658px;
	margin-left:100px;
	margin-top:-55px;
}
#histry table tr {display:block; clear:both;}
#histry table .sepL {border-top:1px #b2b2b2 solid;}
#histry table .lastL{border-bottom:1px #b2b2b2 solid;}
#histry table tr td {padding:10px 5px 10px 5px; font-size:100%; line-height:220%;} 

#enkaku{margin-top: 20px; margin-bottom: 20px;}


/*以下、メニュー1*/


.menuMainTxt{
	color:#666666;
	line-height:187%;
}

.menuBold{
	font-weight:bold;
	font-size:12px;
	color:#666666;
	line-height:200%;
	margin-bottom:12px;
}



/*リンク動作部分*/

/*ul部分*/

nav {
	position:relative;
	padding:20px 0;
	border-top: #b2b2b2 solid 1px;
	border-bottom: #b2b2b2 solid 1px;
	text-align:center;
	display:block;
}

nav ul {
	text-align:center;	
	display:block;
}

nav ul li {
	text-align:center;
	padding-left:0px;
	line-height:42px;
	height:auto;
	vertical-align:middle;
	font-weight:bold;
	display:block;
}

nav ul li a { display:block;}
nav ul li h1 {
	text-align:center;
	line-height:42px;
	vertical-align:middle;
	font-weight:bold;
	display:block;
}

.current_page_parent { display:block; height:auto;}
.current_page_item {display:block; height:auto;}
.current_page_item a:hover {
	opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";
}

.submenu { line-height:160%; font-size:93%; padding-bottom:5px;
	display:block;}


.children li {
	font-size:77%;
	background-image:url(img/navi.png);
	background-repeat:no-repeat;
	background-position: middle;
	width:177px;
	height:auto;
	text-align:left;
	margin:15px 0px 10px 0px;
	padding-left:20px;
	vertical-align:middle;
	line-height:16px;
	display:block;
}

.children ul li a {
	text-align:left;
	height:12px;
	line-height:12px;
	display:block;
}


.banner {
	background: #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}
.normal-img-2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, 1), 0 -1px 0 rgba(0, 0, 0, .6);
}


/* ol */

.txtMainBoxInnr ol { padding-left:20px; font-size:100%; font-family:Georgia, "Times New Roman", Times, serif;}
.txtMainBoxInnr ol li { line-height:18px; padding:20px 0 0 0px; margin:0px; height:auto;}


@media print {
   h1, h2, h3, h4, a, footer, header, nav, ul, li, div, p {
      color:#000;
   }
   #navBox {display:none;}
   .printNon { display:none;}
   .printEnter { page-break-before:always;}
   
	#histry table tr td {padding:5px 5px 5px 5px; font-size:100%; line-height:150%;} 
   
}