@charset "utf-8";

/* ================================
    CSS STYLES FOR infoCMS1.0
   ================================
*/ 
#dnn_ctr393_DD {
width:197px;
}

#dnn_ctr392_DD{
width:197px;
}

.EL002 .LogoPane {
padding:0 0 10px;
vertical-align:bottom;
width:300px;
}


.temp_style{
text-align:left;
}


div.frame01-2 {
width:700px;
}

div.frame02 {
background-color:#DCDCDC;
border-bottom:5px solid #00008B;
border-top:5px solid #00008B;
clear:both;
float:left;
margin-top:-5px;
padding:0;
width:700px;
text-align:right;
}

div.frame03 {
background-color:#FFFFFF;
clear:both;
float:left;
padding-bottom:10px;
padding-top:0;
text-align:center;
width:705px;
}

div.frame04 {
clear:both;
height:100%;
margin-bottom:10px;
padding-top:0;
width:700px;
}

div.frame05 {
padding-top:0;
width:500px;
}

div.frame06 {
clear:right;
float:left;
padding:0px 5px 0px 5px;
width:210px;
}

div.frame07 {
background-color:#DCDCDC;
border-bottom:3px solid #00008B;
border-top:3px solid #00008B;
clear:both;
float:left;
padding-bottom:5px;
padding-top:5px;
text-align:center;
width:780px;
word-spacing:1.5em;
}

div.frame10 {
float:left;
padding-top:0;
width:500px;
}

div.frame11{
height: 20px;
margin:0 0 10px 0;
line-height:12px;
}

.frame12{
padding:0 0 5px 0;
}

p.frame13{
line-height:20px;
}
p.frame14{
line-height:20px;
width:500px;
margin: 0 auto;
text-align: left;
}


div.indent01{
text-indent:12px;}

div.lmenu01 { /*　　*/
padding-top:10;
width: 100%;
margin: auto;
height: 100%;
margin-bottom: 10px;
}

div.lmenu02 { /*　　*/
text-align: center;
margin-top: -1px;
margin-bottom: 0px;
}

div.lmenu03 { /*　　*/
text-align: center;
margin-top: 0px;
}

div.lmenu04 { /*　　*/
width: 138px;
margin: auto;
background-color: #FFFFFF;
border-bottom: solid 1px #808080;
border-left: solid 1px #808080;
border-right: solid 1px #808080;
text-align: left;
letter-spacing: 2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 0px;
}

.frame_side {
width: 138px;
margin: auto;
background-color: #FFFFFF;
border-bottom: solid 1px #808080;
border-left: solid 1px #808080;
border-right: solid 1px #808080;
text-align: left;
letter-spacing: 2px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 1px;
}

div.frame01_li { /*　まわりの枠　*/
width: 570px;
margin: 10px 0px 0px 0;
background-image: url("/Portals/0/images/index/line.gif");
background-attachment: fixed;
overflow-y: hidden;
}

div.frame01_li_2 { /*　まわりの枠　*/
width: 570px;
margin: 0px 0px -5px 0;
background-attachment: fixed;
overflow-y: hidden;
}

