@charset "UTF-8";
/****************************************************
CSS目次
1.会社概要
2.リンクページ
3.問い合わせ
4.メールフォーム
5.契約から完成まで
6.工事に入る場所リスト
7.施工の流れオンマウス
8.約束オンマウス
9.施工の流れ上部リンク
10.施行実績


****************************************************/



/****************************************************
　1.会社概要
****************************************************/
div.entry table#companytable {
				width: 700px ;
				border-collapse:collapse;
				margin: 0 auto ;
				}

#companytable td.companytdt{
			width:150px;
			text-align:center;
			border-top:1px #ffffff solid;
			border-right:1px #638dff solid ;
			border-bottom:1px #ffffff solid;
			border-left:1px #638dff solid ;
			background-color:#638dff;
			color:#ffffff;
			font-weight:bold;
			}
#companytable td.companytdn{
			text-align:left;
			padding:10px 5px 10px 20px ;
			border:1px #638dff solid ;
			}
			
#companytable td.bordert {
		  border-top:1px #638dff solid ;
		  }

#companytable td.borderb {
		  border-bottom:1px #638dff solid ;
		  }

.companyul {
			margin:0;
			padding:0;
			}

.companyul li {
				list-style:none;
				none;
				}

.companylit {
			float:left;width:90px;
			}

.companyinli {
			  float:left;
			  width:230px;
			  }

.h20px {width:1px;height:20px;}

div.entry td.companytdn h4.companyt {
		width: 400px ;
		font-size: 13pt ;
		text-align: center ;
		padding: 0  ;
		margin: 0 auto 5px auto ;
		height: 25px ;
		line-height: 25px ;
		background-color: #c9d4ff ;
		border: none ;
		color: #014ca2 ;
		}
/*本社・ショールーム用*/
td.companytdn ul.honsho{
		width: 340px ;
		list-style-type: none ;
		margin: 0 10px ;
		padding: 0 ;
		}

td.companytdn ul.honsho li {
		width: 170px ;
		float: left ;
		}

td.companytdn ul.honsho li#flclear {
		clear: both ;
		height: 1px ;
		margin: 0 ;
		padding: 0 ;
		}

#showroom {
		width: 340px ;
		height: 30px ;
		line-height: 30px ;
		clear: both ;
		margin: 0 ;
		padding: 0 ;
		text-align:left;
		}

#showroom a:hover {
		position: relative ;
		top: 1px ;
		left: 1px ;
		}



/****************************************************
　2.リンクページ
****************************************************/
div#linkpage {
		width: 600px ;
		margin: 0 ;
		padding: 0 ;
		}

div.entry li.linkcat h2 {
		background-color: #00489e ;
		font-size: 90% ;
		color: #ffffff ;
		}

div.entry ul {
		margin: 0 0 20px 0 ;
		}

div.entry ul li.linkcat ul {
		margin-left: 20px ;
		}

div.entry ul li.linkcat ul li {
		list-style-type: disc ;
		list-style-position: inside ;
		font-size: 10pt ;
		}


/***********************************
　3.問い合わせオンマウス
***********************************/
/*問い合わせページ*/
div.entry div.textc h4.toiawase {
		width: 530px ;
		margin: 0 auto ;
		padding: 0  ;
		border-width: 0 0 1px 15px ;
		border-color: #85adff ;
		border-style: solid ;
		height: 20px ;
		line-height: 20px ;
		font-size: 13pt ;
		text-align: left ;
		background-color: #ffffff ;
		}

h4.toiawase span.title {
		margin: 0 0 0 5px ;
		padding: 0 ;
		}

h4.toiawase span.sub {
		margin: 0 ;
		padding: 0 ;
		font-weight: normal ;
		font-size: 10pt ;
		}

div#faxwaku {
		width: 230px ;
		float: left ;
		height: 40px ;
		margin: 0 ;
		padding: 0 ;
		line-height: 40px ;
		text-align: center ;
		}

/*02FAX用紙*/
#toiawase02fax {
		width: 160px ;
		height: 40px ;
		margin: 0 ;
		padding: 0 ;
		float: right ;
		background-image: url(http://narabedenko.jp/wp/img/toiawase02paper.gif) ;
		background-position: 0 -40px ;
		background-repeat: no-repeat ;
		}

