/*
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;
}




h1 {
	font-weight:normal;
	color:#4d4d4d;
	font-size:108%;
	line-height:100%;
	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;}

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


/*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;
}

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(../img/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;}
.current { color:#9acc75; text-decoration:underline;}

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;
	}
	
	
.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(../img/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(../img/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(../img/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}

#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;
	
}


/*以下、メニュー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;
}

nav ul {
	text-align:center;
}

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




.submenu { line-height:160%; font-size:93%;}

.search {
	line-height:0.1em;
}

.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);
}


/*
.glossy-reflection .image-wrap {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
	-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.6);

	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.glossy-reflection .image-wrap:before {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;

	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,.1)));
	background: linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,.1) 100%);
}

.glossy-reflection .image-wrap:after {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 30px;
	bottom: -31px;
	left: 0;

	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;

	background: -moz-linear-gradient(top, rgba(230,230,230,.3) 0%, rgba(230,230,230,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,230,.3)), color-stop(100%,rgba(230,230,230,0)));
	background: linear-gradient(top, rgba(230,230,230,.3) 0%,rgba(230,230,230,0) 100%);
}*/

@media print {
   h1, h2, h3, h4, a, footer, header, nav, ul, li, div, p, figcaption {
      color:#000;
   }
}