@charset "utf-8";
@import "base.css";


#contents {
	width:950px;
	padding:15px;
	background:#FFF;
}

#left-area {
	float: left;
	width: 650px;
}
#left-area ul.logobtn li {
	float: left;
	margin-bottom:20px;
}
.irasshaimase {
	width:640px;
}
.irasshaimase h3 {
	margin-bottom:10px;
}
.irasshaimase p {
	margin-bottom:1em;
}

.irasshaimase div img {
	margin:0 0 1em 1em;
}

.irasshaimase h4 {
	margin-top:1em;
	color:#FF9900;
	font-size:15px;
}

#right-area {
	float: right;
	width: 300px;
}

div.irasshaimase-ja {
}
div.irasshaimase-ja h3 {
	margin:20px 0;
}
div.irasshaimase-ja p {
	margin:20px 0;
	font-size:15px;
	line-height:20px;
}
div.irasshaimase-ja h4 {
	font-size:15px;
	line-height:20px;
	background:#FF9900;
	text-align:center;
	color:#FFF;
	letter-spacing:1em;
	padding:5px 0 0 0;
}
div.irasshaimase-ja p.box {
	font-size:15px;
	line-height:25px;
	text-align:center;
	padding:10px;
	margin:0;
	border:#FF9900 solid 1px;
}



/* --------------------------------------------------
 1:Left Area Setting
-------------------------------------------------- */




/*-----  -----*/

#mainvisual-area {
	position: relative;
	margin-bottom: 0px;
	width: 980px;
	height: 340px;
	background: #FFF;
	z-index: 1;
}

.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(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}

.lof-slidecontent  .sliders-wrapper {
	position:relative;
	height:340px;
	width:980px;
	z-index:3px;
	overflow:hidden;
}

.lof-slidecontent  ul.sliders-wrap-inner {
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
}

.lof-slidecontent  ul.sliders-wrap-inner li {
	overflow:hidden;
	padding-left: 0px;
	margin:0px;
	float:left;
	position:relative;
}

.lof-slidecontent  .lof-opacity {
	width:100%;
	height:100%;
}

.lof-slidecontent  .lof-opacity  li {
	position:absolute!important;
	top:0;
	left:0;
	float:inherit!important;
}

.lof-slidecontent  .navigator-content {
	position:absolute;
	left:0;
	top:0;
	z-index:9;
	height:340px;
	width:210px;
	color:#FFF
}

.lof-slidecontent  .navigator-wrapper{
	position:relative;
	z-index:10;
	height:340px;
	width:210px;
	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 {
	display:block;
	float:left;
	position: relative;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	text-align:left;
	cursor:hand;
	cursor:pointer;	list-style:none;
}
 
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{
	z-index:100px;
	position:absolute;
	bottom:86px;
	right:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	padding:10px;
	color:#FFF;
}
.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;
	text-transform:uppercase;
	text-decoration:none
}

.lof-slidecontent ul.navigator-wrap-inner li.active{ }

.lof-slidecontent ul.navigator-wrap-inner li .pointer {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 221px;
	z-index: -1;
}
.lof-slidecontent ul.navigator-wrap-inner li.active .pointer {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 221px;
	z-index: 2;
}


/* --------------------------------------------------
 2:Right Area Setting
-------------------------------------------------- */

/*-----  -----*/



/* Clear Fix */
#main-area:after,
.information-area ul:after,
.lineup-area ul:after,
.lineup-area .card-info:after,
#footer-bannerlist ul:after  { content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0; }

#main-area,
.information-area ul,
.lineup-area ul,
.lineup-area .card-info,
#footer-bannerlist ul { display:inline-block; }
/*\*/
* html #main-area,
* html .information-area ul,
* html .lineup-area ul,
* html .lineup-area .card-info,
* html #footer-bannerlist ul { height:1%; }

#main-area,
.information-area ul,
.lineup-area ul,
.lineup-area .card-info,
#footer-bannerlist ul { display:block; }
/**/