@charset "utf-8";
body  {
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
	text-decoration:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" Arial,;
	font-size: 12px;
	line-height: 140%;
}

a{
	color:#555555;
	text-decoration:none;
	}
a:hover{
	color: #0000FF;
	background-color: #BBBBBB;
	}


a:hover img {
filter:alpha(opacity=70);-moz-opacity:0.5;opacity:0.5;
}


.h1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	}


.style1 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.style2 {
	font-size: 13px;
	font-weight: bold;
}
.style3 {
	color:#444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 180%;
	font-weight: bold;
}
.style4 {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style5 {font-size: 10px
}
.style6 {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
}

.style11 {
	font-family: "Eras Demi ITC";
}
.style12 {color:#666666;

}
.style13 {color: #444444;
	font-weight: bold;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
}
.style14 {
	font-size: 12px;
	margin-left: 5px;
}
.style15 {color: #DDDDDD
}
.style16 {color: #FA9C00
}
.style17 {color: #E9E905
}
.style18 {color: #98CB00
}
.style19 {color: #009997
}


.style21 {color: #444444;
	font-size: 18px;
	font-weight: bold;
}
.style22 {color: #FA9C00;
	font-size: 18px;
}
.style23 {color: #E9E905;
	font-size: 18px;
}
.style24 {color: #98CB00;
	font-size: 18px;
}
.style25 {color: #009997;
	font-size: 18px;
}

.style31 {color: #555555;
	font-size: 16px;
	font-weight: bold;
}
.style32 {color: #009997;
	font-size: 15px;
}
.style33 {color: #E9E905;
	font-size: 15px;
}
.style34 {color: #FA9C00;
	font-size: 15px;
}
.style35 {color: #003366;
	font-size: 16px;
	font-weight: bold;
}
.style36 {
	font-size: 14px;
	font-weight: bold;
}
.style37 {color: #98CB00;
	font-size: 15px;
}

.style50 {
	font-size: 12px;
	color: #444444;
}

.style51 {
	font-size: 14px;
}
.style52 {color: #003366;
	font-size: 14px;
	font-weight: bold;
}
.style53 {
	color: #880000;
	font-size: 14px;
	font-weight: bold;
}
.style54 {
	font-size: 15px;
}
.style55 {
	font-size: 15px;
	font-weight: bold;
}
.style56 {
	color: #880000;
	font-size: 15px;
	font-weight: bold;
}
.style57 {color: #003366;
	font-size: 15px;
	font-weight: bold;
}
.style58 {
	font-size: 18px;
	font-weight: bold;
}

.style60 {
	background-image: url(../img/it000.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 200%;
	margin-left: 23px;
	padding: 3px 0px 2px 17px;
}
.style61 {
	background-image: url(../img/is001.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	line-height: 200%;
	padding: 2px 1px 0px 20px;
	margin-left: 13px;
}
.style70 {
	background-image: url(../img/io000.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	padding: 20px 0px 18px 15px;
	margin-left: 13px;
}
.style71 {
	background-image: url(../img/io001.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	padding: 20px 0px 18px 15px;
	margin-left: 13px;
}
.style72 {
	background-image: url(../img/io002.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	padding: 20px 0px 18px 15px;
	margin-left: 13px;
}
.style73 {
	background-image: url(../img/io003.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	padding: 20px 0px 18px 15px;
	margin-left: 13px;
}
.style74 {
	background-image: url(../img/io004.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
	padding: 20px 0px 18px 15px;
	margin-left: 13px;
}

.style80 {
	font-size: 20px;
	color: #880000;
	font-weight: bolder;
}

.style90 {
	font-size: 30px;
	color: #880000;
	font-weight: bolder;
}
.style91 {
	font-size: 18px;
	color: #000000;
}
.style92 {
	font-size: 20px;
	color: #000000;
	font-weight: bolder;
}


/* ロールオーバーイメージ */
#menu {
}
#menu ul {
}
#menu li {
	list-style-type:none;
	display: inline;
}
#menu li a {
	height:33px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	margin-right: 6px;
}

/*off*/
#menu li.menu01 a {
	background:url(../img/menu01b.gif) no-repeat;
	width:204px;
}
#menu li.menu02 a {
	background:url(../img/menu02b.gif) no-repeat ;
	width:204px;
}
#menu li.menu03 a {
	background:url(../img/menu03b.gif) no-repeat ;
	width:204px;
}
#menu li.menu04 a {
	background:url(../img/menu04b.gif) no-repeat ;
	width:204px;
}

