@charset "utf-8";

body  {
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #555;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: .8em;
	line-height: 20px;
}
img {border:none;margin: 0px;padding: 0px;vertical-align: bottom;}
h1{margin: 0;padding: 0px;}
h2{padding: 0px;margin: 0px;display: block;float: left;}
h3{width: 252px;padding: 0px;margin: 0px;}
h4{padding: 0px;margin: 0px;display: block;float: left;}
ul,li   {margin:0;padding:0;list-style: none;}  



/*  リンクスタイル ここから　*/


a{text-decoration:none;
    color: #000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
a:hover {color: #39f;}



/*  リンクスタイル ここまで　*/



#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #ccc;
    }


/*p内をspanで挟む　文字縮小 */
p span{font-size:80%;vertical-align:3px;}




	/*　トップページNEWS窓　ここから　*/             


.top_news_header{
	width:275px;
	height:33px;
	background-image:url(image/top_news_box_01.gif);
}


	



.top_news_wrap {
	width:275px;
	height:200px;
	background-color: #eee;/*------------------------*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
.top_news_left_line {
	float:left;
	width:10px;
	height:200px;
	background-image:url(image/top_news_box_02.gif);
}
	
	
	.top_news_main_cont
	{
	float:left;
	width:255px;
	height: 200px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	}
	

	
	.top_news_right_line
	{
	float:left;
	width:10px;
	height: 200px;
	background-image:url(image/top_news_box_04.gif);
	}

	.top_news_footer
	{
	width:275px;
	height:9px;
	background-image:url(image/top_news_box_05.gif);
	margin-bottom:13px;
	}
	
	/*　トップページNEWS窓　ここまで　*/             



	
	/*　グローバルナビ（画像）ここから　*/             

	
	#globalNav {
    width: 771px;
    margin: 11px auto;
	float:right;	
}
#globalNav ul li {
    margin-right: 0px;
    float: left;
    position: relative;
	z-index:1;

}
#globalNav ul li ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
	z-index:1;

}
#globalNav ul li ul li {
    float: none;
    font-size: 12px;
    line-height: 0;
	z-index:1;
}
#globalNav ul li ul li a {
    display: block;
    width: 111px;
    color: #000;
    padding: 10px 0px;
    background: #BBDFEE;
    line-height: normal;
    border-top: 1px solid #ffffff;
    text-decoration: none;
    text-align: center;
	z-index:1;
}
#globalNav ul li ul li a:hover {
    color: #ff5b6b;
    background: #ddd;
	
}

	/*　グローバルナビ（画像）ここまで　*/             
	
	
	
	
	
/*左側ミニバナーリンク　ここから*/	


	.mini_movie_bunner
	{
	width: 220px;
	height: 117px;
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 300px;
	}
	
	
	.mini_blog_bunner
	{
	width: 220px;
	height: 85px;
	position: absolute;
	z-index: 2;
	left: 0px;
	right: 0px;
	top: 455px;
	}
	

	.mini_recruit_bunner
	{
	width: 220px;
	height: 25px;
	position: absolute;
	z-index: 4;
	left: 0px;
	right: 0px;
	top: 572px;
	}
	

/*左側ミニバナーリンク　　ここまで*/	


	.project_text
	{
	width: 419px;
	height: 179px;
	text-align: left;
	position: absolute;
	left: 25px;
	right: 0px;
	top: 96px;
	}






/*　トップページ用スライドイメージ　ここから　*/                  

#slide {
width:413px;
height:673px;
margin:0;
padding:0;
position:relative;
z-index:0;

}
#slide img {
	position: absolute;
	left: 2px;
	top: 1px;
}

/*　トップページ用スライドイメージ　ここまで　*/                  





/*　トップページ用レイアウト（3列）　　ここから　*/                  

.head_bar
	{
		width:100%;
		height:10px;
		background-color:#BBDFDD;
		}

.head_container
	{
	width:1000px;
	height:60px;
	background-image: url(image/header_image.gif)  ;
	background-repeat: no-repeat;
	padding: 0px;
	margin:0px auto 0px auto;
	}


.head_bar2
	{
		width:100%;
		height:2px;
		background-color:#BBDFDD;
		}


.outer
	{
	width:1000px;
	background-color: #fff;/*------------------------*/
	padding: 0px;
	margin:0px auto 0px auto;
	}

.right_menu
	{
	float:right;
	width:275px;
	background-color: #fff;
	height: 673px;
	}