div.info01_li { /*　日付の枠　*/
font-size:12px;
float: left;
width: 70px;
line-height: 234%;
margin-left: 10px;
margin-bottom: 2px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

div.info02_li { /*　内容の枠　*/
font-size:12px;
float: left;
width: 470px;
line-height: 234%;
margin-left: 0px;
margin-bottom: 2px;
letter-spacing: 1px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-left: 10px;
}

ul.link01 { /*　リンクのタイトル　*/
width: 480px;
font-weight: bold;
font-size: 13px;
letter-spacing: 2px;
margin-top: 10px;
padding:0 0 0 50px;
line-height:18px;
}


div.tmenu01 {
float:left;
width:115px;
}

div.tmenu02 {
float:left;
width:120px;
}

.message01 {
width: 500px;
letter-spacing: 2px;
line-height: 130%;
text-indent:12px;
}

div.info01 {
margin-top:-25px;
width:500px;
}

div.info03 {
margin-top:10px;
width:500px;
}

div.info04 {
width: 495px;
letter-spacing: 2px;
text-align: right;
}

div.pr01 {
margin-bottom:5px;
margin-top:5px;
width:500px;
}


div.middle01 { /*　外枠　*/
width: 515px;
height: 200px;
background-image: url("/Portals/0/images/index/mback.gif");
padding-top: 15px;
padding-bottom: 15px;
padding-left: 17px;
padding-right: 0px;
margin-bottom: 5px;
clear: both;
}




div.middle02 { /*　内枠　*/
float: left;
width: 50%;
padding:0px 0px 0px 0px;
}

div.middle03 { /*　研究開発・出版　*/
float: left;
width: 220px;
height: 180px;
background-color: #FFFFFF;
letter-spacing: 1px;
line-height: 120%;
padding:10px;
margin-bottom: 10px;
clear: both;
}

div.middle03_re { /*　ｺﾝﾃﾝﾂ　*/
float: left;
width: 220px;
height: 200px;
background-color: #FFFFFF;
border: solid 1px #808080;
letter-spacing: 2px;
line-height: 140%;
padding: 8px;
margin-bottom: 10px;
margin-left: 5px;
}


div.middle04{
   background-color:#FFFFFF;
   float:left;
   height:180px;
   letter-spacing:1px;
   line-height:120%;
   margin-bottom:10px;
   margin-left:17px;
   padding:10px;
   width:220px;
}

div.middle05 { /*　タイトル　*/
float: left;
width: 205px;
color: #FFFFFF;
text-align: center;
background-color: #00006C;
border-left: solid 5px #B0B0FF;
border-right: solid 5px #B0B0FF;
letter-spacing: 1px;
padding: 3px;
margin-bottom: 10px;
}

div.middle06 { /*　内枠　*/
width: 100%;
padding: 0px;
}

div.rmenu01 {
margin: 0;
text-align: left;
width:200px;
}

div.rmenu02 {
margin-bottom:5px;
margin-left:0px;
margin-top:0;
}

div.rmenu03 {
background-color:#FFFFFF;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
letter-spacing:0px;
margin-bottom:5px;
margin-left:0px;
margin-top:-5px;
text-align:left;
padding:10px 5px;
width:188px;
}

div.image01 {
float:right;
margin-bottom:2px;
margin-left:2px;
}

/*　お問い合わせ　*/
div.middle01_2{ /*　外枠　*/
width: 500px;
height: 830px;
padding-top: 10px;
background-color: #C0C0C0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0px;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 0px;
clear: both;
}

div.middle02_2 { /*　内枠　*/
float: left;
width: 50%;
padding:0px 0px 0px 0px;
}

div.middle03_2 { /*　研究開発・出版　*/
float: left;
width: 220px;
height: 180px;
background-color: #FFFFFF;
letter-spacing: 1px;
line-height: 120%;
padding:10px;
margin-bottom: 10px;
clear: both;
}

/*　メール　*/
.mail_padding01{
margin: 0px 0pt 0pt;
}

.mail_padding02{
margin: -16px 0pt 0pt 35px;
}
.mail_padding03{
margin: -14.5px 0pt 0pt 27px;
}



/* ナビゲーション */
div.navi01 {
width: 480px;
padding:0 0 5px 0;
font-size: 11px;
letter-spacing: 2px;
}

/*　■■■特許■■■　*/

div.tokkyo01 { /*　枠　*/
   width: 500px;
   padding-left: 20px;
}

div.tokkyo02 { /*　説明文　*/
   width: 500px;
   margin-top: 10px;
   margin-bottom: 10px;
   letter-spacing: 2px;
   line-height: 130%;
}

div.tokkyo02 td{ 
   border:#666666 1px solid;
}

div.tokkyo03 { /*　タイトル　*/
   width: 480px;
   font-weight: bold;
   font-size: 13px;
   letter-spacing: 2px;
   background-color: #EBEBEB;
   border-left: solid 10px #00009B;
   margin-top: 10px;
   padding: 5px;
}

div.tokkyo04 { /*　サブタイトル　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: solid 1px #C0C0C0;
border-left: solid 10px #C0C0C0;
margin-top: 15px;
padding: 5px;
}

div.tokkyo05 { /*　日付（右寄せ）　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 2px;
line-height: 130%;
text-align: right;
}

/*　■■■契約情報■■■　*/

.keiyaku01 { /*　枠　*/
width: 500px;
color:red;
padding-left: 20px;
list-style-type: none;
}

div.keiyaku02 { /*　説明文　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 2px;
line-height: 130%;
}


/*　■■■サンプルメニュー■■■　*/

.submenu {
width: 250px;
background: #FFFFFF;
border: 1px solid #808080;
visibility: hidden;
position: absolute;
z-index: 0;
filter: alpha(style=0, opacity=85);
}


.submenu a {
display: block;
font-size: 12px;
color: #000000;
text-align: left;
text-decoration: none;
padding: 5px;
}

.submenu a:hover {
text-decoration: none;
background: #cccccc;
color: #FFFFFF;
}

/*　社長挨拶　*/

div.pre00 {
width: 500px;
margin-left: 20px;
}

div.pre01 {
width: 500px;


}

div.pre03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

/*　会社理念　*/

div.rinen03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

/*　概要　*/

div.gaiyo00 {
width: 500px;
margin-left: 20px;
}

div.gaiyo01 { /*　左　*/
float: left;
width: 120px;
font-weight: bold;
text-align: justify; 
text-justify: distribute-all-lines;
background-repeat: repeat-y;
background-attachment: fixed;
letter-spacing: 1px;
padding : 4px;
line-height: 230%;
}

div.gaiyo02 { /*　右　*/
float: left;
width: 350px;
background-repeat: repeat-y;
background-attachment: fixed;
padding : 4px 4px 4px 15px;
letter-spacing: 2px;
line-height: 230%;
}

div.gaiyo03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

/*　アクセス　*/

div.access { /*　アクセス　*/
width: 500px;
color: #555555;
letter-spacing: 1px;
line-height: 120%;
padding-left : 20px;
}

/*　■■■販売他■■■　*/

div.bo01 { /*　枠　*/
width: 500px;
padding-left: 20px;
}

div.bo02 { /*　説明文　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 2px;
line-height: 130%;
}

div.bo03 { /*　個別枠　*/
float: left;
width: 500px;
}

div.bo04 { /*　タイトル　*/
width: 535px;
font-weight: bold;
background-color: #C0C0C0;
letter-spacing: 2px;
margin-top: 5px;
padding: 8px;
}

div.bo05 { /*　タイトル2　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
background-color: #EBEBEB;
border-left: solid 10px #00009B;
margin-top: 20px;
padding: 5px;
}

div.bo06 { /*　枠　*/
width: 490px;
/*background-color: #EBEBEB;*/
letter-spacing: 2px;
line-height: 120%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-right: 10px;
}

div.bo07 { /*　サブタイトル　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: solid 1px #C0C0C0;
border-left: solid 10px #C0C0C0;
margin-top: 15px;
margin-bottom: 10px;
padding: 5px;
}

.tab01 {
letter-spacing: 1px;
padding : 5px;
line-height: 180%;
}
/*.tab01 {
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
padding: 3px;
}*/

.tab01_bo {
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding: 3px;
line-height: 180%;
}

.tab01_bo_1 {
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding: 3px;
   width:250px;
}
.tab01_bo_2{
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding: 3px;
line-height: 180%;
}


.tab01_icon {
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding:3px auto 3ox auto;
   text-align:center;

}
.tab01_icon02 {
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding:0 auto 0 auto;
   text-align:center;
line-height: 180%;
}

.tab01_flot { /* ﾌﾛｰﾃｨﾝｸﾞﾒｯｾｰｼﾞ使用時 */
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
padding: 3px;
background-color: #E6FAFF;
text-align:left;
}

.tab02 {
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding: 3px;
   text-align: right;
}

.tab02_02 {
   border-top: solid 1px #C0C0C0;
   border-bottom: solid 1px #C0C0C0;
   border-left: solid 1px #C0C0C0;
   padding: 3px;
   text-align: right;
}

.tab01_top {
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
padding: 3px;
}

.tab02_top {
border-top: solid 1px #C0C0C0;
border-bottom: solid 1px #C0C0C0;
border-left: solid 1px #C0C0C0;
padding: 3px;
text-align: right;
}

/*　■■■ﾌﾛｰﾃｨﾝｸﾞﾒｯｾｰｼﾞ■■■　*/
.spanstyle {
	position:absolute;
	visibility:hidden;
	color:#000000;            /* フォント色               */
	font-size:12px;           /* フォントサイズ           */
/*	font-weight:bold;            太字の場合コメントを外す */
	border:1px #C0C0C0 solid;    /* 枠線の太さ、色、形状     */
	padding:5px;
	background-color:#ffffcc; /* 背景色                   */
	z-index:100;
	text-align:left;
/* センタリングはネスケで表示位置が大幅にずれるので使用しないで下さい */
}

/*　沿革　*/




}
.enkaku {
width:100%;
}
.enkaku_a hr{
color:#808080;
border-style:dotted;
}

.enkaku01 {/*　左　*/
width:150px;
font-weight: bold;
color:red;
}
.enkaku02 {/*　右　*/
width:350px;
}

div.enkaku03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

div.enkaku04 { /*　写真の枠　*/
width: 500px;
}

/*緑化技術センター*/
div.center01 { /*　枠　*/
width: 500px;
padding-left: 20px;
}

div.center02 { /*　説明文　*/
width: 485px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;
letter-spacing: 2px;
line-height: 130%;
}

div.center03 { /*　タイトル　*/
width: 480px;
font-weight: bold;
font-size: 13px;
letter-spacing: 2px;
background-color: #EBEBEB;
border-left: solid 10px #00009B;
margin-top: 10px;
padding: 5px;
}

div.center04 { /*　サブタイトル　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: solid 1px #C0C0C0;
border-left: solid 10px #C0C0C0;
margin-top: 15px;
padding: 5px;
}

div.center05 { /*　サブタイトル２　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
background-color: #DFFFDF;
border-left: solid 10px #DFFFDF;
margin-top: 15px;
padding: 5px;
}

div.center06 { /*　サブタイトル３　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
background-color: #CCE8E1;
border-left: solid 10px #CCE8E1;
margin-top: 15px;
padding: 5px;
}

div.center07 { /*　サブタイトル４　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
background-color: #FFD2A6;
border-left: solid 10px #FFD2A6;
margin-top: 15px;
padding: 5px;
}


/*　組織　*/

div.soshiki00 { /*　写真の枠　*/
width: 500px;
margin-left: 20px;
}

div.soshiki01 { /*　写真の枠　*/
width: 500px;
letter-spacing: 2px;
line-height: 130%;
}

div.soshiki03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

/*　お問い合わせ　*/

div.help01 {
width: 500px;
letter-spacing: 2px;
line-height: 130%;
margin-left: 20px;
}

div.help03 { /*　タイトル　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}

/*　調査等　*/

div.chosa01 { /*　枠　*/
width: 500px;
padding-left: 20px;
}

div.chosa02 { /*　説明文　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
letter-spacing: 2px;
line-height: 130%;
}

div.chosa03 { /*　タイトル　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
background-color: #EBEBEB;
border-left: solid 10px #00009B;
margin-top: 20px;
padding: 5px;
}

div.chosa04 { /*　サブタイトル　*/
width: 480px;
font-weight: bold;
letter-spacing: 2px;
border-bottom: solid 1px #C0C0C0;
border-left: solid 10px #C0C0C0;
margin-top: 15px;
padding: 5px;
}

div.chosa05 { /*　内側の枠　*/
width:480px;
}

div.chosa06 { /*　内側の枠　*/
width:500px;
margin-top: 10px;
}

div.chosa07 { /*　内側の枠　*/
width:92%;
margin: 10px 0px 10px 10px;
padding: 5px;
line-height: 150%;
background-color: #EBEBEB;
color: #CC0000;
border: dotted 1px #808080;
}

/*　■■■新技術・新工法の募集■■■　*/

div.nt01 { /*　枠　*/
width: 500px;
padding-left: 20px;
}

div.nt02 { /*　説明文　*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
letter-spacing: 2px;
line-height: 150%;
}


ul.ntdl01 { /*　DLの段落　*/
padding: 0px;
margin: 5px;
}

li.ntdl01 { /*　DLの段落　*/
list-style-type: disk;
width: 460px;
line-height: 230%;
letter-spacing: 2px;
margin-left: 10px;
border-bottom: dotted 1px #808080;
}

/*　■■■共通■■■　*/

ul.dmanu01 {
padding: 0px;
margin: 5px;
margin-top: 10px;
}

li.dmanu01 {
list-style-type: disk;
width: 480px;
line-height: 200%;
letter-spacing: 1px;
margin-left: 10px;
border-bottom: dotted 1px #808080;
}

li.dmanu02 {
list-style-type: none;
width: 470px;
background-color: #EBEBEB;
line-height: 150%;
letter-spacing: 1px;
margin-left: 10px;
padding-left: 10px;
}

li.dmanu03 {
list-style-type: disk;
list-style-position: inside;
width: 500px;
line-height: 150%;
margin-top: 10px;
margin-left: 10px;
vertical-align: -100%;
}

li.dmanu04 {
list-style-type: disc;
width: 500px;
font-size: 13px;
background-color: #F0F0F0;
line-height: 200%;
letter-spacing: 0px;
margin-left: 30px;
}

li.dmanu05 {
list-style-type: disk;
list-style-position: outside;
width: 480px;
vertical-align: top;
line-height: 150%;
margin-top: 10px;
margin-left: 10px;
}

li.dmanu06 {
list-style-type: disk;
width: 500px;
line-height: 200%;
letter-spacing: 0px;
margin-left: 30px;
}

li.dmanu07 {
list-style-type: none;
width: 470px;
line-height: 150%;
letter-spacing: 1px;
margin-left: 5px;
padding-left: 5px;
}

.tab01 {
background-color: #F0F0F0;
padding: 3px;
margin-left: 10px;
}

.tab02 {
padding: 3px;
margin-top: 10px;
margin-left: 10px;
}

.tab03 {
padding: 3px;
margin-top: 10px;
margin-left: 10px;
line-height: 150%;
}




/*　■■■お知らせ系■■■　*/

.info-index .bottom-line {
    padding: 5px 0;
    width: 540px;
}

.info-details .bottom-line {
    padding: 5px 0;
    width: 560px;
}

table#dnn_ctr388_Announcements_lstAnnouncements {
    width:545px;
}

table#dnn_ctr1015_Announcements_lstAnnouncements {
    width: 545px;
}


/*　■■■追加ＣＳＳ■■■　*/
p.Contents{
    line-height:150%;
}

li.Contents{
    line-height:150%;
}

p.info04{
    letter-spacing:2px;
}

li{
    line-height:150%;
}

p{
    line-height:150%;
}