/* CSS Document */

body{
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:small;
	line-height:1.3;
	color:#333333;
	background:#FFFFFF;
}
img{
 border:none;
}

#wrapper {
	width: 800px;
	margin:0 auto;
}
#wrapperTop {
	width: 800px;
	margin:0 auto;
	background: url(../image/bg_top.gif) left top repeat-x;
}
	#headerTopArea {
		width: 800px;
		height:50px;
		margin:0 auto;
		background:url(../image/header_bg.gif) left top repeat-x;
	}
	#headerArea {
	width: 800px;
		height:50px;
		background:url(../image/header_bg.gif) left top repeat-x;
	}
	#mainContentsArea {
		/*position:relative;*/ 
		width:760px;
		margin:0 auto;
		text-align:left;}
	#products #mainContentsArea {
		/*position:relative;*/ 
		width:800px;
		margin:0 auto;
		text-align:left;
		background:url(../../products/image_top/main.jpg) no-repeat;
		padding:0 20px;
		box-sizing:border-box;
		}
	
	
	
		#contentsArea {
			float:left;
			width:555px;
			margin: 0 15px 0px 5px;
		}
		
		
			#contentsArea h2{ margin:0px  0px 30px 0px; padding:0px}
		
	
		
		
		#localNavArea {
			float:right;
			width:170px;
		}
	#footerArea {
		clear:both;
		width: 800px;
		height:33px;
		margin:20px auto 0px auto;
		background:url(../image/footer_bg.gif) repeat-x left top;
	}
	#privacyPolicyArea {
		width: 600px;
		margin: 0;
		text-align: left;
	}

/* top page
-------------------------------------------------------------*/
.topBlock {
	margin: 20px 0 10px 0;
	width: 760px;

}

#topFlashArea {
	float: left;
	margin-bottom: 20px;
}
#topLocalNav {
	float: right;
}

#topBnrLinks {
	float: right;
}
.topBnrLink {
	margin: 0 0 10px 0;
}

/* ニュース＆トピックス */
#topInfoLinks {
float:left
}

#topicInfo {
	width: 550px;
	margin: 0 0 10px 0;
	 clear:both
}


#topInfoLinks ul {
	margin: 0;
	padding: 10px 10px;
	list-style: none;
	background: #E8E8E8;
	border: 1px solid #6799CE;
}

#topInfoLinks ul li {
	padding:0;
	font-size:12px;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCCCCC;

}


		/*　親boxの高さを算出：子boxにfloatを使用 */
		#topInfoLinks ul li{
			/*IE6,7用*/
			width:520px;
		
			/*mac IE5用*/
			/*\*/*/
			overflow:hidden;
			/**/
			}
		
		
		/* モダンブラウザ（IE6,7以外） */
		#topInfoLinks ul li:after{
			height:0px;
			visibility:hidden;
			content:".";
			display:block;
			clear:both;
			}




#topInfoLinks li .Date {
	padding:0 0;
	float:left;
	width:100px;

}

#topInfoLinks li .Info {
padding:0;
width:420px;
float:right;

}




#topInfoLinks li span em {
	color: #FF6300;
	font-style: normal;
}



/* header
-------------------------------------------------------------*/
#header{ position:relative; margin: 0px auto; width:760px; height:50px; text-align:left; }
#logo{ position:absolute; top:9px; margin:0; }

/* header global navigation
-------------------------------------------------------------*/
#globalNavigation{
	position:absolute;
	top:25px;
	left:360px;
	width:420px;
	

}
#globalNavigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#globalNavigation li.menu1{
	float:left;
	margin:0px 10px 0px 0px ;
}
#globalNavigation li.menu2{
	float:left;
	margin:0px 10px 0px 0px ;
}
#globalNavigation li.menu3{
	float:left;
	margin:0px 10px 0px 0px ;
}
#globalNavigation li.menu4{
	float:left;
	margin:0px 10px 0px 0px ;
}/* 製品・サービス */


#globalNavigation li.menu1,
#globalNavigation li.menu2,
#globalNavigation li.menu3,
#globalNavigation li.menu4{
_white-space:nowrap;
_width:50px


}



#globalNavigation li a{
	display:block;
	width:100%;
	padding:3px 0 3px 8px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../image/gnavi_arrow_off.gif) left center no-repeat;
}
#globalNavigation li a:hover{
	background:url(../image/gnavi_arrow_on.gif) left center no-repeat;
	color:#FFCC00;
	text-decoration:none;
}
.menu1,.menu2,.menu3{
	font-size:12px;
}

