@charset 'Shift_JIS';


/*common.css*/
/* 1: Block Elements
--------------------------------------------------------------------------------*/

html {
	overflow-y: scroll;
}

body, td, th {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.6;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Verdana, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, ul, ol, li, dl, dt, dd,
caption, address, form {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

p, blockquote {
	margin: 1em 0;
}

table {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

caption {
	text-align: left;
}

ul, ol {
	list-style: none;
}


/* 2: Inline Elements
--------------------------------------------------------------------------------*/

img {
	zoom: 1;
	border: none;
	vertical-align: bottom;
}

a img {
	border: 0;
}

small {
	font-size: 10px;
}

*+html small {
	font-family: メイリオ, Meiryo, "MS PGothic", sans-serif; /*IE7*/
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

del {
	text-decoration: line-through;
}


/*EOF*/
/*modules.css*/
/* 1: Common Objects
--------------------------------------------------*/

hr {
	display: block;
	height: 1px;
	border-top: 1px solid #aed053;
	border-left: none;
	border-bottom: none;
	border-right: none;
	background: transparent;
}


.hiddenNavi { /*要調整*/
	display: none;
}

.note {
	margin-left: 1em;
	text-indent: -1em;
}

.txtImg {
	height: 1%;
	font-size: 1%;
	line-height: 1%;
}

ul.general {
	list-style-type: disc;
	margin: 1em;
	padding: 0 1em;
}

ol.general {
	list-style-type: decimal;
	margin: 1em 1.5em;
	padding: 0 1em;
}

ul.general li,
ol.general li {
	margin-bottom: 0.3em;
}


/* 2: Float
--------------------------------------------------*/

.fRight {float: right;}
.fLeft  {float: left;}
.cLeft  {clear: left;}
.cRight {clear: right;}
.cBoth  {clear: both;}
.clear  {clear: both;}

.clearfix { /*IE5.5-7*/
	zoom: 1;
}

.clearfix:after { /*Modern*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix { /*MacIE5*/
	display: inline-block;
	/*\*/display: block;/**/
}


/* 3: Alignment
--------------------------------------------------*/

.tLeft   {text-align: left !important;}
.tCenter {text-align: center !important;}
.tRight  {text-align: right !important;}


/* 4: Dummy
--------------------------------------------------*/

.noPrint,
.imgover {
}


/*EOF*/
/*style.css*/


/*Default Style*/

body {
	color: #222;
	text-align: center;
	background: #fff url(../img/bg.png) center repeat-y;
}

a {text-decoration: none;}
a:link    {color: #409d27;}
a:visited {color: #698c5f;}
a:hover   {color: #ffa500;}
a:active  {color: #ff7400;}


/*block
--------------------------------------------------*/

#wrapper {
	width: 714px;
	text-align: left;

}


#content {
	width: 704px;
	background: url(../img/bg_content.png) repeat-y;
	padding:12px 0px 0px 26px;
}

/*fullWidth*/
#contentFull {
	width: 714px;
	margin: 10px auto;
	background: #e0f3bb;
}

#contentInner {
	width: 580px;
	margin: 0 auto;
	padding: 20px 0;
}

#leftCol {
	float: left;
	width: 110px;
}

#rightCol {
	float: right;
	width: 580px;
}

.normalCol {
	padding-bottom: 30px;
	background-color: #e4ebe6;
	background-position: bottom;
	background-repeat: no-repeat;
	
}

.blackCol {
	padding-bottom: 30px;
	background-color: #000;
	background-position: bottom;
	background-repeat: no-repeat;
	color: #fff;
	
}

.grayCol {
	padding-bottom: 30px;
	background-color: #ddd;
	background-position: bottom;
	background-repeat: no-repeat;
	color: #222;
	
}


/*header
--------------------------------------------------*/

#header {
	position: relative;
	width: 780px;
	height: 80px;
	background: url(../img/logo.jpg) no-repeat left top;
}


h1 a {
	display: block;
	position: absolute;
	width: 215px;
	height: 40px;
	left: 555px;
	top: 5px;
	text-indent: -9999px;
	/* Hide Form Mac IE \*/
	overflow: hidden;
	/* End */
}



#bizsearchAspForm {
	display: block;
	position: absolute;
	top: 50px;
	left: 560px;
	width: 220px;
	padding: 0;
}


#bizsearchAspQuery {
	width: 140px;
	margin: 0;
	padding: 2px 2px 2px 20px;
	background: url(../img/search_form.png) no-repeat;
	border: 1px solid #999;
	vertical-align: middle;
}

