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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }


#globalHeader {
	width:860px;
	height:84px;	
}

#globalHeader #globalNav ul li{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	height:84px;
}



#globalHeader #globalNav li#globalNav_home a{
	width: 290px;
	background:url(images/HeaderCI_s1.png);
}

#globalHeader #globalNav li#globalNav_products a {
	width: 130px;
	background:url(images/HeaderMenu1_s1.png);
}
#globalHeader #globalNav li#globalNav_products a:hover { background:url(images/HeaderMenu1_s2.png); }


#globalHeader #globalNav li#globalNav_service a {
	width: 130px;
	background:url(images/HeaderMenu2_s1.png);
}

#globalHeader #globalNav li#globalNav_service a:hover { background:url(images/HeaderMenu2_s2.png); }

#globalHeader #globalNav li#globalNav_profile  a{
	width: 130px;
	background:url(images/HeaderMenu3_s1.png);
}
#globalHeader #globalNav li#globalNav_profile a:hover { background:url(images/HeaderMenu3_s2.png); }

#globalHeader #globalNav li#globalNav_contact a {
	display:block;
	width: 180px;
	background:url(images/HeaderMenu4_s1.png);
}
#globalHeader #globalNav li#globalNav_contact a:hover { background:url(images/HeaderMenu4_s2.png); }

#globalHeader #globalNav li a { float:left; text-indent:-9999px; cursor:pointer; height:84px; }

#header {
	text-align: right;
	width: 800px;
	margin:10 30 0 30;
	font-size:0.8em;
}

#directoryBar {
	font-size: 0.85em;
	text-align: left;
	color: #666;
	width: 760px;
	margin-left:100px;
	clear:both;
}

#mainMenu {
	margin-bottom:20px;
	height:60px;
}


	
#fotter {
	text-align: center;
	clear:both;
	width: 800px;
	font-size: 0.8em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	padding-top:10px;
}


.idFooter {
	text-align: left;
	width: 800px;
	font-size: 0.8em;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left:40px;
	padding-top:5px;
}


body {
	text-align: center; 
	margin:0 auto 0 auto; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0 auto;
	/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}


/*********  全体 *************/
div#wrapper {
	width:860px;
	text-align: center; 
	margin:0 auto 0 auto; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0 auto;
	/* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}

div#content {
	clear:both;
	position:relative;
	width: 800px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	
}

div.red_border{
	width:100%;
	border:#FF0000 1px solid;
	margin:1em;
	padding:1em;
}



div#contentsCollumn {
	margin: 0;
	width: 600px;
	float:left;
	text-align: left;
	margin-bottom:20px;
	
}

div#rightCollumn {
	margin: 0;
	width: 200px;
	float:right;
	text-align: left;
}

div#mainImage li {
	list-style-type: none;
}

div#mainImage li img {
	border: none;
	
}

div#mainImage li.imgObject1 {
	top:0px;
	left:0px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}


div#mainImage li.imgObject2 {
	top:0px;
	left:860px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}
	
div#mainImage li.imgObject3 {
	top:0px;
	left:1720px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}

div#mainImage li.imgObject4 {
	top:0px;
	left:2580px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}

div#mainImage li.imgObject5 {
	top:0px;
	left:3440px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}


div#mainImage li.imgObject6 {
	top:0px;
	left:4300px;
	position:absolute;
	display: block;
	margin: 0;
	width: 860px;
	height: 480px;
	display: block;
}

div#imgArea {
	width: 860px;
	height: 480px;
	overflow:hidden;
	z-index:10;
}

#navArea {
	overflow:hidden;
	width: 860px;
	height: 480px;
	position:relative;
	
}

#imgPrev, #imgNext {
	width: 340px;
	height: 23px;
	position: reelative;
	top: 0;
}

#imgPrev a, #imgNext a {
	width: 340px;
	height: 23px;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
}

#imgPrev {
	float: left;
	background: url(images/left_arrow_s2.gif) no-repeat right center;
	z-index:100;
}

#imgPrev a:hover {
	float: left;
	background: url(images/left_arrow_s1.gif) no-repeat right center;	
	
}

#imgNext {
	float: right;
	background: url(images/right_arrow_s2.gif) no-repeat left center;	
	z-index:100;
}

#imgNext a:hover {
	float: right;
	background: url(images/right_arrow_s1.gif) no-repeat left center;	
	
}


	
/*********  サイドバー *************/