.main
	{
	float:left;
	width:706px;
	background-color: #fff;/*------------------------*/
	}
	
	
	.main_cont
	{
	float:right;
	background-color: #fff;
	width:413px;
	padding:0 auto;
	height: 673px;
	}
	
	
	.left_menu li span
	{
	float:left;
	width:275px;
	background-color: #fff;
	margin:0px 0px 14px 0px;
	}
	
	
	.left_menu li
	{
	float:left;
	width:275px;
	background-color: #fff;
	margin:0px 0px 0px 0px;
	}

	
.clears{
  clear:both;
}

.header
	{
	background-color: #fff;
	height: 25px;
	}
	


	.footer
	{
	width:auto;
	height: 120px;
	line-height:17px;
	background-color: #BBDFDD;
	padding: 5px;
	margin:20px auto 0;
	}
	
	
	.footer2
	{
	width:1000px;
	height: 120px;
	margin:0 auto;

}
	
	

	.footer3
	{
	width:auto;
	height: 20px;
	margin:0 auto;
	margin:0 auto;
	text-align:center;
}
	
	
	.footer_link1
	{
	width:150px;
	height:110px	;
	float:left;
	display: block;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	list-style: none;

		}
	


	.footer_link3
	{
	width:150px;
	height:110px	;
	float:left;
	display: block;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	list-style: none;

		}
		
	
	.footer_link1 a
	{
	color:#0C6560;
	}
		
		
	.footer_link1  span
	{
	line-height:30px;
	color:#0C6560;
	}
	
	.footer_link3 a
	{
	color:#0C6560;
	}
		
	.footer_link3  span
	{
	line-height:30px;
	color:#BBDFDD;
	}	


	
	/*　トップページ用3列　レイアウト　ここまで　*/             
	
	







/*　下層ページ用レイアウト（2列）　　ここから　*/                  



/*ーーーーーーーーーーーーーーーーーー各ヘッダーイメージーーーーーーーーーーーーーーーーーー*/
	.csr_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/csr_image.jpg);
	}
	
	
	.blog_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/blog_image.jpg);
	}
	
	
	.news_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/news_image.jpg);
	}
	
	
	
	.company_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/company_image2.jpg);
	}
	
	.vision_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/vision_image2.jpg);
	}
	
	
	
	.business_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/business_image2.jpg);
	}
	
	
	
	.movie_image
	{
	background-color: #fff;
	width:745px;
	height: 170px;
	background-image: url(image/movie_image.jpg);
	}
	
	
	/* ーーーーーーーーーーーーーーーテキストエリア　ここから　ーーーーーーーーーーーー*/
	
	.text_area
	{
	width:605px;
	text-align:justify;
	padding:0px 70px 150px 70px;
	line-height:200%;
	}
	
	
	.company_text_area
	{
	width:605px;
	text-align:justify;
	padding:0px 70px 50px 70px;
	line-height:200%;
	}
	
	.company_profile_text_area
	{
	width:605px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:170%;
	font-size:12px;
	}

	.vision_text_area
	{
	width:605px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:200%;
	}
	
	
	.business_text_area
	{
	width:605px;
	height:auto;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:200%;
	}


	
	.news_text_area
	{
	width:605px;
	text-align:justify;
	padding:15px 30px 60px 15px;
	line-height:200%;
	}
	

	.project_text_area
	{
	width: 610px;
	height: 1500px;
	padding: 30px 70px 60px 70px;
	font-size:12px;
	}
	
.report_text_area
	{
	width: 615px;
	height: auto;
	padding: 30px 65px 60px 65px;
	font-size:12px;
	}
	
	
	
			
.blog_text_area
	{
	width:660px;
	text-align:justify;
	padding:0px 40px 0px 40px;
	line-height:200%;
	}
	
	
.movie_text_area
	{
	width:605px;
	 height:auto;
	text-align:justify;
	padding:40px 60px 30px 90px;
	line-height:22px;
	}
	
	
	
	
	
.sitemap_text_area
	{
	width:605px;
	 height:515px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:22px;
	}
	
	
	
.privacy_policy_text_area
	{
	width:605px;
	 height:880px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:22px;
	}
	
	
	
.recruit_text_area
	{
	width:605px;
	 height:1000px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:22px;
	}
	
		
.recruit_text_area p
	{
	line-height:40px;
	font-size:15px;
	text-indent:-10px;
	}
	