/* bulletCrumbsList
-------------------------------------------------------------*/
#breadcrumbsList { width:100%; }
#breadcrumbsList p{ padding:10px 10px 20px 10px ; margin-top:0;}

/* ページの先頭に戻る
-------------------------------------------------------------*/
.pageTopNav{ width:100%; margin:0; text-align:right; }
.pageTopNav p a{ background:url(../image/top_link.gif) left top no-repeat; padding: 0 0 0 15px; }

/* 詳細
-------------------------------------------------------------*/
.detailNav{ width:100%; margin:0; }
.detailNav p { margin:0 0 0 0; }
.detailNav p a{ background:url(../image/detail_link.gif) left top no-repeat; padding: 0 0 0 15px; }

.detailNav2{ width:100%; margin:0;}
.detailNav2 p { margin:0 0 0 0; }
.detailNav2 p a{ background:url(../image/detail_link.gif) left top no-repeat; padding: 0 0 0 15px; }


/* リクルート用右メニュー */
/* 企業情報用右メニュー */
#localRecNaviArea {
	display: inline;
	float: right;
	width: 170px;
	margin: 0px;
}
#localRecNavi {
	width: 170px;
	margin: 0px;
	padding: 0px;
}
#localRecNavi UL {
	width: 170px;
	list-style-type: none;
	margin:0;
	padding:0;
}
#localRecNavi UL LI {
	margin:0;
	padding:0;
}
#localRecNavi UL LI.header {
	background: url(../image/bg_r_menu_02.gif) 1px 1px repeat-y;
	border: 1px solid #666666;
	padding: 0px;
	margin: 0px;
	height:45px;
	overflow:hidden;
}
#localRecNavi UL LI.recMenu {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localRecNavi UL LI.recMenu A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_r_menu_01.gif) left top repeat-y;
}
#localRecNavi UL LI.recMenuActive {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localRecNavi UL LI.recMenuActive A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_r_menu_02.gif) left top repeat-y;
}
#localRecNavi UL LI.recMenu A:link,
#localRecNavi UL LI.recMenuActive A:link
{
	color: #333333;
	text-decoration: none;
}
#localRecNavi UL LI.recMenu A:visited,
#localRecNavi UL LI.recMenuActive A:visited
{
	color: #333333;
	text-decoration: none;
}
#localRecNavi UL LI.recMenu A:hover,
#localRecNavi UL LI.recMenuActive A:hover
{
	color: #333333;
	text-decoration: underline;
}
#localRecNavi UL LI.recMenu A:active,
#localRecNavi UL LI.recMenuActive A:active
{
	color: #333333;
	text-decoration: underline;
}

/* お問い合わせ用右メニュー */
#localInqNaviArea {
	display: inline;
	float: right;
	width: 170px;
	margin: 0px;
}
#localInqNavi {
	width: 170px;
	margin: 0px;
	padding: 0px;
}
#localInqNavi UL {
	width: 170px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#localInqNavi UL LI.header {
	background: url(../image/bg_i_menu_01.gif) 1px 1px repeat-y;
	border: 1px solid #666666;
	padding: 0px;
	margin: 0px;
	height:45px;
	overflow:hidden;
}
/* 企業情報用右メニュー */
#localComNaviArea {
	display: inline;
	float: right;
	width: 170px;
	margin: 0px;
}
#localComNavi {
	width: 170px;
	margin: 0px;
	padding: 0px;
}
#localComNavi UL {
	width: 170px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#localComNavi UL LI.header {
	background: url(../image/bg_c_menu_02.gif) 1px 1px repeat-y;
	border: 1px solid #666666;
	padding: 0px;
	margin: 0px;
	height:45px;
	overflow:hidden;
}
#localComNavi UL LI.companyMenu {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localComNavi UL LI.companyMenu A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_c_menu_01.gif) left top repeat-y;
}
#localComNavi UL LI.companyMenuActive {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localComNavi UL LI.companyMenuActive A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_c_menu_02.gif) left top repeat-y;
}
#localComNavi UL LI.companyMenu A:link,
#localComNavi UL LI.companyMenuActive A:link
{
	color: #333333;
	text-decoration: none;
}
#localComNavi UL LI.companyMenu A:visited,
#localComNavi UL LI.companyMenuActive A:visited
{
	color: #333333;
	text-decoration: none;
}
#localComNavi UL LI.companyMenu A:hover,
#localComNavi UL LI.companyMenuActive A:hover
{
	color: #333333;
	text-decoration: underline;
}
#localComNavi UL LI.companyMenu A:active,
#localComNavi UL LI.companyMenuActive A:active
{
	color: #333333;
	text-decoration: underline;
}