#navBarHeader {
	background: url("images/nav_border_top.png");
	background-repeat:no-repeat;
	margin:10px 10px 0px 10px;
	text-indent:-9999px; 
	height:60px;
}

#navBarProductsHeader {
	background: url("images/nav_products_top.png");
	background-repeat:no-repeat;
	margin:10px 10px 0px 10px;
	text-indent:-9999px; 
	height:60px;
}


#navBarServicesHeader {
	background: url("images/nav_services_top.png");
	background-repeat:no-repeat;
	margin:10px 10px 0px 10px;
	text-indent:-9999px; 
	height:60px;
}

#navBarMiddle {
	width: 180px;
	background: url("images/nav_border_middle.png");
	background-repeat:repeat-y;
	margin:0px 10px 0px 10px;
}

#navBarBottom {
	width: 180px;
	height:20px;
	background: url("images/nav_border_bottom.png");
	background-repeat:no-repeat;
	margin:0px 10px 20px 10px;
	text-indent:-9999px; 
}

nav#sideNav {
	width: 160px;
	/*border-right: 1px solid #000;*/
	margin:0px 10px 0px 10px;
}

#sideNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		background-color: transparent;
}
		
#sideNav li {
		border-bottom: 1px dotted #666;
		margin: 0;
}
		
#sideNav li a {
		display: block;
		padding: 5px 5px 5px 5px;
		border-left: 10px solid #063;
		background-color: #fff;
		color: #666;
		text-decoration: none;
}



#sideNav li a:hover {
		border-left: 10px solid #393;
		background-color: #063;
		color: #fff;
}

/*********  本文 *************/
p.readerImage {
	border:solid 1px #666;
	margin:10px;
	padding: 5px;
}

p.articleText {
	margin:10px 0 10 10px;
	padding: 5px;
}
.subReaderTitle {
	margin-top:10px;
	font-size:1.1em;

}

.contentsTitle {
	width:560px;	
}

.ldTitle {
	padding-top:10px;
	padding-bottom:10px;
	color:#336633;
	font-style:bold;
}

.prBody {
	margin-right:40px;
	font-size:0.9em;
	padding-bottom:10px;
}

.prBodyEnd {
	margin-right:40px;
	font-size:0.9em;
	padding-bottom:10px;
	border-bottom:dotted 1px #666666;
}




#resultLink {
		margin:0;	
		border: none;
		background-color: transparent;
		background: url("images/border_middle.png");
		background-repeat:repeat-y;
		padding-left:20px;
		padding-top:10px;
}

#resultLink p a {
		display:block;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 60px;
		margin:0;
		background: url("images/LinkIcon_s1.png");
		background-repeat:no-repeat;
}

#resultLink p a:hover {
		display:block;
		text-align: left;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 60px;
		margin:0;
		background: url("images/LinkIcon_s2.png");
		background-repeat:no-repeat;
}

.goTop {
		font-size:0.8em;
		text-align: right;
		padding-top: 10px;
		padding-right:10px;
		margin-right:20px;
}

.facilityComment {
	padding-top:10px;
	padding-right:60px;
	font-size:0.8em;
}

 
#facility_header {
	background: url("images/facility_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
	
}


#vision_header {
	background: url("images/vision_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
	
}


#bfes_header {
	background: url("images/bfes_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
	
}

#contact_header {
	background: url("images/contact_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
	
}

