@charset "UTF-8";

/* -----------------------------------------------
 *                 top styles
 * ----------------------------------------------- */

/* =========== layout elements =========== */ 
/* ----- all layout ----- */

#container-top {	

}

/* ----- navi layout ----- */

#navi {
	position: relative;
	width:100%;
	height: 611px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../image/bg_topimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#navi-inner {
	position: relative;
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;

}

h1#logo-top {
	position: absolute;
	top: 50px;
	left: 112px;
}

/* news */

#navi-news a {
	position: absolute;
	top: 320px;
	left: 203px;
	height: 120px;
	width: 138px;
	background-image: url(../../image/navi_news.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
    outline: none;
}

#navi-news a:hover{
	background-position: left bottom;
}

#navi-news span {
    display: none;
}

/* link */

#navi-link a {
	position: absolute;
	top: 290px;
	left: 370px;
	height: 112px;
	width: 106px;
	background-image: url(../../image/navi_link.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
    outline: none;
}

#navi-link a:hover{
	background-position: left bottom;
}

#navi-link span {
    display: none;
}

/* contact */

#navi-contact a {
	position: absolute;
	top: 300px;
	left: 660px;
	height: 120px;
	width: 121px;
	background-image: url(../../image/navi_contact.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
    outline: none;
}

#navi-contact a:hover{
	background-position: left bottom;
}

#navi-contact span {
    display: none;
}

/* dosue */

#navi-dosue a {
	position: absolute;
	top: 465px;
	left: 90px;
	height: 118px;
	width: 219px;
	background-image: url(../../image/navi_dosue.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
    outline: none;
}

#navi-dosue a:hover{
	background-position: left bottom;
}

#navi-dosue span {
    display: none;
}

/* gallery */

#navi-gallery a {
	position: absolute;
	top: 400px;
	left: 359px;
	height: 110px;
	width: 153px;
	background-image: url(../../image/navi_gallery.png);
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
    outline: none;
}

#navi-gallery a:hover{
	background-position: left bottom;
}

#navi-gallery span {
    display: none;
}

 /* ----- info-top layout ----- */
 
#info-top {
	width:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../image/bg_global_navi.jpg);
	background-repeat: repeat;
}

#info-top-inner {
	position: relative;
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

#topics {
	margin-top: 20px;
	width:230px;
	float: left;	
	
}

#topics p {
	margin-top: 5px;	
	
}

/* ----- line  ----- */

.line-dot {
	font-size: 0px;
	background-image: url(../image/line_dot.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	line-height: 0px;
}