/* CSS Document */

body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-image:url(img/back.gif);
background-color:#f1f1d3;
background-repeat:repeat-y;
background-position:center;
margin:0px;
}

#container {
width:820px;
background-color:#FFFFFF;
margin:0px;
}


h1 {
text-indent:-9999px;
position:absolute;
}

h2 {
font-size:100%;
text-align:left;
padding:7px 0 5px 15px;
color:#FFFFFF;
background-image:url(img/h2.gif);
background-repeat:no-repeat;
margin-top:0px;
}

h3 {
font-size:85%;
text-align:left;
padding:3px 0 2px 10px;
color:#444444;
border-left:5px solid #52ab0a;
}



h4 {
font-size:90%;
text-align:left;
padding:8px 0 5px 10px;
color:#cc0000;
border-bottom:1px dashed #999999;
margin:0;
}

h5 {
font-size:90%;
text-align:left;
padding-left:10px;
color:#cc0000;
margin-bottom:0px;
}


hr{
text-align: center;
border-bottom-width: 1px;
border-bottom-color: #CCFF00;
border-style: none none solid;
width: 580px;
}

p {
text-align:left;
padding-left:10px;
line-height:150%;
font-size:80%;
color:#444444;
}

p.align_r{
text-align: right;
}

.large{
font-size: larger;
}

.bold{
font-weight: bold;
}


#header {
width:800px;
padding:0px;
margin:0px;
}



#maincontents {
width:800px;
}


#contents {
float:left;
width:600px;
}

#footer {
width:800px;
height:100px;
font-size:85%;
text-align:left;
color:#444444;
margin-top:30px;
clear:both;
}


/* パンくず */

div.bread {
font-size:80%;
text-align:left;
color:#444444;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
margin:0px;
}

/* リンク */

a:link {
color:#444444;
text-decoration:none;
}
a:visited {
color:#69e;
text-decoration:none;
}

a:hover {
color:#444444;
text-decoration: underline;
}

a:active {
color:#69e;
text-decoration: underline;
}








/* サイドナビゲーション */

#top-side {
float:right;
margin:0px;
padding:0px;
width:180px;
font-size:75%;
}

.navi {
margin:0;
}

.navi dd {
margin:0px;
text-align:left;
padding-left:20px;
padding-top:8px;
padding-bottom:10px;
background-image:url(http://www.tsubasa-system.com/img/side-back.gif);
background-repeat:no-repeat;
}



#side-navi {
float:right;
margin:0px;
padding:0px;
width:180px;
}


dl.side-navi {
width:180px;
font-size:80%;
color:#333333;
margin:0px;
}

.side-navi dt {
text-align:center;
padding:5px;
background-color:#eeeeee;
clear:none;
}

.side-navi dd {
text-align:left;
background-color:#FFFFFF;
border-bottom:1px dashed #999999;
margin-left:0px;
padding-left:10px;
padding-top:7px;
padding-bottom:7px;
}

/* 会社概要 */

dl.data {
width:580px;
font-size:small;
line-height:150%;
color:#333333;
background-color:#eeeeee;
border-bottom:1px solid #cccccc;
text-align:left;
}
.data dt,.data dd {
background-color:#eeeeee;
margin-left:0;
margin-bottom:0;
}
.data dt {
padding-left:10px;
float:left;
width:100px;
border-top:1px solid #cccccc;
clear:left;
}
.data dd {
background-color:#ffffff;
margin-left:110px;
margin-bottom:0;
border-top:1px solid #cccccc;
padding:2px 0 1px 5px;
}



#new {
width:600px;
float:left;
}

ul.new{
margin:0px;
list-style-image:none;
}

.new li {
font-size:80%;
text-align:left;
color:#666666;
padding-top:5px;
padding-bottom:8px;
padding-left:10px;
border-bottom:1px dashed #999999;
margin-left:0px;
}


ul {
list-style-image: url(img/li.gif);
}

li {
font-size:80%;
text-align:left;
}




.page img {
padding:4px;
border:solid 1px #d5d5d5;
}

.red {
color:#cc0000;
}

.gold {
color:#c38500;
font-size:150%;
}



#new {
width:600px;
margin-bottom:20px;
}

ul.new{
margin:0px;
list-style-image:none;
}

.new li {
font-size:80%;
text-align:left;
color:#666666;
padding-top:5px;
padding-bottom:8px;
padding-left:10px;
border-bottom:1px dashed #999999;
margin-left:0px;
}

/* 施工事例 index */

div#case_index p{
margin: 0;
width: 600px;
}

div.case_text{
margin-bottom: 10px;
border-bottom-width: 1px;
border-bottom-color: #52AB0A;
border-bottom-style: solid;
}




div#case_map{
text-align: center;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
height: 410px;
width: 600px;
background-image: url('http://www.tsubasa-system.com/img/map.gif');
background-repeat: no-repeat;
position:relative;
}

div#case_map p span{
visibility: hidden;
}

/* 施工事例　index　北信 */
div#case_map p.hokusin{
position: absolute;
top: 70px;
left: 150px;
}
div#case_map p.hokusin a{
height: 50px;
width: 112px;
background-image: url('http://www.tsubasa-system.com/img/b_hokusin.gif');
background-repeat: no-repeat;
display: block;
}
div#case_map p.hokusin a:hover {
text-decoration: none;
border-style: none;
background-image: url('http://www.tsubasa-system.com/img/r_hokusin.gif');
background-repeat: no-repeat;
}


