@charset "utf-8";

/* layout css (wide version) 
------------------------------------------ */

/* common 
------------------------------------------ */
body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	line-height: 1.2;
	border-top: 2px solid #D00C18;
}


#header-container #header,
#contents-container #contents,
#footer-container #footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
}



/* header-container 
------------------------------------------ */
#header-container {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
	background: none;
}

#header-container a:link {
	color: #0C33DA;
}

#header-container a:visited {
	color: #552AB4;
}

#header-container a:hover {
	color: #D70C19;
	text-decoration: none;
}

#header-container a:active {
	color: #FF0000;
	text-decoration: none;
}

#header-container #header #identity {
	float: left;
	width: 113px;
	margin-top: 8px;
	text-align: right;
}

#header-container #header #identity2 {
	float: left;
	width: 216px;
	margin-top: 8px;
	text-align: right;
}

#header-container #header .site-nav {
	float: right;
	width: 867px;
	margin-top: 0;
	font-size: 100%;
}

#header-container #header .site-nav2 {
	float: right;
	width: 764px;
	margin-top: 0;
	font-size: 100%;
}

#header-container #header .site-nav li,
#header-container #header .site-nav2 li {
	background: none;
	padding: 0;
}

#header-container #header .site-nav li a,
#header-container #header .site-nav2 li a {
	text-decoration: none;
}

#header-container #header .site-nav .other-lang,
#header-container #header .site-nav2 .other-lang {
	float: right;
	margin-top: 2px;
}

#header-container #header .site-nav .other-lang li,
#header-container #header .site-nav2 .other-lang li {
	float: left;
}

#header-container #header .site-nav .other-lang li a,
#header-container #header .site-nav .other-lang li span,
#header-container #header .site-nav2 .other-lang li a,
#header-container #header .site-nav2 .other-lang li span {
	display: block;
	margin-left: 8px;
	padding: 1px 5px;
	background: #eeeeee;
	border: solid 1px #cccccc;
	line-height: 1;
	text-decoration: none;
}

#header-container #header .site-nav .other-lang li a,
#header-container #header .site-nav2 .other-lang li a {
	color: #333333;
}

#header-container #header .site-nav .other-lang li span,
#header-container #header .site-nav2 .other-lang li span {
	color: #999999;
}

#header-container #header .site-nav .utility-nav,
#header-container #header .site-nav2 .utility-nav {
	clear: both;
	float: right;
	margin-top: 14px;
	padding: 0;
	background: none;
}

#header-container #header .site-nav .utility-nav li,
#header-container #header .site-nav2 .utility-nav li {
	float: left;
	padding: 0 0 0 21px;
	background: url(/common/images/com_ic01.gif) no-repeat 13px 0.35em;
	line-height: 1;
}



/* contents-container 
------------------------------------------ */
#contents-container {
	clear: both;
	width: 100%;
	background: url(/common/images/com_bg01.gif) repeat-x 0 0;
}

#contents-container #contents #index-main {
	clear: both;
	line-height: 1.3;
}

#contents-container #contents #index-main #utility {
	padding: 15px 0 5px;
}

#contents-container #contents #index-main #utility #topic-path {
	margin: 1px 5em 0 0;
	padding: 0 0 0 6px;
	color: #555555;
}

#contents-container #contents #index-main #utility #topic-path p {
	margin: 0;
}



#index-main  .heading-01 {
	clear: both;
	height: 1%;
	background: url(/common/images/com_h01wide.gif) no-repeat left top;
	font-size: 170%;
	font-weight: bold;
	color: #000000;
	line-height: 1.2;
}

#index-main .heading-01 span {
	display: block;
	height: 1%;
	padding: 15px 18px;
	background: url(/common/images/com_h02wide.gif) no-repeat left bottom;
}

#index-main .leadText {
	margin-top: 35px;
	font-size: 165%;
	font-weight: bold;
	text-align: center;
}

#index-main .date {
	clear: both;
	text-align: right;
}

