/*--------------------------------------
  Universal selector
---------------------------------------*/

*{
	margin:	 0;
	padding: 0;
}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/*--------------------------------------
  Japan Flexible Barrier Association
---------------------------------------*/	
body
{
    margin: 0px auto;
    padding: 0px auto;
    text-align: center;
    background-color: #ffffff;
}

html>body{
    border-collapse:separate;
}
table{
    empty-cells:show;
    border-collapse:collapse;
}
table th{
font-size:10pt;
}
table td{
font-size:10pt;
}

p{
line-height:160%;
color:#333333;
}
.line1{border:1px solid #666666;}
.line0{border:0px solid;}
.end{clear:both;}
.red{color:red;}
.navig{font-size:9pt;margin:10px 20px; 5px 20px;}


div#wrapper{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    background-color: #CCCDDA;
    border:solid 1px #606060;
}

div#logo{
    float: left;
    background-color: #FFFFFF;
    width: 350px;
    height:46px;
}
img.logo{

}

div#topmenu{
    float: right;
    text-align: right;
    background-color: #FFFFFF;
    width: 448px;
    height:46px;
    font-size: 10pt;
    line-height: 46px;
}
div#topbar{
    clear: both;
	background-image: url("images/bar_rgh.jpg");
	background-position:left;
	background-repeat:no-repeat;
    background-color: #0A3700;
    height:14px;
}
div#header{
    margin: 0;

}

/*--------------------------------------
  メニュー
---------------------------------------*/	
div#menu{
    float:left;
    width: 145px;
}

#menu ul{
    width:145px;
    font-size:9pt;
    color:#333333;
    margin:0px;
    padding:0px;
    list-style-type:none;
    background-color:#ffffff;

}
#menu ul.menubox{
    border-right: solid 1px #CCCDDA;
    border-bottom: solid 1px #CCCDDA;
}

#menu li{
    /*background-color:#ffffff;*/
    /*border-top: solid 1px #CCCDDA;*/
    display: block;
}
#menu li.heading01{
    height: 22px;
	background-image: url("images/menu.jpg");
	vertical-align: middle;
	line-height:22px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 3px;
	color: #555555;
	border-top: solid 1px #CCCDDA;
}
/*#menu li.heading02{
    height: 22px;
	background-image: url("images/menu_02.gif");
	vertical-align: middle;
	line-height:22px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 3px;
	color: #555555;
	border-top: solid 1px #CCCDDA;
}*/

#menu li.menu,
#menu li.method {
    height: 22px;
    line-height: 22px;
    font-weight:normal;
    margin:0px;
    padding-left: 8px;
	color:#63AE3C;
    list-style-type:none;
   /*background-color:#FFFFFF;*/
    border-top: solid 1px #CCCDDA;
}
#menu li.menu span.ex {
	font-size: 7pt;
	}
#menu li.note{
    background-color: #CCCDDA;
    font-size: 9pt;
    height: 50px;
    padding-top: 10px;
}


#menu li.submenu{
    height: 18px;
    line-height: 18px;
    font-weight:normal;
    margin:0px;
    padding-left: 12px;
    list-style-type:none;
    background-color:#FFFFFF;
    border-top: solid 1px #CCCDDA;
}
#menu li.now{
    background-color:#8AA74B;
    color:#005100;
}

#menu li.menu,#menu li.submenu
{
}

#menu li.menu a,#menu li.submenu a{
	color:#333333;
	background-color:#ffffff;
	text-decoration:none;
}

#menu li.menu a.select,#menu li.submenu a.select{
	background-color:#ffffff;
	color:#333333;
}

#menu li.menu a:hover,#menu li.submenu a:hover{
	/*background-color:#D5E7F3;*/
	color:#333333;
	text-decoration: underline;
}
/*工法ページへリンク*/
#menu li.method a,
#menu li.method a:visited {
	color:#333333;
	text-decoration: underline;
}
#menu li.method a:hover {
	color: #5f3900;
	text-decoration: underline;
	font-weight: bold;
}

/*--------------------------------------
  unit部分--トップページ--
---------------------------------------*/	

div#unit{
    float:right;
    width:653px;
    margin-right:0px;
    padding: 10px 0px 10px 10px;
    background-color: #ffffff;
}

div#topmain{
    float: left;
    text-align: left;
    width: 415px;
}

font.main{
    font-size:8pt;
    line-height: 110%;
}

address{
    clear: both;
    /*text-align: center;*/
    font-style: normal;
    font-size:1em;
    margin:20px 15px;
    padding-top:10px;
    }

/*--------------------------------------
  施工事例
---------------------------------------*/	
div#side_jirei{
    float: right;
    width: 200px;
    height: 196px;
    background-image: url(images/side_02.gif);
    background-repeat: no-repeat;
    font-size: 9pt;
    padding: 10px 10px 10px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
/*--------------------------------------
  トピックス
---------------------------------------*/	
div#side_topics{
    float: right;
    width: 200px;
    height: 630px;
    background-image: url(images/side_01.gif);
    background-repeat: no-repeat;
    font-size: 9pt;
    padding: 4px 10px 10px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