/*hover*/
#menu li.menu01 a:hover {
	background:url(../img/menu01.gif) no-repeat ;
}
#menu li.menu02 a:hover {
	background:url(../img/menu02.gif) no-repeat ;
}
#menu li.menu03 a:hover {
	background:url(../img/menu03.gif) no-repeat ;
}
#menu li.menu04 a:hover {
	background:url(../img/menu04.gif) no-repeat ;
}

/*on*/
#menu li.menu01_on a {
	background:url(../img/menu01.gif) no-repeat ;
	width:204px;
}
#menu li.menu02_on a {
	background:url(../img/menu02.gif) no-repeat ;
	width:204px;
}
#menu li.menu03_on a {
	background:url(../img/menu03.gif) no-repeat ;
	width:204px;
}
#menu li.menu04_on a {
	background:url(../img/menu04.gif) no-repeat ;
	width:204px;
}



/* ロールオーバーボタン */
.Button01 {
  display:      block;
  float:        left;
  outline:      0;
  padding:      0;
  border:       0;
  color:        #000000;
  font-size:    15px;
  font-weight: bold;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration:  none;
  background:   url(../img/bg_button.gif) 0 0 no-repeat;
}
.Button01 span {
  display:      block;
  position:     relative;
  padding:      10px 15px;
  background:   url(../img/end_button.gif) right 0 no-repeat;
}
.Button01:hover {
  background:   url(../img/bg_button.gif) 0 -35px no-repeat;
}
.Button01:hover span {
  background:   url(../img/end_button.gif) right -35px no-repeat;
}
.Button01:active {
  background:   url(../img/bg_button.gif) 0 -70px no-repeat;
}
.Button01:active span {
  background:   url(../img/end_button.gif) right -70px no-repeat;
}





.twoColFixRtHdr #container {
	width: 920px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #FFFFFF;
	position:relative;
} 


.twoColFixRtHdr #header {
	background-color: #CCCCCC;
	height: 30px;
	text-align: left;
	padding-top: 15px;
	padding-left: 30px;
} 
.twoColFixRtHdr #header_sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 320px;
	text-align: left;
	padding-left: 30px;
}
.twoColFixRtHdr #header2 {
	padding-top: 5px;
}
.twoColFixRtHdr #header_logo {
	text-align: left;
	padding-left: 5px;
}
.twoColFixRtHdr #header_link {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 320px;
	text-align: left;
	padding-left: 30px;
}
.twoColFixRtHdr #header2_1 {
	margin-left: 5px;

} 
.twoColFixRtHdr #header2_2 {
	height: 350px;
	padding-top: 5px;
}

.twoColFixRtHdr #header3 {
	height: 250px;
}
.twoColFixRtHdr #header4 {
	height: 380px;
}
.twoColFixRtHdr #header5{
	height: 100px;
}




.twoColFixRtHdr #header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 12px;
	color: #c4c0bf;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	padding: 5px;
	text-decoration: none;
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 250px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
}
.twoColFixRtHdr #mainContent {
	text-align: left;
	margin-right: 260px;
	padding-left: 40px;
	letter-spacing: 1px;
} 
.twoColFixRtHdr #mainContent 1{
	text-align: left;
} 

.twoColFixRtHdr #maintext {
	text-align: left;
	margin-right: 150px;
	padding-left: 150px;
	letter-spacing: 1px;
	padding-bottom: 80px;
	padding-top: 20px;
}
.twoColFixRtHdr #maintext1 {
	text-align: left;
	margin-right: 45px;
	padding-left: 30px;
	letter-spacing: 1px;
	padding-bottom: 80px;
	padding-top: 20px;
} 


.twoColFixRtHdr #footer {
	padding: 0 10px 0 40px;
	text-align: left;
} 
.twoColFixRtHdr #footer_sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 250px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	text-align: center;
}


.twoColFixRtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}