@charset "utf-8";
/* CSS Document */

.font_w{ color:#fff;}
.font_r{ color:#CC0000;}
.font_w15 { font-size:15px; color:#FFFFFF; font-weight:bold;}
.font_w15 a{ font-size:15px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.font_w15 a:hover{ text-decoration:underline;}
.font_c15 { font-size:15px; color:#0054A8; font-weight:bold; line-height:23px;}
.font_c15 a{ font-size:15px; color:#0054A8; font-weight:bold; line-height:23px; text-decoration:none;}
.font_c15 a:hover{ text-decoration:underline;}
.font_c13 { color:#0054A8; line-height:21px;}
.font_c13 a{ color:#0054A8; text-decoration:none;}
.font_c13 a:hover{ text-decoration:underline;}
.font_g13 { font-size:15px; color:#666666; line-height:20px;}
.font_g13 a{ font-size:15px; color:#666666; line-height:20px; text-decoration:none;}
.font_g13 a:hover{ text-decoration:underline;}
.TOP_BUTTON {font-size:15px; line-height:17px; background-image:url(../images/s3.gif); border: #004160 solid 1px; margin:0; padding:5px 0 1px 0;}
.TOP_BUTTON2 {font-size:15px; line-height:17px; background-image:url(../images/s2.gif); border: #004160 solid 1px; margin:0; padding:5px 0 1px 0;}

body{ font-size:15px; line-height:30px; margin:0; padding:0;}

/*-----table----*/
.table { padding:3px;}
.table caption{}
.table tr{ padding:3px;}
.table th{ padding:3px;}
.table td{ padding:3px;}
.table a{ color:#333333; text-decoration:none;}
.table a:hover{ text-decoration:underline;}

/*-----導圓角----*/
b{ display:block; background-repeat:no-repeat; font-size:1%; position:relative; z-index:10;}
.tl, .tr, .bl, .br{ height:10px; width:10px; float:left;}
.tl{ background-position: left top; left:-1px; top:-1px;}
.tr{ background-position: right top; right:-1px; top:-1px;}
.bl{ background-position: left bottom; left:-1px; bottom:-1px;} 
.br{ background-position: right bottom; right:-1px; bottom:-1px;}
.br,.tr{ float:right;}
.bl,.br{ margin-top:-10px;}

.out .tl{ left:-5px; top:-5px;}
.out .tr{ right:-5px; top:-5px; _right:-8px !important;}
.out .bl{ left:-5px; bottom:-5px; _left:-15px !important;} 
.out .br{ right:-5px; bottom:-5px;}
.first .tl{ left:-5px;}
.first .tr{ right:-5px; _right:-8px !important;}

/*-----index----*/
#ERIVER{ width:100%; min-width:900px; margin:0 auto; padding:0;}

#HEAD{ display:block; width:100%; height:138px; margin:0; padding:0; position:relative;}
#HEAD h1{ width:508px; height:92px; margin:0; padding:0; position:absolute; left:0; top:46px; text-indent:-9999px;}
#HEAD h2{ width:508px; height:46px; margin:0; padding:0; position:absolute; left:0; top:0; text-indent:-9999px;}

#FLASH{ display:block; min-width:579px; margin:0 321px 0 auto; padding:0; text-align:center; background:url(../images/flash_bgd.gif) no-repeat center top;}

#TOP_MENU{ display:block; width:321px; height:138px; margin:0; padding:0; position:absolute; right:0; top:0; background:url(../images/index_02.gif) no-repeat top;}
#TOP_MENU ul{ margin:0; padding:5px 5px 0 60px;;}
#TOP_MENU li{ float:left; margin:0; padding:0 5px; font-size:15px; color:#FFF;}
#TOP_MENU li a{ color:#FFF; text-decoration:none;}
#TOP_MENU li a:hover{ color:#FFF; font-weight:bold; text-decoration:underline;}

#E_SUBJECT a{ position:absolute; top:32px; right:0px; background:url(../images/index_esubject.gif); width:250px; height:50px; text-indent:-9999px;}
#E_SUBJECT a:hover{ background:url(../images/index_esubject_b.gif);}
#MY_RIVER a{ position:absolute; top:86px; right:0px; background: url(../images/index_myRiver.gif); width:250px; height:50px; text-indent:-9999px;}
#MY_RIVER a:hover{ background: url(../images/index_myRiver_b.gif);}

#CONTENT{ display:block; margin:0; padding:0;}

#LEFT{ display:block; width:150px; float:left; margin:0; padding:5px 10px;}
#LEFT h4{ font-size:17px; line-height:17px; margin:7px 0 3px 0; padding:0; border-bottom:dotted 1px #006699;}
#LEFT ul{ display:block; margin:0; padding:0;}
#LEFT li{ font-size:15px; margin:0; padding:0 0 0 20px; background:url(../images/dot01.gif) no-repeat; line-height:24px;}
#LEFT li a{ color:#666666; text-decoration:none;}
#LEFT li a:hover{ color:#990000; padding:0 0 0 1px;}

#BLOCK{ display:block; min-height:550px; margin:0 175px 0 175px; padding:5px; background:#FFFFFF; position:relative;}
 
.PART{ margin:5px; padding:0; position:relative;}
.PART ul{ display:block; margin:0; padding:0px;}
.PART li{ margin:0; padding:1px 6px; color:#333333; font-size:15px; font-weight:normal; line-height:24px;}
.PART li a{ color:#666666; text-decoration:none;}
.PART li a:hover{ text-decoration:underline;}

.PART h4{ margin:0; padding:1px 5px; font-size:17px; line-height:30px;}
.PART h5{ margin:0; padding:2px 5px; color:#333333; font-size:15px;}
.PART h6{ margin:0; padding:0px 6px; color:#333333; font-size:13px; font-weight:normal; text-align:right;}
.PART h6 a{ color:#333333; text-decoration:none;}
.PART h6 a:hover{ text-decoration:underline;}
.PART p{ margin:0; padding:3px 6px; color:#333333; font-size:15px; font-weight:normal;}
.PART p a{ color:#666666; text-decoration:none;}
.PART p a:hover{ text-decoration:underline;}
.PART p img{ float:left; margin:5px; padding:5px; border:solid 1px #000;}
.PART blockquote{ padding:0 20px;}

.SCALE1{ display:block; width:10px; height:9px; margin:0; padding:0;}
.SCALE1 a{ display:block; width:10px; height:9px; position:absolute; right:32px; top:10px; background:url(../images/index_c_b01.gif) no-repeat; text-indent:-9999px;}
.SCALE1 a:hover{ background:url(../images/index_c_b01b.gif); text-indent:-9999px;}
.SCALE2{ display:block; width:10px; height:9px; margin:0; padding:0;}
.SCALE2 a{ display:block; width:10px; height:9px; position:absolute; right:18px; top:10px; background:url(../images/index_c_b02.gif) no-repeat; text-indent:-9999px;}
.SCALE2 a:hover{ background:url(../images/index_c_b02b.gif); text-indent:-9999px;}
.CLOSE{ display:block; width:10px; height:9px; margin:0; padding:0;}
.CLOSE a{ display:block; width:10px; height:9px; position:absolute; right:5px; top:10px; background:url(../images/index_c_b03.gif) no-repeat; text-indent:-9999px;}
.CLOSE a:hover{ background:url(../images/index_c_b03b.gif); text-indent:-9999px;}

.WRITINGS { position:relative;}
.WRITINGS h1{ font-size:15px; background:#FFFFCC;}
.WRITINGS h2{ font-size:13px;}
.WRITINGS h5{ position:absolute; right:5px; top:0px; color:#CCCCCC;}
.WRITINGS h6{ border-bottom:#0066CC dotted 1px;} 



#RIGHT{ display:block; width:151px; float:right; margin:0; padding:12px;}
#RIGHT h4{ color:#333333; font-size:17px; line-height:21px; margin:0; padding:0; border-bottom:dotted 1px #333333; text-align:center;}
#LOGIN p{ color:#333333; font-size:15px; line-height:35px; margin:0; padding:0; text-align:center;}
#LOGIN ul{ display:block; width:129px; height:95px; margin:0; padding:10px;}
#LOGIN li{ font-size:15px; margin:0; padding:0; line-height:21px; text-align:center; border-bottom:#FFFFFF 1px solid;}
#LOGIN li a{ text-decoration:none;}
#LOGIN li a:hover{ color:#FF6600; font-weight:bold;}

#RLIST ul{ display:block; width:129px; margin:0; padding:10px 10px 10px 20px;}
#RLIST li{ font-size:15px; line-height:21px;}
#RLIST li a{ padding:0 0 0 18px; margin:0; text-decoration:none; background:url(../images/index_r_b2.gif) no-repeat;}
#RLIST li a:hover{ font-weight:bold; background:url(../images/index_r_b2b.gif) no-repeat;}


#FOOTER{ clear:both; display:block; width:890px; margin:0 auto; padding: 5px;}
#FOOTER p{ font-size:15px; line-height:24px; text-align:center; margin:0; padding:0;}