body{
width:1000px;
font-family: "Roboto Regular","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif !important;
}

.scilenthed{
 position: fixed;
 top: 0px; 
 left: 0px;
background-color: #fff;
 height: 140px; 
    width: 100%;
     z-index:100;
}
.imgblock{
 top: 60px;   
	height: 200px;
	background-color: #FFF;

}

.topimg 
{
    width: 50px;
position: fixed;
 background-color: #fff; 
     margin: 10px 0px 0px 47px;
 top: 65px; 
 left:10px;
}
.dstitle {
     width: 100%;
	font-size: 30px;
    font-family: Times New Roman,  serif;
	line-height: normal;
	font-weight: bold;
	height: 50px;
	background-color: #fff;
    margin: 10px 0px 0px 110px;

    position: fixed;
 top: 60px;   
	left:0px;
	z-index:1000;
}
.cat{
font-size:12px;
color:#ddd;
margin:0px 0px 0px 20px;
}

.color1 {
	color:#e03a3e;
}

.color2 {
	color:#fdb827;
}
    .color3 {
	color:#ffd700;
}
    .color4 {
	color:#61bb46;
}
    .color5 {
	color:turquoise;
}
    .color6 {
	color:#963d97;
}

.scilent{
    
 font-family: "Roboto Regular","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif !important;
  font-size: 24px; 
  color: dimgray;  
}

.di_header{
background-color:navy;
color: #fff;
width:960px;
height:auto;
min-height:70px;
margin: 0px 50px 10px 48px;
padding:0px 0px 0px 0px;
border-left: 10px solid #888;
border-bottom: 3px solid #888;
    border-top: 1px solid #888;
    border-right: 1px solid #888;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: fixed;
 top: 130px;   
	left:0px;
}
.uline{
border:1px solid #ccc;
}
.sp{
height: 200px;

 } 

.title{
color: #333;
height:50px:
width:100%;
background-color:#fff;

font-weight: 600;
margin-left: 35px;
margin-top: 10px;
font-size:30px;
position:fixed;
top:140px;
left:80px;
 }
 .di_title{
color: #fff;
font-weight: 600;
margin-left: 35px;
margin-top: 10px;
font-size:30px;
float: left;

 }

.t_color{
color: maroon;
font-size: 26px;
    font-weight: 800;
}
.y_color{
color: #444;
font-size:16px;
}
.teal_color{
color: teal;
font-size: 26px;
    font-weight: 800;
}
 .view1 {
margin:0px 10px;0px;200px;
            font-size:14px;
            display: inline-block;
            padding: 10px 20px;
            background-color: blue;
            color: white;
            text-decoration: none;
            border-radius: 5px;
                        display:none;

        }


 .view2 {
     
            font-size:14px;
            display: inline-block;
            padding: 10px 20px;
            background-color: blue;
            color: white;
            text-decoration: none;
            border-radius: 5px;
        }

 .download {
   
            font-size:14px;
            display: inline-block;
            padding: 10px 20px;
            background-color: #333;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            display:none;
        }

.mkey{
color: maroon;
font-weight: 800;
}

.rkey{
color: teal;
font-weight: 800;
}
ul{
list-style: none;
}

