@charset "utf-8";

/*2014/08/07 追加 */
.banner .tryapp a{ width: 735px; height: 100px; background: url(../images/app_banner.jpg) no-repeat 0 0; display:block; text-indent: -9999px; margin-bottom: 10px; }
.banner .tryapp a:hover{ background: url(../images/app_banner.jpg) no-repeat 0 -100px; }
/*2014/08/07 追加　ここまで */

#content {z-index:0 !important; }
.gl-navi{ z-index:9999; position:relative; }
.clear{ clear:both; height:0; }
/* －－－－－ slideshow －－－－－ */
	
#slideshow {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 980px;
	height: 300px;
}
#slideshow #flickscroll {
	float: right;
	width: 740px;
	height: 290px;
	overflow: hidden;
	position: relative;
}
#slideshow #flickscroll div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 740px;
}	

#flickthumb {
	float: left;
	width: 230px;
	text-align: center;
}

#flickthumb ul {
	margin-top: -150px;
	width: 230px;
}

#flickthumb ul li {
	width: 230px;
	height: 140px;
	cursor: pointer;
	margin-bottom: 10px;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}

.hd { visibility: hidden; }



/* －－－－－ banner －－－－－ */


.banner  {
	margin-bottom: 20px;
	padding: 0;
}

/* －－－－－ info －－－－－ */


#top-news  {
	margin: 0 auto 20px auto;
	padding: 0;
	text-align:left;
}

#top-news dl  {
	margin-bottom: 5px;
	padding: 0;
	width: 735px;
	font-size:110%;
	border-bottom:dotted 1px #CCCCCC;
}

#top-news dl dt  {
	float: left;
	margin-bottom: 5px;
	color:#35b0d9;
	font-weight:bold;
	width: 100px;
}

#top-news dl dd a  {
	float:left;
	margin-bottom: 5px;
	line-height:150%;
	width: 635px;
	color:#666;
	text-decoration:none;
}


#top-news dl dd a:hover {
	text-decoration: underline;
	color: #00a3d7;
}

/* －－－－－ banner －－－－－ */


#top-banner  {
	margin-bottom: 20px;
	padding: 10px 0 10px 12px;
	width: 723px;
	background:#e9e9e9;
}

#top-banner ul {
	margin: 0;
	padding: 0;
}

#top-banner li {
	margin: 0;
	padding: 0;
	float:left;
	background:#d5f2ff;
}

#top-banner .space {
	margin-right: 10px;
	padding: 0;
}

/* －－－－－ contact －－－－－ */


#contactBox  {
	margin-top: 20px;
	padding: 0;
	width: 735px;
	height: 110px;
	background:url(../images/top/contact_box.gif) top center no-repeat;
}

#contactBox ul {
	margin: 0;
	padding: 30px 0 0 200px;
}

#contactBox li {
	margin: 0;
	padding-left:20px;
	float:left;
}