div#side_topics h2{
    color: #ffffff;
    font-size: 10pt;
    margin-bottom: 11px;	
}
#side_topics ul{
    width:180px;
    font-size:9pt;
    color:#333333;
    margin:0px;
    padding:0px;
    list-style-type:none;
}
#side_topics li{
    border-bottom: solid 1px #b4b4b4;
    /*display: block;*/
    background-color: #f3f3f3;
   font-size: 9pt;
   font-weight: bold;
}
#side_topics font
{
   font-size: 8pt;
   font-weight: bold;
}
#side_topics dl{}
#side_topics dd{
   font-size: 8pt;
   line-height: 150%;
   border-bottom:1px dotted #606060;
   margin-bottom: 10px;
}
#side_topics dd a:hover,
#side_topics dd a:active
{text-decoration:underline;}

#side_topics span{
   font-weight: bold;
}
#side_topics p {
	text-align: right;

	}
/*---------------------------------------*/


div#footer{
    clear: both;
   /*width: 800px;*/
    text-align: center;
    height: 15px;
    color: #ffffff;
    background-color: #0A3700;
}

a:link, a:visited {
	color: #0000ff; text-decoration: none;
}

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

td,tr,p,div
{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 145%;
	font-size: 11px;
	color: #333333;
	text-align: left;
}
.menu1
{
  height: 20px;
  font-size: 10pt;
  padding-left: 8pt;
  background-color: #FFFFFF;
}
.menu2
{
  height: 20px;
  font-size: 10pt;
  padding-left: 14pt;
  background-color: #FFFFFF;
}
/*画像の縦配置　指定*/
img{
    vertical-align: bottom;
}
img{
border: none;
}

/*--------------------------------------
  内部のページ
---------------------------------------*/	

div#contents{
    float:right;
    width:653px;
    margin-right:0px;
    padding: 10px 0px 10px 20px;
    background-color: #ffffff;
    font-size:10pt;
    line-height: 180%;
}


/*--------------------------------------
  トップページ（工法紹介）（比較支援）
---------------------------------------*/
div#box{
   margin-left: 15px;
}
div#box h1{
font-size:9pt;
color:#5F3900;
margin:0px 0px 5px 0px;
}

#box ul{
    width: 380px;
    color:#333333;
    margin:0px;
    padding:0px;
    list-style-type:none;
    margin-bottom: 20px;
}

#box li{
    border-bottom: dotted 1px #b4b4b4;
    /*font-size: 9pt;*/
    clear: both;
    height: 60px;
    margin-top: 10px;
}


#box li.outline{
    border-bottom: dotted 1px #b4b4b4;
    clear: both;
    padding: 5px;
    font-size: 10pt;
}

#box li span.title{
    font-weight: bold;
    font-size: 9pt;
}

#box li span.bt_pdf a
{
    background-color:#008000;
    color:#fff;
    font-size: 6pt;
/*padding-top:1px;*/
padding-left:1px;
    border-bottom:1px solid #006600;
    border-right:1px solid #006600;
}
#box li span.bt_mv a{
    background-color:#555;
    color:#fff;
    font-size: 6pt;
/*padding-top:1px;*/
padding-left:1px;
    border-bottom:1px solid #333;
    border-right:1px solid #333;
}
#box li span.bt_pdf a:hover,
#box li span.bt_pdf a:visited,
#box li span.bt_mv a:hover,
#box li span.bt_mv a:visited{
    text-decoration: none;
}

#box li p.title_ex{
    font-size: 7pt;
    line-height:120%;
    margin-top:0px;
    color: #606060;
}
#box li span.text{
    font-size: 8pt;
    line-height:120%;
    color: #606060;
}

#box img{
    float: left;
    border: 1px solid #b4b4b4;
    margin-right: 5px;
}

#box font.title{
	font-size: 1em;
	font-weight: bold;
    line-height: 110%;
}
#box font.text{
    font-size: 0.9em;
    line-height: 120%;
    color: #606060;
}
#box font.method{
    font-size:10pt;
    font-weight: bold;
}
#box font.shien{
    font-size:10pt;
    font-weight: bold;
}

#box a:link, a:visited {
	text-decoration: none;
}
#box a:hover {
	text-decoration: underline;
}

#box a:link.method, a:visited.method {
	color: #5F3900;
}

#box a:hover.method {
	color: #5F3900;
}

#box a:link.shien, a:visited.shien {
	color: #1D6A00;
}

#box a:hover.shien {
	color: #1D6A00;
}

/*--------------------------------------
  工法ページ
---------------------------------------*/	

div#method{
    float:right;
    width:653px;
    margin-right:0px;
    padding: 10px 0px 10px 10px;
    font-size:10pt;
    line-height: 180%;
    background-color: #ffffff;
}
#method h1{
    font-size: 1em;
    line-height: 200%;
    text-indent: 1em;
    margin: 0px 10px 10px 0px;
}

