@charset "utf-8";
#top {
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 100%;
	background-color: #dedede;
}
#top .topwrap {
	margin: 0px auto;
	padding: 0px;
	height: 35px;
	width: 990px;
	/*text-align: right;*/
}
#top .topwrap form {
	display: block;
	float: right;
	width: 250px;
	padding: 5px;
	margin: 0px;
}
#top .topwrap form #topsearch {
	height: 20px;
	width: 230px;
	border: 1px solid #eee;
	color: #999;
}
#top .topwrap .lang {
	margin: 0px;
	padding-top: 10px;
	float:right;
	width: 160px;
}
#top .topwrap .lang a {
	display: block;
	height: 25px;
	float: left;
	text-decoration: none;
}
#top .topwrap .lang a:hover {
	text-decoration: none;
}
#top .topwrap .lang a.id {
	/* background-image: url(../images/m_langi_o.gif); 
	background-repeat: no-repeat;
	background-position: center center;*/
       font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.9em;
       text-decoration:none;
}
#top .topwrap .lang a.id:hover {
	       text-decoration:underline;

}
#top .topwrap .lang a.en {
	/* background-image: url(../images/m_lange_o.gif); 
	background-repeat: no-repeat;
	background-position: center center;*/
       font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.9em;
       text-decoration:none;
}
#top .topwrap .lang a.en:hover {
	       text-decoration:underline;

}
#top .topwrap #changeFont {
	margin: 0px;
	padding: 10px 10px 0 0;
	float: right;
	height: auto;
	width: auto;
}
#top .topwrap #changeFont a.increaseFont {
	background-image: url(../images/t_01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0 2px;
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	text-decoration: none;
}
#top .topwrap #changeFont a.decreaseFont {
	background-image: url(../images/t_03.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0 2px;
	height: 15px;
	width: 15px;
       padding -right:10px;
	display: block;
	float: left;
	text-decoration: none;
}
#top .topwrap #changeFont a.resetFont {
	background-image: url(../images/t_02.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0 2px;
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	text-decoration: none;
}
#top .topwrap ul.topnav {
	display: block;
	width: 300px;
	float: left;
	list-style-type: none;
	margin: 0px;
	height: auto;
	padding: 5px 0 0 0;
}
#top .topwrap ul.topnav li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 5px 8px 0 5px;
	font-weight: bold;
	color: #333;
}
#top .topwrap ul.topnav li a{
	color: #333;
}

#head {
	padding: 0px;
	height: 100px;
	width: 990px;
	margin: 0px auto;
}
a.logo {
	display: block;
	float: left;
	font-family: Arial;
	font-size: 3em;
	font-weight: bold;
	color: #F33;
	text-decoration: none;
	letter-spacing: -2px;
	margin: 20px 0 0 0;
	padding: 0px;
}
a.more {
	margin: 0;
	padding: 5px 15px;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #900;
	display: block;
	background-image: url(../images/arrow-01.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
}
#head ul.mainnav {
	display: block;
	float: right;
	list-style-type: none;
	margin: 35px 0 0 0;
	height: auto;
	width: 600px;
	padding: 0px;
}
#head ul.mainnav li {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#head ul.mainnav li a{
	color: #000;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0px;
	display: block;
	text-decoration: none;
}
#head ul.mainnav li a:hover {
	color: #F33;
	border-bottom: 2px solid #f33;
}


#mainimg {
	margin: 0px auto;
	padding: 0px;
	width: 990px;
	border-top: 3px solid #F33;
	background-color: #eee;
}
.idx  {
 height: 300px;
}
.normal  {
	height: 150px;
}
#wrap {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 990px;
}
#content {
	margin: 20px 0;
	padding: 0px;
	height: auto;
	width: 990px;
}
#footer {
	text-align: right;
	height: 35px;
	width: 990px;
	border-top: 3px solid #F33;
	font-size: 11px;
	margin: 0px auto;
}
form label {
	display: block;
	clear: both;
	margin-bottom: 20px;
}
form .txtlabel {
	display: block;
	width: 100px;
	float: left;
}


