/* HTML5  masaki.y
 Network of Asian River Basin Organizations */


*{
	margin:0 auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	clear: none;
	float: center;
}

strong {font-weight:normal;}

body{
	background-color:#fafafa;
	background-image: url(../img/bgc_ct.png);
	text-align:center;
	color: #060606;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.6em;
	margin:0;
}

a {
	color:#000099;
	text-decoration:none;
}
a:hover {
	color:#6699FF;
	text-decoration:none;
}




time{
	font-size:11px;
	line-height:1.6em;
	word-wrap: normal;
	color:#000099;	
}

h4{
	font-size:11px;
	line-height:1.6em;
	color:#000099;
	font-weight: bold;
	padding: 2px 0 2px 0;
	}
p{
	font-size:11px;
	line-height:1.6em;
}	
.no_border {
    border-style:none;
}

#wrapper{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;	
	width:750px;
}

html {
    overflow-y:scroll;
}


/*■ヘッダー */
#logo {
	float: left;
	height: 80px;
	width: 150px;
}
#logobar {
	float: right;
	background-image: url(../img/header02.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 600px;
}

header {
	width:750px;
	height:80px;
	text-align:center;
	color:#BAE7B8;
	display:block;
	margin: 0px;
}

.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


header h1 {
	text-indent:-9999px;
	background-image: url(../img/header00.gif);
	background-repeat: no-repeat;
	float: left;
	width: 150px;
	height: 80px;
}

header h3 {
	float: right;
	text-indent:-9999px;
	background-image: url(../img/header02.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 600px;
}


header p {
	padding:0 0 0 10px;
	font-size:smaller;
	font-weight:bold;
}

.float
{
	float:right;
	clear:both;	

	
}
.floatclear
{
	width:500px;
	word-wrap: normal;
	float:left;
}

/* END header */



/* box_width700 */
#w700-box{
	text-align:left;
	text-decoration:none;
	width:700px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 25px;
}

/* box_width700_-Abox */
#w700-Abox{
	margin:200px 30px 380px 150px;
	text-align:left;
	text-decoration:none;
	width:700px;
}

/* database page */
.db-main{
	width:400px;
}


.id-l{
	height:30px;
	float:left;
	width:300px;
	margin:0 0 3px 0;
}


.pass-l{
	clear:both;
	height:30px;
	float:left;
	width:300px;
}


.btn-l{
	clear:both;
	height:30px;
	float:left;
	width:70px;
	padding-left:70px;
}


/* box parts */

.box700{
	width:600px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 100px;
}


.ccc_box{
	background-color:#EDEDED;
	float:left;
	width:600px;
	height:30px;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 50px;
	vertical-align: middle;
}


.skyblue_box{
	background-color:#D8EDFF;
	float:left;
	font-style: normal;
	width:600px;
	height:30px;
	text-align: left;
	text-indent: 50px;
	letter-spacing: 3px;

}



/*■メイン */
#main{
	bordert:1px solid #90D88D;
	width:524px;
	min-height:590px;
	text-align:left;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 50;
	clear: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main article {
	padding:20px;
	display:block;
}


#main h2{
	padding:15px;
	margin-bottom:10px;
	background: #44BB3E; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#069'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#09F), to(#069)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #09F,  #069); /* for firefox 3.6+ */ 
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	font-weight:bold;
	
	width:97%;
	
	font-size:large;
	color:#EBECEB;
	
	text-align:left;
	
	display: blockl
}
#main h3 {
	margin-bottom:10px;
	padding-left:10px;
	
	border-bottom: 1px solid #EFEFEF;
	
	color:#666;
	font-size:medium;
	
	text-align:left;
}
#main p{
	margin-top:12px;
	font-size:11px;
	line-height:1.6em;
	margin-right: 30px;
	padding-left: 10px;
	word-wrap: normal;
}
#event {
	border-bottom: 1px solid #EFEFEF;
	background-image: url(../img/event.png);
	background-repeat: no-repeat;
	float: left;
	height: 300px;
	width: 500px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 60px;
}
#topics {
	margin-left:10px;
	border-bottom: 1px solid #EFEFEF;
	background-image: url(../img/topics.png);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	width: 500px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.topi_li{
	font-size:13px;
	list-style: square inside url(../img/mark.gif);
	margin-top:20px;
}