#method h1.ring{
    color: #5F3900;
    border-left: 10px solid #D3C8B8;
    background-image:url('method/images/bar_ring.gif');
}

#method h1.tecco{
    color: #445300;
    border-left: 10px solid #C6D5A5;
    background-image:url(method/images/bar_tecco.gif);
}
#method h1.spider {
    color: #663399;
    border-left: 10px solid #ac96dd;
    background-image:url(method/images/bar_spider.gif);
}
#method h2{
    font-size: 1.1em;
    color: #606060;
    text-indent: 1.2em;
}
#method h3{
    font-size: 11pt;
    text-indent: 1em;
    color: #4d4d4d;
    background-color: #dfdfdf;    
    margin: 0px 30px 0px 35px;    
}
#method h3.boxtitle{
    font-size: 1.1em;
    color: #4d4d4d;
}

#method h4{
color:#333333;
font-size:12pt;
}

.str
{font-weight:bold;}

#method p.title{
    font-size: 11pt;
    font-weight: bold;
    text-indent: 1em;
    color: #5F3900;
    margin: 0px 30px 10px 20px; 
}

#method p.paragraph{
    text-indent: 1em;
    font-size: 1em;
    line-height: 180%;
    padding: 0px 20px;
    margin-bottom: 20px;
}
#method p.paragraphTecco{
    text-indent: -1em;
    font-size: 1em;
    line-height: 180%;
    padding: 0px 40px;
    margin-bottom: 20px;
}

#method p.pic{
    padding-left: 20px;
    margin-bottom: 0px;
}

#method p.outline{
    text-indent: 0em;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    color: #5F3900;
  /*padding-left: 20px;*/
    margin: 20px 20px;
}

#method p.outlinetecco {
    text-indent: 0em;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    color: #445300;
  /*padding-left: 20px;*/
    margin: 20px 20px;
}
#method p.list{font-size:11pt;
    margin: 0px 40px;}

#method p.explan{
    text-indent: -1em;
    font-size: 10pt;
    line-height: 180%;
    padding: 0px 30px 0px 60px;
}
.rslt{padding:5px;
border:1px solid #666666;
}
table.kikaku {
	border: 2px solid #333333;
	color: #333333;
	}
table.kikaku th, 
table.kikaku td {
	border: 1px solid #333333;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	}
table.kikaku th {
	background-color: #ffffcc;
	}
table.kikaku caption {
	text-align: left;
	font-size: 0.8em;
	}
/*epn.shtml*/
#methodBox {
	margin: 20px;
	text-align: center;
	color: #898989;
	font-size: 1.2em;
	padding-bottom: 70px;
	}

/*--------------------------------------
  工法ページ（写真）
---------------------------------------*/
#picture{
    width: 220px;
    float: left;
    text-align: center;
    font-size: 10pt;
    margin: 10px 0px 10px 20px;
}

#picture img{
    border: 0px;
}
#GoodPoint{
    text-align: center;
    font-size: 10pt;
  /*margin: 10px 0px 30px 20px;*/
    margin-left: auto;
    margin-right: auto;
}
#GoodPoint img{
    margin-bottom: 20px;
}

/*--------------------------------------
  工法ページ（別ウィンドウ）
---------------------------------------*/
div#win{
    text-align: center;
    font-size: 10pt;
}
#win img{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px;
}


/*--------------------------------------
  研究会会員名簿
---------------------------------------*/	
#contents table.member{

    border-top:1px solid #9999A7;
    border-left:1px solid #9999A7;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin-left:20px;
    margin-bottom:30px;
}
html>body .member{
    border-collapse:separate;
}
#contents .member th{
    border-right:1px solid #9999A7;
    border-bottom:1px solid #9999A7;
    color:#0A3700;
    /*background-color:#996633;*/
    background-color:#B6CC9A;
    background-image:url(study/images/th.gif);
    background-position:left top;
    padding:0.2em 1em;
    font-size: 1em;
    line-height: 1.6em;
}
#contents .member td{
    border-right:1px solid #9999A7;
    border-bottom:1px solid #9999A7;
    background-color:#FAF9F7;
    padding:0.5em 1em;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align:center;
}
#contents h1.mem{
    font-size: 1em;
    line-height: 200%;
    text-indent: 1em;
    color: #1D3600;
    border-left: 10px solid #9E9FAC;
    background-image:url('images/bar.gif');
    margin:0px 10px;
}

/*--------------------------------------
  沿革
---------------------------------------*/
#contents td.year{padding:5px;}


/*--------------------------------------
  お問合せ
---------------------------------------*/
#unit table.info{border:1px solid #666666;}
#unit table.info th{border:1px solid #666666;padding:6px;background-color:#D4E6F2 ;font-weight:normal;}
#unit table.info td{border:1px solid #666666;padding:6px;background-color:#ffffff;}

#unit h1.info{
    font-size: 1em;
    line-height: 200%;
    text-indent: 1em;
    color: #1D3600;
    border-left: 10px solid #9E9FAC;
    background-image:url('images/bar.gif');
    margin:0px 10px;
}

@media print{
div#wrapper{width: 801px;}
}