@charset "UTF-8";

/* ------------ スタイルの初期化 -全称セレクタ（*） ------------ */
*{
 margin:0;
 padding:0;
 zoom:1;
}

/* ------------ 一般的なタグの基本設定 ------------ */
body {
	font-size: 100.01%;
	text-align: center;
	background: #21BAF1;
	margin: 0px;
	padding: 0px;
	font-family:"メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', 'sans-serif';
	text-align: center;
	zoom:1;
}

#Container,h1,#Navi {
	width: 920px;
}
/* ------------ CSSハック　IE7とモダンブラウザに適用 ------------ */
html>/**/body {
font-size: 11.69pt;
}
html>body body{
font-size: 11.69pt;
}

/* ------------ スタイルの初期化 -リスト関連 ------------ */
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

/* ------------  フォントサイズの設定 ------------ */
h1,h2,h3,h4,h5,h6, li {
	line-height: 1.3;
}
h1 {
	font-size: 182%;
}
h2 {
	font-size: 167%;
}
h3 {
	font-size: 153.9%;
}
h4 {
	font-size: 138.5%;
}
h5 {
	font-size: 123.1%;
}
h6 {
	font-size: 108%;
}
p {
font-size: 93%;
line-height: 1.5;
text-align: justify;
text-justify: inter-ideograph;
}

.em {
font-style:normal;
}
.bold {
	font-weight: bold;
}

.text8 { font-size:61.6%; }
.text9 { font-size:69.3%; }
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* ------------  フォントのカラーのために ------------ */
.Red {
color:#FF0000;
}
.Blue {
color:#0000FF;
}
.Green {
color:#009900;
}
.Orange {
color:#FF6600;
}
.Purple {
color:#6633FF;
}


/* ------------  フォントの装飾のために ------------ */
.bold {
	font-weight: bold;
}

/* ------------  フロート解除のために ------------ */
.clearfix:after {
 content: ".";  /* 新しい要素を作る */
 display: block;  /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
 zoom:1;
}
.FloatClear {
clear: both;
}

.ImgFloatLeft {
	float: left;
	margin-right: 10px;
}
.ImgFloatRight {
	float: right;
	margin-left: 10px;
}
/* ------------  firefoxとモジュラ対策　------------ */
img {
	border: 0px none #FFFFFF;
}
a img {
	border: 0px none #FFFFFF;
}
/* ------------  インデントの設定 ------------ */
.TextIndent {
	text-indent: -1em;
	margin-left: 1em;
}
/* ------------  リンクカラーの再設定 ------------ */
a:link {
	color: #0000FF;
}
a:visited {
	color: #FF00FF;
}
a:hover {
	color: #00FFFF;
	text-decoration: underline;
}
a:active {
	color: #FFFF00;
}
/* ------------  ヘッダーブロック --------*/
#Header {
	padding: 30px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
}
#Header h1 {
	padding: 0px;
	margin: 0px;
}

/* ------------  コンテナブロック --------*/
#Container {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

h1 {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 5px auto;
	padding: 0px;
	display: block;
	text-align: left;
}

/* ------------  イメージタグのために ------------ */
img {
	border: 0px none #FFFFFF;
}
a img {
	border: 0px none #FFFFFF;
}

#Wrapper {
	text-align: center;
	background-color: #FFF;
	background-image: url(images/bar1_background.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.bold {
	font-weight: bold;
}

/* ------------  メニューブロック --------*/

#Wrapper #Navi {
	margin-right: auto;
	margin-left: auto;
}
#Wrapper #Navi ul {
	float: right;
}
#Wrapper #Navi ul li {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	background-position: left top;
}
#Wrapper #Navi ul li a {
	background-image: url(images/button2.gif);
	background-repeat: no-repeat;
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	width: 158px;
	background-position: left top;
	height: 40px;
	display: block;
	text-decoration: none;
}
#Wrapper #Navi ul .Bt1 a {
	background-image: url(images/button1.gif);
}
#Wrapper #Navi ul a:hover {
	background-position: 0px -40px;
}
#Wrapper #Navi ul li a em {
	visibility: hidden;
	font-size: 9px;
	font-style: normal;
}
#Wrapper #Container #RContent {
	float: right;
	width: 400px;
}
#Wrapper #Container #LContent {
	float: left;
	width: 510px;
	padding-right: 10px;
}
#Wrapper #Container #LContent #Info h3 {
	color: #000099;
	font-size: 1em;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
}
#Wrapper #Container #LContent h2 {
	color: #3300CC;
	text-align: left;
	font-size: 1.2em;
	margin-top: 10px;
}
#Wrapper #Container #LContent ul {
	text-align: left;
	font-size: 0.9em;
}
/* ------------  フッターブロック --------*/
#Footer {
	background-repeat: repeat-x;
	background-image: url(images/bar2_background.gif);
	height: 40px;
	clear: both;
	background-color: #21BAF1;
	background-position: left top;
}
#Wrapper #Container #LContent p .Arrow {
	color: #F00;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#Wrapper #Container #LContent .comment {
	color: #666;
	font-size: 85%;
}
#LContent .Redcomment {
	font-size: 85%;
	color: #F00;
	padding-left: 1em;
}