table.topgallery{
	background: url(../images/top/bg_topgallery.png) no-repeat;
	height: 235px;
}
table.topgallery2{
	background: url(../images/top/bg_topgallery2.png) no-repeat;
	height: 235px;
}
table.topgallery td{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* Sudo Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider ul{clear: both;}
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider, #slider li {width:429px;overflow:hidden;}
#slider li a img, #slider2 li a img{border: none; display: block;}
#slider{margin: 4px 0 0 4px;}
/* // Sudo Slider */	
/* Numeric Navigation */
.controls{
	display: block;
	width: 436px;
}
ol {
	margin: 0;
	padding:5px 0 0 0;
	height:8px;
	text-align: center;
}
:root ol {
	margin:0;
	padding:5px 0 0 0;
	height:8px;
	text-align: center;
}
ol li{
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
	width: 20px;
	height:8px;
	line-height:8px;
	font-size: 5px;
	-webkit-text-size-adjust:none;
}
:root ol li{
	display: inline;
	margin:0;
	padding:0;
	list-style:none;
	width: 8px;
	height:8px;
	line-height:8px;
	font-size: 5px;
	-webkit-text-size-adjust:none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    :root ol li:not(:target) {
	width: 20px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    :root :root ol li {
	width: 20px;
    }
}

ol li a{

	font-size: 5px;
	width: 8px;
	height:8px;
	line-height:8px;
	background-image: url(../images/top/posi_topgallery_left.png);
	background-repeat: no-repeat;
	background-position: center -8px;
	padding:0 10px;
	text-decoration:none;
	-webkit-text-size-adjust:none;
}
:root ol li a{
	display: inline-block;
	font-size: 5px;
	width: 1px;
	height:8px;
	line-height:8px;
	background-image: url(../images/top/posi_topgallery_left.png);
	background-repeat: no-repeat;
	background-position: center -8px;
	padding:0 10px;
	text-decoration:none;
	-webkit-text-size-adjust:none;
}

ol li.current a{
	background-position: center 0;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

ol li a span{display: none;width:1px; height: 8px; line-height: 8px;}
:root ol li a span{display: inline-block;width:1px; height: 8px; line-height: 8px;}
ol li a span img{ width: 1px; height: 8px; border: 0;}
.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

#slider01 .nextBtn, #slider01 .prevBtn{filter: alpha(opacity=30); opacity: 0;}
#slider01:hover .nextBtn, #slider01:hover .prevBtn{filter: alpha(opacity=75); opacity: 0.75;}
#slider01 .nextBtn:hover, #slider01 .prevBtn:hover{filter: alpha(opacity=100); opacity: 1;}

#slider01 .prevBtn, #slider01 .nextBtn {display:block;width:40px;height:40px;position:absolute;left:2px;top:89px;z-index:1000;background:url(../images/top/btn_topgallery_left.png) no-repeat 0 0;cursor:pointer;}	
#slider01 .nextBtn{left:393px;}														
#slider01 .nextBtn {background:url(../images/top/btn_topgallery_left.png) no-repeat 0 -40px;}	


#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider2, #slider2 li {width: 286px;overflow:hidden;}
#slider02{padding: 34px 0 0 8px;}
#slider02 .prevBtn, #slider02 .nextBtn {display:block;width:18px;height:18px;position:absolute;left:9px;top:10px;z-index:1000;background:url(../images/top/btn_topgallery_right.png) no-repeat 0 0;cursor:pointer;}	
#slider02 .nextBtn{left:275px;}														
#slider02 .nextBtn {background:url(../images/top/btn_topgallery_right.png) no-repeat 0 -18px;}
#slider02 .nextBtn, #slider02 .prevBtn{filter: alpha(opacity=75); opacity: 0.75;}
#slider02 .nextBtn:hover, #slider02 .prevBtn:hover{filter: alpha(opacity=100); opacity: 1;}


/* Scroll Menu */
.scrollmenu{
	position: relative;
	width: 738px;
	margin: 0 auto;
}
.scrollcontents{
	position: absolute;
	top: 133px;
	right: -110px;
	width: 100px;
	height: 448px;
	background: url(/images/top/scroll_bg.png) no-repeat;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 1s ease-in-out;
}
.scrollcontentsL{
	position: absolute;
	top: 133px;
	left: -130px;
	width: 120px;
	height: 600px;
}
.scrollcontents.pubtop{
	height: 100px;
	background: none;
}
.scrollcontents ul{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}
.scrollcontents ul li{
	position: absolute;
	list-style-type: none;
	outline-offset: 0;
}
.scrollcontents ul li:hover{filter: alpha(opacity=75); opacity: 0.75;}
.scrollcontents ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.scrollcontents ul li a span{
	text-indent: 9999px;
	display: none;
}
.scrollcontents ul li.soudan{
	top: 11px;
	left: 5px;
	width: 90px;
	height: 91px;
	background: url(/images/top/scroll_soudan.png) no-repeat;
}
.scrollcontents ul li.entry{
	top: 134px;
	left: 5px;
	width: 90px;
	height: 31px;
	background: url(/images/top/scroll_entry.png) no-repeat;
}
.scrollcontents ul li.post{
	top: 177px;
	left: 5px;
	width: 90px;
	height: 31px;
	background: url(/images/top/scroll_post.png) no-repeat;
}
.scrollcontents ul li.inquiry{
	top: 224px;
	left: 5px;
	width: 90px;
	height: 31px;
	background: url(/images/top/scroll_inquiry.png) no-repeat;
}
.scrollcontents ul li.facebook{
	top: 284px;
	left: 5px;
	width: 44px;
	height: 44px;
	background: url(/images/top/scroll_fb.png) no-repeat;
}
.scrollcontents ul li.blog{
	top: 284px;
	left: 52px;
	width: 44px;
	height: 44px;
	background: url(/images/top/scroll_blog.png) no-repeat;
}
.scrollcontents ul li.twitter{
	top: 284px;
	left: 52px;
	width: 44px;
	height: 44px;
	background: url(/images/top/scroll_tw.png) no-repeat;
}
.scrollcontents ul li.minutes{
	top: 348px;
	left: 0;
	width: 100px;
	height: 120px;
	background: url(/images/top/scroll_3minutes.png) no-repeat;
}
.scrollcontents.pubtop ul li.minutes{
	top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}
.scrollcontents ul li.muryo{
	top: 348px;
	left: 0;
	width: 100px;
	height: 120px;
	background: url(/images/top/scroll_zero6th.png) no-repeat;
}
.scrollcontents.pubtop ul li.muryo{
	top: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* News Ticker */

.ticker{

	width: 678px;
	height: 25px;
	margin-bottom: 5px;
	padding-left: 60px;
	background: url(/images/top/ticker_bg.jpg) no-repeat;
}
.ticker ul {
	position: relative;
	width: 100%;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.ticker ul li {
	display: none;
	line-height: 25px;
	width: 100%;
	text-align: left;
}