form .txtinput{
	background-color: #f7f7f7;
	padding: 5px;
	width: 500px;
	border: 1px solid #eee;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
}
form .txtinput_on{
	background-color: #f9f9f9;
	padding: 5px;
	width: 500px;
	border: 1px solid #bbb;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1.2em;
}
form .btn {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	margin-right: 10px;
	width: 80px;
}

.t_idx-01 {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #690;
	border-bottom: 2px solid #690;
}
.t_idx-02 {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #c60;
	border-bottom: 2px solid #c60;
}
.t_idx-03 {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #900;
	border-bottom: 2px solid #900;
}
.t_idx-04 {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #c39;
	border-bottom: 2px solid #c39;
}
.t_idx-05 {
	display: block;
	margin: 0;
	padding: 5px 0;
	color: #36c;
	border-bottom: 2px solid #36c;
}
.grid-01 {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 178px;
}
.grid-01 p {margin: 0px;padding: 0px;}
.grid-02 {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 376px;
}
.grid-02_2 {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 450px;
}
.grid-03 {
	margin: 0px;
	/*padding: 0px 10px;*/
	float: left;
	width: 574px;
}
.grid-04 {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 772px;
}
.grid-05 {
	margin: 0px;
	padding: 0px 10px;
	float: left;
	width: 970px;
}

.t-01 {
	display: block;
	margin: 0 0 1em 0;
	padding: 5px 0;
	color: #222;
	border-bottom: 2px solid #222;
}
.t-02 {
	display: block;
	color: #690;
}
.t-03 {
	display: block;
	color: #c60;
}
.t-04 {
	display: block;
	color: #900;
}
.t-05 {
	display: block;
	color: #c39;
}
.t-06 {
	display: block;
	color: #36c;
}
.box-01 .newstitle, .box-01 .newstitle a {
	font-weight: normal;
	color: #690;
}
	

.box-0x  {
width: 570px;
height:140px;
padding : 0px 2px;
}

.box-0x1 {
width: 570px;
height:auto;
padding : 0px 2px;
}
.box-0x .photoplc {
float:left;

}
.box-0x .photoimg{
width:177px;
height:140px;
}

.box-0x .desc{
float:left;
width:374px;
height:140px;
padding: 0px 4px;
overflow:hidden;
690
}
.box-0x .desc a{
color:#690;
}

.box-0x .desc a:hover{
color:#690;
}

.box-0xphotoimgfull {
width: 570px;
height:400px;
padding : 0px 2px;

}


.box-01 .newsdate {
	font-size: 11px;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
.box-01 img {
	float: left;
	/*padding-right: 10px;*/
	padding-bottom: 10px;
}
.box-02 {
	background-color: #999;
	padding: 10px;
	margin-top: 50px;
}


ul#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#menu li {
	margin: 0;
	padding: 0 0 0 25px;
	line-height: normal;
	border-bottom: 1px solid #333;
	display: block;
	background-image: url(../images/arrow-02.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
ul#menu li a {
	display: block;
	text-decoration: none;
	color: #690;
	padding: 10px 0;
	margin: 0px;
}
ul#menu li a:hover {
	color: #666;
}
ul#menu li ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#menu li ul li {
	border-top: 1px solid #333;
	border-bottom: none;
	background-image: url(../images/arrow-03.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
ul#menu li ul li a {
	color: #F30;
}
ul#menu li ul li a:hover {
	color: #666;
}
ul.newslist {
	margin: 0 0 30px 0;
	padding: 0 0 0 12px;
}
ul.newslist li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: normal;
	border-bottom: 1px solid #333;
}
ul.newslist li a {
	display: block;
	text-decoration: none;
	color: #690;
}
ul.newslist li a:hover {
	color: #666;
}
#slideshow {
    position:relative;
    height:200px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}