@charset "shift-jis";
html {
    overflow: auto;
}


/* メインメニュー */
*{
	margin:0;
	padding:0;
	list-style-type:none;
}


body	{
        font-family:Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",CI,Meiryo,メイリオ, sans-serif;
	margin: 0;
	padding: 0;

}

body.about	{
        font-family:Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック",CI,Meiryo,メイリオ, sans-serif;
	background-image : url(../img/haikei.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
}

/* 画像のリンクに枠線をつけない */
img {
	border-style:none;
	font-size:10px;
	color: #00cccc;
} 

a img {
	border-style:none; 
} 


/* リンク色 */
a:link {
	color:#333333; 
}

a.whi{
	color:#ffffff; 
}



a:hover {
	color:#0000ff; 
}

a:visited {
	color:#999999; 
}

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



/* パンくずリスト*/
div#pan_s{
width: 900px; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px;
padding:0px 0 0px 0; align: center;
}


/* リスト */
ol.topic-path{
	margin: 0;
list-style-type: none; /* リストマーク非表示 */
padding: 0px 5px 5px 3px;
font-size: 12px;
}
/* リスト項目 */
ol.topic-path li{
display: inline; /* 項目を横並び */
	padding-right: 12px;
background: url(../img/path.gif) no-repeat right; /* 矢印記号（※） */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 25px;
background: url(../img/pan-home.png) no-repeat left;
}

ol.topic-path li.mid{
	padding-left: 8px;
background: url(../img/path.gif) no-repeat right;
}

ol.topic-path li.last{
	padding-left: 8px;
	background:none;
}

/* リンクエリア */
ol.topic-path li a{
	padding-right: 18px;
background: url(../img/path.gif) no-repeat right; /* 矢印記号（※） */
}

ol.topic-path li a{
	color: #7E4905;
}

ol.topic-path li a:hover{
	color: #FAA708;
}


/* フォント関連 */
h1{
  font-size : 88%;
 font-weight : normal; line-height : 140%;  color: #3F3E3E; text-indent : 10px; letter-spacing :0; text-align:left;
 margin: 17px 3px 0px 4px;  padding: 11px 0px 7px 20px; 
}



h2{
  font-size : 88%;
 font-weight : normal; line-height : 140%;  color: #3F3E3E; text-indent : 10px; letter-spacing :0 text-align:left;
 margin: 17px 3px 0px 4px;  padding: 11px 0px 7px 20px; 
}

h3{
  font-size : 88%;
 font-weight : normal; line-height : 140%;  color: #3F3E3E; text-indent : 10px; letter-spacing :0 text-align:left;
 margin: 17px 3px 0px 4px;  padding: 11px 0px 7px 20px; 
}

h4{
  font-size : 88%;
 font-weight : normal; line-height : 140%;  color: #3F3E3E; text-indent : 10px; letter-spacing :0
 margin: 17px 3px 0px 4px;  padding: 26px 0px 7px 20px; 
}

p{
  font-size : 88%;
 font-weight : normal; line-height : 190%; color: #3F3E3E;
}


.text {
	font-size: 87.5%; line-height : 180%; padding: 2px 10px 5px 10px; }





/* ヘッダー */

div#header p	{
	color: #ffffff;　font-size: 0.75em;　margin: 0;
}


#header {width:100%; min-width:980px; text-align:center; margin:0 auto;top:0; left:0; z-index:120; position:fixed;}



/* ヘッダー */


#topAp {
	padding: 0px 0 5px 0;
	position: relative;
	margin: 20px auto 10px auto;
	width: 750px;
}

#topAp li {
	margin: 0 10px 0 0;
	width: 240px;
	float: left;
}


#topAp li img {
	width: 100%;
height:auto;
}


#topAp2 {
	padding: 0px 0 5px 0;
	position: relative;
	margin: 20px auto 10px auto;
	width: 840px;
}

