@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	width: 100%;
	text-align: center;
	height: 650px;
	background-image: url(../images/bg_wrapper.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 50px auto 0px auto;
	padding: 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#shadow_head {
	width: 950px!important;
	width/**/: 956px;
	height: 80px!important;
	height/**/: 88px;
	text-align: left;
	background-image: url(../images/head_shadow.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hokkaido-web.com/test/maple/images/head_shadow.png', sizingMethod='scale');
	margin: 0px auto 0px auto;
	padding: 0px 3px 8px 3px;
}
div#header {
	width: 950px;
	height: 80px;
	text-align: left;
	background-image: url(../images/bg_head.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}
div#header h1 {
	float: left;
	width: 240px;
	height: 71px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigation style                                                    */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#navigation {
	display: block;
	clear: both;
	width: 500px;
	margin: 0px auto;
	padding: 0px;
}
div#navigation ul.up {
	text-align: left;
	clear: both;
	width: 144px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 11px;
	left: 792px;
}
div#navigation ul.down {
	text-align: left;
	clear: both;
	width: 476px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 36px;
	left: 460px;
}
div#navigation ul.up li {
	list-style: none;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
div#navigation ul.down li {
	list-style: none;
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: left;
	display: block;
	overflow: hidden;
	width: 180px!important;
	width/**/: 200px;
	padding: 0px 10px 0px 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#shadow_flash {
	display: block;
	overflow: hidden;
	width: 950px!important;
	width/**/: 956px;
	height: 354px!important;
	height/**/: 364px;
	text-align: left;
	background-image: url(../images/body_shadow.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.hokkaido-web.com/test/maple/images/body_shadow.png', sizingMethod='scale');
	margin: 0px auto 10px auto;
	padding: 0px 3px 10px 3px;
}
div#contents {
	clear: both;
	display: block;
	overflow: hidden;
	width: 900px!important;
	width/**/: 950px;
	height: 294px!important;
	height/**/: 354px;
	background: url(../images/bg_contents.jpg) no-repeat;
	padding: 34px 28px 26px 22px;
	margin: 0px 0px 0px 0px;
	position: relative;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.copyright style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#copyright {
	display: block;
	clear: both;
	overflow: hidden;
	width: 284px!important;
	width/**/: 800px;
	height: 9px;
	margin: 0px auto 0px auto;
	padding: 0px 258px 0px 258px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 09.table style                                                         */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
table.table {
	background-color: #D7D7D7;
}
table.table tr {
	border-bottom: solid 1px #CCCCCC;
}
table.table tr th {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	font-weight: normal;
	border: solid 1px #FFFFFF;
	background-color: #DEEED6;
	text-align: center;
	padding: 5px;
}
table.table tr td {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.5em;
	border: solid 1px #FFFFFF;
	background-color: #F0F0EF;
	padding: 5px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/