#searchBtn {
	vertical-align: middle;
}



/*footer
-------------------------------------------------*/

/*toPageTop*/


#toPageTop {
	clear: both;
	height: 15px;
	margin: 10px 10px 10px;
	text-indent: -9999px;
}
	
#toPageTop a {
	display: block;
	float: right;
	width: 90px;
	height: 15px;
	background: url(../img/topagetop.png) no-repeat;
	overflow: hidden;
}

#toPageTop a:hover {
	background-position: 0 -15px;
}


#footer {
	width: 760px;
	height: 15px;
	margin: 20px auto 0;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#footer ul.footerCorporate {
	float: left;
	overflow: hidden;
}

#footer ul.footerMenu {
	float: right;
}


#footer ul.footerCorporate li {
	display: inline;
	margin-left: -1px;
	padding: 0 7px 0 8px;
	border-left: 1px solid #999;
	zoom: 1;
}

#footer ul.footerMenu li {
	display: inline;
	margin-right: 10px;
}

#footer img {
	vertical-align: top;
}

#copyright {
	width: 760px;
	margin: 10px auto 30px;
	padding-top: 5px;
	border-top: 1px solid #eee;
}




/*譛ｬ譁?
--------------------------------------------------*/

.textBox {
	margin: 0 20px 0 40px;
}

.separate {
	margin: 10px 0 10px 40px;
	font-size: 1%;
	line-height: 0%;
}

.separate2 {
	margin: 20px 0 20px 40px;
	font-size: 1%;
	line-height: 0%;
}

ul.bullet {
	margin: 10px;
}

ul.bullet li {
	margin-bottom: 5px;
	padding-left: 12px;
	background: #E0F3BB url(/_common/img/bullet.gif)  0 5px no-repeat;
}



#rightCol h2 {
	margin:0px 0 10px 5px;
    padding-top:15px;
}

#rightCol h2.imgHead {
	margin: 0;
}

#rightCol h3 {
	margin: 30px 0 20px 40px;
	text-align:left;
}

.lead {
	margin: 10px 0 0 40px;
}

.sub {
	font-size: 10px;
}

.w200 {width: 200px;}
.w220 {width: 220px;}
.w240 {width: 240px;}
.w320 {width: 320px;}


.picText {
	padding: 2px 5px;
	background: #666;
	color: #fff;
	font-size: 10px;
}

.pageNate {
	clear: both;
	margin: 0 40px;
	padding: 20px 0;
	height: 34px;
}

.pageNate .next {
	float: right;
	width: 208px;
}

.pageNate .prev {
	float: left;
	width: 208px;
}


.newWin {
	vertical-align: middle;
	margin: 0 5px;
}

.first {
	margin-top: 0 !important;
}



/* top menu
--------------------------------------------------*/

#mainMenu {
	margin: 3px 0 20px;
}

#mainMenu ul {
	position: relative;
	width: 780px;
	height: 33px;
	background: url(/_common/img/menu.png) no-repeat;
}

#mainMenu ul li {
	position: absolute;
	top: 0px;
	height: 33px;
	text-indent: -9999px;
	line-height: 33px;
	overflow: hidden;
}

#mHome         {left: 0;     width: 100px;}
#mProducts     {left: 150px; width: 105px;}
#mCase         {left: 255px; width: 105px;}
#mMaintainance {left: 360px; width: 105px;}
#mInterview    {left: 465px; width: 105px;}
#mTopics       {left: 570px; width: 105px;}
#mCorporate      {left: 675px; width: 105px;}


#mainMenu ul li a {
	display: block;
	height: 33px;
	text-decoration: none;
}

#mHome a:hover         {background: url(../img/menu.png) 0 -33px;}
#mProducts a:hover     {background: url(../img/menu.png) -150px -33px;}
#mCase a:hover         {background: url(../img/menu.png) -255px -33px;}
#mMaintainance a:hover {background: url(../img/menu.png) -360px -33px;}
#mInterview a:hover    {background: url(../img/menu.png) -465px -33px;}
#mTopics a:hover       {background: url(../img/menu.png) -570px -33px;}
#mCorporate a:hover      {background: url(../img/menu.png) -675px -33px;}


#products #mProducts a         {background: url(../img/menu.png) -150px -66px;}
#case #mCase a                 {background: url(../img/menu.png) -255px -66px;}
#maintainance #mMaintainance a {background: url(../img/menu.png) -360px -66px;}
#interview #mInterview a       {background: url(../img/menu.png) -465px -66px;}
#topics #mTopics a             {background: url(../img/menu.png) -570px -66px;}
#corporate #mCorporate a           {background: url(../img/menu.png) -675px -66px;}