ul li{ 
color:#000;
font-size: 14px;
margin:4px 0px 0px 0px;
padding:15px 10px 15px 15px;
            background-color: #fff;

border-style: solid;
border-width: 1px;
border-radius: 0px;
border-color: #ccc;
line-height: 1.6em;
}
.text-title{
font-size: 26px;
font-weight: 800;
line-height: 34px;
text-align: left;
margin:5px 0px 10px 10px;
}
.misc-title{}
.jptitle1{
height:80px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.jptitle0{
font-size: 32px;
color: #fff;
line-height: 45px;
background-color: #333;
width:940px;
margin: 10px 0px 30px 17px;
padding: 15px 0px 15px 20px;
font-weight: 600;
   position: fixed;
 top: 130px;   
	left:30px;
}
.jptitle2{
font-size: 14px;
color: #666;
line-height: 18px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px -20px;
font-weight: 600;

}
.jp-title2d{
font-size: 14px;
color: #666;
line-height: 18px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px -20px;
}
.jp-title3 { font-size: 14px;
color: #666;
line-height: 18px;
margin: 5px 0px 0px 20px;
}
.jptitle4 { font-size: 14px;
color: #666;
line-height: 21px;
margin: 10px 15px 0px 20px;
padding:5px 5px 5px 5px;
border: solid;
border-color: #888;
border-width: 1px;
font-weight: 400;
}
.jptitle5 { font-size: 28px;
color: teal;
line-height: 45px;
margin: 10px 15px 0px 0px;
font-weight: 800;
}

.jptitle6 { 
font-size: 11px;
color: teal;
line-height: 25px;
margin: 5px 15px 5px 20px;
border: solid;
border-color: #888;
border-width: 1px;
font-weight: 400;
}

.jptitle7 { 
font-size: 14px;
color: #666;
line-height: 25px;
margin: 5px 15px 0px 20px;
padding:0px 0px 0px 10px;
font-weight: 800;
border:1px #eee solid;
border-left: 5px solid #888;

background-color:#eee;
}
.ktable0{
width: 900px;
font-size: 12px;

}
.ktable1{
width: 180px;
}
.ktable{
width: 180px;
padding-left: 20px;
color: #666;
}
a{
text-decoration: none;
color: darkblue;
}
a:hover{
color:maroon;
font-weight: 800;
}
.view1:hover,
.view2:hover,
.download:hover 
{
color:yellow;
font-weight: 800;
}
.sdgsw{
width:200px;
height:80px;
font-size:14px;
margin:5px 3px 0px 3px;
padding:10px 0px 0px 3px;

}
.sdgs{
width:70px;
margin:5px 3px 0px 3px;
border-radius: 5px;
}
.sdgsg{
width:70px;
margin:5px 3px 0px 3px;
border-radius: 5px;
}
.sdgs:hover{
opacity:0.8;
}

.sdgs2{

width:30px;
margin:3px 2px 0px 2px;
            display: inline-block;

border-radius: 2px;
}
.sdgs2:hover{
opacity:0.8;
}
.category{
width:145px;
           font-size:13px;
            display: inline-block;
            margin:0px 3px 0px 3px;
            padding: 10px 10px;
            background-color: #eee;
            color:teal;
            text-decoration: none;
            border-radius: 5px;
            border: 1px solid #888;
}
.category2{
           font-size:11px;
           height:20px;
            display: inline-block;
            margin:6px 3px 0px 3px;
            padding: 5px 2px 2px 2px;
            background-color: #eee;
            color:teal;
            text-decoration: none;
            border-radius: 2px;
            border: 1px solid #888;
}
.categorys{
           font-size:13px;
            display: inline-block;
            margin:0px 3px 0px 3px;
            padding: 10px 10px;
            background-color: #006666;
            color:#fff;
            text-decoration: none;
            border-radius: 5px;
            border: 1px solid #888;
}
.categorys2{
           font-size:11px;
                      height:20px;

            display: inline-block;
            margin:6px 3px 0px 3px;
            padding: 5px 2px 2px 2px;
            background-color: #006666;
            color:#fff;
            text-decoration: none;
            border-radius: 2px;
            border: 1px solid #888;
}
.categoryk{
width:145px;
           font-size:13px;
            display: inline-block;
            margin:10px 3px 0px 30px;
            padding: 10px 10px;
            background-color: #800000;
            color:#fff;
            font-weight:600;
            text-decoration: none;
            border-radius: 5px;
            border: 1px solid #888;
}

.categorys a{color:#fff;}
.categorys:hover{background-color: #666;}
.categorys2 a{color:#fff;}
.categorys2:hover{background-color: #666;}
.category a{color:teal;}

.category:hover{background-color: #fff;}
.categoryk:hover{background-color: #333;}

.category2 a{color:teal;}
.category2:hover{

background-color: #fff;
}

.footer {
width: 950px;
height:40px;
 margin: 30px 0px 0px 0px;
 padding: 20px 0px 0px 50px;
 clear:left;
background-color: #000;
 font-size:12px;
color: darkgrey;
}
.powerd-by { margin: 5px ;
font-size: 10px;
color: darkgrey;
}
.mem{
position:fixed;
top:25px;
left:800px;
}
.dammy{
background-color: #fff;
height: 140px; 
width: 100%;
}
.mbotton{
           font-size:14px;
            display: inline-block;
            padding: 10px 20px;
            margin:0px 10px 0px 5px;
            background-color: #ddd;
            color: maroon;
            text-decoration: none;
            border-radius: 5px;
}
.mbotton:hover{
background-color: #ccc;
color: maroon;

}
.sbotton{
           font-size:14px;
            display: inline-block;
            padding: 10px 20px;
            background-color: #ddd;
            color:teal;
            text-decoration: none;
            border-radius: 5px;

}
.sbotton:hover{
background-color: #ccc;
color:teal;

}
.dtitle {
    width: 100%;
	font-size: 36px;
	line-height: inherit;
	font-weight: bold;
	color: #ccc;
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Times New Roman, "MS PGothic", sans-serif;
	height: 40px;
padding: 10px 0px 10px 30px;
position:fixed;
top:0px;
z-index:1000;

}

        .index {

        padding: 10px 0px 0px 5px;
        font-size: 12px;
	color:whitesmoke;

} 

.index a{
        text-decoration:none;
        text-decoration-line: none;
        color:whitesmoke;
    }
.index  a:hover{
        color:turquoise;
        font-weight: 600;
    }
.n_type{

font-size:18px;
padding: 10px 0px 5px 5px;
border:1px solid #888;
border-radius:5px;
background-color:orange;
font-weight:600;
}

.n_type_sub
{
font-size:16px;
font-weight:300;

}
.date{

font-size:12px;
margin:0px 20px 0px 0px;
font-weight:200;
position: fixed;
 top: 110px;   
left:880px;
z-index:1000;

    }

.name{
font-size:28px;
margin:10px 20px 10px 10px;
padding:10px 20px 10px 20px;
font-weight:600;
    }
.nameblock{
width:916px;
margin:8px 2px 15px 0px;
padding:10px 22px 10px 20px;
height:138px; 
position: fixed;
 top: 192px;   
left:48px;
background-color:#fff;
border:1px solid #aaa;
}
.table{
width:100%;
margin:0px 0px 10px 0px;
padding:0px 10px 10px 20px;
}
.link{
          font-size:13px;
            display: inline-block;
margin:0px 0px 8px 0px;
width:140px;
            padding: 10px 10px;
            color:teal;
            text-decoration: none;
            border-radius: 5px;
            border: 1px solid #888;
            text-align:center;
            font-weight:600;

}
.link a{
            color:teal;
}
.link:hover{
background-color: #fff;
}

.linkcolor1{
            background-color: #eee;
}
.linkcolor2{
            background-color: #66cc99;
}
.linkcolor3{
            background-color: #ffcc99;
}

.photo{
width:120px;
}

.cop{ 
color:#000;
font-size: 26px;
width:400px;
}
.cop2{ 
color:#000;
font-size: 16px;
margin:0px 0px 10px 10px;
padding:0px 10px 15px 15px;
background:#fff;
width:100%;
}

.logo{
float:left;
border:1px solid #fff;
margin:10px 30px 10px 30px;
border-radius:8px;

}
.supporter
{
width:40px;
}
.sleft
{
float:left;
}
.title2{
font-size:14px;
margin:5px 10px 5px 10px;

line-height:24px;
font-weight:600;
color:#888;
}
.summary{
font-size:12px;
margin:5px 10px 10px 10px;

line-height:18px;
color:#888;
}
.smalltitle{
font-size:26px;
}
.smalltitle2{
font-size:22px;
}
.searchbox {
font-size:18px;
	padding:12px 10px 6px 30px;
	margin:10px 5px 5px 10px;
	width: 340px;
	height: 40px;
	width:500px;
	background-color: #eee;
	border-radius:5px;
	border:1px solid #ccc;
}
.mtype2{
	margin:4px;
	width:50px;
	height:40px;
	width:80px;
	font-size:24px;
color:#fff;
	border: 1px solid #333;
		border-radius:5px;

}

.mtype2:hover{
background: url('../img/bt-searchwallon.png') no-repeat;
	margin:4px;
	text-indent: -9999px;
	width:44px;
	height:31px;
	float: left;
	background-size:contain;
	border: none;
}
.se2{
width:80px;
font-size:14px;
text-align:center;
margin:0px 20px 0px 0px;
padding:5px 5px 5px 5px;
font-weight:600;
position: fixed;
top: 80px;   
left:850px;
color:#fff;
border:1px solid #ccc;
border-radius:5px;
background-color: #006666;
}

.se2 a{color:#fff;}
.se2:hover{
background-color: #666;
}

.n_type_sub2
{
position: fixed;
top: 75px;   
left:950px;}
.n_type_sub2:hover{opacity:0.6;}