@charset "Shift_JIS";

/*--------------------------------

	common style

--------------------------------*/

#wrapper {
	text-align: left;
}

#mainBody a {
	color:#555;
}

/*#mainBody a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}*/



/*--------------------------------
	secHeader
--------------------------------*/
#secHeader {
	width: 100%;
	background: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#secHeader h1 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	width: 950px;
	height: 15px;
	margin: 0 auto;
	padding-top: 5px;
}



/*--------------------------------
	header
--------------------------------*/
#secHeader #header {
	position: static;
}
#header {
	width: 100%;
	height: 50px;
	background: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#header .container {
	width:950px;
	height: 50px;
	position: relative;
	margin:0 auto 0;
}
#header .container .siteLogo {
	width: 550px;
	height: 50px;
	float: left;
}
#header .siteLogo li {
	height: 50px;
	float: left;
}
#header .siteLogo li.catch{
	width: 291px;
	padding-right: 10px;
}
#header .siteLogo li.company{
	width: 245px;
}
#header .siteLogo li.office{
	padding: 5px 5px 5px 10px;
	width: 135px;
	color: #FFFFFF;
	font-size: 60%;
	background-image: url(/common/images/head_line.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#header .siteLogo li.office span{
	font-size: 115%;
	background-image: url(/common/images/icon_tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding-left: 20px;
}
#header .siteLogo li.mainSite{
	width: 132px;
}
#header .siteLogo li.news{
	width: 69px;
}
#header .container p {
	width: 380px;
	height: 24px;
	float: right;
	padding-top: 20px;
}
#header .container p a {
	display: block;
	width: 185px;
	height: 24px;
	float: right;
}
#header .container p a+a {
	margin-right: 10px;
}
#header .container p a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#header2nd {
	width: 100%;
	background: #000000;
}
#header2nd .container {
	width: 950px;
	height: 50px;
	margin: 0 auto;
}
#header2nd ul {
	height: 50px;
}
#header2nd ul li.catch {
	width: 291px;
	height: 50px;
	float: left;
}
#header2nd ul li.link {
	float: right;
	padding: 10px 5px 0 0;
}
#header2nd ul li.link a {
	display: inline-block;
	color: #FFFFFF;
	font-size: 80%;
	text-decoration: none;
	line-height: 1.2;
}
#header.formParts .container .siteLogo {
	width: 291px;
}
#header.formParts .siteLogo li.catch {
	padding-right: 0;
}
#header.formParts .officeBlock {
	color: #FFFFFF;
	float: right;
	padding-top: 10px;
}
#header.formParts .officeBlock dl {
	font-size: 80%;
	height: 34px;
	float: left;
}
#header.formParts .officeBlock dl+dl {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #FFFFFF;
}
#header.formParts .officeBlock dl dd {
	background: url(/common/images/icon_tel.jpg) no-repeat left center;
	padding-left: 22px;
}



/*--------------------------------
	mainGNav
--------------------------------*/
#secHeader+#gMainNav {
	margin-top: 70px;
}
#gMainNav {
	width:950px;
	margin: 50px auto 0 auto;
}
#gMainNav ul#gNavMenu {
	position:relative;
}
#gMainNav ul#gNavMenu img {
	display: block;
}
#gMainNav ul#gNavMenu li {
	float: left;
	position: relative;
	margin-right:3px;
}
#gMainNav ul#gNavMenu li.companyMap {
	margin-right:38px;
}
#gMainNav ul#gNavMenu li.contact {
	margin-right:0;
}

#gMainNav ul#gNavMenu ul {
	width: 150px;
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
}
#gMainNav ul#gNavMenu ul li {
	/*margin-bottom:2px;*/
}
#gMainNav ul#gNavMenu ul li a {
	display: block;
	width:150px;
	line-height: 1;
}


/*--------------------------------
	mainVisual
--------------------------------*/
#mainVisual {
	width:950px;
	margin:0 auto 0;
}
#mainVisual img {
	display: block;
}

