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

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

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

img{ border:0; }

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

.bar{
	background: url(../images/event_back.gif) no-repeat;
}
.contentsTitle{
	width:240px;
	height:30px;
	background-position: 0 -40px; 
}

.eventTitle{
	width:240px;
	height:12px;
	background-position: 0 0px;
	float: left;
}
.eventinfoTitle{
	width:700px;
	height:12px;
	background-position: -250px 0px; 
	float: left;
}
.miyazakieventTitle{
	width:700px;
	height:23px;
	background-position: -250px -40px; 
}
.bottom240{
	width:240px;
	height:10px;
	clear:both;
	background-position: 0px -20px; 

}
.bottom700{
	width:700px;
	height:10px;
	clear:both;
	background-position: -250px -20px; 
}

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

#content {
	height: auto;
	width: 950px;
	margin: auto;
	float: left;

}  

#contentLeft   { width:240px;   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:700px; height:auto; }

#unitBox01 { padding-top:5px; padding-bottom:5px; }
#unitBox01Left { width:200px; 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:698px; height:auto; margin-top:-3px; margin-bottom:0px; border-color:#cccccc; border-style:solid; border-width:0 1px; }


#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  {
	margin-top:20px;
	width:700px;

}

#miyazakiEventArea p {
	width:688px;
	padding:5px;
	font-size:12px;
	line-height:14px;
}

.event1{
	background-color: #F2F3F3;
	padding: 5px 3px;
	font-weight:normal;
	font-size: 14px;
	line-height:25px;
	
	
}
.event2{
	background-color: #ffffff;
	padding: 5px 3px;
	font-weight:normal;
	font-size: 14px;
	line-height:25px;

}


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

#tab_nav ul#tab li{ height:23px; outline-color:invert; outline-style:none; outline-width:medium; text-indent:-9999px; }
#tab_nav ul#tab li a {display: block;  width: 76px; height:23px;  float: left;  background: url(../images/tab/tab.png) no-repeat;}
#tab_nav ul#tab li#t1  a { background-position: 0 0; }
#tab_nav ul#tab li#t2  a { background-position: -76px 0px; }
#tab_nav ul#tab li#t3  a { background-position: -152px 0px; }
#tab_nav ul#tab li#t4  a { background-position: -228px 0px; }
#tab_nav ul#tab li#t5  a { background-position: -304px 0px; }
#tab_nav ul#tab li#t6  a { background-position: -380px 0px; }

#tab_nav ul#tab li#t1  a:hover { background-position: 0 -23px; }
#tab_nav ul#tab li#t2  a:hover { background-position: -76px -23px; }
#tab_nav ul#tab li#t3  a:hover { background-position: -152px -23px; }
#tab_nav ul#tab li#t4  a:hover { background-position: -228px -23px; }
#tab_nav ul#tab li#t5  a:hover { background-position: -304px -23px; }
#tab_nav ul#tab li#t6  a:hover { background-position: -380px -23px; }

#tab_nav ul#tab li#t1  a.sel { background-position: 0 -46px; }
#tab_nav ul#tab li#t2  a.sel { background-position: -76px -46px; }
#tab_nav ul#tab li#t3  a.sel { background-position: -152px -46px; }
#tab_nav ul#tab li#t4  a.sel { background-position: -228px -46px; }
#tab_nav ul#tab li#t5  a.sel { background-position: -304px -46px; }
#tab_nav ul#tab li#t6  a.sel { background-position: -380px -46px; }

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

div#dataTab{
	width: 700px;
/*	background: url(../images/under_back_480.gif) no-repeat;*/
	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:11px;
/*	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:698px;
	height:auto;	
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 1px 0;
}

#dataTab,.tabclass{
 height:auto;
}
.tabMark{
	float:left;
	height:65px;
}
.tabInfo{
	float: right;
	width: 620px;
	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: 10px;
	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:24px;
	color:#333333;
	font-weight:bold;
	text-align:center;
}
.newinfo {
	font-size:14px;
	padding:15px;
	padding-top: 20px; padding-bottom: 20px;
	line-height:22px;
}
/*------------------トピックスエリア------------------*/
#eventListBoxArea{
	width:240px;
}

#eventListArea{
	width:238px;
	height:auto;
	background-color:#ffffff;
	border-color:#cccccc;
	border-style:solid;
	border-width:0 1px 0;
	padding-bottom: 50px;
	padding-top: 10px;
	float: left;
	margin-top: -1px;
}
.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: 205px;
	height:auto;
	font-size:11px;
	color:#333333;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
}
.listInfo a{
	color:#1376D7;
}
.listInfo a:hover{
	color:#FF35BC;
}

#boxBannerArea{
width:240px;
margin-top:8px;
}
/*------------------動画エリア------------------*/
#movie{
padding:50px;
padding-top: 20px;
}


/*------------------フッターエリア------------------*/
#boxBannerArea ul {
list-style-type:none;
padding-left:1px;
}

#boxBannerArea ul li {
list-style-type:none;
border:1px;
margin-top:3px;
border-color:#CDCDCD;
border-style:solid;
padding:1px;
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;
}