#products #mProducts a:hover         {background: url(../img/menu.png) -150px -99px;}
#case #mCase a:hover                 {background: url(../img/menu.png) -255px -99px;}
#maintainance #mMaintainance a:hover {background: url(../img/menu.png) -360px -99px;}
#interview #mInterview a:hover       {background: url(../img/menu.png) -465px -99px;}
#topics #mTopics a:hover             {background: url(../img/menu.png) -570px -99px;}
#corporate #mCorporate a:hover           {background: url(../img/menu.png) -675px -99px;}


/* left menu
--------------------------------------------------*/

#leftCol h2 {
	border-bottom: 5px solid #fff;
}


#leftMenu {
	padding-bottom: 30px;
}

#leftMenu li {
	width: 120px;
}

#leftMenu li a {
	display: block;
	height: 30px;
	padding-left: 18px;
	border-bottom: 1px solid #e6f0cb;
	background: url(/_common/img/leftmenu.png) 0 0 no-repeat;
	color: #286519;
	line-height: 30px;
}


#leftMenu li a:hover          {background-position: -150px 0;}
#leftMenu li.selected a       {background-position: -300px 0; color: #000;}
#leftMenu li.selected a:hover {background-position: -450px 0;}




/*EOF*/
/*case.css*/

/*--------------------------------------------------
	施工実績
	Last modefied : 2011-02-25
--------------------------------------------------*/

#header {
	background: url(../../case/img/header.jpg) no-repeat;
}

/*OLD
--------------------------------------------------*/

.jissekiList {
	margin: 20px;
}

.jissekiList td {
	vertical-align: top;
}

.jissekiList li {
	margin-bottom: 2px;
	padding-left: 14px;
	background: url(../../case/img/point.gif) 0 5px no-repeat;
	line-height: 1.3;
}

.jissekiList li img {
	vertical-align: bottom;
}

h2.case {
	padding: 0 15px 8px 20px;
	background: url(../../case/img/bg_header.gif) left bottom no-repeat;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
}



#legend { /*凡例*/
	margin: 20px 0px 0px 0px;
}

ul.explanation { /*ページ下補足*/
	margin: 10px 20px;
}


/*new*/


.caseTable {
	margin: 10px 20px;
}

.caseTable td {
	vertical-align: top;
	font-size: 10px;
	line-height: 1.4;
}

#caseInfo {
	margin: 20px 20px;
}

ul#casePhoto {
	width: 570px;
	margin: 10px 20px 0;
}

ul#casePhoto li {
	float: left;
	width: 180px;
	margin: 0 15px 0 0;
	font-size: 10px;
	line-height: 1.4;
}


ul#casePhoto li.lastCol {
	margin-right: 0;
}

/*new list*/
ul#casePhoto2 {
border-bottom: 1px solid #bfcabc;
	width: 540px;
	margin: 0px 23px 0;
	text-align: left;
}

ul#casePhoto2 li {
	float: left;
	width: 190px;
	margin: 5px 15px 0 0;
	font-size: 11px;
	line-height: 16px;
}

/*h280329_hashi###########################################################*/
ul#casePhoto2 li.add0{
	float: left;
	width: 210px;
	font-size: 10px;
	line-height: 16px;
}
/*h280329_hashi###########################################################*/
ul#casePhoto2 li.add1{
	float: left;
	width: 120px;
	font-size: 10px;
	line-height: 16px;
}
ul#casePhoto2 li.add2{
	float: left;
	width: 140px;
	font-size: 10px;
	line-height: 16px;
}

ul#casePhoto2 li.lastCol {
	margin-right: 0;
	margin-bottom:3px;
	width: 20px;
	float:left;
}
ul#casePhoto2 li a{
	color: #00803e;
	text-decoration:none;
}
ul#casePhoto2  a:hover{
	color: #f39800;
	text-decoration:none;
}
/*new list*/
/*new list*/
ul#casePhoto3 {
border-bottom: 1px solid #bfcabc;
	width: 540px;
	margin: 0px 23px 0;
	text-align: left;
}

