/*------------------------------------------------------------------------------
CSSDocument
------------------------------------------------------------------------------*/

/*------------------共通------------------*/
* { font-family:ヒラギノ角ゴProW3,HiraginoKakuGothicPro,メイリオ,Meiryo,ＭＳＰゴシック,sans-serif; font-size:12px; color:#555555; margin:0; }
body { background-color:#F5F6F7; }

a {color:#1e90ff;  text-decoration:none; display:block; }
a:hover, a:active{ color:#1e90ff; text-decoration:underline; }

img{ border:0; }

/*------------------全体のレイアウト------------------*/

.bar{
	background: url(../images/20090806event_back.gif) no-repeat;
}
.bottom240{
	width:300px;
	height:0px;
	clear:both;
	background-position: 0px -20px; 

}
.bottom700{
	width:640px;
	height:0px;
	clear:both;
	background-position: -310px -20px; 
}

#layout {padding-top:0; margin-top:7px; width:auto; height:auto; }
/*#wrap { width:950px; height:auto; margin:auto;}*/

#wrap { 
	width:950px;
	height:auto;
	margin:auto;
	
}

#content {
	height: auto;
	width: 950px;
	margin: auto;
	float: left;
	background-color: #ffffff;/*
	background: url(../images/contentsbg.gif);
	background-repeat: repeat-y;
	background-position: 0px -180px; 
	*/
}  

#contentLeft   { width:310px;   float:left; height:auto; }
#contentCenter { padding-top:5px; float:left; margin-right:0; width:500px; height:auto;}
#contentRight  { padding-top:0px; float:right; margin-right:0; width:640px; height:auto; }

#unitBox01 { padding-top:5px; padding-bottom:5px; }
#unitBox01Left { width:380px; float:left; margin-left:0; }
#unitBox01Right { float: right; margin-left: 10px; margin-right: 2px; }

#unitBox02{ float:left; }
#unitBox02Left{ width:200px; float:left; margin-left:0px; }
#unitBox02Right{ width:480px; float:left; margin-right: 2px; margin-left: 15px; }

/*------------------MRTからのお知らせエリア------------------*/
#mrtInfoArea{ width:238px; margin-top:-3px; margin-bottom:8px; }
#mrtInfoArea ul{ list-style-type:none; padding-left: 0px; }
#mrtInfoArea ul li { width:238px; height:40px; list-style-type:none; border:0; border-color:#CDCDCD; border-style:solid; margin-bottom:5px; margin-left: 0px; padding:0; }
#mrtInfoArea ul li img{ width:238px; height:40px; cursor:pointer; }


#mrtInfoArea_1{ width:238px; height:188px; margin-top:-3px; margin-bottom:0px; border-color:#cccccc; border-style:solid; border-width:0 1px; }
#mrtInfoArea_2{ width:638px; }


#topicsmenu{width:238px; height: 20px; padding-top: 5px; text-align:center; }

#mrtInfoArea_1 #smallslide{position:absolute; padding: 0;  margin:  0; margin-top: 5px;margin-left: 10px; }

#miyazakiEventArea  {
	float:left;
/*	margin-top:20px;*/
	padding-top:20px;
	width:638px;
	height:auto;
	background-color: #ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 1px 1px;
}
.event1{
	background-color: #F2F3F3;
	padding: 5px 3px;
	font-weight:normal;
	font-size:12px;
	width:628px;
	padding:5px;
	line-height:14px;
}
.event2{
	background-color: #ffffff;
	padding: 5px 3px;
	font-weight:normal;
	font-size:12px;
	width:628px;
	padding:5px;
	line-height:14px;
}
.countshow{
	padding:3px;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 0 1px;
	text-align:right;
}
ul{padding:0;margin:0;list-style-type:none;}

/*------------------新着情報等エリア------------------*/
#tab_nav li { display: inline;}
#tab_nav ul#tab{ padding-left: 0px; width: 300px; height: 53px; }

/*#tab_nav ul#tab li{ height:23px; outline-color:invert; outline-style:none; outline-width:medium; text-indent:-9999px; }*/
#tab_nav ul#tab li{width: 40px; height:40px; padding-left:2px; padding-right:2px;  outline-color:invert; outline-style:none; outline-width:medium; }

#tab_nav ul#tab li a {  vertical-align:text-bottom;  margin-left: 3px; margin-right: 3px; display: block; text-decoration:none;  text-align:center; width: 40px; height:45px;  float: left;  background: url(../images/genre_tab.gif) no-repeat;}
#tab_nav ul#tab li#t1  a { background-position: 0 0; }
#tab_nav ul#tab li#t2  a { background-position: -40px 0px; }
#tab_nav ul#tab li#t3  a { background-position: -80px 0px; }
#tab_nav ul#tab li#t4  a { background-position: -120px 0px; }
#tab_nav ul#tab li#t5  a { background-position: -160px 0px; }
#tab_nav ul#tab li#t6  a { background-position: -200px 0px; }

#tab_nav ul#tab li#t1  a:hover { background-position: 0 -45px; }
#tab_nav ul#tab li#t2  a:hover { background-position: -40px -45px; }
#tab_nav ul#tab li#t3  a:hover { background-position: -80px -45px; }
#tab_nav ul#tab li#t4  a:hover { background-position: -120px -45px; }
#tab_nav ul#tab li#t5  a:hover { background-position: -160px -45px; }
#tab_nav ul#tab li#t6  a:hover { background-position: -200px -45px; }

#tab_nav ul#tab li#t1  a.sel { background-position: 0 -90px; }
#tab_nav ul#tab li#t2  a.sel { background-position: -40px -90px; }
#tab_nav ul#tab li#t3  a.sel { background-position: -80px -90px; }
#tab_nav ul#tab li#t4  a.sel { background-position: -120px -90px; }
#tab_nav ul#tab li#t5  a.sel { background-position: -160px -90px; }
#tab_nav ul#tab li#t6  a.sel { background-position: -200px -90px; }

#tab1, #tab2, #tab3,#tab4, #tab5, #tab6 {  padding: 0px 0 0 0px;}
#tab1 {}
#tab2 {}
#tab3 {}
#tab4 {}
#tab5 {}
#tab6 {}


.none{
 display: none;
}

.show{
 display: inherit;
}

div#dataTab{
	width: 298px;
	background-position:bottom;
	padding:0;
	/*padding-bottom: 8px;*/
	
	border-width:0px;
	border-style:solid;
	border-color:#E2E2E2;
	margin-top: -1px;
	float: left;
}
.tabDate {
/*	background-image:url(../../images/tab/tab_date.gif);
	background-repeat:repeat-x;
*/	
	padding-left:10px;
	font-size:12px;
/*	font-weight:bold;*/
	clear:both;
	color:#505050;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:#cccccc;
	height:16px;
	text-align:right;
}
.sat{
/*color:#1B8CFF;*/
}
.sun{
/*color:#FF3838;*/
}