.recruit_text_area p span
	{
	line-height:18px;
	font-size:12px;
	}
	
	.contact_text_area
	{
	width:605px;
	height:610px;
	text-align:justify;
	line-height:22px;
	margin:auto;
	}

	.contact_text_area2
	{
	width:605px;
	 height:515px;
	text-align:justify;
	padding:30px 70px 50px 70px;
	line-height:22px;
	}
	
	
	
	
	/* テキストエリア　ここまで　*/
	
	
		
.main2
	{
	float:left;
	width:1000px;
	background-color: #fff;
	}



/*レフトメニュー2*/
.left_menu2
	{
	width:250px;
	height:600px;
    float:left;	
	position:relative;
	background-color: #fff;
	padding:0px 0px 0px 0px;	
	margin:0px 0px 0px 0px;
	}





	.main_cont2
	{
	float:right;
	width:745px;
	height:auto;
	background-color: #fff;
	margin:0;
	padding:0;
	border-style: solid; 
	border-width: thin;
	border-right-color:#aaa;
	border-bottom-color:#aaa;
	border-left-color:#aaa;
	position:relative;
	}



	.left_menu3
	{
	float:left;
	width:250px;
	height:600px;
	background-color: #fff;
	}






.clears
{
  clear:both;
}

	/*　下層ページ用レイアウト（2列）　ここまで　*/             
	
	



	/*　ーーーーーーーーーーーーーー　見出し  ここから ーーーーーーーーーーーーー*/

	.news_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/news_midashi1.gif);
	}
	
	.company_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/company_midashi1.gif);
	}
	
	.company_midashi2
	{
	width:605px;
	height:30px;
	background-image:url(image/company_midashi2.gif);
	}

	.company_midashi3
	{
	width:605px;
	height:50px;
	background-image:url(image/company_midashi3.gif);
	}



	.vision_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/vision_midashi1.gif);
	}
	
	

	.vision_midashi2
	{
	width:605px;
	height:30px;
	background-image:url(image/vision_midashi2.gif);
	}
	
	
	
	.company_profile_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/company_profile_midashi1.gif);
	}

	.company_profile_midashi2
	{
	width:605px;
	height:50px;
	background-image:url(image/company_profile_midashi2.gif);
	margin-top:30px;
	text-indent:-3000px;
	}

	.company_profile_midashi3
	{
	width:605px;
	height:50px;
	background-image:url(image/company_profile_midashi3.gif);
	margin-top:30px;
	text-indent:-3000px;
	}


	.company_profile_midashi4
	{
	width:605px;
	height:50px;
	background-image:url(image/company_profile_midashi4.gif);
	margin-top:30px;
	text-indent:-3000px;
	}


	.business_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/business_midashi1.gif);
	text-indent:-3000px;
	}

	.business_graphic1
	{
	width:605px;
	height:100px;
	background-image:url(image/business_graphic1.jpg);
	margin-top:20px;
	text-indent:-3000px;
	}


	.business_midashi2
	{
	width:605px;
	height:80px;
	background-image:url(image/business_midashi2.gif);
	text-indent:-3000px;
}

	.business_graphic2
	{
	width:605px;
	height:100px;
	background-image:url(image/business_graphic2.gif);
	margin-top:20px;
	margin-bottom:50px;
	text-indent:-3000px;
	}


	.business_midashi3
	{
	width:605px;
	height:80px;
	background-image:url(image/business_midashi3.gif);
	text-indent:-3000px;

	}
	
	.business_graphic3
	{
	width:605px;
	height:200px;
	background-image:url(image/business_graphic3.jpg);
	margin-top:20px;
	margin-bottom:50px;

	text-indent:-3000px;
	}




	.business_midashi4
	{
	width:605px;
	height:80px;
	background-image:url(image/business_midashi4.gif);
	text-indent:-3000px;
	}

	

	.business_midashi5
	{
	width:605px;
	height:50px;
	background-image:url(image/business_midashi5.gif);
	text-indent:-3000px;
	margin-bottom:30px;

	}


	.business_midashi6
	{
	width:605px;
	height:50px;
	background-image:url(image/business_midashi6.gif);
	text-indent:-3000px;
	}



	.business_midashi7
	{
	width:605px;
	height:80px;
	background-image:url(image/business_midashi7.gif);
	text-indent:-3000px;
	}



	.business_midashi8
	{
	width:605px;
	height:80px;
	background-image:url(image/business_midashi8.gif);
	text-indent:-3000px;
	}


	.privacy_policy_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/privacy_policy_midashi1.gif);
	text-indent:-3000px;
	}


	.sitemap_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/sitemap_midashi1.gif);
	text-indent:-3000px;
	}


	.contact_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/contact_midashi1.gif);
	text-indent:-3000px;
	}
	
	
	
	.recruit_midashi1
	{
	width:605px;
	height:50px;
	background-image:url(image/recruit_midashi1.gif);
	text-indent:-3000px;
	}
	
	
	
	.movie_graphic
	{
	width:605px;
	height:100px;
	background-image:url(image/movie_graphic.jpg);
	margin-top:20px;
	text-indent:-3000px;
	}



	