#toiawase02fax a {
		width: 160px ;
		height: 40px ;
		display: block ;
		text-indent: -9999px ;
		background-image: url(http://narabedenko.jp/wp/img/toiawase02paper.gif) ;
		background-position: 0 0 ;
		background-repeat: no-repeat ;
		}

#toiawase02fax a:hover {
		background-color: transparent ;
		background-image: none ;
		}

/*03メールフォーム*/
#toiawase03 {
		width: 400px ;
		height: 60px ;
		margin: 0 auto ;
		padding: 0 ;
		background-image: url(http://narabedenko.jp/wp/img/toiawase03mail.gif) ;
		background-position: 0 -60px ;
		background-repeat: no-repeat ;
		}

#toiawase03 a {
		width: 400px ;
		height: 60px ;
		display: block ;
		text-indent: -9999px ;
		background-image: url(http://narabedenko.jp/wp/img/toiawase03mail.gif) ;
		background-position: 0 0 ;
		background-repeat: no-repeat ;
		}

#toiawase03 a:hover {
		background-color: transparent ;
		background-image: none ;
		}


/***********************************
　4.メールフォーム
***********************************/
table#mailformtable {
		width: 560px ;
		margin: 0 ;
		padding: 0 ;
		border-collapse: collapse ;
		border: 1px #ffffff solid ;
		}

table#mailformtable .koumoku {
		width: 150px ;
		border: 1px #ffffff solid ;
		background-color: #dae3ff ;
		height: 15px ;
		line-height: 15px ;
		text-align: center ;
		color: #014ca2 ;
		font-weight: bold ;
		}

table#mailformtable .naiyou {
		background-color: #ffffff ;
		padding: 0 0 10px 10px ;
		border: 1px #ffffff solid ;
		font-size: 90% ;
		}

#mailsubmit {
		width: 150px ;
		height: 25px ;
		margin: 0 auto ;
		background-color: #014ca2 ;
		border-width: 0 2px 2px 0 ;
		border-color: #dae3ff ;
		border-style: solid ;
		line-height: 25px ;
		text-align: center ;
		font-weight: bold ;
		color: #ffffff ;
		}


/***********************************
　5.契約から完成まで
***********************************/
div.entry div.kkwaku {
		width: 560px ;
		background: url(http://narabedenko.jp/wp/img/suche_day.gif) left bottom no-repeat ;
		margin: 0 auto ;
		padding: 0 ;
		border: 1px #666666 solid ;
		}

div.entry div.kkwaku h3.kktitle {
		height: 40px ;
		line-height: 40px ;
		background-position: left top ;
		background-repeat: no-repeat ;
		font-size: 18pt !important ;
		text-align: left ;
		text-indent: 60px ;
		color: #ffffff ;
		padding: 0 ;
		margin: 0 ;
		}

div.kkwaku div.kkback {
		background-position: right center ;
		background-repeat: no-repeat ;
		height: 100px ;
		margin: 0 ;
		padding: 0 ;
		}

div.kkwaku div.kktext {
		width: 300px ;
		text-align: left ;
		margin: 0 ;
		padding: 20px 200px 0 110px ;
		}


/****************************************************
　6.工事に入る場所リスト
****************************************************/
div.entry div#kinw {
		width: 700px ;
		margin: 0 auto ;
		text-align: center ;
		}

div#kinw div#kinlwaku {
		width: 250px ;
		float: left ;
		padding: 0 ;
		margin: 0 ;
		}

div#kinw #kinrwaku {
		width: 430px;
		margin: 70px 0 0 0 ;
		padding: 0 ;
		float: right ;
		}

div#kinrwaku h3.kinrwt {
		background-color: #638dff ;
		border: 1px #638dff solid ;
		font: 15pt ;
		margin: 0 ;
		padding: 0 ;
		color: #ffffff ;
		width: 430px ;
		}

h3.kinrwt span {
		margin: 5px 20px ;
		}

div#kinrwaku div.kinrw {
		border: 1px #638dff solid ;
		margin: 0 0 15px 0 ;
		padding: 0 ;
		text-align: left ;
		width: 430px ;
		}


/***********************************
　7.施工の流れオンマウス
***********************************/
#sekoulink {
           margin: 0 ;
           padding: 0;
           list-style-type: none;
           width: 700px;
           }