#topAp2 li {
	margin: 0 10px 0 0;
	width: 200px;
	float: left;
}


#topAp2 li img {
	width: 100%;
height:auto;
}


/* コンテナ */
div.container	{
	width: 980px; margin-left: auto; margin-right: auto; position: relative; 
}

#containerInner {width:100%; background:url(../img/menu_back.jpg); background-repeat:repeat-x; height:35px; background-attachment:fixed;  }

.kakoi3{width:980px;}


.footer {width:100%; min-width:980px; text-align:center;
position:relative; margin:15px 0 0 0;}


.footerInner {width:100%; background:url(../img/menu_back.jpg); background-repeat:no-repeat; height:35px;  }


table.topmenu{

}

table.topmenu td{
	color: #ffffff; font-size:13px; padding: 5px 10px 5px 10px; 
margin: 0px 0px 15px 0px; 
}


.mainContents{margin-top:380px; padding: 0px;}

.main-contents{margin-top:80px; padding: 0px; }/*トップ以外*/


/*トップ写真*/
div.photo	{
width: 980px; 
height:390px; 
margin-left: auto; 
margin-right: auto;  
margin-bottom :0px;
position: relative;
}

.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  /* またはabsolute; */
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}



table.endcontents3{
	valign : top; 
}

table.endcontents3 td{
	padding: 20px 0px 10px 0px;  font-size:12px; text-align :center;
}


.side_footer{
	background-image : url(../img/footer_address.png); 
	background-repeat: repeat-no;
height:100px
}



.side_hk{
	background-image : url(../img/side_bar.png); 
	background-repeat: repeat-y;
}


p.main{
  font-size: 14px; line-height : 220%;
padding:10px 40px 10px 40px; text-align: left;
 font-weight : normal; color: #434242; 
}

p.main2{
  font-size: 14px; line-height : 220%;
padding:60px 40px 0px 20px; text-align: left;
 font-weight : normal; color: #434242; 
}

p.main3{
  font-size: 14px; line-height : 180%;
padding:10px 40px 0px 20px; text-align: left;
 font-weight : normal; color: #434242; 
}

/* タブデザイン */
div#tab	{padding: 0px;
}

div#tab2	{
	background-image : url(../img/waku_naka.png);
	background-repeat: repeat-y; padding: 0px;
}

div#tab3	{
	margin: 0px; padding: 0px;
}


/* 文章 */
div#content	{
	width: 920px; margin-left: auto; margin-right: auto; align: center;
}



/* 中コンテンツ */
div.content2	{
	width: 685px; float: right; margin-left: auto; margin-right: auto; margin-bottom: 0px;
        align: center;margin-top: 6px;
}


div.bunsyo	{
	width: 655px; margin-left: auto; margin-right: auto; margin-bottom: 3px; margin-top: 0;
}


div.m_tab2	{
	background-image : url(../img/middlemenu_naka.gif); background-repeat: repeat-y;
}


/* サイドバー */
div.sidebar	{height:1400px;  width: 250px; float: left; margin-top: 10px; margin-left: 3px; margin-bottom: 25px; padding: 0; background-color: #ffffff;
}


div.sidebar iframe#side {
	width: 250px; 
}


/* フッター */
td.footerNavi2{ height: 30px;}