/*--------------------------------
	subNav
--------------------------------*/
#subNav {
	width:950px;
	margin:0 auto 0;
}
#subNav ul {
	padding-top:3px;
}
#subNav ul li {
	line-height: 1;
	width:132px;
	float: left;
	margin-right: 4px;
}
#subNav ul li.last {
	margin-right: 0;
}
#subNav ul li img {
	display: block;
}

/*--------------------------------
	topicPath
--------------------------------*/
ul#topicPath {
	width:950px;
	margin:0 auto 0;
	font-size: 69%;
	list-style: none;
	padding: 20px 0 19px;
	text-align: left;
	border-bottom:1px solid #ddd;
}
ul#topicPath li {
	background: url(../images/icon_tpicPath.gif) no-repeat left center;
	display: inline;
	margin: 0 0 0 5px;
	padding-left: 10px;
}
ul#topicPath li.top {
	background: none;
	padding-left: 0;
}
ul#topicPath li a {
	color:#555;
}

/*--------------------------------
	contents
--------------------------------*/
#contents {
	width:950px;
	margin:15px auto 0;
}

/*
	mainBody
--------------------------------*/
#contents #mainBody {
	width:720px;
	float: left;
}

#contents #mainBody h2 {
	margin-bottom:20px;
	line-height: 1;
}
#contents #mainBody h3.ttlCom {
	background-image: url(../images/bg_ttl_h3.gif);
	text-indent: 0;
	height: 36px;
	line-height: 36px;
	padding-left: 1em;
	color: #FFFFFF;
}

/*
	mainBody singleColumn
--------------------------------*/
#contents.sClm #mainBody {
	width:auto;
	float: none;
	width:950px;
}
#contents.sClm #mainBody .container {
	padding:0 50px 0;
}

/*
	sideBar
--------------------------------*/
#contents #sideBar {
	width:200px;
	float: right;
}
#contents #sideBar ul {
	padding:1px;
	background: url(../images/bg_nav_sideBar.gif) no-repeat 0 top;
}
#contents #sideBar ul li {
	margin-bottom: 1px;
	text-indent: -9999px;
}
#contents #sideBar ul li a {
	display: block;
	width:198px;
	height: 48px;
	background: url(../images/side_navBar.jpg) no-repeat 0 0;
}
#contents #sideBar ul li.sideSeminar {
	margin-bottom: 25px;
}
#contents #sideBar ul li.consArea a {
	height: 144px;
}
#contents #sideBar ul li a:hover {
	background: url(../images/side_navBar_on.jpg) no-repeat 0 0;
}

#contents #sideBar ul li.sideContanct a {background-position: 0 0;}
#contents #sideBar ul li.sideContanct a:hover {background-position: 0 0;}
#contents #sideBar ul li.sideTelephone a {background-position: 0 -49px;}
#contents #sideBar ul li.sideTelephone a:hover {background-position: 0 -49px;}
#contents #sideBar ul li.sideExhibit a {background-position: 0 -98px;}
#contents #sideBar ul li.sideExhibit a:hover {background-position: 0 -98px;}
#contents #sideBar ul li.sideSeminar a {background-position: 0 -147px;}
#contents #sideBar ul li.sideSeminar a:hover {background-position: 0 -147px;}

#contents #sideBar ul li.works a {background-position: 0 -221px;}
#contents #sideBar ul li.works a:hover {background-position: 0 -221px;}
#contents #sideBar ul li.wModern a {background-position: 0 -270px;}
#contents #sideBar ul li.wModern a:hover {background-position: 0 -270px;}
#contents #sideBar ul li.sModern a {background-position: 0 -319px;}
#contents #sideBar ul li.sModern a:hover {background-position: 0 -319px;}
#contents #sideBar ul li.courtyard a {background-position: 0 -368px;}
#contents #sideBar ul li.courtyard a:hover {background-position: 0 -368px;}
#contents #sideBar ul li.nisetai a {background-position: 0 -417px;}
#contents #sideBar ul li.nisetai a:hover {background-position: 0 -417px;}
#contents #sideBar ul li.tFramed a {background-position: 0 -466px;}
#contents #sideBar ul li.tFramed a:hover {background-position: 0 -466px;}
#contents #sideBar ul li.oInsulation a {background-position: 0 -515px;}
#contents #sideBar ul li.oInsulation a:hover {background-position: 0 -515px;}
#contents #sideBar ul li.projects a {background-position: 0 -564px;}
#contents #sideBar ul li.projects a:hover {background-position: 0 -564px;}
#contents #sideBar ul li.sHome a {background-position: 0 -613px;}
#contents #sideBar ul li.sHome a:hover {background-position: 0 -613px;}