#sekoulink li {
             margin-top: 0 ;
			 margin-right: 0 ;
			 margin-bottom: 0 ;
             padding: 0;
             width: 225px;
             height: 77px;
             background-image: url(http://narabedenko.jp/wp/wp-content/uploads/2009/12/sekoulink.gif);
             background-repeat: no-repeat;
             border-bottom: none;
             float: left ;
             }

#sekoulink1 { background-position: 0  -77px ; margin-left: 5px ;  }
#sekoulink2 { background-position: -225px -77px ; margin-left : 10px ; }
#sekoulink3 { background-position: -450px -77px ; margin-left : 10px ; }

#sekoulink a {
            text-indent: -9999px;
            text-decoration: none;
            display: block;
            width: 225px;
            height: 77px;
            background-image: url(http://narabedenko.jp/wp/wp-content/uploads/2009/12/sekoulink.gif);
            background-repeat: no-repeat;
            }

#sekoulink1 a { background-position: 0 0 ; }
#sekoulink2 a { background-position: -225px 0 ; }
#sekoulink3 a { background-position: -450px 0 ; }

#sekoulink a:hover {
                  text-decoration: none;
                  background-color: transparent;
                  background-image: none;
                  }


/***********************************
　8.約束オンマウス
***********************************/
#palink {
           margin: 0 ;
           padding: 0;
           list-style-type: none;
           width: 700px;
           }

#palink li {
             margin-top: 0 ;
			 margin-right: 0 ;
			 margin-bottom: 0 ;
             padding: 0;
             width: 225px;
             height: 77px;
             background-image: url(http://narabedenko.jp/wp/wp-content/uploads/2009/12/prolink.gif);
             background-repeat: no-repeat;
             border-bottom: none;
             float: left ;
             }

#palink1 { background-position: 0  -77px ; margin-left: 5px ;  }
#palink2 { background-position: -225px -77px ; margin-left : 10px ; }
#palink3 { background-position: -450px -77px ; margin-left : 10px ; }

#palink a {
            text-indent: -9999px;
            text-decoration: none;
            display: block;
            width: 225px;
            height: 77px;
            background-image: url(http://narabedenko.jp/wp/wp-content/uploads/2009/12/prolink.gif);
            background-repeat: no-repeat;
            }

#palink1 a { background-position: 0 0 ; }
#palink2 a { background-position: -225px 0 ; }
#palink3 a { background-position: -450px 0 ; }

#palink a:hover {
                  text-decoration: none;
                  background-color: transparent;
                  background-image: none;
                  }

/***********************************
　9.施工の流れ上部リンク
***********************************/
div.entry ul#sekoutopl {
		font-size:80%;
		}

div.entry li#stopli01 {
		float: left ;
		margin: 3px ;
		padding: 0 auto ;
		width: 80px ;
		height: 10px ;
		}

div.entry li#sekoutopl02 {
		float: left ;
		margin: 3px ;
		padding: 0 auto ;
		width: 140px ;
		height: 10px ;
		}

div.entry li#sekoutopl03 {
		float: left ;
		margin: 3px ;
		padding: 0 auto ;
		width: 100px ;
		height: 10px ;
		}

div.entry li#sekoutopl04 {
		float: left ;
		margin: 3px ;
		padding: 0 auto ;
		width: 120px ;
		height: 10px ;
		}

div.entry li#sekoutoplcl {
		clear: both ;
		width: 1px ;
		height: 1px ;
		padding: 0 ;
		}


/***********************************
　エコ比較オンマウス
***********************************/
/*00リスト*/
#ecotoplist {
		width: 620px ;
		margin: 10px auto ;
		padding: 0 ;
		list-style-type :none ;
		overflow:hidden;
		}

#ecotoplist li {
		margin: 0 0 0 10px ;
		padding: 0 ;
		width: 300px ;
		height: 36px ;
		background-image : url(http://narabedenko.jp/wp/img/ecocompare/00list.gif) ;
		background-repeat : no-repeat ;
		float : left ;
		}

#ecotoplist .clearlist {
		width: 620px ;
		height: 10px ;
		clear: left ;
		background-image: none ;
		}

#ecotoplist #ecojamp {
		background-image: none ;
		background-color: transparent ;
		}

#ecotoplist1 { background-position: -300px 0 ; }
#ecotoplist2 { background-position: -300px -36px ; }
#ecotoplist3 { background-position: -300px -72px ; }
#ecotoplist4 { background-position: -300px -108px ; }
#ecotoplist5 { background-position: -300px -144px ; }