/* 施工事例　index　南信 */
div#case_map p.nansin{
position: absolute;
top: 300px;
left: 90px;
}
div#case_map p.nansin a{
height: 50px;
width: 112px;
background-image: url('http://www.tsubasa-system.com/img/b_nansin.gif');
background-repeat: no-repeat;
display: block;
}
div#case_map p.nansin a:hover {
text-decoration: none;
border-style: none;
background-image: url('http://www.tsubasa-system.com/img/r_nansin.gif');
background-repeat: no-repeat;
}

/* 施工事例　index　東信 */
div#case_map p.tosin{
position: absolute;
top: 180px;
left: 220px;
}
div#case_map p.tosin a{
height: 50px;
width: 112px;
background-image: url('http://www.tsubasa-system.com/img/b_tosin.gif');
background-repeat: no-repeat;
display: block;
}
div#case_map p.tosin a:hover {
text-decoration: none;
border-style: none;
background-image: url('http://www.tsubasa-system.com/img/r_tosin.gif');
background-repeat: no-repeat;
}

/* 施工事例　index　中信 */
div#case_map p.tyusin{
position: absolute;
top: 150px;
left: 80px;
}
div#case_map p.tyusin a{
height: 50px;
width: 112px;
background-image: url('http://www.tsubasa-system.com/img/b_tyusin.gif');
background-repeat: no-repeat;
display: block;
}
div#case_map p.tyusin a:hover {
text-decoration: none;
border-style: none;
background-image: url('http://www.tsubasa-system.com/img/r_tyusin.gif');
background-repeat: no-repeat;
}



/* 施工事例　index　リスト */
div#case_list{
margin-top: 100px;
float: right;
width: 260px;
}

div#case_list p{
width: 260px;
}



div#case_list table{
text-align: center;
margin-right: auto;
margin-left: auto;
padding-right: 3px;
padding-left: 3px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
border-collapse:collapse;
}


div#case_list th{
font-weight: normal;
vertical-align: middle;
padding: 2px 4px 0;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
border-collapse:collapse;
}


div#case_list th img{
margin-top: 0;
margin-right: 2px;
margin-bottom: -2px;
padding: 0;
}




div#case_list th.area{
background-color: #c1f5a2;
}


div#case_list td{
text-align: right;
padding: 2px;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
height: 27px;
}


/* 施工事例　ブログ */

div#case{
margin-bottom: 20px;
margin-left: 30px;
clear: both;
}



p.case_img{
color: #52AB0A;
font-weight: bold;
text-align: left;
vertical-align: top;
margin-top: 0;
margin-right: 5px;
margin-left: 2px;
padding-top: 0;
float: left;
width: 180px;
text-align: center;

 }


p.case_text{
vertical-align: top;
}


/* 施工事例　ブログ　改訂？ */

div#case2{
margin-bottom: 20px;
margin-left: 0px;
clear: both;
}




.case2_img{
vertical-align: top;
margin-top: 0;
padding-top: 0;
float: left;
width: 250px;
 }


.case2_img p{
margin-top: 30px;
}

.case2_img a img{
text-decoration: none;
border-width: 0;
}




p.case_text{
vertical-align: top;
}



.case3_img{
vertical-align: top;
margin-top: 10px;
padding-top: 0;
float: right;
width: 330px;
 }





.kisyu{
border-width: 2px;
border-color: #c1f5a2;
border-style: solid;
}







/* 太陽光発電 */

table.solar_list{
border-collapse:collapse;
}


table.solar_list td{
width: 118px;
border-collapse:collapse;
}

table.solar_list tr.item td{
text-align: center;
margin-right: 0;
margin-bottom: 2px;
margin-left: 0;
padding: 5px 0 0;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid solid none;
}

table.solar_list tr.brand td{
text-align: right;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
border-width: 1px;
border-color: #CCCCCC;
border-style: none solid solid;
}

/* お客様の声 */

.qa_q:first-letter{
font-size: larger;
color: #80B10A;
font-weight: bold;
}

.qa_a:first-letter{
font-size: larger;
color: #FF0000;
font-weight: bold;
}

.qa_q,
.qa_a{
text-indent: -15px;
margin-left: 25px;
padding-left: 15px;
}

p.voice_title{
font-weight: bold;
margin-top: 10px;
}

p.voice_title img{
vertical-align: middle;
}

p.voice_title a{
font-weight: bold;
text-decoration: underline;
}

p.voice{
margin-left: 20px;
}

/* 対費用効果 */

div#cost{
margin-bottom: 50px;
margin-left: 0px;
clear: both;
}


div#cost table.cost_setubi{
margin-left: 10px;
font-size: 80%;
color: #444444;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
border-collapse: collapse;
width: 580px;
}

div#cost table.cost_setubi th{
text-align: center;
vertical-align: middle;
padding: 2px;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
}

div#cost table.cost_setubi td{
text-align: center;
vertical-align: middle;
padding: 4px;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
}


div#cost table.cost_list{
font-size: 80%;
color: #444444;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
border-collapse: collapse;
}

div#cost table.cost_list th{
text-align: center;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
padding: 2px;
}

div#cost table.cost_list td{
text-align: right;
border-width: 1px;
border-color: #D2D2D2;
border-style: solid;
padding: 2px;
}

div#cost table.cost_list tr.sagaku th,
div#cost table.cost_list tr.sagaku td{
border-top-width: 3px;
border-color: #D2D2D2;
border-top-style: double;
}