﻿@charset"UTF-8";  
  
/* 工法TOP（車道・歩道）、性能別一覧、工法詳細　用 */


.wrap {
  width: 510px;
  padding: 15px 0;
  border: 1px solid #ccc;
  margin: 10px 0 20px 30px;
  }

.kohoWrap {
  width: 540px;
  margin: 10px 0 10px 25px;
  border-bottom: 1px dotted #ccc;
  /* width: 260px; */
  /* height: 220px; */
  /* margin: 10px 0 20px 25px; */
  /* float: left; */
  }
 
.kohoTitle {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 10px;
  }
  
h2{
  width: 500px;
  color: #666666;
  padding: 8px 0  5px 20px;
  font-size: 16px;
  font-weight: bold;
  float: left;
  } 
  
h3{
  width: 530px;
  color: #666666;
  padding: 8px 0  5px 10px;
  border-left: 5px solid #666;
  border-bottom: 1px dotted #ccc;
  }


.contWrap {
  width: 650px;
  /* width: 250px; */
  }
 
.gaiyo {
  width: 540px;
  font-size: 12px;
  line-height: 1.5;
  float: right;
  /* width: 140px; */
  /* float: left; */
  }
  
.tn {
  width: 100px;
  margin-right: 10px;
  float: left;
  /* padding-top: 5px; */
  /* margin-left: 10px; */
  }

.syosai {
  width: 600px;
  text-align: right;
  font-size: 12px;
  /* margin: 7px 0; */
  }

.aiueoWrap {
  width: 540px;
  height: 25px;
  margin-left: 15px;
  margin-top: 10px;
  border-bottom: 1px dotted #ccc;
  border-left: 5px solid #666;
  padding: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  }

.aiueoWrap2 {
  width: 540px;
  height: 25px;
  margin-left: 15px;
  padding:10px 0  5px 0;
  font-size: 14px;
  font-weight: bold;
  }
  
.aiueo{
  width: 300px;
  color: #666666;
  padding: 8px 0  5px 10px;
  /* border-left: 5px solid #666; */
  font-size: 16px;
  font-weight: bold;
  float: left;
  }
  
.titleWrap {
  width: 540px;
  height: 25px;
  margin-left: 15px;
  margin-bottom: 20px;
  padding:10px 0  5px 0;
  font-size: 16px;
  font-weight: bold;
  }


.backTop {
  width: 180px;
  font-size: 10px;
  font-weight: normal;
  margin-top: 15px;
  float: right;
  text-align: right;
  }


.backTop a {
  text-decoration: none;
  }

.backtop2 {
  clear:both;
  height:30px;
  margin:0pt;
  padding-right:30px;
  text-align:right;
  width:570px;
}

/* 詳細ページ */



#syosai {
  width: 550px;
  }

.syosaiLeft {
  width: 300px;
  float: left;
  margin:0 0 20px 25px;
  }
  
.syosaiLeftBox {
  width: 300px;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 15px;
  text-align: justify;
  text-justify : inter-ideograph;
  }
  
.syosaiLeftBox img {
  margin-bottom: 15px;
  }
  
.syosaiRight {
  width: 200px;
  float: right;
  margin-top: 5px;
  }
  
.syosaiRightBox {
  text-align: center;
  width: 200px;
}
   
.syosaiRightBox img {
  margin-bottom: 0;
  padding: 15px 0 5px;
}

.url {
  width: 500px;
  font-size: 14px;
  line-height: 2.0;
  padding: 20px 0 0 40px;
  }
  
.titleImg {
  margin: 0 0 0 25px;
  }
 
.textArea {
  width: 500px;
  margin: 10px 0 0 30px;
  }

.textAreaP {
  margin: 10px 0 0 30px;
  }


.textAreaA {
  margin: 0 0 0 30px;
  width: 450px;
  font-size: 12px;
  color: #666666;
  line-height: 1.4;
  text-align: justify;
  }


.textAreaL {
  width: 320px;
  padding-top: 2px;
  font-size: 12px;
  color: #666666;
  float: left;
  }
 
.textAreaR {
  width: 150px;
  float: left;
  }
  
#seinoListB {
  width: 525px;
  margin: 0 0 40px 25px;
  }
  
.seinoListBitem {
  background: url(pavement/images/listmark.jpg) no-repeat;
  background-position: 0 50%;
  width: 160px;
  margin-top: 20px;
  padding: 0 0 0 15px;
  float: left;
  font-size: 12px;
  }


#seinoListC {
  width: 540px;
  margin: 0 0 40px 25px;
  }



.kikaiListitem {
  background: url(pavement/images/listmark.jpg) no-repeat;
  background-position: 0 50%;
  width: 240px;
  height: 16px;
  margin: 20px 0 0 10px;
  padding: 0 0 0 15px;
  float: left;
  }


#seinoList {
  width: 550px;
  margin: 20px 0 20px 25px;
  }
  
.seinoListitem {
  /*width: 180px;*/
  padding: 10px 10px 0 0;
  float: left;
  width: 170px;
  }
 
/* --検索結果-- */


.searchWrap {
  width: 540px;
  min-height: 300px;
  }


.searchRsltA {
  width: 500px;
  font-size: 18px;
  font-weight: bold;
  border-left: 5px solid #666;
  border-bottom: 1px dotted #666;
  margin: 30px 0 30px 30px;
  padding: 0 0 2px 10px;
  }




