@charset "UTF-8";
/* [(X)HTML+CSS Samples]
 * Summary: basic style
 * Modified: 2009-08-07
 */

/* body / container
----------------------------------------*/
body {
	background: #FFF;
	color: #333;
	font-family: Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
}

/* container */
#container {
	position: relative;
	width: 100%; min-height: 100%; height: 100%;
}
	html>body #container { height: auto; }

/* header
----------------------------------------*/
#header {
	width: 100%;
	background: url(../images/bg_header.gif) repeat-x 0 100%;
}
#header-inner {
	position: relative;
	width: 760px; height: 160px;
	margin: 0 auto;
	text-align: left;
}

	/* site id
	----------------------------------------*/
#siteid {
	margin: 0 50px 14px;
}
#siteid a {
	display: block;
	width: 589px;
	padding-top: 11px;
}

	/* global-nav
	----------------------------------------*/
ul#global-nav {
	height: 40px;
	overflow: hidden;
	padding: 0 0 0 44px;
	background: url(../images/bg_gnav.png) no-repeat 0 0;
}
ul#global-nav li {
	float: left;
	width: 168px;
}
ul#global-nav li a:link,
ul#global-nav li a:visited {
	display: block;
	width: 100%;
	overflow: hidden;
}
ul#global-nav li a:hover {
	text-indent: -9999px;
}

/* content
----------------------------------------*/
#content {
	clear: both;
	width: 672px;
	overflow: hidden;
	margin: 50px auto;
	text-align: left;
}


	/* sitemap content
	----------------------------------------*/
#content h1 { margin-bottom: 25px; }

/* container */
#sitemap-content {
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;
	background: url(../images/bg_box.gif) no-repeat 0 100%;
	line-height: 1.25;
}
#alpha {
	float: left;
	width: 318px;
	padding: 9px 0 15px;
	background: url(../images/bg_boxtop.gif) no-repeat 0 0;
}
#beta {
	float: right;
	width: 318px;
	padding: 15px 0;
	background: url(../images/bg_boxtop.gif) no-repeat 0 0;
}

/* sitemap common style */
#sitemap-content a {
	display: block;
	height: 20px; min-height: 20px;
	padding-top: 4px;
	color: #000;
	text-decoration: none;
}
	html>body #sitemap-content a { height: auto; }
#sitemap-content a:hover,
#sitemap-content a:active { text-decoration: underline; }

/* sitemap contents list */

	/* toppage */
#sitemap-content p.toppage {
	margin: 0 16px;
	padding-left: 18px;
	background: url(../images/icon_ladybug.gif) no-repeat 0 50%;
}

	/* <ul> */
ul.sitemap {
	margin: 0 10px 0 20px;
	background: url(../images/tree_base.gif) repeat-y 0 0;
}
	#alpha ul.sitemap { padding-bottom: 18px; }
	#beta ul.sitemap  { padding-top: 18px; }
ul.sitemap ul {
	margin: 0 10px;
	background: url(../images/tree_base.gif) repeat-y 0 0;
}
ul.sitemap ul ul {
	margin: 0 10px;
	background: url(../images/tree_base.gif) repeat-y 0 0;
}

		/* <li> */
ul.sitemap li {
	padding-left: 36px;
	background: url(../images/tree_lv1_1.gif) no-repeat 0 0;
}
	ul.sitemap li.last-child {
		background: #F7E8E8 url(../images/tree_lv1_2.gif) no-repeat 0 0;
	}
ul.sitemap ul li {
	background-image: url(../images/tree_lv2_1.gif);
}
	ul.sitemap ul li.last-child {
		background: #F7E8E8 url(../images/tree_lv2_2.gif) no-repeat 0 0;
	}
ul.sitemap ul ul li {
	background-image: url(../images/tree_lv3_1.gif);
}
	ul.sitemap ul ul li.last-child {
		background: #F7E8E8 url(../images/tree_lv3_2.gif) no-repeat 0 0;
	}

/* footer
----------------------------------------*/
#footer {
	clear: both;
	width: 760px;
	border-top: 1px solid #CCC;
	margin: 0 auto;
}

	/* assist-nav
	----------------------------------------*/
ul#assist-nav {
	width: 100%;
	padding: 20px 0;
	text-align: right;
}
ul#assist-nav li {
	display: inline;
	margin-left: 2em;
}

	/* address
	----------------------------------------*/
#footer address {
	padding: 0 0 20px;
	color: #666;
	line-height: 1.25;
	text-align: right;
	font-size: 83%;
}

/*----------------------------------------
 common modules
----------------------------------------*/

/* [.pagetop] module
----------------------------------------*/
p.pagetop {
	clear: both;
	line-height: 1.25;
	text-align: right;
}
p.pagetop a:link,
p.pagetop a:visited {
	padding-left: 14px;
	background: url(../images/icon_pagetop.gif) no-repeat 0 50%;
}

