@charset "UTF-8";

body {
 	width: 100%;
 	display: table;
}

.standard { font-size: 100%; }
.large { font-size: 150%; }
.xlarge { font-size: 200%; }

/*
#########################
ヘッダー用
#########################
*/

#header-area, #header1, #header2, #header3 {
	width: 100%;
	min-width: 960px;
	margin: 0 auto;
}

#header-area {
	background-color: #FFFFFF;
	font-size: 100%;
    border-collapse: collapse;
}

/*
#########################
ヘッダー1用
#########################
*/

#header1 {
	background-color: #FFFFFF;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 5px #000080;
}

#header1 .title {
 	width: 312px;
 	height: 33px;
}

#header1 .navigation {
	float: right;
}

#header1 .navigation .link {
	white-space: nowrap;
}

#header1 .navigation .text-scale {
	white-space: nowrap;
}

/*
#########################
ヘッダー2用
#########################
*/

#header2 {
	background-color: #FFFFFF;
	background-image: url(../img/20image_new.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-bottom: solid 1px #CCCCCC;
}

#header2 .title {
	padding-left: 30px;
}

#header2 .link {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

#header2 .link0 {
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

#header2 .link1 {
	text-align: right;
	vertical-align: bottom;
	white-space: nowrap;
	padding-right: 25px;
	padding-bottom: 5px;
	font-size: 130%;
	font-weight: bold;
}

/*
#########################
ヘッダー3用
#########################
*/

#header3 {
	background-color: #CCFFCC;
	border-bottom: solid 1px #CCCCCC;
}

#header3 .title {
	color: #000000;
	padding-left: 70px;
	line-height: 5px;
	white-space: nowrap;
}

#header3 .breadcrumb {
	float: right;
	margin-right: 50px;
}

/*
#########################
ヘッダー3ブレッドクラム用
#########################
*/

.bc-title {
	white-space: nowrap;
	vertical-align: middle;
	width: 120px;
	text-align: center;"
}

.bc-str {
	padding: 2px 0 0 0;
	text-align: center;
	width: 20px;
}

.bc-cell {
	white-space: nowrap;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #EEEEFF;
	padding: 2px 10px 1px;
}

.bc-current {
	white-space: nowrap;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #FFEEEE;
	padding: 2px 10px 1px;
}

.bc-use {

}

/*
#########################
text-scale用
#########################
*/
.text-scale {
	line-height: 1.2;
}

.text-scale td {
	white-space: nowrap;
}

.text-scale .caption {

}

.text-scale #standard {
	background-color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 4px 0px 0px 4px;
	border: 1px solid #777777;
  }

.text-scale #large {
	background-color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #777777;
}

.text-scale #xlarge {
	background-color: #ffffff;
	font-weight: bold;
	cursor: pointer;
	border-radius: 0px 4px 4px 0px;
	border: 1px solid #777777;
}

.text-scale a {
	display: block;
    color: #000000;
	text-decoration: none;
}

.text-scale table td#standard {
	font-size: 120%;
	font-weight: normal;
}
.text-scale table td#large {
	font-size: 140%;
}
.text-scale table td#xlarge {
	font-size: 160%;
}
.text-scale table td.current {
	background-color: #003daf !important;
}

.text-scale table td#standard a {
	padding-right: 5px;
	padding-left: 5px;
}
.text-scale table td#large a {
	padding-right: 5px;
	padding-left: 5px;
}
.text-scale table td#xlarge a {
	padding-right: 5px;
	padding-left: 5px;
}
.text-scale table td.current a {
	color: #ffffff;
}