@charset "UTF-8";

#container {
	background: url(/asset/images/top_visual_under_bg.png) 50% 445px no-repeat;
}
#top_visual_wrapper{
	text-align: center;
}
#top_visual {
	background: url(/asset/images/top_visual_bg.png) center top no-repeat;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 948px;
	height: 364px;
	margin-bottom: 25px;
}
#visual_area{
	width: 934px;
	margin-left: 15px;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
	overflow: hidden;
}
#visual_area_02{
	width: 923px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 1%;
	line-height: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
}
#top_visual .img_area{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	width: 731px;
	height:340px;
}
#top_visual .menu{
	float: left;
	display: inline;
	width: 180px;
	height: 340px;
	margin-right: 10px;
	letter-spacing: -1px;
	position: relative;
}
#top_visual .main_menu{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #4C4C4C;
	overflow:hidden;
	height:299px;
}
#top_visual .main_menu .main_menu_list {
	padding:0;
	margin:0;
	position: relative;
	z-index: 1;
}
#top_visual .main_menu .main_menu_list li .sub-menu {
	display:none;
}
#top_visual .main_menu .main_menu_list li.open .sub-menu {
	display: block;
}
#top_visual .menu li {
	height: 30px;
	position: relative;
	display:block;
}
#top_visual .tooltip{
	position: absolute;
	top: 70px;
	left: 170px;
	display: block;
	width: 72px;
	height: 53px;
	background: url(/asset/images/top_silde_tooltip.png) left center no-repeat;
	z-index: 1000;
	text-align: center;
	padding-left: 9px;
	font-size: 1%;
	line-height: 0;
	z-index: 1000;
}
#top_visual .tooltip img{
	font-size: 1%;
	line-height: 0;
}
#top_visual .menu li a{
	width: 175px;
	height: 29px;
	display: block;
	background: url(/asset/images/top_silde_menu_bg.jpg) left top no-repeat;	
	color: #FFFFFF;
	font-size: 1.2em;
	padding-left: 10px;
	line-height: 2.5em;
	position: relative;
	border-bottom: #000000 solid 1px;
}
#top_visual .menu li a:hover{
	background: url(/asset/images/top_silde_menu_bg.jpg) left -30px no-repeat;
}
#top_visual .menu li.open ul li a{
	padding-left: 15px;
}
#top_visual .menu li a span{
	background: url(/asset/images/icon-arrow-white-right.gif) left center no-repeat;
	padding-left: 10px;
}
#top_visual .menu li.open a span{
	background: url(/asset/images/icon-arrow-white-down-large.gif) left center no-repeat;
	padding-left: 10px;
}
top_visual .menu li.open a span{
	background: url(/asset/images/icon-arrow-white-down-large.gif) left center no-repeat;
	padding-left: 10px;
}
#top_visual li.open .sub-menu li a span{
	background: url(/asset/images/icon-arrow-gray-right-ss.gif) left center no-repeat;
	padding-left: 10px;
	font-size: 0.9em;
}
#top_visual li.open .sub-menu li a:hover{
	background: url(/asset/images/top_silde_menu_bg.jpg) left -30px no-repeat;	
}
#top_visual .btn_top a{
	margin-bottom: 3px;
	background: url(/asset/images/btn_top_slide_up_bg.gif) left top no-repeat;
	width: 180px;
	height: 16px;
	display: block;
	text-indent: -9999px;
}
#top_visual .btn_top a:hover{
	background-position: 0 16px; 
}
#top_visual .btn_bottom {
	position: absolute;
	top:320px;
	left: 0;
}
#top_visual .btn_bottom a{
	margin-top: 3px;	
	background: url(/asset/images/btn_top_slide_down_bg.gif) left top no-repeat;
	width: 180px;
	height: 16px;
	display: block;	
	text-indent: -9999px;	
}
#top_visual .btn_bottom a:hover{
	background-position: 0 16px; 
}
#top_visual .btn_top a:hover{
	background: url(/asset/images/btn_top_slide_up_on.jpg) left top no-repeat;
}
#top_visual .btn_bottom a:hover{
	background: url(/asset/images/btn_top_slide_down_on.jpg) left top no-repeat;
}
#top_bnr{
	clear: both;
	overflow: hidden;
	margin-bottom: 35px;
}
#top_bnr p{
	float: left;
	display: inline;
	margin-right: 12px;
}
#top_bnr p.last{
	margin-right: 0;
}
#contents #top_info h1 {
	color: #000000;
}
#contents #top_info h1 .btn_rss {
    left: 890px;
    top: 17px;
}
#contents #top_info {
	color: #666666;
	overflow: hidden;
	margin-bottom: 40px;
	font-size: 1.2em;
	line-height: 1.6;
}
#contents #top_info .message{
	padding:10px;
	font-size: 0.9em;
}
#contents #top_info dl{
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
	margin-left: 8px;
}
#contents #top_info a{
	color: #3366CC;
}
#contents #top_info a:link,
#contents #top_info a:visited,
#contents #top_info a:hover,
#contents #top_info a:active{
	color: #3366CC;
}
#contents #top_info a:link.innerbox_right_arrow,
#contents #top_info a:visited.innerbox_right_arrow,
#contents #top_info a:hover.innerbox_right_arrow,
#contents #top_info a:active.innerbox_right_arrow{
	color:#000;
}
#contents #top_info dt,
#contents #top_info dd.icon{
	float: left;
	width: 80px;
	display: block;
	display: inline;
	font-size: 0.9em;
}
#contents #top_info dt{
	width: 140px;
}
#contents #top_info dd.icon{
	text-align: center;
	margin-right: 5px;
	margin-top: 3px;
	line-height: 0;
	font-size: 1%;
}
#contents #top_info dd.txt{
	width: 690px;
	float: right;
	display: block;
	display: inline;
	background: url(/asset/images/icon-arrow-gray-right.gif) left 0.5em no-repeat;
	padding-left: 10px;
	margin-left: 10px;
}
#contents #top_info dd.site-link {
	background: url(/asset/images/icon-link.gif) left 0.3em no-repeat;
	padding-left: 20px;
	margin-left: 0;	
}
#contents #top_info dd.pdf-link {
	background: url(/asset/images/icon-pdf-link.gif) left 0.2em no-repeat;
	padding-left: 20px;
	margin-left: 0;	
}
#contents #top_info #more{
	text-align: right;
}
#contents #top_info #more a {
    background: url(/asset/images/icon-arrow-red_right.gif) no-repeat left center;
    display: inline;
    float: right;
    padding-left: 10px;
	color: #000000;
}
#contents #top_info dd.bgnone{
	background: none;
	margin-left: 0;
	margin-right: 0;
}
#contents #top_info dd.txt_left {
	float: left;
}
#contents #top_info dd.txt_first {
	float: left;
	margin-left: 0;
	background: url(/asset/images/ul_list_image.gif) no-repeat left center;
	padding-left: 5px;
}
.indicator_area{
	position: relative;
    height: 364px;
    margin: 0 auto 25px;
    position: relative;
    text-align: center;
    width: 948px;
}
.indicator_area ul {
	position: absolute;
	top: 328px;
	left: 42%;
	z-index: 100;
}
.indicator_area ul li{
	float: left;
	display: inline;
	margin-right: 20px;
}
.indicator_area ul li a{
	background: url(/asset/images/btn_top_slide_indicator.png) left top no-repeat;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	display: block;
}
.indicator_area ul li.on a{
	background-position: -12px 0;
}