@charset "utf-8";

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

/* flash
--------------------------------------------------------- */
#flash {
	width:930px;
	height:200px;
	padding:10px 5px 20px 5px;
	margin:0px auto;
	background-image:url(../images/top/flash.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

/* container
--------------------------------------------------------- */
#container {
	width:940px;
	margin:0px auto;
	position:relative;
}
.top_height {
	height:1200px;
	/*height:1700px;*/
}


/* content
--------------------------------------------------------- */
#content {
	width:620px;
	margin-left:320px;
	position:absolute;
}
.under {
	clear:both;
	margin-bottom:10px;
}
/* acitve */
#content #acitve {
	width:620px;
	padding-bottom:25px;
	background-image:url(../images/top/acitve_bg2.gif);
	/*background-repeat:repeat-y;*/
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:10px;
}
#content #acitve p {
	width:570px;
	padding:10px 25px;
	font-size:93%;
	line-height:150%;
}
#content #acitve ul {
	width:610px;
	padding-left:15px;
}
#content #acitve li {
	float:left;
	width:285px;
	height:40px;
}
#content #acitve .spacer {
	padding-right	:20px;
}
/* dw */
#content #dw {
	width:620px;
	/*background-image:url(../images/top/dw_bg.gif);*/
	background-image:url(../images/top/dw_bg2.gif);
	/*background-repeat:repeat-y;*/
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	margin-bottom:10px;
}
#content #dw .map {
	float:left;
	width:240px;
	height:220px;
	padding-left:15px;
}
#content #dw .map_list {
	float:left;
	width:350px;
}
#content #dw dl {
	width:350px;
	padding-top:20px;
}
#content #dw dt {
	width:350px;
	margin-bottom:5px;
}
#content #dw dd {
	width:350px;
	padding-bottom:15px;
}
#content #dw dd li {
	float:left;
	padding:0px 15px 5px 13px;
	background-image:url(../images/top/dw_list.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
}
#content #dw .btn {
	width:120px;
	margin:0px 0px 0px 230px;
}

/* kiino */
#content #kiino_title {
	width:620px;
	height:65px;
	background-image:url(../images/top/kiino_title.gif);
	background-repeat:no-repeat;
}
#content #kiino_title h2 {
	float:left;
	width:130px;
	height:40px;
	padding:20px 0px 0px 15px;
}
#content #kiino_title p {
	float:left;
	width:465px;
	padding:33px 0px 0px 10px;
}
#content #kiino {
	width:620px;
	padding-top:20px;
	/*background-image:url(../images/top/kiino_bg.gif);
	background-repeat:repeat-y;*/
	background-image:url(../images/top/kiino_bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:20px;
	margin-bottom:10px;
}
#content #kiino ul {
	float:left;
	width:270px;
	padding:0px 0px 0px 25px;
}
#content #kiino li {
	width:270px;
	padding-bottom:20px;
	text-align:center;
}
#content #kiino li img {
	padding-bottom:5px;
}
#content #kiino .main {
	float:left;
	width:285px;
	padding:0px 15px 0px 15px;
}
#content #kiino .main .spacer {
	padding-bottom:10px;
}
#content #kiino .main .btn {
	width:120px;
	padding-left:165px;
}

/* watoku */
#content #watoku_title {
	width:620px;
}
#content #watoku_title .link {
	float:left;
	width:195px;
}	
#content #watoku_title .txt {
	float:left;
	width:220px;
	height:230px;
	background-color:#ffffff;
}
#content #watoku_title .txt h2 {
	padding-bottom:10px;
}
#content #watoku_title .txt .btn {
	float:left;
	width:190px;
	margin:15px 0px 0px 30px;
}
#content #watoku_title .photo {
	float:left;
	width:205px;
}
#content #watoku {
	width:620px;
	/*background-image:url(../images/top/watoku_bg.gif);
	background-repeat:repeat-y;*/
	background-image:url(../images/top/watoku_bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:20px;
	margin-bottom:10px;
}
#content #watoku .sanchi {
	clear:both;
	width:570px;
	margin:0px 0px 10px 25px;
}
#content #watoku .sanchi th {
	background-color:#aa935b;
}
#content #watoku .sanchi td {
	width:190px;
	vertical-align:middle;
	text-align:right;
}
#content #watoku .kind {
	width:568px;
	border-left:1px solid #878787;
	border-top:1px solid #878787;
	margin:0px 0px 10px 25px;
}
#content #watoku .kind th {
	width:55px;
	background-color:#aa935b;
	vertical-align:middle;
}
#content #watoku .kind .sub {
	width:79px;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
	vertical-align:middle;
	text-align:center;
	background-color:#f0f0f0;
}
#content #watoku .kind td {
	width:434px;
	border-right:1px solid #878787;
	border-bottom:1px solid #878787;
	padding:5px;
}
#content #watoku .kind li {
	float:left;
	padding:5px 10px 5px 15px;
	background-image:url(../images/top/watoku_kind_list.gif);
	background-repeat:no-repeat;
	background-position:3px 10px;
}
#content #watoku .btn {
	padding:0px 0px 0px 405px;
}

/*	event	-------------------------------------------- */
#event {
	width:310px;
	position:absolute;
}
/*news -------------------------------------------------*/
#event #news {
	width:310px;
}
/* title */
#event #news .title {
	width:300px;
	height:50px;
	padding:5px 5px 0px 5px;
	background-image:url(../images/top/news_title_bg.png);
	background-repeat:no-repeat;
}
*html #event #news .title {
	width:305px;
	height:50px;
	padding:5px 5px 0px 0px;
	background-image:url(../images/top/news_title_bg.png);
	background-repeat:no-repeat;
}
#event #news .title h2 {
	float:left;
	width:120px;
	height:20px;
	margin:20px 0px 0px 15px;
}
*html #event #news .title h2 {
	float:left;
	width:120px;
	height:20px;
	margin:20px 0px 0px 10px;
}
#event #news .title .btn {
	float:left;
	width:75px;
	height:16px;
	margin:24px 0px 0px 80px;
}
/* ul */
#event #news ul {
	width:280px;
	padding:0px 15px 20px 15px;
	background-image:url(../images/top/news_bg2.gif);
	/*background-repeat:repeat-y;*/
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:10px;
}
#event #news li {
	width:280px;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #b31e1e;
}
#event #news li .photo {
	padding-bottom:5px;
}
#event #news li dt {
	padding-bottom:5px;
}
#event #news li dt .day {
	font-size:85%;
}
#event #news li dt a {
	font-size:108%;
	line-height:150%;
	font-weight:bold;
	color:#6e4102;
}
#event #news li dt a:hover {
	color:#bb6d00;
}
#event #news li .txt {
	font-size:93%;
	line-height:130%;
}

/* banner -------------------------------------------------*/
#event #banner {
	width:295px;
	padding-left:7px;
}
#event #banner img {
	margin-bottom:13px;
}