#contents #sideBar ul li.consArea a {background-position: 0 -760px;}
#contents #sideBar ul li.consArea a:hover {background-position: 0 -760px;}

#contents #sideBar ul li.system a {background-position: 0 -662px;}
#contents #sideBar ul li.system a:hover {background-position: 0 -662px;}
#contents #sideBar ul li.cHome a {background-position: 0 -711px;}
#contents #sideBar ul li.cHome a:hover {background-position: 0 -711px;}


#contents #sideBar ul li.consArea {
	margin-bottom:16px;
}


#contents #sideBar.sideBar2nd ul {
	padding:1px;
	background: url(../images/bg_nav_sideBar_2nd.gif) no-repeat 0 top;
}
#contents #sideBar ul li.staffBlog a,
#contents #sideBar ul li.companyBlog a {
	height: 100px;
}
#contents #sideBar ul li.staffBlog a {
	background: url(../images/side_nav_staff_blog.png) no-repeat left top;
}
#contents #sideBar ul li.companyBlog a {
	background: url(../images/side_nav_company_blog.png) no-repeat left top;
}
#contents #sideBar ul li.staffBlog a:hover,
#contents #sideBar ul li.companyBlog a:hover {
	background-position: left bottom;
}


/*--------------------------------
	pageTop
--------------------------------*/
#pageTop {
	width:950px;
	margin:30px auto 0;
	padding:12px 0 12px;
	border-top:1px solid #ddd;
	text-align: right;
}
#pageTop p {
	background: url(../images/icon_pageTop.gif) no-repeat right center;
	padding-right:15px;
	font-size:77%;
}
#pageTop p a {
	color:#151515;
	text-decoration: none;
}



/*--------------------------------
	secFooter
--------------------------------*/
#secFooter {
	font-size: 12px;
	width: 950px;
	margin: 0 auto 20px auto;
}
#secFooter .block01 .box01 {
	padding: 10px 20px;
	margin-bottom: 10px;
	background: #F0F0F0;
}
#secFooter .block01 .txtFooter {
	text-align: right;
}



/*--------------------------------
	footerLink
--------------------------------*/
#footerLink {
	background-color: #f0f0f0;
}
#footerLink .container {
	width: 900px;
	padding: 20px 0;
	margin: 0 auto 0;
}
#footerLink .footerBlock {
	width: 900px;
}
#footerLink .footerBlock .footerBox {
	width: 216px;
	float: left;
	margin-right: 12px;
}
#footerLink .footerBlock .footerBox04 {
	margin-right: 0;
}
#footerLink .footerBox .list {
}
#footerLink .footerBox .list+.list {
	margin-top: 20px;
}
#footerLink .list.lastBox {
	width:330px;
}
#footerLink h3 {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 8px;
}
#footerLink ul li+li {
	margin-top: 5px;
}

/* IE */
* html #footerLink ul li {font-size:63%;letter-spacing: 1px;}
*+html #footerLink ul li {font-size:63%;letter-spacing: 1px;}

#footerLink ul li a {
	display: block;
	color:#666666;
	font-size: 70%;
	line-height: 1.2;
	text-decoration: none;
	padding: 1px 0 1px 5px;
	border-left: 1px solid #666666;
}
#footerLink ul li a:hover {
	text-decoration: underline;
}

/*--------------------------------
	footer
--------------------------------*/
#footer,
#footer2nd {
	background-color: #000;
}
#footer .container,
#footer2nd .container {
	width:950px;
	margin:0 auto 0;
}
#footer .container p.logo {
	width:60px;
	float: right;
	text-align: right;
	padding-top:15px;
}
#footer .container .copyright {
	margin-right:60px;
}
#footer .container .copyright p {
	padding:23px 0 17px;
	border-bottom:1px solid #777777;
}
#footer .container .copyright span {
	display: block;
	padding:17px 0 23px;
}

