@charset "UTF-8";
@media screen, print {
/*******************************************************************************
  文書全体のスタイル
*******************************************************************************/
html {
	line-height: 1.25;
	color: #161616;
	background: #FFFFFF url("../images/bg.jpg") center top repeat-x;
	font-family: "Geneva", "Arial", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 88%;
}
html *:link,
html *:visited {
	color: #161616; /* for IE 6 and IE 7 */
}
#body_inner {
	margin-left: auto;
	margin-right: auto;
	min-width: 950px;
	max-width: 1223px;
}
/***************************************
  #header
***************************************/
#header {
	background: url("../images/bg_topic_path.gif") 0 119px no-repeat;
}
#header #site_name {
	text-align: center;
}
#header #topic_path {
	padding: 0 18px 9px 18px;
	color: #FFFFFF;
	background: url("../images/bg_topic_path.gif") left bottom no-repeat;
}
#header #topic_path *:link,
#header #topic_path *:visited {
	color: #FFFFFF; /* for IE 6 and IE 7 */
	font-weight: bold;
}
#header p#LANG_SWITCH {
	margin-left: 450px;
	position: absolute;
	left: 50%;
	top: 25px;
	 /* IE */
    filter: alpha(opacity=85);
    /* Safari Opera */
    opacity:0.8;
    /* Firefox Netscape */
    -moz-opacity:0.8;
}

#header p#LANG_SWITCH a:hover img {
	position: relative;
	left:1px;
	top:1px;
		 /* IE */
    filter: alpha(opacity=95);
    /* Safari Opera */
    opacity:0.9;
    /* Firefox Netscape */
    -moz-opacity:0.9;
}
/***************************************
  #content
***************************************/
#content {
	margin: 10px 14px;
	background: url("../images/bg_content.gif") repeat-y;
}
/*******************
  #content #article
*******************/
#content #article {
	float: right;
	margin-left: -226px;
	width: 100%;
}
#content #article *:link {
	color: #4C00D7;
}
#content #article *:visited {
	color: #002ED7;
}
#content #article .content_header,
#content #article .content_body {
	margin-left: 246px;
}
#content #article .content_header {
	background: url("../images/bg_title_sub.gif") no-repeat;
}
#content #article .content_header .inner {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background: url("../images/bg_title_sub_bullet.gif") right top no-repeat;
}
#content #article .content_header .image_inner {
	padding-top: 0;
	padding-bottom: 0;
	background: none;
}
#content #article .content_header h1,
#content #article .content_header p.main_title {
	color: #0D2702;
	font-size: 172%;
	font-weight: bold;
	text-align: center;
}
#content #article .content_header h2,
#content #article .content_header p.catch_copy {
	color: #56156A;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
#content #article .content_header .image_header h1 {
	color: #161616;
	background: url("../images/bg_title_1.gif") repeat-x;
	font-size: 100%;
	font-weight: normal;
	text-align: center;
}
#content #article .content_header .image_header h2 {
	color: #161616;
	background: url("../images/bg_title_main.gif") no-repeat;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
}
#content #article .content_header .image_header h2 span {
	padding-top: 0.872em; /* (1 / 1.72) * 1.5 = 0.872 */
	padding-bottom: 0.872em; /* (1 / 1.72) * 1.5 = 0.872 */
	display: block;
	color: #0D2702;
	background: url("../images/bg_title_main_bullet.gif") right top no-repeat;
	font-size: 172%;
	font-weight: bold;
	text-align: center;
}
#content #article .content_body {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.5;
}
#content #article .content_body .column_title {
	margin-bottom: 1.5em;
	margin-left: -3px;
	background: url("../images/bg_title_column.gif") no-repeat;
}
#content #article .content_body .column_title h1 {
	padding: 1em 60px;
	background: url("../images/bg_title_column_bullet.gif") right top no-repeat;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}