/*　見出し  ここまで */


	
	
	
	
	
	/*　 ローカルナビゲーションバー 　ここから  */
	
div.local_nav {
width: 220px; /* ナビゲーションの幅 */
font-size: 13px;
}

/* --- メニューエリア --- */
div.local_nav ul.nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の境界線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.local_nav ul.nl li {
background: #f9f9f9 url(image/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.local_nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 11px 12px; /* リンクエリアのパディング（上右下左） */
background: url(image/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- ポイント時の設定 --- */
div.local_nav ul.nl li a:hover {
background: url(image/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}
	
	/*　 ローカルナビゲーションバー 　ここまで  */
	
	
	
	
	
	

/* --- PROJECTの設定 --- */



.project {
	margin: 0px;
	float: left;
	width: 615px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

.project p {
	color: #555;
	width: 200px;
	vertical-align: top;
	line-height:normal;
	text-align:left;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

.project ul {	
	margin: 0;
	padding: 0;
}


.project li {
	list-style: none;
	display: block;
	width: 195px;
	padding: 0px;
	float: left;
	margin-right:10px;
}




	
	

.projectPhoto {
	padding: 0px;

	margin-top: 0px;
	margin-bottom: 0px;

}

.planLine {
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	float: left;
}

.topPlan a:link {
	color: #555;
	text-decoration: none;
}

.topPlan a:hover {
	color: #555;
	text-decoration: underline;
}

.topPlan a:visited {
	color: #555;
	text-decoration: underline;
}

.topPlan a:active {
	color: #555;
	text-decoration: underline;
}


/*  レポートページ　*/

.report_top	{
	width:615px;
	height:230px;
	font-size:12px;
	line-height:120%;
}



.report_photo {
	
	width:300px;
	height:230px;
	float:left;

	}


.report_spec {
	width: 300px;
	height: 230px;
	float: left;
	font-size:12px;
	text-align: left;
	padding-left: 15px;
	line-height:15px;
	padding-top:0px


}





.report_spec span{
	font-size:20px;
	color:#199B03

	}


.report_gaiyou {
	width:300px;
	height:70px;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	padding:5px 0px;
	margin-top:5px;
	margin-bottom:5px;
	line-height:18px;
}
	
	
	
.report_outline{
	width:605px;
	
	font-size:13px;
	line-height:20px;
	text-align:left;
	margin-top:30px;
	margin-bottom:35px;

	}
	
	.report {
	width: 565px;
	height:auto;
	background-image:url(image/f13.png);
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	
	/*background-color: #fff;*/
	
	border-style: solid; 
	border-width: thin;
	border-top-color:#aaa;
	border-right-color:#aaa;
	border-bottom-color:#aaa;
	border-left-color:#aaa;
	margin-top:30px;
	margin-bottom:30px;
	float: left;
	font-size:14px;
	text-align:left;
	line-height:25px;
	}
	
	
	.report_green {
	width: 565px;
	height:auto;
	background-image:url(image/f13.png);
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	
	/*background-color: #fff;*/
	
	border-style: solid; 
	border-width: 2px;
	border-top-color:#64aa44;
	border-right-color:#64aa44;
	border-bottom-color:#64aa44;
	border-left-color:#64aa44;
	margin-top:30px;
	margin-bottom:30px;
	float: left;
	font-size:14px;
	text-align:left;
	line-height:25px;
	}
		
	
.under_line {
	width:auto;
	height:30px;
	border-bottom: 1px dashed ;
}


.textbox1 {
	width:565px;
	height:auto;
	margin-bottom:30px;
	margin-right:20px;
	float:left;
}

.textbox2 {
	width:280px;
	height:auto;
	margin-right:20px;
	float:left;
}

.photobox2 {
	width:250px;
	height:200px;
	float:left;
}


.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:600px;
  width:725px;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  float;right;
}

.line
{
	width:605px;
	height:1px;
	border-color:#ccc;
	border-bottom-width:thin;
	border-bottom-style:solid;
	margin-top:2px;
	margin-bottom:2px;
}