.tabMark img {
	border:0;
	padding:5px;
	margin-top: 3px;
}
.tabbtn{
	width:75px;
	height:23px;
	border:0;
	cursor:pointer;
}
.contentsTab{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#fffff5;
	height:auto;
	clear:both;
	list-style-type:none;
	padding-left: 0px;
}
.tabclass {
	float:left;
	margin-top:-1px;
	width:618px;
	height:auto;	
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 1px 0;
}

#dataArea{
	float:left;
	margin-top:-1px;
	width:638px;
	height:auto;	
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:1px 1px 0;

}

#dataTab,.tabclass{
 height:auto;
}
.tabMark{
	float:left;
	height:65px;
}
.tabInfo{
	float: right;
	width: 560px;
	padding-right: 20px;
}
.pics { 
	position:absolute;
	width:   270px; 
	padding: 0; 
	margin:  0; 
}
.pics img { 
    background-color: #eee; 
    width:  480px;
    height: 270px;
    top:  0;
    left: 0;
}
.newtitle {
	font-size:22px;
/*	color:#0036E6;*/
	font-weight:bold;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	line-height: 25px;
	margin-bottom: 2px;
}
.newtitle a{
	color:#1376D7;
	font-size: 22px;/*	font-weight:bold;*/
}
.defaulttitle{
	padding:2px 4px 2px;
	font-size:26px;
	color:#515151;
	font-weight:bold;
	text-align:center;
}
.newinfo {
	font-size:14px;
	padding:15px;
	line-height:22px;
}
/*------------------トピックスエリア------------------*/
#eventListBoxArea{
	width:300px;
}

