@charset "utf-8";

/* =====================================================================
	1.layout
	2.topImage
	3.main
	4.slider
===================================================================== */


/* =====================================================================
	1.layout
===================================================================== */
.contents_bottom{
	clear:both;
	width:970px;
	height:30px;
	line-height:20px;
}

/* =====================================================================
	2.topImage
===================================================================== */
#topImage{
	background:#EFEEF5;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}


/* =====================================================================
	3.main
===================================================================== */
.mainbox{
	clear:both;
	width:530px;
	margin-bottom:5px;
	background:url(img/mainbox_bg.gif) no-repeat bottom;
}
.maininner{
	width:500px;
	padding:15px;
	background:url(img/mainbox_top.gif) no-repeat top;
}
.mainbox:after,
.maininner:after{
	display:block;
	height:0;
	content:"";
	clear:both;
	visibility: hidden;
}

/* -------------------------------------------------------------------
	トップニュース
------------------------------------------------------------------- */
#announceBox{
	width:680px;
	height:20px;
	margin:0 0 25px 0;
	padding:10px 0;
	background: url(img/announce.gif) no-repeat 0 0;
}
#announceBox p{
	overflow:auto;
	width:600px;
	height:20px;
	margin-left:70px;
	color:#FFFFFF;
	font-size:100%;
	line-height:20px;
}
#announceBox p a,
#announceBox p a:link,
#announceBox p a:visited,
#announceBox p a:active { color: #C00; text-decoration:underline !important;}
#announceBox p a:hover { color: #C00; text-decoration: none !important;}


/* -------------------------------------------------------------------
	トップニュース
------------------------------------------------------------------- */
#newsBox{
	border:1px solid #D9D9D9;
}
#newsBox .newsHeader{
	position:relative;
	height:36px;
	border-bottom:3px solid #6255A1;
	background:url(img/h2_topnews.gif) no-repeat center top;
}
#newsBox .newsHeader h2{
	height:36px;
	line-height:36px;
	text-indent:-9999px;
}
#newsBox .newsHeader p{
	position:absolute;
	width:60px;
	height:61px;
	top:7px;
	right:7px;
}
dl.topList {
	padding:14px;
}
	dl.topList dt {
		clear:left;
		float: left;
		width:8em;
		padding: 0.4em 0 0.4em 0;
		color:#666666;
		text-indent:10px;
		line-height: 1.4;
		background:url(img/ic_newslist.gif) no-repeat right 0.8em;
	}
	dl.topList dd {
		color: #069;
		padding: 0.4em 5px 0.4em 8.5em;
		line-height: 1.4;
		border-bottom:1px solid #D9D9D9;
	}
	
	dl.topList dd a,
	dl.topList dd a:link,
	dl.topList dd a:visited,
	dl.topList dd a:active { color: #069; text-decoration:underline !important;}
	dl.topList dd a:hover { color: #069; text-decoration: none !important;}

	dl.topList .new{
		display:inline-block;
		width:25px;
		height:11px;
		margin-left:5px;
		font-size:11px;
		line-height:11px;
		vertical-align: text-bottom;
		background: url(img/new.gif) no-repeat left top;
	}


/* -------------------------------------------------------------------
	ボタン
------------------------------------------------------------------- */
#topBtn{
	width:680px;
	margin-top:25px;
}
#topBtn ul{
	overflow: hidden;
	width:705px;
	margin-right:-25px;
}
#topBtn ul li{
	float:left;
	display:inline;
	margin-right:25px;
	_zoom:1;
}

/* -------------------------------------------------------------------
	フェースブック
------------------------------------------------------------------- */
#faceBook{
	width:680px;
	margin-top:25px;
}


/* =====================================================================
	4.slider
===================================================================== */
#jslidernews1{
	width:960px;
	height:330px;
	margin:0 auto;
	text-align:left;
}
.main-slider-content{
	width:960px;
	height:330px;
}

/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(img/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(img/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }

.lof-slidecontent  .navigator-content {position:absolute; bottom:10px; right:10px;
	background:url(img/transparent_bg.png) repeat;
	padding:5px 0px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{ padding:0px;}

.lof-slidecontent .slider-description a.readmore{ color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	position:absolute;
	bottom:50px;
	right:0px;
	width:350px;
	height:100px;
	padding:10px;
	color:#FFF;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
	background:#555;
}
.lof-slidecontent .slider-description h4 { font-size: 14px; margin: 10px 0; padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
.lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border: #CCC solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s;
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:40px;
	color:#FFF;
	cursor:pointer;

}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(img/arrow-l.gif) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(img/arrow-r.gif) no-repeat left center;
}
.lof-slidecontent .button-control {
	position:absolute;
	top:10px;
	right:10px;
	height: 20px;
	width: 20px;
	cursor:hand; cursor:pointer;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
	background:#555;
}
.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  { background:url(img/play.gif) no-repeat center center;}
.lof-slidecontent .action-stop span { background:url(img/pause.gif) no-repeat center center;}


iframe html .O0O81b{
	min-width: 210px !important;
}