/* 140821‰ü�C */
#footer .container .ftR {
	width: 60px;
	float: right;
}
#footer .container .ftR .logo {
	width: 60px;
	text-align: right;
	padding-top: 15px;
}
#footer2nd .container .ftL {
	width: 950px;
	float: left;
}
#footer2nd .container .ftTop {
	width: 950px;
}
#footer2nd .container .ftTop {
	height: 50px;
}
#footer2nd .container .ftTop p {
	width: 236px;
	padding: 20px 0;
	float: left;
}
#footer2nd .container .ftTop ul li {
	float: right;
}
#footer2nd .container .ftTop ul li.office {
	padding: 5px 5px 5px 10px;
	width: 135px;
	color: #FFFFFF;
	font-size: 60%;
	background-image: url(/common/images/head_line.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#footer2nd .container .ftTop ul li.office2 {
	background-image: none;
}
#footer2nd .container .ftTop ul li.office span {
	font-size: 115%;
	background-image: url(/common/images/icon_tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding-left: 20px;
}

/*
#footer.formParts .siteLogo {
	width: 490px;
	float: left;
}
#footer.formParts .siteLogo dl img {
	vertical-align: top;
}
#footer.formParts .siteLogo dl dt {
	border-bottom: 1px solid #FFFFFF;
}
#footer.formParts .siteLogo dl dd {
	line-height: 40px;
	height: 40px;
}
#footer.formParts .siteLogo dl dd img {
	display: block;
	padding-top: 16px;
}
#footer.formParts .officeBlock {
	float: right;
	padding-top: 16px;
}
#footer.formParts .officeBlock dl {
	color: #FFFFFF;
	font-size: 100%;
	float: left;
}
#footer.formParts .officeBlock dl+dl {
	margin-left: 20px;
}
#footer.formParts .officeBlock dl dd {
	background: url(/common/images/icon_tel.jpg) no-repeat left center;
	padding-left: 22px;
}
*/



/* 180823 ‰ü�C */
#footer .ftBlock01 .blockL {
	text-align: left;
	width: 300px;
	height: 50px;
	float: left;
}
#footer .ftBlock01 .blockL p a {
	color: #FFFFFF;
	font-size: 65%;
	text-decoration: none;
	line-height: 50px;
	padding-left: 15px;
	background: url(/common/images/icn_target_blank_s.png) no-repeat left center;
}
#footer .ftBlock01 .blockL p a:hover {
	text-decoration: underline;
}
#footer .ftBlock01 .blockC {
	text-align: center;
	line-height: 50px;
	width: 350px;
	height: 50px;
	float: left;
}
#footer .ftBlock01 .blockC p {
	padding-top: 20px;
}
#footer .ftBlock01 .blockR {
	text-align: right;
	width: 300px;
	height: 50px;
	float: right;
}

/*		formParts
--------------------------------------------------*/
#footer.formParts .ftBlock01 .blockC {
	text-align: left;
	line-height: 50px;
	width: 350px;
	height: 50px;
	float: left;
}





