@charset "Shift_JIS";

/* -----------------------------------------------
                top level structure
   ----------------------------------------------- */



/* =========== common style =========== */

/* ----- structual divs ----- */

div.structure {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1;
	background: white;
}

/* ----- accessibility issue ----- */

#content-area-aside h2,
#content-body-aside h2,
#content-nav h3,
#footer-area h2 {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	color: white;
	background: white;
}

h1.for-non-visual,
h2.for-non-visual,
h3.for-non-visual,
h4.for-non-visual,
h5.for-non-visual,
h6.for-non-visual {
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	color: white;
	background: white;
}




/* =========== strucure base block =========== */

body {
	text-align: center;  /* centering block on WinIE5.x */
}

#structure-container {
	width: 935px;   /* others   */
	_width: 942px;  /* WinIE5.x */
	_wid\th: 935px; /* WinIE6   */
	margin-left: auto;
	margin-right: auto;
	padding-left: 3px;
	padding-right: 4px;
	background: transparent url(../img/body_bg_002.png);
	text-align: left;
}





/* =========== header area =========== */

/* ----- base block ----- */

#header-area {
	position: relative;
}


/* ----- site title ----- */

#site-title {
	position: absolute;
	top: 31px;
	left: 742px;
	width: 193px;
	height: 409px !important;
	color: white;
	background: url(../img/site-title_bg_001.jpg) no-repeat;
}

body.basic #site-title {
	height: 160px;
}

#site-title h1,
#site-title p {
	margin: 0;
	padding: 0;
	line-height: 1;
}

/* workaround to DW8 \*/
* html #site-title p {
	margin-top: -26px;
	_margin-top: 0;
}
/* end */

#site-title h1 span.AILoaderApplied {
	_height: 158px !important;
}



/* ----- personalize ----- */

#personalize {
	height: 30px;
	color: white;
	background: black;
}

#personalize p {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 9px 10px;
	*padding: 11px 10px 7px; /* ~WinIE7 */
	line-height: 1;
}

#personalize ul {
	list-style: none;
	margin: 0;
	padding: 4px 5px 5px;
	text-align: right;
	line-height: 1;
}
	
#personalize li {
	display: inline;
	margin-left: 1px;
}
	
#personalize a {
	display: inline-block;
	color: white;
}

#personalize img {
	vertical-align: top;
}





/* =========== main area =========== */

/* ----- base block ----- */

#main-area {
	background-image: url(../img/aside_bg_001.jpg);
	background-position: top right;
	background-repeat: repeat-y;
	border-top: 1px solid #465363;
	*zoom: 1;     /* clear float, ~WinIE7 */
	_height: 1px; /* clear float, ~WinIE6 */
}

#main-area:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

/* workaround to DW8 \*/
* html #main-area {
	float: left;
	_float: none;
}
/* end */


/* ----- content area ----- */

/* base block */

#content-area {
	float: left;
	width: 741px;
	margin: 0;
	padding: 0 0 40px;
}


/* content title */

#content-title {
	margin: 0;
	padding: 0;
	background: transparent;
}

body.leaf  #content-title {
}

body.leaf2 #content-title {
	min-height: 240px;
	color: black;
}

#content-title h1 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #5c5c5c;
}

/* bread crumbs */

#content-title #bread-crumbs {
	margin: 0;
	padding: 0.9em 10px 0.7em;
	border-bottom: 1px solid #6b6e66;
	color: black;
	background: #e5decf url(../img/bread-crumbs_bg_001.png) repeat-x;
	font-size: 92%;
	line-height: 1.2;
	}

#content-title #bread-crumbs li
	{
	display: inline;
	}

#content-title #bread-crumbs li span.bc-mark
	{
	margin-right: -0.4em;
	padding-left: 0.5em;
	padding-right: 0.4em;
	}

#content-title #bread-crumbs li em
	{
	font-weight: bold;
	font-style: normal;
	}

/* main visual */

#main-visual {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1;
}

#main-visual img {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: top;
}


/* -- content body -- */

#content-body {
	margin: 0;
	padding: 0 21px;
	background: transparent;
}

body       #content-body,
body.basic #content-body,
body.index #content-body {
	width: 699px;    /* others   */
	_wid\th: 741px;  /* WinIE5.x */
	_width: 699px;   /* WinIE6   */ 
}

body.leaf  #content-body,
body.leaf2 #content-body {
	float: left;
	width: 519px;    /* others   */
	_wid\th: 561px;  /* WinIE5.x */
	_width: 519px;   /* WinIE6   */ 
}


/* -- content body aside (this exists in 'leaf' or 'leaf2' pages only) -- */

#content-body-aside {
	position: relative;
	z-index: 2;
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
	background: transparent;
}

body.leaf #content-body-aside {
	*margin-top: 20px;   /* ~WinIE7 */
}

body.leaf2 #content-body-aside {
	margin-top: -240px;
	*margin-top: -220px;   /* ~WinIE7 */
}