.sectionHeader {
	background: url("images/section_header.png");
	background-repeat:no-repeat;
	height:60px;
	padding-left:30px;
	padding-top:8px;
	margin-top:20px;
	margin-bottom:18px;
}

.sectionHeaderL{
	background: url("images/section_headerL.png");
	background-repeat:no-repeat;
	height:40px;
	padding-left:30px;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:4px;
	
}

.sectionHeaderL_New{
	background: url("images/section_headerL_New.png");
	background-repeat:no-repeat;
	height:40px;
	padding-left:30px;
	padding-top:10px;
	margin-top:20px;
	margin-bottom:4px;
	
}

.stdContents {
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
}


/* 会社概要 */

#general_header {
	background: url("images/border_top.png");
	background-repeat:no-repeat;
	height:20px;
	padding-left:50px;
	text-indent:-9999px;
}

#profile_table {
	border-collapse: collapse;
}

#profile_table_top {
	background: url("images/profile_header.png");
	background-repeat:no-repeat;
	height:100px;
	padding-left:50px;
	text-indent:-9999px;
}

#profile_table_zenso {
	background: url("images/profile_header_zenso.png");
	background-repeat:no-repeat;
	height:100px;
	padding-left:50px;
	text-indent:-9999px;
}

#concept_header {
	background: url("images/concept_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
	
}

#profile_table_middle p.mainLead {
	padding-right:30px;
	line-height:1.5em;
	padding-bottom:20px;
	padding-top:20px;
}

#profile_table_middle {
	background: url("images/border_middle.png");
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:40px;
}

#profile_table_bottom{
	background: url("images/border_bottom.png");
	background-repeat:no-repeat;
	height:19px;
	padding-left:20px;
}


#profile_table td#top{
	width: 330px;
	border-bottom: dotted 1px #7d7d7d;
	border-top: dotted 1px #7d7d7d;
	padding: 10px 0px 10px 10px ;
	
}

#profile_table th#top {
	border-bottom: dotted 1px #7d7d7d;
	border-top: dotted 1px #7d7d7d;
	padding: 10px 10px 10px 30px ;
	width: 120px;
	text-align: left;
	vertical-align: top;
}

#profile_table td{
	width: 330px;
	border-bottom: dotted 1px #7d7d7d;
	padding: 10px 0px 10px 10px ;
	
}

#profile_table th{
	border-bottom: dotted 1px #7d7d7d;
	padding: 10px 10px 10px 30px ;
	width: 120px;
	text-align: left;
	vertical-align: top;
}


#ind1, #ind2, #ind3, #ind4 {
	
	cursor:pointer;
}
.border_top {
	background: url("images/border_top.png");
	background-repeat:no-repeat;
	height:20px;
	margin:0px;
	text-indent:-9999px;
	
}

#result_header {
	background: url("images/result_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
}

#smart_header {
	background: url("images/smart_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
}

#cloud_header {
	background: url("images/cloud_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
}

#system_header {
	background: url("images/system_header.png");
	background-repeat:no-repeat;
	height:100px;
	margin:0px;
	text-indent:-9999px;
}


p.leftSide {
	margin:10 0 0 0;
	padding:0;
	width:240px;
	float:left;
	text-align:center;
	
}

p.rightSide {
	margin:10 30 0 0;
	padding:0 0 0 0;
	width:220px;
	float:right;
	text-align:center;
	
}


p.svText {
	margin:0;
	padding: 5px 40PX 5 10;
	
}

.border_middle {
	padding-right:20px;
	margin:0px;
	background: url("images/border_middle.png");
	background-repeat:repeat-y;
	padding-left:20px;
	width:540px;
	height:auto;
}

.border_height {
	padding-right:20px;
	margin:0px;
	background: url("images/border_middle.png");
	background-repeat:repeat-y;
	padding-left:20px;
	width:540px;
	height:200px;
}


