@charset "UTF-8";

/* Official site HOME
------------------------------------------------ */

/* Structure */
#home #container {
	height:630px;
	background:url(../images/bg_home.jpg) no-repeat 0 0;
}

/* SCROLL */
.jScrollPaneTrack {
	background:url(../images/scroll_bg_home.png) repeat-y 0 0;
}
.jScrollPaneDrag {
	background:url(../images/scroll_home.png) repeat-y 0 0;
}

#home #menu {
	position:absolute;
	top:453px;
	left:0;
	width:1004px;
	height:157px;
	background:url(../images/bk50.png) repeat 0 0;
}
#home #menu #logo {
	margin:20px 0 0 38px;
	width:420px;
	height:36px;
	background:url(../images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#home #menu ul {
	height:38px;
	margin:8px 0 0;
	padding:0 0 0 32px;
	list-style:none;
	background:url(../images/bg_nav.png) repeat-x left bottom;
}
#home #menu ul li {
	float:left;
	margin:0;
	padding:0;
}
#home #menu ul li a {
	display:block;
	height:40px;
	margin-right:14px;
	background-image:url(../images/btn_nav_home.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#home #menu ul li#n1 a {width:106px;background-position:0 0;}
#home #menu ul li#n1 a:hover {background-position:0 -47px;}
#home #menu ul li#n2 a {width:115px;background-position:-121px 0;}
#home #menu ul li#n2 a:hover {background-position:-121px -47px;}
#home #menu ul li#n3 a {width:150px;background-position:-254px 0;}
#home #menu ul li#n3 a:hover {background-position:-254px -47px;}
#home #menu ul li#n4 a {width:70px;background-position:-424px 0;}
#home #menu ul li#n4 a:hover {background-position:-424px -47px;}
#home #menu ul li#n5 a {width:125px;background-position:-513px 0;}
#home #menu ul li#n5 a:hover {background-position:-513px -47px;}
#home #menu ul li#n6 a {width:83px;background-position:-653px 0;}
#home #menu ul li#n6 a:hover {background-position:-653px -47px;}
#home #menu ul li#n7 a {width:73px;background-position:-750px 0;}
#home #menu ul li#n7 a:hover {background-position:-750px -47px;}
#home #menu ul li#n8 a {width:120px;background-position:-835px 0;}
#home #menu ul li#n8 a:hover {background-position:-835px -47px;}

#home #contents {
	position:absolute;
	top:30px;
	left:40px;
}
#home #contents #news {
	width:490px;
	height:280px;
	/* height:235px; yakai ver. */
	background:url(../images/bk75.png) repeat 0 0;
}
#home #contents #news h2 {
	margin:5px 10px;
}
#home #contents #news #newsarea {
	width:470px;
	height:210px;
	margin:10px 0 10px 10px;
	overflow:auto;
}
#home #contents #news dl {
	margin:0;
	/* height:165px; yakai ver. */
}
#home #contents #news dt {
	display:inline;
	padding:2px 2px 1px;
	font-weight:bold;
}
#home #contents #news dd {margin:2px 0 10px;}
#home #contents #news p {
	margin:10px 10px 0;
	padding-right:8px;
	background:url(../images/icon_arrow_s.png) no-repeat right center;
	text-align:right;
}
#home #contents ul {
	margin:10px 0 0;
	padding:0;
	list-style:none;
}
#home #contents ul li {
	margin-top:5px;
	padding-left:20px;
	background:url(../images/icon_arrow.gif) no-repeat 0 0;
}
#home #contents #bnr {
	width:490px;
	height:60px;
	margin:5px 2px 5px 0;
	background:url(../images/bk75.png) repeat 0 0;
}
#home #contents #bnr h2 {
	margin:5px 10px 10px;
}
#home #contents #bnr p {
	margin-top:5px;
	text-align:center;
}
#home #contents #bnr p a{text-decoration:none;}

#home #footer {
	position:absolute;
	top:610px;
	left:0;
	width:1004px;
	height:40px;
}

/* mobile */
#home #overlay {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:650px;
	background:url(../images/bk50.png) repeat 0 0;
	z-index:50;
}
#home #mobile {
	display:none;
	position:absolute;
	top:110px;
	left:140px;
	width:682px;
	height:400px;
	_width:722px;
	_height:440px;
	padding:20px;
	border:1px solid #fff;
	background:url(../images/green75.png) repeat 0 0;
	z-index:100;
}
#home #mobile #main {
	height:140px;
	overflow:hidden;
}
#home #mobile h2 {
	margin:0 0 15px;
	border-bottom:1px solid #fff;
}
#home #mobile p#qr {
	float:left;
	margin:0;
}
#home #mobile h3 {
	margin-bottom:0;
	font-size:16px;
}
#home #mobile #rcol {
	margin-left:125px;
}
#home #mobile #close {
	position:absolute;
	top:20px;
	right:20px;
	margin:0;
}