/* 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_w.png);
text-align:center;
color: #060606;
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
}
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;
width:750px;
}
/*■ヘッダー */
#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;
}
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;
}
/*■メイン */
#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;
}
/*■サイドメニュー */
#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:0px;
}
#ft_nav{
margin:10px 0 10px 0;
}
/* social_box-sns */
#social_box{
background:#fff;
width:60px;
padding:15px;
margin-left:750px;
text-align:center;
position:fixed;
top:260px;
list-style-type:none;
}
#sns_border{
border-style:none;
}
/* info -whatsnew */
#info {
width:700px;
height: 337px;
text-align:left;
color:#111111;
background-image: url(../img/whatsnew4.png);
background-repeat: no-repeat;
margin-top: 55px;
padding-top: 70px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 30px;
}
#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;}