/*--------------------------------

	other style

--------------------------------*/
.bnrBlock {
	margin-bottom: 20px;
}
.bnrBlock ul .bnrL {
	width: 210px;
	height: 85px;
	float: left;
}
.bnrBlock ul .bnrL a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 210px;
	height: 85px;
	background-image: url(../images/bnr_works.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bnrBlock ul .bnrL a:hover {
	background-position: left bottom;
}
.bnrBlock ul .bnrR {
	width: 500px;
	height: 85px;
	float: right;
}
.bnrBlock ul .bnrR a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 500px;
	height: 85px;
	background-image: url(../images/bnr_order_500.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.bnrBlock ul .bnrR a:hover {
	background-position: left bottom;
}



/*--------------------------------
	ttlCap
--------------------------------*/
.ttlCap {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}



/*--------------------------------------------------
		secPrjNav
--------------------------------------------------*/
#secPrjNav {
	font-size: 12px;
	width: 950px;
	padding-top: 40px;
	margin: 0 auto 20px;
}
#secPrjNav h3 {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 950px;
	height: 41px;
	margin-bottom: 20px;
	background: url(/images/ttl_h2_project.gif) no-repeat 0 0;
}
#secPrjNav ul {
	padding: 0 5px;
}
#secPrjNav ul li {
	width: 220px;
	float: left;
}
#secPrjNav ul li+li {
	margin-left: 20px;
}
#secPrjNav ul li a {
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	width: 220px;
	height: 160px;
	background-position: left top;
	background-repeat: no-repeat;
}
#secPrjNav ul li a:hover {
	background-position: left bottom;
}
#secPrjNav ul li.prjNav01 a {background-image:url(../images/btn_prj_company.png);}
#secPrjNav ul li.prjNav02 a {background-image:url(../images/btn_prj_concept.png);}
#secPrjNav ul li.prjNav03 a {background-image:url(../images/btn_prj_nagare.png);}
#secPrjNav ul li.prjNav04 a {background-image:url(../images/btn_prj_qa.png);}



/*--------------------------------------------------
		 !important
--------------------------------------------------*/
/* align */
.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}

/* font-family */
.mincho {font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif !important;}

/* font-weight */
.normal {font-weight: normal !important;}
.bold {font-weight: bold !important;}

/* font-size */
.fs70 {font-size: 70% !important;}
.fs75 {font-size: 75% !important;}
.fs80 {font-size: 80% !important;}
.fs85 {font-size: 85% !important;}
.fs90 {font-size: 90% !important;}
.fs95 {font-size: 95% !important;}
.fs100 {font-size: 100% !important;}
.fs120 {font-size: 120% !important;}
.fs140 {font-size: 140% !important;}
.fs160 {font-size: 160% !important;}
.fs180 {font-size: 180% !important;}

/*-- margin --*/
.mrgT0{margin-top: 0 !important;}
.mrgT5{margin-top: 5px !important;}
.mrgT10{margin-top: 10px !important;}
.mrgT15{margin-top: 15px !important;}
.mrgT20{margin-top: 20px !important;}
.mrgT25{margin-top: 25px !important;}
.mrgT30{margin-top: 30px !important;}

.mrgR0{margin-right: 0 !important;}
.mrgR5{margin-right: 5px !important;}
.mrgR10{margin-right: 10px !important;}
.mrgR15{margin-right: 15px !important;}
.mrgR20{margin-right: 20px !important;}
.mrgR25{margin-right: 25px !important;}
.mrgR30{margin-right: 30px !important;}

.mrgB0{margin-bottom: 0 !important;}
.mrgB5{margin-bottom: 5px !important;}
.mrgB10{margin-bottom: 10px !important;}
.mrgB15{margin-bottom: 15px !important;}
.mrgB20{margin-bottom: 20px !important;}
.mrgB25{margin-bottom: 25px !important;}
.mrgB30{margin-bottom: 30px !important;}
.mrgB40{margin-bottom: 40px !important;}
.mrgB50{margin-bottom: 50px !important;}
.mrgB60{margin-bottom: 60px !important;}
.mrgB80{margin-bottom: 80px !important;}
.mrgB100{margin-bottom: 100px !important;}

.mrgL5{margin-left: 5px !important;}
.mrgL10{margin-left: 10px !important;}
.mrgL15{margin-left: 15px !important;}
.mrgL20{margin-left: 20px !important;}
.mrgL23{margin-left: 23px !important;}
.mrgL25{margin-left: 25px !important;}
.mrgL30{margin-left: 30px !important;}
.mrgL30{margin-left: 30px !important;}

/*-- padding --*/
.pad10 {padding: 20px !important;}
.pad20 {padding: 20px !important;}

.padT0 {padding-top: 0 !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT20 {padding-top: 20px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}



/*--------------------------------

	clearfix

--------------------------------*/
#footerLink ul:after,
#footer .container:after,
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	clear:both;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
* html #footerLink ul,
* html #footer .container,
* html .clearfix{
	display:inline-block;
}
#footerLink ul,
#footer .container,
.clearfix{
	height:1%;
}