td.footerNavi{ height: 5px; background-color: #7F807E;}

div.address	{
font-size:12px; font-style: normal; text-align: center; color :#fff;margin:10px 0px 10px 0px;
}

td.endmenu{background-color: #E4E4E2; padding:20px 60px; }

table.endcontents{
margin:0px 0px 30px 0px;
}

table.endcontents td{width: 140px; height: 40px; font-size:12px; 
padding: 0px;  text-align:center;
}


table.site{
	margin:20px 0px 20px 0px; text-align: left;
}



/* 見出し画像 */

  .midasi_h1{
  background : url(../img/midasi.jpg);
  height : 63px;
  background-repeat : no-repeat ;
}

td.short {
 letter-spacing: 0.1em;
height:34px;padding:5px 0px 5px 3px; 
background-image : url(../img/midasi01.gif); background-repeat: repeat-x;
}


td.long {
 letter-spacing: 0.1em;
height:34px;padding:5px 0px 5px 3px;
background-image : url(../img/midasi02.gif); background-repeat: repeat-x;
}

td.doubleb {
 letter-spacing: 0.1em;
height:34px;padding:4px 0px 0px 13px; font-size:14px;
background-image : url(../img/midasi04.gif); background-repeat: no-repeat;
}

td.yellow2 {
	height:34px;
background-image : url(../img/midasi03.gif); background-repeat: repeat-x;
}



#wrap{  width: 100%;
	background-image : url(../img/haikei2.jpg);
	background-repeat: repeat;
        height:350px;
        text-align: center;
        padding: 10px 0 10px 0;
}




#menu_waku{
margin-left: auto; margin-right: auto;
padding:0px 0 0 0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: 980px; height: 56px; font-size:16px; 
z-index:100
}




/* 上に隙間をあける */

td.space{padding:20px 0px;}


/* 会社概要表 */
table.company {
	width: 800px;
	border-collapse: collapse;
  font-size: 14px;  color: #434242; 
}
.company th.t_top {
    border-top: #b3b3b3 4px solid;
}
.company  th {
	border-bottom: #d6d5d5 1px solid;
	border-left: #d6d5d5 1px solid;
	text-align: left;
	background: #e4e4e4;
	padding: 10px;
	font-weight: normal;
	width: 150px;
}
.company td.t_top {
	border-top: #be1309 4px solid;
}
.company td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	width: 650px;
}





/* サイトマップ表 */
.table_01 {width: 800px;
margin:0px 0px 10px 0px;padding:0px;
font-size: 14px;  color: #434242; 
border-collapse:collapse;
border-top:1px dotted #999999;
}

a.simap{color: #434242; }

.table_01 th {
width:35%;padding:10px 7px 10px 15px;
text-align:left; color:#666666;
background-color:#EEEEEE;
border-bottom:1px dotted #999999;
border-left:5px solid #be1309;
}
.table_01 td {
padding:10px 7px 10px 15px;
border:1px dotted #999999;
}


/* お問い合わせ表 */
.table_02 {width: 700px;
margin:0px 0px 10px 0px;padding:0px;
font-size: 14px;  color: #434242; 
border-collapse:collapse;
border-top:1px dotted #999999;
}

a.simap{color: #434242; }

.table_02 th {
width:35%;padding:10px 7px 10px 15px;
text-align:left; color:#666666;
background-color:#EEEEEE;
border-bottom:1px dotted #999999;
border-left:5px solid #be1309;
}
.table_02 td {
padding:10px 7px 10px 15px;
border:1px dotted #999999;
}

/* 施工例見出し */

  .midasi_sk{
  background : url(../img/midasi_sekou.gif);
  height : 63px;
  background-repeat : no-repeat ;
}



/* lightbox表 */
table.tk4{
	valign : top; border-collapse: collapse; 
border: 1px solid #ffffff; 
margin:0 0 60px 0;
}

table.tk4 td{
	padding: 1px; border: 1px solid #ffffff;  margin: 0px ; font-size: 87.5%; line-height: 1.8em; align :left;
}

table.tk4a{
	valign : top; border-collapse: collapse; 
border: 1px solid #ffffff; 
margin:0 0 5px 0;
}

table.tk4a td{
	padding: 1px; border: 1px solid #ffffff;  margin: 0px ; font-size: 87.5%; line-height: 1.8em; align :left;
}
/* メールフォームのフレーム */

iframe.mail {
border:1px dotted #999999;
}

.topics-flame{border:1px dotted #999999; width:900px;overflow-x: hidden;}

iframe.topics {text-align: center; overflow-x: hidden;
padding : 5px 0px; 
}


.l-news{width:630px; float: left; margin:0 5px 0 5px;overflow-x:hidden;}
.r-banner{width:250px;	float: right; margin:3px 5px 0px 0px;}

/* img中央揃え */
img.line{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0px 3px 0px;
}

/* 左寄せ */
img.img-left {
	display: block;
	float: left;
	padding: 5px 0px 10px 0px;
}

img.img-right {
 display: block;
	float: right;
	padding: 8px;
	margin: 0 0 0 10px;
	border:1px dotted #989998;
}


/* スライド上のバナー */
 #slide_navi {
	background-image: none;
height: 390px;
}


 #slide_navi2 {
	background-image: none;
	height: 120px;
}



#headerBanner img {
	position: absolute;
}
#headerBanner .banner00 {
	left:815px;
	top:19px;
	z-index: 3;
}