/* 右メニュー用 */
#localNaviArea {
	display: inline;
	float: right;
	width: 170px;
	margin: 0;
}
#localNavi {
	width: 170px;
	margin: 0;
	padding: 0;
}
#localNavi UL {
	width: 170px;
	list-style-type: none;
	margin:0;
	padding:0;
}

#localNavi UL LI.header {
	border: solid 1px #666666;
	background: url(../image/bg_p_menu_top.gif) 0px 0px repeat-y;
	_background: url(../image/bg_p_menu_top.gif) 1px 0px repeat-y ;
	overflow:hidden;
	display:block;
	margin:0px; padding:0px;
	height:55px
}
#localNavi UL LI.relatedMenu {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.relatedMenu A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_p_menu_01.gif) left top repeat-y;
}
#localNavi UL LI.relatedMenuActive {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.relatedMenuActive A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_p_menu_02.gif) left top repeat-y;
}
#localNavi UL LI.categoryMenu {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.categoryMenu A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	background: url(../image/bg_p_menu_03.gif) left top repeat-y;
}
#localNavi UL LI.categoryMenuActive {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.categoryMenuActive A {
	display: block;
	width: 148px !important;
	width /**/:170px;
	padding: 8px 5px 8px 15px;
	color: #FFFFFF;
	background: url(../image/bg_p_menu_04.gif) left top repeat-y;
}
#localNavi UL LI.subMenu {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.subMenu A {
	display: block;
	width: 138px !important;
	width /**/:170px;
	padding: 8px 5px 8px 25px;
	background: url(../image/bg_p_menu_05.gif) left top repeat-y;
}
#localNavi UL LI.subMenuActive {
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
}
#localNavi UL LI.subMenuActive A {
	display: block;
	width: 138px !important;
	width /**/:170px;
	padding: 8px 5px 8px 25px;
	background: url(../image/bg_p_menu_06.gif) left top repeat-y;
}

#localNavi UL LI.relatedMenu A:link
{
	color: #FFFFFF;
	text-decoration: none;
}
#localNavi UL LI.relatedMenu A:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
#localNavi UL LI.relatedMenu A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
#localNavi UL LI.relatedMenu A:active
{
	color: #FFFFFF;
	text-decoration: underline;
}


#localNavi UL LI.categoryMenu A:link,
#localNavi UL LI.subMenu A:link
{
	color: #333333;
	text-decoration: none;
}
#localNavi UL LI.categoryMenu A:visited,
#localNavi UL LI.subMenu A:visited
{
	color: #333333;
	text-decoration: none;
}
#localNavi UL LI.categoryMenu A:hover,
#localNavi UL LI.subMenu A:hover
{
	color: #333333;
	text-decoration: underline;
}
#localNavi UL LI.categoryMenu A:active,
#localNavi UL LI.subMenu A:active
{
	color: #333333;
	text-decoration: underline;
}

/* アクティブ時の文字リンク色 */
#localNavi UL LI.activeWhite A:link {
	color: #FFFFFF;
	text-decoration: none;
}

#localNavi UL LI.activeWhite A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#localNavi UL LI.activeWhite A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#localNavi UL LI.activeWhite A:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#localNavi UL LI.activeGray A:link {
	color: #333333;
	text-decoration: none;
}

#localNavi UL LI.activeGray A:visited {
	color: #333333;
	text-decoration: none;
}
#localNavi UL LI.activeGray A:hover {
	color: #333333;
	text-decoration: none;
}
#localNavi UL LI.activeGray A:active {
	color: #333333;
	text-decoration: none;
}

#bannar {
	margin-top: 15px;
	padding: 0px;
}
#bannar IMG {
	margin-bottom: 5px;
}
#listMaker {
	margin:20px 0 0 0;
}
#listMaker table td {
	padding-left: 8px;
}
#listMaker table td.top {
	border-left: solid 4px #FF0000;
	font-weight: bold;
	background-color: #EEEEEE;
}

