@charset "UTF-8";


@import "reset.css";


body{
	margin:0;
	padding:0;
	background-color:#ffffff;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", Meiryo, Arial, sans-serif;
	text-align:center;
	}
	
form { margin:0px;}

p {
	margin:0 0 10px;
	font-size:76%;
	font-weight:normal;
	line-height:160%;
	}

	

a:link {	color: #3264c7; text-decoration:none;}
a:visited {	color: #9951b4; text-decoration:none;}
a:active {	color: #3264c7; text-decoration:none;}
a:hover {	color: #ff3030; text-decoration:underline;}	


/*---------- head ----------*/

#header{
	position:relative;
	width:900px;
	height:64px;
	margin:0 auto;
	padding:0;
	/*background-color:#CCCCCC;*/
	text-align:left;
	}
#header h1{
	position:absolute;
	top:12px;
	left:0;
	}
	
#header ul.headlist{
	position:absolute;
	top:27px;
	left:456px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
#header ul.headlist li{
	float:left;
	margin-right:10px;
	}	
	
#header .search-box{
	position:absolute;
	top:25px;
	left:670px;
	background:url(../images/search_bg.gif) no-repeat left top;
	width:230px;
	height:25px;
	}
	
#header .search-box input.searchtext
{
	font-size:12px;
	color:#484848;
	width:130px;
	padding:1px 0 0 0;
	margin:0;
	position:absolute;
	top:4px;
	left:34px;
}

#header .search-box input.searchbtn{
	position:absolute;
	top:1px;
	left:170px;	
	}
		


/*---------- flash ----------*/

#main{
	position:relative;
	text-align:center;
	height:372px;
	background-image:url(../images/flash_bg.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	}
	
#flashcontent{
	width:100％;
	margin:0;
	padding:0;
	text-align:center;
	}
	
div.player{
	padding:50px 0 20px;
	text-align:left;
	border:1px solid #d2d2d2;
	margin:-125px 0 0 -449px;
	position:absolute;
	top:50%;
	left:50%;
	width:898px;
	background-color:#FFFFFF;
	}	
	
div.player-in{
	padding:0 50px;
	}	
	
div.player img{
	float:right;
	margin:0px 5px 0 0;
	}	
	
	
	
/*---------- flash-end ----------*/	
	
.top-banner{
	padding:0;
	margin:0 0 25px;
	background-color:#FFFFFF;
	text-align:center;
	}

.top-banner ul.top-banner-list{
	list-style:none;
	font-size:1px;
	line-height:100%;
    margin:0 auto; /* all browsers, of course */
	padding:0;
	width:900px;
	}
	
.top-banner ul.top-banner-list li{
float:left;
padding:0;
margin:0 11px 0 0;
	}

.top-banner ul.top-banner-list li.last{
	margin:0;
	padding:0;
	}		
	
	
#container{
	width:900px;
	margin:0 auto 5px;
	padding:0;
	text-align:left;
	overflow:hidden;
	/*background-color:#CCCCCC;*/
	}	
	
#top-left{
	width:450px;
	float:left;
	margin:0;
	padding:0;
	}
	
#top-right{
	width:420px;
	float:right;
	margin:0;
	padding:0;
	}	

#top-left h2{
	margin:0 0 5px;
	padding:0;
	font-size:1px;
	line-height:100%;
	}
	
#top-left h3{
	margin:0 0 8px;
	padding:0;
	font-size:1px;
	line-height:100%;
	}
	
#top-left h2 img,
#top-left h3 img{
	line-height:100%;
	display:block;
	margin:0;
	}	
	
#top-left .seihin{
	margin:0 0 5px;
	padding:0;
	}	
	
#top-left .seihin ul.ul-01{
	float:left;
	width:240px;
	list-style:none;
	margin:0 0 0;
	padding:0;
	font-size:76%;
	line-height:120%;
	}
	
#top-left .seihin ul.ul-01 li,
#top-left .abaot ul.ul-01 li{
	margin:0 0 5px;
	padding:0 0 0 14px;
	background-image:url(../images/ul-1.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	}		

#top-left .seihin img.image-p{
	float:right;
	width:200px;
	margin:0;
	padding:0;
	line-height:100%;
	}
	
	
#top-left .abaot{
	margin:0 0 5px;
	padding:0 2px 5px 0;
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}	
	
	
#top-left p.about-p{
	padding:0 0 5px 2px;
	margin:0 0 5px;
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}
	