#index-main .notesText {
	text-indent: -1em;
	margin: 12px 0 0 1em;
}



/* footer-container 
------------------------------------------ */
#footer-container {
	clear: both;
	width: 100%;
	margin: 50px 0 0;
}

#footer-container #footer .page-top {
	margin: 0;
	padding: 3px 3px 3px 0;
	background: #f5f5f5;
}

#footer-container #footer .page-top a {
	float: right;
	width: 7.5em;
	padding: 0 0 0 15px;
	color: #333333;
	text-decoration: none;
	line-height: 1;
	background: none;
}

#footer-container #footer .page-top a:hover {
	text-decoration: underline;
}

#footer-container #footer .page-top span {
	float: right;
	height: 1%;
	padding: 1px 0 0 15px;
	background: url(/common/images/com_ic02.gif) no-repeat 0 0.25em;
	cursor: pointer;
}

#footer-container #footer .site-info {
	clear: both;
	margin: 25px 0 18px 0;
	padding: 0 0 2px 0;
	border-bottom: solid 3px #4c4c4c;
}

#footer-container #footer .site-info ul {
	float: right;
}

#footer-container #footer .site-info ul li {
	float: left;
	padding: 0 0 0 21px;
	background: url(/common/images/com_ic01.gif) no-repeat 13px 0.35em;
}

#footer-container #footer .site-info ul li a {
	color: #333333;
	text-decoration: none;
}

#footer-container #footer .site-info ul li a:hover {
	text-decoration: underline;
}

#footer-container #footer .site-info #site-copyright {
	float: left;
	margin: 0;
	font-size: 98%;
	letter-spacing: 0.8px;
}



/* fontsize-switch 
------------------------------------------ */
#fontsize-switch {
	float: right;
	margin-left: 20px;
}

#fontsize-switch dt {
	float: left;
	padding: 3px 0 0;
}

#fontsize-switch dd {
	float: left;
	width: 19px;
	height: 19px;
	padding: 0 0 0 2px;
}

#fontsize-switch dd span {
	display: block;
	width: 19px;
	height: 19px;
	background: url(/common/images/com_bt01.gif) no-repeat 0 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#fontsize-switch dd#font-small span {
	background-position: -42px 0;
}

#fontsize-switch dd#font-medium span {
	background-position: -21px 0;
}

#fontsize-switch dd#font-large span {
	background-position: 0 0;
}

#fontsize-switch dd#font-small span.current-fontsize,
#fontsize-switch dd#font-small span.hover {
	background-position: -42px -19px;
}

#fontsize-switch dd#font-medium span.current-fontsize,
#fontsize-switch dd#font-medium span.hover {
	background-position: -21px -19px;
}

#fontsize-switch dd#font-large span.current-fontsize,
#fontsize-switch dd#font-large span.hover {
	background-position: 0 -19px;
}



/* banner box 
------------------------------------------ */
.banner-box-01 {
	margin: 30px 0 0;
}



/* clearfix for this files selectior
------------------------------------------ */
#header-container #header:after,
#contents-container #contents:after,
#contents-container #contents #index-main:after,
#contents-container #contents #index-main #utility:after,
#footer-container #footer .page-top:after,
#footer-container #footer .site-info:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header-container #header,
#contents-container #contents,
#contents-container #contents #index-main,
#contents-container #contents #index-main #utility,
#footer-container #footer .page-top,
#footer-container #footer .site-info {
	display: block;		/* for safari firefox3 */
	min-height: 1%;		/* for IE 7*/
	zoom:1;
}




/* IE7 hacks */ 
*:first-child+html #header-container #header,
*:first-child+html #contents-container #contents,
*:first-child+html #contents-container #contents #index-main,
*:first-child+html #contents-container #contents #index-main #utility,
*:first-child+html #footer-container #footer .page-top,
*:first-child+html #footer-container #footer .site-info {
	display: inline-table;
}/* end hacks */