#content #article .content_body h3 {
	margin-bottom: 1.30em; /* (1 / 1.15) * 1.5 = 1.30 */
	padding-top: 4px;
	padding-bottom: 12px;
	padding-left: 12px;
	line-height: 1.25;
	color: #551469;
	background: url("../images/bg_title_3.gif") left bottom no-repeat;
	font-weight: bold;
	font-size: 115%;
}
#content #article .content_body h3.color {
	margin-bottom: 0.870em; /* 1 / 1.15 = 0.870 */
	padding: 6px 10px 14px 10px;
	color: #FFFFFF;
	background: #551469 url("../images/bg_title_2.gif") left bottom repeat-x;
	font-size: 115%;
}
#content #article .content_body h3.naikokuTitle {
	margin-bottom: 1.5em;
	padding: 0.25em 10px;
	border: 1px solid #DDD9E1;
	color: #0D2702;
	background: #F5F1F9;
	font-size: 100%;
}
#content #article .content_body h4 {
	margin-bottom: 1em;
	padding-left: 5px;
	border-left: 1.25em solid #417800;
	line-height: 1.25;
	color: #417800;
	font-weight: bold;
}
#content #article .content_body p,
#content #article .content_body ul,
#content #article .content_body dl,
#content #article .content_body table {
	margin-bottom: 1.5em;
}
#content #article .content_body p.button {
	text-align: center;
}
#content #article .content_body ul.style2_spaced li {
	margin-top: 0.5em;
	padding-left: 28px;
	background: url("../images/marker_2.gif") no-repeat 9px 0.4em;
}
#content #article .content_body ul.column li {
	margin-top: 0.5em;
}
#content #article .content_body ul.column li a {
	display: block;
	width: 20em;
	background: url("../images/bg_btn_column.gif") no-repeat;
}
#content #article .content_body ul.column li a span {
	padding-left: 80px;
	display: block;
	height: 46px;
	line-height: 45px;
	background: url("../images/bg_btn_column_2.gif") right top no-repeat;
}
#content #article .content_body ul.figures {
	margin-top: -0.5em;
	margin-left: -5px;
	margin-right: -5px;
}
#content #article .content_body ul.figures li {
	margin-top: 0.5em;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	/display: inline; /* for IE 6 and IE 7 */
	/zoom: 1; /* for IE 6 and IE 7 */
	vertical-align: top;
	width: 155px;
}
#content #article .content_body ul.figures li span.figure {
	display: inline-block;
	vertical-align: middle;
	width: 155px;
	text-align: center;
}
#content #article .content_body ul.figures li span.caption {
	margin-top: 0.5em;
	display: inline-block;
}
#content #article .content_body ul.pageNavigation {
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body ul.pageNavigation:after {
	display: block;
	clear: both;
	content: "";
}
#content #article .content_body ul.pageNavigation li.prev {
	float: left;
}
#content #article .content_body ul.pageNavigation li.prev a {
	padding-left: 15px;
	display: inline-block;
	background: url("../images/ico_prev.gif") 0 0.3em no-repeat;
}
#content #article .content_body ul.pageNavigation li.next {
	float: right;
	text-align: right;
}
#content #article .content_body ul.pageNavigation li.next a {
	padding-right: 15px;
	display: inline-block;
	background: url("../images/ico_next.gif") 100% 0.3em no-repeat;
	text-align: left;
}
#content #article .content_body ul.links {
	text-align: center;
}
#content #article .content_body ul.links li.pagetop {
	display: inline-block;
	/display: inline; /* for IE 6 and IE 7 */
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body ul.links li.pagetop a {
	padding-left: 15px;
	display: inline-block;
	background: url("../images/ico_pagetop.gif") 0 0.3em no-repeat;
}
#content #article .content_body dl.reference {
	position: relative;
	padding-top: 1.5em;
	background: url("../images/line1.gif") repeat-x;
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body dl.reference dt {
	position: absolute;
	left: 0;
}
#content #article .content_body dl.reference dd {
	margin-left: 6em;
}
#content #article .content_body dl.reference dd p {
	margin-bottom: 0;
}
#content #article .content_body dl.reference2 {
	position: relative;
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body dl.reference2 dt {
	position: absolute;
	left: 0;
}
#content #article .content_body dl.reference2 dd {
	margin-left: 4em;
}
#content #article .content_body dl.reference2 dd p {
	margin-bottom: 0;
}
#content #article .content_body dl.introduction {
	position: relative;
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body dl.introduction dt {
	position: absolute;
	left: 2em;
	font-weight: bold;
}
#content #article .content_body dl.introduction dd {
	padding-left: 10em;
}
#content #article .content_body dl.introduction dd span {
	display: block;
}
#content #article .content_body dl.linkList dt,
#content #article .content_body dl.linkList dd {
	padding-left: 28px;
}
#content #article .content_body dl.linkList dt {
	margin-top: 0.5em;
	background: url("../images/marker_3.gif") no-repeat 7px 0.1em;
}
#content #article .content_body table {
	border: solid 2px #87739A;
	line-height: 1.25;
	border-collapse: collapse;
}
#content #article .content_body table td,
#content #article .content_body table th {
	padding: 0.5em 10px;
	border: 1px solid #87739A;
}
#content #article .content_body table thead th {
	background-color: #E5EDDC;
	font-weight: bold;
}
#content #article .content_body table td.arrow {
	padding-left: 60px;
	background: url("../images/bg_list1.gif") 32px 50% no-repeat;
	vertical-align: middle;
}
#content #article .content_body div.box {
	margin-bottom: 1.5em;
	background: url("../images/bg_box.gif") right top no-repeat;
}
#content #article .content_body div.box div.box_inner {
	background: url("../images/bg_box_lt.gif") left top no-repeat;
}
#content #article .content_body div.box div.box_inner div.box_inner {
	padding-top: 14px;
	padding-right: 28px;
	background: url("../images/bg_box_rb.gif") right bottom no-repeat;
}
#content #article .content_body div.box dl {
	margin-bottom: 0;
	padding-bottom: 14px;
	padding-left: 28px;
	position: relative;
	background: url("../images/bg_box_lb.gif") left bottom no-repeat;
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body div.box dl dt {
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	position: absolute;
	left: 28px;
	width: 5em;
}
#content #article .content_body div.box dl dd {
	margin-left: 6em;
	padding-top: 0.125em;
	padding-bottom: 0.125em;
}
#content #article .content_body div.main_image {
	margin-bottom: 1.5em;
	padding: 1.5em 4%;
	border: solid 2px #798851;
	background-color: #F0F3E8;
}
#content #article .content_body div.main_image img {
	float: left;
	margin-right: 20px;
}
#content #article .content_body div.sub_image {
	margin-bottom: 1.5em;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1.5em 3%;
	border: solid 1px #9E9E9E;
}
#content #article .content_body div.sub_image div.text {
	margin-left: -152px;
	float: right;
	width: 100%;
}
#content #article .content_body div.sub_image div.text h3,
#content #article .content_body div.sub_image div.text p {
	margin-left: 160px;
}
#content #article .content_body div.sub_image div.text h3 {
	margin-bottom: 0.870em; /* 1 / 1.15 = 0.870 */
	padding: 0;
	color: #000000;
	background: none;
	font-size: 115%;
}
#content #article .content_body div.sub_image p.image {
	margin-top: 0 !important;
	width: 152px;
	float: left;
}
#content #article .content_body div.image_set_right div.text {
	float: left;
	margin-right: -200px;
	width: 100%;
}
#content #article .content_body div.image_set_right div.text p {
	margin-right: 220px;
}
#content #article .content_body div.image_set_right p.image {
	float: right;
	width: 200px;
	text-align: center;
}
#content #article .content_body div.image_set_right p.image img {
	margin-bottom: 0.25em;
}
#content #article .content_body div.thumbnails {
	padding-top: 1.5em;
}
#content #article .content_body div.thumbnails h3 {
	margin-bottom: 0.870em; /* 1 / 1.15 = 0.870 */
	padding: 6px 10px 14px 10px;
	color: #FFFFFF;
	background: #551469 url("../images/bg_title_2.gif") left bottom repeat-x;
	font-size: 115%;
}
#content #article .content_body div.thumbnails table {
	border: none;
	width: 100%;
}
#content #article .content_body div.thumbnails table td {
	border: none;
	width: 33%;
	text-align: center;
}
#content #article .content_body div.thumbnails table tr.photo td {
	vertical-align: bottom;
}
#content #article .content_body div.genre {
	margin-bottom: 1em;
	padding-bottom: 1em;
	background: url("../images/line1.gif") left bottom repeat-x;
}
#content #article .content_body div.genre#genre1 div {
	background: url("../images/bg_genre_1.jpg") no-repeat;
}
#content #article .content_body div.genre#genre2 div {
	background: url("../images/bg_genre_2.jpg") no-repeat;
}
#content #article .content_body div.genre#genre3 div {
	background: url("../images/bg_genre_3.jpg") no-repeat;
}
#content #article .content_body div.genre#genre4 div {
	background: url("../images/bg_genre_4.jpg") no-repeat;
}
#content #article .content_body div.genre#genre5 div {
	background: url("../images/bg_genre_5.jpg") no-repeat;
}
#content #article .content_body div.genre div {
	padding-left: 230px;
	min-height: 129px;
	_height: 129px; /* for IE 6 */
}
#content #article .content_body div.genre div h3 {
	margin-bottom: 0.870em; /* 1 / 1.15 = 0.870 */
	padding: 0;
	color: #467B04;
	background: none;
	font-weight: bold;
	font-size: 115%;
}
#content #article .content_body div.genre div ul {
	padding-left: 10px;
}
#content #article .content_body div.genre div ul.horizontal li {
	display: inline-block;
	/display: inline; /* for IE 6 and IE 7 */
	/zoom: 1; /* for IE 6 and IE 7 */
	width: 160px;
}
#content #article .content_body div.genre div ul li a {
	display: inline-block;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bullet_1.gif") 0 0.4em no-repeat;
}
#content #article .content_body div.genre div ul li a.has_child {
	background-image: url("../images/bullet_2.gif");
}
#content #article .content_body div.genre div ul li ul {
	padding-left: 50px;
}
#content #article .content_body div.genre div ul li ul li a {
	padding-left: 12px;
	background: url("../images/bullet_2_1.gif") 0 0.7em no-repeat;
}
#content #article .content_body div.sitemap h3 {
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #article .content_body div.sitemap ul {
	margin-left: 10px;
}
#content #article .content_body div.sitemap ul.separate {
	margin-bottom:  0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #551469;
}
#content #article .content_body div.sitemap ul li {
	margin-top:0.5em;
	padding-left: 28px;
	background: url("../images/marker_2.gif") no-repeat 9px 0.4em;
}
#content #article .content_body div.sitemap ul li ul {
	margin-bottom: 0;
}
/*******************
  #content #navigation
*******************/
#content #navigation {
	float: left;
	width: 226px;
}
#content #navigation * {
	/zoom: 1; /* for IE 6 and IE 7 */
}
#content #navigation ol#primary_navigation {
	padding-bottom: 1px;
	background: #FFFFFF;
}
#content #navigation ol#primary_navigation li.category,
#content #navigation ol#primary_navigation li.current {
	margin-bottom: 0.5em;
}
#content #navigation ol#primary_navigation li.category h2,
#content #navigation ol#primary_navigation li.current h2 {
	font-weight: bold;
	font-size: 115%;
}
#content #navigation ol#primary_navigation li.category h2 a,
#content #navigation ol#primary_navigation li.current h2 a {
	padding: 0.5em 10px 0.5em 15px;
	display: block;
	text-decoration: none;
}
#content #navigation ol#primary_navigation li.category {
	border: solid #417800;
	border-width: 3px 2px;
}
#content #navigation ol#primary_navigation li.category h2 a {
	color: #FFFFFF;
	background: #417800 url("../images/bg_navigation_a.gif") left center no-repeat;
}
#content #navigation ol#primary_navigation li.category h2 a:hover {
	color: #F5FF9D;
	text-decoration: underline;
}
#content #navigation ol#primary_navigation li.category ol {
	display: none;
}
#content #navigation ol#primary_navigation li.current {
	border: solid 2px #551469;
	background: #F5F1F9;
}
#content #navigation ol#primary_navigation li.current h2 a {
	color: #FFFFFF;
	background: #551469;
}
#content #navigation ol#primary_navigation li.current ol {
	overflow: hidden;
}
#content #navigation ol#primary_navigation li.current ol li {
	margin-top: -2px;
	margin-left: 7px;
	margin-right: 7px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background: url("../images/bg_list.gif") repeat-x;
}
#content #navigation ol#primary_navigation li.current ol li strong {
	padding-left: 18px;
}
#content #navigation ol#primary_navigation li.current ol li ol {
	overflow: visible;
}
#content #navigation ol#primary_navigation li.current ol li ol li {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	background: none;
}
#content #navigation ol#primary_navigation li.current ol li ol li a {
	padding-left: 18px;
	display: inline-block;
	color: #1A4500;
	background: url("../images/arrow_right.gif") 7px 0.4em no-repeat;
}
#content #navigation ol#primary_navigation li.current ol li ol li a:hover {
	text-decoration: none;
}
#content #navigation ol#primary_navigation li.current ol li ol li a.thispage {
	color: #161616;
	background-image: url("../images/arrow_current_nochild.gif");
	font-weight: bold;
	text-decoration: none;
}
#content #navigation ol#primary_navigation li.current ol li ol li a.has_child {
	background-image: url("../images/arrow_current.gif");
}
#content #navigation ol#primary_navigation li.current ol li ol li ol li {
	padding-top: 0.125em;
	padding-bottom: 0.125em;
	margin-left: 18px;
}
#content #navigation ol#primary_navigation li.current ol li ol li ol li a {
	padding-left: 14px;
	background: url("../images/arrow_child.gif") 6px 0.5em no-repeat;
}
#content #navigation ol#primary_navigation li.current ol li ol li ol li a.thispage {
	background-image: url("../images/arrow_child.gif");
}
#content #navigation ol#secondary_navigation {
	padding: 1em 18px;
}
#content #navigation ol#secondary_navigation li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#content #navigation ol#secondary_navigation li.current a {
	text-decoration: none;
}
#content #navigation ol#secondary_navigation li h2 {
	font-weight: bold;
}
/***************************************
  #content.short
***************************************/
#content.short #content_inner {
	background: url("../images/bg_content_related.gif") right top repeat-y;
}
#content.short #article .first_main_content {
	padding-bottom: 1.5em;
	background: #FFFFFF;
}
#content.short #article .main_content {
	float: left;
	clear: both;
	margin-right: -226px;
	width: 100%;
}
#content.short #article .main_content .content_header,
#content.short #article .main_content .content_body {
	margin-right: 246px;
}
#content.short #article .related_content {
	padding: 10px 13px;
	float: right;
	width: 200px;
}
#content.short #article .related_content p.button {
	text-align: center;
	margin-bottom: 1em;
}
#content.short #article .related_content ul.thumbnails li {
	text-align: center;
	margin-bottom: 1em;
}
#content.short #article .related_content ul.thumbnails li img {
	margin-bottom: 0.25em;
}
#content.short #article .related_content ul.thumbnails li a.toLibrary {
	padding-left: 22px;
	background: url("../images/ico_library.gif") no-repeat;
}
/***************************************
  #content.superwide
***************************************/
#content.superwide {
	background: none;
}
#content.superwide #article .content_header,
#content.superwide #article .content_body {
	margin-left: 0;
}
#content.superwide #article .content_body {
	padding-left: 25%;
	padding-right: 25%;
}
/***************************************
  #footer
***************************************/
#footer {
	padding: 2em 25px;
	position: relative;
	background: url("../images/bg_footer.gif") repeat-x;
}
#footer *:link {
	color: #4C00D7;
}
#footer *:visited {
	color: #002ED7;
}
#footer p.link {
	float: right;
	width: 32%;
	text-align: right;
}
#footer p.copyright {
	float: left;
	width: 66%;
	font-size: 88%;
}
#footer p.copyright img {
	vertical-align: middle;
}
#footer p.copyright span.lang_en {
	margin-left: 1em;
}
} /* Don't remove */