#top-left .abaot ul.ul-01{
	float:left;
	width:340px;
	list-style:none;
	margin:5px 0 0;
	padding:0;
	font-size:76%;
	line-height:120%;
	}
	
#top-left .abaot ul.ul-01 li ul.ul-02{
	list-style:none;
	margin:5px 0 0px;
	padding:0;
	font-size:90%;
	line-height:110%;
	}
	
#top-left .abaot ul.ul-01 li ul.ul-02 li{
	margin:0 0 3px;
	padding:0 0 0 14px;
	background-image:url(../images/ul-2.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	}	
	
	


#top-left .abaot img.image-p{
	float:right;
	width:100px;
	margin:0;
	padding:0;
	line-height:100%;
	}
	

/* ---------- news ----------*/

.news{
	position:relative;
	margin:0 0 25px;
	padding:0;
	}
	

	
#top-right h3{
	margin:0 0 8px;
	padding:0;
	font-size:1px;
	line-height:100%;
	}
	
#top-right h3 img{
	line-height:100%;
	display:block;
	margin:0;
	}	
	
.news ul.news-btn{
	position:absolute;
	top:5px;
	right:5px;
	list-style:none;
	font-size:1px;
	line-height:100%;
	}
.news ul.news-btn li{
	float:right;
	width:43px;
	margin:0 0 0 2px;
	}	
	
.news dl.news-block{
	padding:0 0 7px;
	margin:0 0 7px;
	background-image:url(../images/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}
	
.news dl.news-block dt{
	position:relative;
	font-size:70%;
	line-height:110%;
	padding:0 0 0 14px;
	color:#942525;
	background-image:url(../images/ul-3.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	margin:0 0 3px;
	}
	
.news dl.news-block dt img{
	position:absolute;
	top:-1px;
	left:110px;
	
	margin:0;
	padding:0;
	}	
	
.news dl.news-block dd{	
	font-size:76%;
	line-height:130%;
	padding:0 0 0 14px;
	margin:0;
	}
	
.news ul.topics-ul{
	list-style:none;
	margin:5px 0 0;
	padding:0;
	font-size:68%;
	line-height:110%;
	}
		

	
.news ul.topics-ul li{
	float:right;
	width:107px;
	height:17px;
	display:block;
	margin:0 0 3px 2px;
	padding:0px;
	
	}	
/*テキスト版	
.news ul.topics-ul{
	list-style:none;
	margin:5px 0 0;
	padding:0;
	font-size:68%;
	line-height:110%;
	}
		

	
.news ul.topics-ul li{
	float:right;
	margin:0 0 3px 15px;
	padding:0 0 0 14px;
	background-image:url(../images/ul-2.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	}		*/

/* ---------- footer ----------*/


.gototop{
	clear:both;
	margin:40px 0 0px;
	padding:0;
	}
	
.gototop ul{
	list-style:none;
	text-align:right;
	margin:0;
	padding:0;
	}	
	
.gototop ul li{
	line-height:100%;
	margin:0;
	padding:0;
	font-size:1px;
	}	
	
	
#footer{
	width:100%;
	background-color:#ececec;
	margin:0;
	padding:0 0 50px;
	border-top:1px solid #d2d2d2;
	}

.footerlink{
	border-top:1px solid #FFFFFF;
	padding:15px 0 5px;
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	}
	
.footerlink p{
	font-size:76%;
	line-height:160%;
	letter-spacing:0.5px;
	}
	
.footerlink p a{
	padding:0 7px 0 8px;
	border-right:1px solid #666666;
	}
	
.footerlink p a.last{
	border-right:0px;
	}
	
#footer p.cpy{
	font-size:68%;
	letter-spacing:0.5px;
	font-family:Arial, Helvetica, sans-serif;
	}	
/* ---------- clear ----------*/	

div.clear{
	clear:both;
	height:0px;
	overflow: hidden;
	}
	
div.clear hr{
	display:none;
	}	
		
	
div.space{	
	clear:both;
	height:15px;
	}
	
div.space hr{
	display:none;
	}		
	
	
div.gray{	
	clear:both;
	margin:10px 0 15px;
	height:1px;
	border-top:1px solid #d2d2d2;
	}
	
div.gray hr{
	display:none;
	}
	

	
	

/* ---------- shinsaiMessage ---------- */	

	
#shinsaiMessage .txt {
float: left;
}
#shinsaiMessage {
width: 900px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
}
#shinsaiMessage .banner {
float: right;
}