/* 200708追加 製品別施工事例リンク
----------------------------------------------------------*/
#listCase {
	margin:20px 0 0 0;
}
#listCase table td {
	padding-left: 8px;
}
#listCase table td.top {
	border-left: solid 4px #FF0000;
	font-weight: bold;
	background-color: #EEEEEE;
}
#listCase table td a:link {
	color:#0033FF;
}
#listCase table td a:visited {
	color:#0033FF;
}
#listCase table td a:hover {
	color:#FF9900;
}
#listCase table td a:active {
	color:#FF9900;
}
#listCase table td.current a:link {
	color:#FF0000;
}
#listCase table td.current a:visited {
	color:#FF0000;
}
#listCase table td.current a:hover {
	color:#FF9900;
}
#listCase table td.current a:active {
	color:#FF9900;
}

/* localNav
#localNavArea ul { list-style: none; margin: 0; padding:0; }

#localNav ul { list-style:none; border-left: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; }
#localNav ul li a {
	display:block;
	width: 158px;
	padding: 8px 5px 8px 5px;
	border-bottom: 1px solid #000000;
	background-color: #CCCCCC;
}

#bnrNav { margin-top: 15px; }
#bnrNav ul li { margin-bottom: 5px; }

#makerListNav { margin-top: 15px; }
#makerListNav ul li a {
	display:block;
	width: 160px;
	padding: 8px 5px 8px 5px;
	background-color: #FFFFFF;
}
*/

/* footer
-------------------------------------------------------------*/
#footer { position: relative; margin: 0px auto; width: 760px; height: 33px; text-align:left; }
#footerLinks { position: absolute; left: 10px; top: 10px; }
#copyright { position: absolute; left: 420px; top: 10px; }

/* history table
-------------------------------------------------------------*/
#companyTbl table { }
#companyTbl table td { padding: 3px 0px; vertical-align: top; }
#companyTbl table td span { color: #94B65E; } 　/* 2015/02/09 */

/* ネットワーク
-------------------------------------------------------------*/
#contentsArea p.officeDetail1 { margin-left: 15px; }
#contentsArea p.officeDetail2 { margin-left: 35px; }
#contentsArea p.officeDetail3 { margin-left: 55px; }
#contentsArea p.officeDetail4 { margin-left: 75px; }

#contentsArea .blockContents p.officeDetail1 { margin-left: 15px; }
#contentsArea .blockContents p.officeDetail2 { margin-left: 35px; }
#contentsArea .blockContents p.officeDetail3 { margin-left: 55px; }
#contentsArea .blockContents p.officeDetail4 { margin-left: 75px; }

/* privacy policy
-------------------------------------------------------------*/
#privacyPolicyArea h2 {
	width:585px !important;
	width /**/:600px;
	border-left: solid 5px #000066;
	border-bottom: solid 2px #000066;
	padding: 4px 5px 5px 5px;
	font-size: 110%;
	line-height: 130%;
	margin: 15px 0;
	background-color: #FFFFFF;
}
#privacyPolicyArea h3 {
	width:585px !important;
	width /**/:600px;
	padding: 4px 5px 5px 5px;
	font-size: 100%;
	border-left: solid 5px #000066;
	background-color: #EEEEEE;
}
#privacyPolicyArea p {
	margin: 5px 5px;
}
#privacyPolicyArea ol {
	margin-left: 48px;
}
#privacyPolicyArea ul {
	margin-left: 40px;
}

.BoxCareHandle {
	margin: 10px 0px 0px 20px;
	overflow: visible; 
}
.BoxCareHandle .BoxCareHandleLCol {
	float: left;
	margin: 0px 0px 0px 0px;
	overflow: visible; 
}
.BoxCareHandle .BoxCareHandleRCol {
	float: right;
	width: 320px;
	margin: 0px 0px 0px 0px;
	overflow: visible; 
}
.BoxCareHandle .BoxCareHandleLRCol {
	clear: both;
	margin: 0px 0px 0px 0px;
	overflow: visible; 
}
img.photo {
	margin: 0px 10px 0px 10px;
}



.BoxCareHandleNumber {
	float: right;
	width: 365px;
	margin: 0px 0px 0px 0px;
	overflow: visible; 
	}
.BoxCareHandleNumber strong {
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	}
.BoxCareHandleComment {
	clear: both;
	margin: 0px 0px 0px 0px;
	overflow: visible; 
	}
	
	
	
	

.center{ text-align:center}
	
.clear{ clear:both}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.fl_r{
	float:right;}

.env_list{
	padding-left:2.3em;
	list-style:none;}
.env_list li{
	text-indent:-1.7em;
	line-height:1.5;}
	
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}