#eventListArea{
	width:299px;
	height:auto;
	background-color:#ffffff;
	padding-bottom: 10px;
	float: left;
	margin-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}
.contentsList{
	clear:both;
	list-style-type:none;
	padding-left: 0px;
	background-color:#ffffff;
	height:auto;
}

.listMark{
	float:left;
	height:30px;
}
.listMark img {
	border:0;
	padding:2px;
	width:20px;
}

.listInfo{
	float: right;
	width: 266px;
	padding-right: 4px;
	padding-left: 2px;
	height:auto;
	font-size:12px;
	color:#333333;
	padding-top: 2px;
	padding-bottom: 8px;
}
.listInfo a{
	color:#505050;
/*	color:#1376D7;*/
	font-size:12px;
}
.listInfo a:hover{
	color:#1376D7;
/*	color:#FF35BC;*/
}

/*------------------動画エリア------------------*/
#movie{
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	color: #222222;
}
#playarea{
	padding-left: 60px;
}

/*------------------ニュースエリア------------------*/
#newstext{
	padding: 20px;
	color: #222222;
}



/*------------------フッターエリア------------------*/
#boxBannerArea{
/*
width:520px;
height:auto;
margin-top:8px;
*/
	float:left;
	margin-top:-1px;
	width:638px;
	height:auto;	
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 1px 0;
}

#boxBannerArea ul {
	list-style-type:none;
	padding-right: 40px;
	padding-left: 40px;
}

#boxBannerArea ul li {
float:left;
list-style-type:none;
border:1px;
margin-top:3px;
border-color:#CDCDCD;
border-style:solid;
padding:1px;
margin:8px;
margin-left:20px;
margin-right:20px;
width:234px;
height:60px;
}
#boxBannerArea1{
	float:left;
	margin-top:-1px;
	height:auto;	
}

#boxBannerArea1 ul {
list-style-type:none;
padding-left:1px;
}

#boxBannerArea1 ul li {
float:left;
list-style-type:none;
border:1px;
margin-top:2px;
border-color:#CDCDCD;
border-style:solid;
padding:1px;
margin-left:24px;
width:234px;
height:60px;
}

#boxFooter01 {
width:950px;
padding-top:3px;
padding-bottom:3px;
clear:both;
}
#boxFooter02 {
width:950px;
padding-top:3px;
padding-bottom:3px;
clear:both;
}
.footerbanner {
border:1px;
float:left;
border-color:#CDCDCD;
border-style:solid;
margin:1px 3px;
padding:1px;
}
.footerbanner img{
width:120px;
height:60px;
}
#footer {
clear:both;
height:auto;
width:950px;
margin:auto;
}
#footerMenu{
width:950px;
height:20px;
padding-top:10px;
padding-bottom:10px;
clear:both;
margin: 0px;
}
#footerMenu ul{
list-style-type:none;
float:right;
margin: 0px;
padding-left: 0px;
}
#footerMenu ul li{
text-decoration: none;
color: #666666;
float:left;
}
#footerMenu ul li.separate{
padding-left:10px;
padding-right:10px;
}
#footerMenu ul li a{
text-decoration: none;
color: #1e90ff;
}
#footerMenu ul li a:hover{
color: #1e90ff;
text-decoration: underline;

}
#copyright {
width:950px;
height:30px;
padding-top:10px;
padding-bottom:10px;
text-align:right;
margin:auto;
clear:both;
}


/*  追加 */

.chika{
	float: left;
        clear: left;
}
h2{
font-size:24px;
}
#newsinfoarea{
font-size:20px;
line-height:24px;
}
#newsinfoarea span{
	font-size:16px;
}
.link {
	padding-left: 15px;
	height: auto;
	width: 500px;
	clear: both;
	float: left;
	padding-bottom: 10px;
}
.link img {
	margin: 5px;
}
.link a {
	float: left;
}