@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: 700px;
	margin: 0 auto;
}

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

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

#header1 {
	background-color: #E6F171;
	border-top: solid 1px #CCCCCC;
}

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


/*
#########################
ヘッダー(ASEANヘッダー)
#########################
*/

#Header{
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6F171), color-stop(100%, #ADD51D));
  background-image: -webkit-linear-gradient(top, #E6F171, #ADD51D);
  background-image: -moz-linear-gradient(top, #E6F171, #ADD51D);
  background-image: -ms-linear-gradient(top, #E6F171, #ADD51D);
  background-image: -o-linear-gradient(top, #E6F171, #ADD51D);
  background-image: linear-gradient(top, #E6F171, #ADD51D);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e6f171, endColorstr=#add51d);
}


#Header:after{
    content: "";
    display: block;
    clear: both;
}

#Header #Logo{
  height:80px;
  width:780px;
  float:left;
  margin-top:-10px;
  margin-left:10px;
  text-decoration:none;
  color:#FFF;
  display:block;
}

#Header #Logo p {
  font-size:36px;
  font-weight:bold;
  font-family: "メイリオ", Meiryo, "Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  _font-family:"Century Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
#Header #Logo p a{
	text-decoration:none;
 	color:#FFF;
}

#Header #Logo p a:hover{}

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

#header2 {
	background-color: #E6F171;
	border-top: solid 1px #CCCCCC;
	height: 34px;
}

#header2 .title {
 	width: 312px;
 	height: 34px;
}

#header2 .navigation {
	float: right;
}

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

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

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

#header3 {
	background-color: #D7E4BD;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

#header3 .title {
	height: 30px;
	min-height: 30px;
	vertical-align: middle;
}

#header3 .link {
	height: 30px;
	min-height: 30px;
	text-align: right;
	white-space: nowrap;
	padding-right: 10px;
	width: 200px;
	font-size: 130%;
	font-weight: bold;
}

#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;
	/*background-color: #ffffff;*/
}

.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;
}