.border_bottom {
	padding-right:20px;
	margin:0px;
	background: url("images/border_bottom.png");
	background-repeat:repeat-y;
	padding-left:20px;
	width:540px;

}

.readerTitle {
	font-size:1.6em;
}

.readerImageLeft {
	
	margin:10px;
	padding: 5px;
	float:left;
	text-align:center;
	width:280px;
	
}

.readerImageLeft img {
	
	margin-bottom:10px;
}

.readerImageRight {
	
	margin:10px;
	padding: 5px;
	float:right;
	text-align:center;
	width:280px;
	
}

.readerImageRight img {
	
	margin-bottom:10px;
}

.readerText {
	float:right;
	width:200px;
}

.captionSmall {
	font-size:0.8em;
	text-align:center;	
}


div.stdContents ul li {
	margin-left:60px;
	font-size:0.9em;
	
}

.border_bottom {
	clear:both;
	background: url("images/border_bottom.png");
	height:20px;
	background-repeat:no-repeat;

}

.main_visual {

	width: 860px;
	text-align: center;
}
.reader {
	font-size: 1.1em;
	color: #030;
	font-weight: bold;
}


.descriptionPara {
	width: 280px;
	margin-left: 10px;
	margin-right: 10px;
}
.green {
	color: #030;
	font-weight: bold;
}
.Title {
	font-size: 1.6em;
}
.birdList {
	text-align: justify;
}
.right {
	font-size: 0.9em;
	text-align: right;
}
.title {
	background-color: #033;
	width: 800px;
	text-align: center;
}

.leader_area {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
	height:320px;
}

.description_area {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
	height:440px;
}

.guide_movie_area {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
		height:320px;

}

.description_area_height {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
	height:500px;
}

.description_area_book {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
	height:240px;
}

.description_area_160 {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float:clear;
	height:160px;
}

.wide_description {
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:10px;
}
.spacer_area {
	height:40px;
}

.tri_area {
	margin:0;
	padding:0;
	width:250px;
	float:left;
	text-align:center;
}

.main_description {
	line-height:1.8em;
	width:520px;
	float:left;
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
}

.right_description {
	line-height:1.8em;
	width:500px;
	float:right;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

.right_narrow_description {
	line-height:1.8em;
	width:250px;
	float:right;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

.guide_description {
	line-height:1.8em;
	width:400px;
	float:right;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}

.news_description {
	width:270px;
	float:right;
	padding:10px;
}
.figure {
	width:250px;
	float:right;
}

.figure_wide_left {
	width:500px;
	float:left;
}

.mov_left {
	width:346px;
	float:left;
}
.title_area {
	line-height:1.8em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width:780px;
	font-size:1.6em;
	text-align:left;
		
}

.figure_left {
	width:250px;
	float:left;
}

.description {
	font-size: 1.2em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.8em;;
}

.news { width: 231px; margin-left: 6px; *margin-left: 7px; display: inline-block; *display: inline ;zoom: 1; padding: 3px; background: white;  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; }
		.promos li:nth-child(1n) { border: none; } /* reset border for smart browsers */
		.promos li a { width: 231px; min-height: 149px; *height:149px; height:149px; margin: 0; padding-top:0; display: block; background: #fafafa; background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -moz-linear-gradient(top, #fafafa, #eeeeee); }
		.promos li a:hover { background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa)); background: -moz-linear-gradient(top, #fdfdfd, #fafafa); }
		.promos li a img { margin: 0; display: block; }
.credit1 {	font-size: 1ems;
	text-align: center;
}


.newsBar {
		margin-top:10 0 0 0;
		padding-top:18px;
		padding-left:70px;
		text-align:left;
		background:url(images/newsRegion_s1.png) no-repeat;
		height:80px;
		padding-bottom:0px;
		
}

.newsBar p.nList {
		float:left;	
		width:100px;
}

.nDate {
		font-size: 0.75em;
}