.searchRsltB {
  width: 500px;
  font-size: 12px;
  margin: 0 0 20px 40px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #666;
  }

h2.searchRsltNon {
  width: 500px;
  font-size: 18px;
  font-weight: bold;
  border-left: 5px solid #666;
  border-bottom: 1px dotted #666;
  margin: 30px 0 30px 30px;
  padding: 0 0 2px 10px;
  }

p.searchRslt {
  width: 500px;
  font-size: 12px;
  margin: 0 0 20px 40px;
  padding: 0 0 10px;
  }



/* 折りたたみメニュー */ 


.side #categories li {
    margin:1px 0 0 0;
    /* list-style-type: none; */
    /* border: 1px solid #ccc; */
    padding: 3px;
    /* background-color: #eee; */
  }

.side #categories li a {
    text-decoration: none;
    font-size: 14px;
    padding: 7px 0;
  }


.side #categories li.sub {
    margin:1px 0 0 0;
    list-style-type: none;
    padding: 3px 0 0 0;
  }

.side #categories li.sub a {
    text-decoration: none;
  }



.subcategories a.foldmark {
    font-size:12px; /* マークのフォントサイズ */
    text-decoration: none; /* マークの文字装飾（何も表示しない） */
}


div#categories {
  width: 180px;
  }

/*　折りたたみメニュー（画像版）　*/

.parent {position:absolute; /* top:330px; left:635px; */ width:180px; visibility:hidden }  
.child  {position:absolute; width:180px; background-color:#ffffff; 
          layer-background-color:#ffffff }
.item   {position:absolute; /* top:0px; left:0px; */ background-color:#ffffff; 
          layer-background-color:#ffffff; padding-bottom:1px; }
.contentMenu{position:absolute; width:180px; background-color:#ffffff; 
          layer-background-color:#ffffff }
.togg   { color:#ff0000 } 

ul.menu1 {
  margin: 0;
  padding-left: 25px;
  }
  
.side #categories li.menu a { 
  /* line-height: 1.4; */
  font-size: 12px;
  list-style-position:outside;
  }

.side #categories li.menu0 a { 
  /* line-height: 1.4; */
  font-size: 12px;
  list-style-position: none;
  }


.child {
	background-color: transparent !important;
}

.contentMenu {
	overflow-y:hidden;
	background-color: transparent !important;
        margin-top: -1px;
}
ul.menu1 {
	background-color:#FFFFFF;
}

.menuFirst {
  width: 170px;
  padding: 5px 0;
  margin-left: 5px;
  font-size: 14px;
  height: 20px;
  background-color: #ffffff;
  }

.menuFirst a {
  text-decoration: none;
  }


/*　// 折りたたみメニュー（画像版）　*/



/* archive */


.archive-content {
    clear: both;
}


.archive-content,
    margin-bottom: .75em;
}


.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


ul.archive-style {
 width: 500px;
}


li.archive-list-item {
 font-size: 14px;
 margin: 7px 0 0 25px;
 text-align: left;
}


form input {
 font-size: 12px;
}




.sidetitle2 {
    width: auto;
    margin:3px 0px 0px 0px;
    padding: 0px;
    text-align: center; /* テキスト配置 */
}
 
.sidetitle2 a {
    width: auto;
}
 
/* 通常 */
.sidetitle2 a:link,
.sidetitle2 a:visited {
    display: block;
    padding: 2px;
    border: 1px solid #999999; /* 枠線 */
    color:#666666; /* 文字色 */
    background-color:#f6f6f6; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
}
 
/* マウスポイント時 */
.sidetitle2 a:hover {
    padding: 2px;
    border: 1px solid #999999; /* 枠線 */
    color:#ffffff; /* 文字色 */
    background-color: #999999; /* 背景色 */
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    text-decoration: none;
}

.kaihei {
    margin-left: 10px;
    color: #999999;
}

/* 舗装技術ページ以外 */ 

.entryWrap {
  margin: 30px auto;
  width: 520px;
  }

.entryTitle {
  border-bottom: 1px dotted #666;
  border-left: 5px solid #009999;
  background-color: #eee;
  color: #666;
  padding: 5px 0 4px 10px;
  font-size: 14px;
  font-weight: bold;
  }

.entryText {
  font-size: 14px;
  line-height: 1.6;
  padding: 15px 0 0 15px;
  color: #333;
  }

.hisback {
  width: 500px;
  margin: 15px 0;
  text-align: center;
  }

.hisback input {
  padding: 5px;
  }

.next {
  width: 700px;
  margin: 0 auto 20px;
  }

#kaiinName {
  width: 540px;
  margin: 15px 0 20px 30px;
  }

.kaiinNamebox {
  width: 175px;
  margin: 10px 0;
  font-size: 12px;
  float: left;
  }

.url2 {
  margin: 20px 0 10px 5px;
  font-size: 14px;
  }

/*　企業詳細ページ　*/

.memberWrap {
  margin: 20px 0 10px 10px;
  }

.memberTitle {
  padding: 10px 0 5px;
  font-size: 14px;
  font-weight: bold;
  }

.memberBox {
  padding: 10px 0 10px 10px;
  font-size: 14px;
  line-height: 1.5;
  }
