#article ul {
list-style-type: none;
}
#article ul li {
float: left;
width: 320px;
text-align: center;
}
#article ul li.margin {
	margin: 0 10px;
}

#article .text {
text-align: center;
padding: 15px 0 0;
border: 1px solid #CCCCCC;
background: url(../img/home/material.jpg) no-repeat right center;
margin: 0 auto 10px;
width: 960px;
}
#article .main_image {
padding: 20px 0;
float: left;
width: 580px;
}

#article .pickup {
float: left;
height: 230px;
width: 340px;
margin: 0;
background: url(../img/home/pickup.gif) no-repeat;
padding: 70px 20px 0;
background-position: center center;
}
.pickup iframe {
margin: 0px;
padding: 0px;
border: none;
}
.pickup p {
padding: 50px 10px 0 0;
font-size: 75%;
line-height: 1.5;
float: left;
width: 180px;
}
.pickup .img {
float: left;
height: 200px;
width: 130px;
padding: 0 5px;
}
.pickup .admin {
float: none;
clear: both;
width: 100%;
text-align: right;
font-size: 75%;
padding: 50px 0 0;
}
.pickup a:link, .pickup a:visited {
color: #666666;
}
.pickup a:hover, .pickup a:active {
color: #CC0000;
}


#article .topics {
	width: 380px;
	float: left;
	margin: 20px 0 0 20px;
}
#article .topics #scroll {
	width: 380px;
	height: 230px;
}
#article .topics #scroll iframe {
	width: 380px;
	height: 230px;
}

#article .topics .catalog {
	margin: 10px 0 0;
	clear: both;
	width: 360px;
	border: 1px dotted #CCCCCC;
	padding: 14px 9px 9px 9px;
	height: 105px;
}
#article .topics .catalog .title {
	float: left;
	margin: 0px;
	padding: 0 9px;
}

#article .topics .catalog ul {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 0px;
}
#article .topics .catalog li {
	width: auto;
	margin-bottom: 5px;
}
#article .topics .catalog li img {
	vertical-align: bottom;
}

.topics a:link, .topics a:visited {
color: #666666;
}
.topics a:hover, .topics a:active {
color: #CC0000;
}
.topics p {
font-size: 75%;
text-align: right;
}
.topics dl {
font-size: 75%;
padding: 0 10px;
}
.topics dt {
background: #EEEEEE url(../img/home/p.gif) no-repeat left center;
padding: 0 25px;
line-height: 2;
}
.topics dt.big {
background: #EEEEEE!important;
font-size: 240%;
padding: 10px 20px;
margin-top:10px;
margin-bottom: 10px;
line-height: 1.2;
}
.topics dd {
padding: 5px 10px 5px 25px;
line-height: 1.5;
}
.topics dd img {
float: right;
padding: 1px;
border: 1px solid #CCCCCC;
margin: 5px 0 5px 5px;
}
.topics dd.big {
font-size: 110%;
}
#article .block {
	clear: both;
}
#article .block li {
	font-size: 87.5%;
	line-height: 1.5;
	padding-bottom: 20px;
}
#article .block a:link, #article .block a:visited {
	line-height: 2;
	font-weight: bold;
	color: #990000;
}
#article .block a:hover, #article .block a:active {
	color: #666666;
}

/* contents */
#article .contents {
clear: both;
}
#article .contents ul {
width: 100%;
}
#article .contents ul:after {
content: "";
clear: both;
display: block;
}
#article .contents ul li {
float: left;
width: 24.4%;
margin-right: 0.8%;
}
#article .contents ul li.margin {
margin: 0 0.8% 0 0;
}
#article .contents ul li:nth-of-type(4) {
margin-right: 0;
}
#article .contents ul li img {
width: 100%;
}
#article .contents ul li:hover img {
opacity: 0.7;
box-shadow: 0 0 10px #ccc;
}
#article .contents a:link, #article .contents a:visited {
	line-height: 2;
	font-weight: bold;
	color: #990000;
}
#article .contents a:hover, #article .contents a:active {
	color: #666666;
}




.pg-btn {
font-size: 10px;
color: #999999;
text-align: center;
padding-top: 150px;
}





#slideshow {
    position:relative;
	width: 580px!important;
    height: 430px;
	margin: 0 auto;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 430px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

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

#slideshow DIV IMG {
    height: 430px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}