.ali{
	margin-left:20px;
	word-wrap: normal;
	width: 350px;
	float:right;

}

.line{
	border:1px dotted #CCCCCC;
	width:480px;
	margin:10px 0 10px 0; 
}


#newsletter {
	margin-left:10px;
	border-bottom: 1px solid #EFEFEF;
	background-image: url(../img/newsletter.png);
	background-repeat: no-repeat;
	float: left;
	height: 250px;
	width: 500px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 0px;

}


#main ul#pan li {
	margin-bottom:10px;
	padding-left:10px;
	
	font-size:smaller;
	
	list-style-type: none;
	float:left;
}

.h1_news{
	background-image: url(../newsletter_html/images/Newsletter25top6.png);
	color: #660000;
	float:left;
	padding-left:10px;
	border-bottom:3px ridge #FFFFFF;
	font-size:32px;
	font-weight:bold;
	line-height:40px;
	vertical-align:middle;
	width:689px;
	height:40px;
	margin-bottom:30px;
}

.h3_news{
	background-image: url(../newsletter_html/images/Newsletter25top6_2.png);
	border-top: solid 3px #78CE7A;
	padding:33px 0 10px 30px;
	font-size:30px;
	color: #660000;
	font-weight:bold;
	/*height:54px;*/
}

/*■サイドメニュー */


#sidemenu{
	display:block;
	float:right;
	width:223px;
	min-height:590px;
	text-align:left;
	line-left: 180%;
	clear: both;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.cds-navi {
  list-style-type: none;
  margin: 0;
}

.cds-navi li {
	margin: 0 10px 5px 0;
	padding:0 0 0 10px;
	border-bottom:1px dotted #CCC;
	width:auto;
	font-size: small;
	font-weight:bold;
}

.cds-navi li a {
	padding:5px;
	font-size: small;
	font-weight:bold;
	text-align:left;
	text-decoration: none;
	color:#555;
	display: block;
}


.cds-navi li:hover {

	background-color: #99CCFF;
}
.cds-navi li.category-title:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82D37E', endColorstr='#44BB3E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#82D37E), to(#44BB3E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #82D37E,  #44BB3E); /* for firefox 3.6+ */ 
	color:#333;
}



/*■カテゴリー別 */

.category-title01 {
	background-image: url(../img/side_01.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 218px;

}
.category-title02 {
	background-image: url(../img/side_02.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 218px;
	margin-top:20px;
}
.category-title03 {
	background-image: url(../img/side_03.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 218px;
	margin-top:20px;

}

.category-title04 {
	background-image: url(../img/side_04.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 218px;
	margin-top:40px;
	text-align: center; 
}

.category-title05 {
	height: 26px;
	width: 218px;
	margin-top:20px;
	border: 1px solid #CCCCCC;
}




/*■フッター */
footer {
	display:block;
	position: relative;
	width:100%;
	height:182px;
	text-align:center;
	clear: both;
	background-repeat: no-repeat;
	background-image: url(../img/bg_footer.png);
	border: 1px solid #CCCCCC;
	margin-top:50px;
}

#ft_nav{
	margin:10px 0 10px 0;
}


/* info -whatsnew */
#info {
	width:700px;
	height: 240px;
	text-align:left;
	color:#111111;
	background-image: url(../img/whatsnew.png);
	background-repeat: no-repeat;
	padding: 70px 50px 0px 30px;
	margin-top: 55px;
}

#info p{
	margin-top:10px;
	font-size:12px;
	line-height:1.6em;
	margin-right: 30px;
	padding-left: 10px;
	word-wrap: normal;
}





/*   ナビ設定  */
#gnav {
	width: 750px;
	margin: 0px;
}

#gnav ul {
	margin: 0;
	padding: 0;

}

#gnav li{
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	margin-left:0px;
	list-style-type: none;
}

#gnav li a{	
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 40px;
	padding-top: 40px;
	background-image: url(../nav_img/nav.png);
	margin-left:0px;
	list-style-type: none;
}



/* gnav */