#headerBanner .banner01 {
	left:815px;
	top:87px;
	z-index: 3;
}
#headerBanner .banner02 {
	left:815px;
	top:155px;
	z-index: 2;
}
#headerBanner .banner03 {
	z-index: 1;
	left:815px;
	top:223px;
}

#headerBanner .banner04 {
	z-index: 4;
	left:815px;
	top:291px;
}


#headerBanner2 img {
	position: absolute;
}

#headerBanner2 .banner00 {
	left:784px;
	top:90px;
	z-index: 3;
}

#headerBanner2 .banner01 {
	left:784px;
	top:158px;
	z-index: 3;
}
#headerBanner2 .banner02 {
	left:784px;
	top:226px;
	z-index: 2;
}
#headerBanner2 .banner03 {
	z-index: 1;
	left: 784px;
	top:294px;
}


#headerBanner2 .banner04 {
	z-index: 4;
	left: 784px;
	top:362px;
}


table.ph{margin: 0 0 0 10px;}


.table_mail {width: 700px;
margin:20px 0px 10px 0px;padding:0px;
font-size: 14px;  color: #434242; 
border-collapse:collapse;
border-top:1px dotted #999999;
}

a.simap{color: #434242; }

.table_mail th {
width:35%;padding:10px 7px 10px 15px;
text-align:left; color:#666666;
background-color:#F5F5F2;
border-bottom:1px dotted #999999;
border-left:5px solid #0550D8;
}
.table_mail td {
padding:15px 7px 15px 15px;
border:1px dotted #999999;
}


.photolist{margin: 0 auto;}

.menu-l{float:left;
width:260px;
margin:0 20px 0 33px;}

.mphoto{height:166px;
border: solid 1px #E4E1E1;
padding: 5px 0 5px 0;}


.menu-c{float:left;
width:260px;
margin:0 20px 0 0;
}

.menu-r{float:left;
width:260px;
margin:0;
}

p.comment	{
padding:0px 0 20px 0;
line-height : 180%; 
text-align: left;
font-size:13px;
}

span.bl-c{color: #7A4A06; font-weight: normal;}
span.bl-c2{color: #0000ff; font-weight: normal;}


.clear { clear:both; }  
.clear hr { display:none; } 

/* lightbox表2 */
table.tks{
	valign : top; border-collapse: collapse; 
border: 5px solid #ffffff;  margin: 5px 0px; text-align:center;
}



table.tks td{width : 280px;
	padding: 2px 3px; border: 5px solid #ffffff;  text-align:center;
}

table.tks td.setu{width : 410px;
	padding: 3px 12px; border: 1px solid #ffffff;  font-size: 13px; line-height: 1.8em; align :left;  valign :top; text-align:left;
}


table.tks td.setu2{width : 410px;
	padding: 3px 12px 3px 15px; border: 1px solid #ffffff;  font-size: 12px; line-height: 1.8em; align :left;  valign :top; text-align:left;
}

table.mark{border-collapse: collapse; width : 880px;
border: 1px solid #ffffff; margin: 5px 10px; text-align:center;
}

/* リフォーム表 */
table.t_reform{
	valign : top; border-collapse: collapse; 
border: 1px solid #ffffff;  text-align:center;
margin : 15px 0;
}

table.t_reform td{
	border: 1px solid #ffffff;  text-align:center;
}

table.t_reform td.after{width : 650px;
	border: 1px solid #ffffff;  text-align:center;
}

table.t_reform td.text{padding: 5px 12px; 5px 25px; border: 1px solid #ffffff;  font-size: 13px; color : #000000; line-height: 1.8em; align :left;  valign :top; text-align:left; line-height : 220%;
}

.text2{padding: 5px 12px; 5px 25px; border: 1px solid #ffffff;  font-size: 13px; color : #000000; line-height: 1.8em; line-height : 220%;
}

td.kkoi {
border:1px dotted #C7C3C3;
}

/* フッターt */

ul.links_area{
max-width: 950px;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 20px;
height:130px;
clear:both;
}


li.links{
width: 190px;
margin-top: 10px;
font-size: 12px;
text-align:left;
float:left;
color:#333;
}

li.links p{
font-weight: normal;
font-size: 12px;
padding:2px 0 2px 13px;
color:#000;
text-decoration:underline;
background: url(../../img/bottomarrow.png) no-repeat;
}

li.links p.joy{text-decoration:none; background:none; padding:2px 0 2px 2px;}



li.links p a{
color:#000;
text-decoration:none;
}

li.links p a:hover{
color:#ffffff;
background-color:#059BFD;
}


li.links ul{
margin: 5px 0 5px 2px;
line-height: 225%;
}

li.links ul li a{
color:#000;
text-decoration:none;
}

li.links ul li a:hover{
color:#ffffff;
background-color:#059BFD;
}

li.links ul li{
background: url(../../img/bottomarrow.png) no-repeat;
color:#ffffff;
}

.footer li.links ul li a,footer li.links ul li a:link,footer li.links ul li a:visited,footer li.links ul li a:active,footer li.links ul li a:hover  {padding-left: 12px;}



li.links2{
width: 270px;
margin-top: 10px;
font-size: 12px;
text-align:left;
float:left;

color:#333;
}

li.links2 p{
font-weight: normal;
font-size: 12px;
padding:2px 0 2px 13px;
color:#000;
text-decoration:underline;
background: url(../../img/bottomarrow.png) no-repeat;
}

li.links2 p.joy{text-decoration:none; background:none; padding:2px 0 2px 2px;}



li.links2 p a{
color:#000;
text-decoration:none;
}

li.links2 p a:hover{
color:#ffffff;
background-color:#059BFD;
}


.footer li.links ul li a,footer li.links ul li a:link,footer li.links ul li a:visited,footer li.links ul li a:active,footer li.links ul li a:hover  {padding-left: 12px;}

.sin {margin:35px 0 0px 0; padding:12px 8px 10px 12px; background-color:#E2FBFE;}

/*  トップへリンク*/
#pageTop_a{
	padding:10px;
	position:fixed;
	bottom:50px;
	right:20px;
	font-size:12px;
	z-index:150;
	}
	
/*  スライド上の文字*/
.testna{position:absolute;
top:100px;
left:150px;
z-index:2;}

.season-t{
	background-image : url(../img/hakei_top.jpg);
	background-repeat: no-repeat;
	padding: 55px 0 35px 0;
	margin:0 0 0px 0;
	}
	
	
p.year{float:left;
    overflow: auto;
    tex-align:left;
    width:500px;
    line-height:220%;
    padding: 0px 0 10px 40px;
}

p.skmidasi{
  font-size : 88%;
 font-weight : bold; line-height : 140%;  color: #292929; text-indent : 10px; letter-spacing :0
 margin: 17px 3px 0px 4px;  padding: 26px 0px 7px 24px; 
}

span.kit{font-size:15px; color:#1D8509; font-weight:bold; }