#ecotoplist a {
		text-indent: -9999px ;
		text-decoration: none ;
		display: block ;
		width: 300px ;
		height: 36px ;
		background-image : url(http://narabedenko.jp/wp/img/ecocompare/00list.gif) ;
		background-repeat : no-repeat ;
		}

#ecotoplist1 a { background-position: 0 0 ; }
#ecotoplist2 a { background-position: 0 -36px ; }
#ecotoplist3 a { background-position: 0 -72px ; }
#ecotoplist4 a { background-position: 0 -108px ; }
#ecotoplist5 a { background-position: 0 -144px ; }

#ecotoplist a:hover {
		background-color: transparent ;
		background-image: none ;
		}


/**********************************
　div・pなどのブロッグ要素の指定
**********************************/
/*エコ比較のブロッグ*/
div.entry .ecosetumei {
		border: 3px dotted #a9dc13;
		margin: 10px auto ;
		padding: 10px 0pt;
		width: 520px ;
		text-align: left ;
		}

div.entry .text500 {
		width: 500px ;
		margin: 0 auto 0 auto ;
		line-height: 120% ;
		text-align: left ;
		}

div.entry .text600 {
		width: 600px ;
		margin: 0 auto 0 auto ;
		line-height: 120% ;
		text-align: left ;
		}

div.entry .text750 {
		width: 750px ;
		margin: 0 auto ;
		line-height: 120% ;
		text-align: left ;
		}

div.entry .text547 {
		width: 547px ;
		margin: 0 auto ;
		padding: 0 ;
		background-image: url(http://narabedenko.jp/wp/img/ecocompare/textbackm.jpg) ;
		background-position: center ;
		background-repeat: repeat-y ;
		}

div.text547 .texttop {
		width: 547px ;
		margin: 0 auto ;
		padding: 0 ;
		background-image: url(http://narabedenko.jp/wp/img/ecocompare/textbackt.jpg) ;
		background-position: center top ;
		background-repeat: no-repeat ;
		}

div.text500 .textb {
		width: 547px ;
		height: 10px ;
		margin: 0 auto ;
		padding: 0 ;
		background: none ;
		}

div.texttop .textw {
		width: 520px ;
		margin: 0 auto ;
		padding: 20px 0 0 0 ;
		background: none ;
		line-height: 120% ;
		text-align: left ;
		}

div#01waku {
		width: 547px ;
		margin: 0 ;
		padding: 0 ;
		background-image: url(http://narabedenko.jp/wp/img/ecocompare/01textwm.jpg) ;
		background-position: center ;
		background-repeat: repeat-y ;
		}

div#01wtop {
		width: 547px ;
		margin: 0 ;
		padding: 0 ;
		background-image: url(http://narabedenko.jp/wp/img/ecocompare/01textwt.jpg) ;
		background-position: center top ;
		background-repeat: no-repeat ;
		}

div#01wtext {
		width: 507px ;
		margin: 30px 15px 0 15px ;
		padding: 0 ;
		font-size: 90% ;
		line-height: 120% ;
		}

p#01wbottom {
		width: 547px ;
		height: 20px ;
		margin: 0 ;
		padding: 0 ;
		}


/****************************************************
　10.施行実績
****************************************************/
div.entry table#example {
width: 700px;
border: none;
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 10px;
				}

#example td.exampleimg{
text-align:center;
color:#000;
			}

#example td.examplecpt{
			text-align:left;
			padding:4px ;
			}
			
#example td.examplecpt #tablecpt{
width: 370px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
			}

#example td.examplecpt #tablecpt2{
width: 680px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
			}

#example td.examplecpt #tablecpt .td1{
width: 100px;
background-color: #ffcc66;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
font-weight: bold;
font-size: 12px;
			}

#example td.examplecpt #tablecpt2 .td1{
width: 100px;
background-color: #ffcc66;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
font-weight: bold;
font-size: 12px;
			}

#example td.examplecpt #tablecpt .td2{
padding-top: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
padding-left: 8px;
padding-right: 2px;
font-size: 12px;
			}

#example td.examplecpt #tablecpt2 .td2{
padding-top: 3px;
padding-bottom: 3px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
padding-left: 8px;
padding-right: 2px;
font-size: 12px;
			}

#contents #box #contents_box #main_contents #post-2353 .entry #example tbody tr .exampleimg img {
padding: 2px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}