/*   オフマウス  */
#nav01 a{background-position: 0 0;}
#nav02 a{background-position: -125px 0;}
#nav03 a{background-position: -250px 0;}
#nav04 a{background-position: -375px 0;}
#nav05 a{background-position: -500px 0;}
#nav06 a{background-position: -625px 0;}

/*   オンマウス  */
#nav01 a:hover{background-position: 0 -40px;}
#nav02 a:hover{background-position: -125px -40px;}
#nav03 a:hover{background-position: -250px -40px;}
#nav04 a:hover{background-position: -375px -40px;}
#nav05 a:hover{background-position: -500px -40px;}
#nav06 a:hover{background-position: -625px -40px; color: #305AF7;}

/*   選択済み  */
#nav01 a.stay{background-position: 0 -80px;}
#nav02 a.stay{background-position: -125px -80px;}
#nav03 a.stay{background-position: -250px -80px;}
#nav04 a.stay{background-position: -375px -80px;}
#nav05 a.stay{background-position: -500px -80px;}
#nav06 a.stay{background-position: -625px -80px;}



/*   table  */
caption{font-size:20px; color: #0033ff; margin-bottom:5px;}

table {
	width: 700px;
	border-collapse: collapse;
	margin-bottom: 40px;
	
}

#title {
	background-color: #f0f0f0;	
}

td.boxcolor1 {
	background-color: #99ff33;	
}
td.boxcolor2 {
	background-color: #ffcc99;	
}
td.boxcolor3 {
	background-color: #ffcc00;	
}
td.boxcolor4 {
	background-color: #33ff99;	
}
td.boxcolor5 {
	background-color: #66cc00;	
}
td.boxcolor6 {
	background-color: #99cc00;	
}
td.boxcolor7 {
	background-color: ##33ffff;	
}
td.boxcolor8 {
	background-color: #99cc33;	
}



th{
	background-color: #dddddd;
	padding: 3px;
	text-align: center;

}

td {
	padding: 3px;
	background-color: #efffff;
	text-align: left;
}




/* --- Topic Path --- */

/* --- list  --- */
ol.topicPath {
float:left;
margin: 0 0 0 20px;
padding: 0;
list-style-type: none;
font-size: 14px;
}

/* --- list item --- */
ol.topicPath li {
display: inline;
}

/* --- list link --- */
ol.topicPath li a {
padding-right: 12px; /* link right */
background: url(../img/path.gif) no-repeat right; /* line_item */
}

/* --- END Topic Path --- */



/* --- Links page  --- */

.linksmenu {
	list-style-image: url(../img/allow3.png);
	float: left;
	width: 650pxs;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 10px;
	margin-bottom: 50px;
}
/* --- END linksmenu --- */


#members{
	}/* --- END members --- */

#pre{
	}/* --- END pre --- */

#related{
	}/* --- END related --- */

#secretariat{}/* --- END secretariat --- */

.list-links{
	clear: both;
	border-left-width: 10px;
	border-left-color: #39F;
	border-left-style: solid;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #39F;
}

.green_l{
  margin: 1em 0;
  padding: 3px 14px;
  border-bottom: solid 3px #78CE7A;
  color: #363;
}

/* インデント */
.indent_front01{
text-indent:10px;
}

/* マージン */
.mt5 { margin-top: 5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px }
.mr35 { margin-right:35px }
.mr40 { margin-right:40px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px }
.mb35 { margin-bottom:35px }
.mb40 { margin-bottom:40px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px }
.ml35 { margin-left:35px }
.ml40 { margin-left:40px; }
.ml45  { margin-left:45px; }
.ml50  { margin-left:50px; }
.ml55  { margin-left:55px; }
.ml60  { margin-left:60px; }
.ml65  { margin-left:65px; }
.ml70  { margin-left:70px; }
.ml75 { margin-left:75px; }
.ml80 { margin-left:80px; }
.ml85 { margin-left:85px; }
.ml90 { margin-left:90px; }
.ml95 { margin-left:95px; }

/* パディング */
.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px }
.pr35 { padding-right:35px }
.pr40 { padding-right:40; }

.pb5 { padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px }
.pl35 { padding-left:35px }
.pl40 { padding-left:40px; }

/* 行揃え */
.ta_c { text-align: center; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }

/* フロート */
.fr_l { float: left; }
.fr_r { float: right; }