ul#casePhoto3 li {
	float: left;
	width: 190px;
	margin: 5px 15px 0 0;
	font-size: 11px;
	line-height: 16px;
}
/*h280329_hashi###########################################################*/
ul#casePhoto3 li.add0{
	float: left;
	width: 210px;
	font-size: 10px;
	line-height: 16px;
}
/*h280329_hashi###########################################################*/
ul#casePhoto3 li.add1{
	float: left;
	width: 120px;
	font-size: 10px;
	line-height: 16px;
}
ul#casePhoto3 li.add2{
	float: left;
	width: 140px;
	font-size: 10px;
	line-height: 16px;
}

ul#casePhoto3 li.lastCol {
	margin-right: 0;
	margin-bottom:3px;
	width: 20px;
	float:left;
}
ul#casePhoto3 li a{
	color: #00803e;
	text-decoration:none;
}
ul#casePhoto3  a:hover{
	color: #f39800;
	text-decoration:none;
}
/*new list*/



#caseList dl {
	margin: 10px 20px;
	border-bottom: 1px dotted #aed053;
	font-size: 12px;
	line-height: 16px;
}

.caseList2 dl {
	margin: 10px 20px;
	border-bottom: 1px dotted #aed053;
	font-size: 12px;
	line-height: 16px;
	float:left;
}
#caseList dl dt {
	border-top: 1px dotted #aed053;
	padding: 4px 220px 6px 0;
	font-size: 12px;
	line-height: 18px;
}
.caseList2 dt{
	margin-left:400px;
	font-size: 12px;
	line-height: 18px;
	float:left;
}
#caseList2 dl dd {
	margin: -28px 0 0 480px;
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px;
	float:left;
}

#caseList2 dl dd img {
	margin-right: 3px;
}


#caseList dl dd {
	margin: -28px 0 0 480px;
	padding: 4px 0;
	font-size: 12px;
	line-height: 18px;
}

#caseList dl dd img {
	margin-right: 3px;
}

#caseList h3 {
	margin: 20px 20px 10px;
	padding: 3px 10px 0 10px;
	background: #bfcabc;
	color: #fff;
	font-weight: bold;
}

/**/


.caseBack {
	margin: 15px 0 0 20px;
	font-size: 10px;
}

.dataTable {
	border-top: 1px solid #7da66c;
}

.dataTable td {
	padding: 1px 15px;	
	border-bottom: 1px solid #7da66c;
	font-size: 10px;
	line-height: 1.3;
}


#caseData h4 {
	margin: 10px 0;
}

.caseListTable {
	margin: 10px 20px;
}

.caseListTable td {
	vertical-align: top;
}

.caseListTable {
	background: url(../../case/img/bg_case.png) top repeat-x;
}

.caseListTable td {
	background: url(../../case/img/bg_case.png) bottom repeat-x;
	padding: 2px 0;

}

.caseListTable td.xpIcon {
	width: 32px;
	text-align: center;
}


/*施工別一覧*/
#listBox h3 {
	margin: 20px 20px 10px;
	padding: 2px 10px;
	background: #aed053;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

#listBox .jissekiList {
	margin: 10px 20px 20px;
}



.spacer {
	text-align: center;
	margin: 20px 0 100px;
}




/*ひだりめにゅー*/



#leftMenu2 h3 {
	margin: 0;
	height: 26px;
	padding-top: 0px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-indent: 5px;
	text-align: left;
}

#leftMenu2 h3 a {
	display: block;
	width: 100px;
	margin: 0;
	padding: 0;
	color: #5d8c00;
}

#leftMenu2 h3 a:hover {
	background: #d6f38a;
}



#leftMenu2 ul {
	margin-bottom: 0px;
	text-align: left;
}

#leftMenu2 li {
	border-top: 1px dotted #fff;
	font-size: 11px;
}

#leftMenu2 li a {
	display: block;
	width: 100px;
	padding: 6px 0 0px 10px;
	background: #aed053;
	font-weight: 400;
	color: #5c6868;
    background:url(../img/jisseki/jisseki_menu_base.jpg) top no-repeat;
	}

#leftMenu2 li.sub a {
	width: 125px;
	padding: 3px 0 3px 25px;
	line-height: 1.3;
	font-weight: normal;
}



#leftMenu2 li a:hover {
	color: #007e41;
	text-decoration:none;
}

#leftMenu2 li a span.sub {
	font-size: 9px;
}

#leftMenu2 li.begin {
	border-top: 1px solid #EAFDB8;
}

#leftMenu2 li a.selecton {
background:url(../img/jisseki/jisseki_menu_base_on.jpg) top no-repeat;
padding: 5px 0 1px 10px;
color: #007e41;
}


/*EOF*/