/* -- content navigation -- */

#content-nav,
#content-nav div,
#content-nav dl,
#content-nav dt,
#content-nav dd,
#content-nav ul,
#content-nav li,
#content-nav a {
	display: block;
	margin: 0;
	padding: 0;
}

#content-nav img {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* base */

#content-nav {
	overflow: hidden; /* workaround to WinIE5.0 */
	width: 180px;
	margin-top: 20px;
	padding: 0;
}

#content-nav dl {
	background: #806945;
}

/* title */

#content-nav dl dt {
	padding: 6px 9px 8px;
	color: white;
	font-weight: bold;
	font-size: 117%;
	line-height: 1.14;
}

#content-nav dl dt a {
	padding-left: 18px;
	_text-indent: -18px; /* ~WinIE6 */
	color: #fff480;
}

#content-nav dl dt a:link {
}

#content-nav dl dt a:visited {
}

#content-nav dl dt a:focus,
#content-nav dl dt a:hover,
#content-nav dl dt a:active {
	color: white;
}


#content-nav dl dt a img:first-child {
	margin-left: -18px;
}

#content-nav dl dd {
	margin-left: 4px;
	background: #e5decf;
}

/* 1st */

#content-nav dl dd ul {
}

#content-nav dl dd ul li {
	list-style: none;
	border-top: 1px solid #806945;
}

#content-nav dl dd ul li a {
	padding: 0.75em 10px 0.75em 24px;
	_display: inline-block;  /* ~WinIE6   */
	_width: 176px;           /*  WinIE5.x */
	_wid\th: 142px;          /*  WinIE6   */
	_margin-left: 14px;      /* ~WinIE6   */	
	_text-indent: -14px;     /* ~WinIE6   */
}

#content-nav dl dd ul li a em {
	font-weight: bold;
	font-style: normal;
}

#content-nav dl dd ul li a:hover,
#content-nav dl dd ul li a:focus {
	background: #fff2d9;
}

#content-nav dl dd ul li a img:first-child {
	margin-left: -14px;
}

/* 2nd */

#content-nav dl dd ul li.opened {
	background: white;
}

#content-nav dl dd ul li.opened ul li a {
	_wid\th: 132px; /*  WinIE6   */
	padding-left: 34px;
}



/* pseudo */

#content-nav div.pseudo-before,
#content-nav div.pseudo-after {
	width: 180px;
	height: 4px;
	font-size: 1px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
}

#content-nav div.pseudo-before {
	background-image: url(../img/content-nav_bg_001.png);	
}

#content-nav div.pseudo-after {
	background-image: url(../img/content-nav_bg_002.png);	
}






/* ----- content area aside ----- */

#content-area-aside {
	position: relative;
	z-index: 2;
	width: 173px;    /* others   */
	_width: 194px;   /* WinIE5.x */
	_wid\th: 173px;  /* WinIE6   */
	float: right;
	margin-top: 409px;
	padding-left: 11px;
	padding-right: 10px;
	padding-bottom: 20px;
	color: white;
	background: #37435c url(../img/aside_bg_001.jpg) repeat-y;
}

#content-area-aside > h2 + * {
	margin\-top: 0 !important;
}

body.basic #content-area-aside {
	margin-top: 160px;
}

/* workaround to DW8 \*/
* html #content-area-aside {
	position: static;
	_position: relative;
}
/* end */


/* anchor */

#content-area-aside a {
	color: #fff480;
	text-decoration: underline;
}

#content-area-aside a:link {
}

#content-area-aside a:visited {
}

#content-area-aside a:focus,
#content-area-aside a:hover,
#content-area-aside a:active {
	color: white;
}



/* =========== footer area =========== */

/* ----- base block ----- */

#footer-area {
	position: absolute;
	clear: both;
	width: 935px;    /* others   */
	_width: 942px;   /* WinIE5.x */
	_wid\th: 935px;  /* WinIE6   */
	margin-left: -3px;
	margin-right: -4px;
	padding-left: 3px;
	padding-right: 4px;
	padding-bottom: 21px;
	background: url(../img/body_bg_003.png) bottom left no-repeat;
}

/* workaround to DW8 \*/
* html #footer-area {
	position: static;
	_position: absolute;
}
/* end */

/* ----- credit ----- */

#footer-area address {
	float: right;
	border-top: 1px solid #465363;
	width: 915px;    /* others   */
	_width: 935px;   /* WinIE5.x */
	_wid\th: 915px;  /* WinIE6   */
	margin: 0 0 0 -925px;
	padding: 10px 10px 8px;
	text-align: right;
	font-size: 92%;
	*font-size: 100%;  /* ~WinIE7 */
	line-height: 1;
	background-color: white;
}

/* ----- links ----- */

#footer-area ul.link-list-B01 {
	padding: 10px 25em 8px 10px;
	background-color: white;
}

#footer-area ul.link-list-B01 li {
	position: relative;
	z-index: 2;
}