@charset "UTf-8";



body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 75%;
	line-height: 2;
	color: #fff;
	background-color: #fdfae0;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{ margin: 0px; padding: 0px; }
ul{ list-style-type: none; }
img{ border: none; }
input,textarea,select{ font-size: 1em; }
form{ margin: 0px; }
table{ border-collapse:collapse; font-size: 100%; border-spacing: 0; }

a{
	color: #fff;
	text-decoration: none;
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container{
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 2em;
}


/*h1タグ設定
---------------------------------------------------------------------------*/
h1{
	font-size: 11px;
	color: #2181A3;
	line-height: 2em;
}


/*サイトマップボタン設定
---------------------------------------------------------------------------*/
div.sitemap a{
	font-size: 11px;
	color: #2181A3;
}


/*ヘッダー（サイト名とメインメニューを囲むブロック）
---------------------------------------------------------------------------*/
#header{
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	height: 180px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}



/*メインメニュー（ヘッダー内の横並びメニュー）
---------------------------------------------------------------------------*/
ul#menu{ position: absolute; left: 0px;	bottom: 0px; }
ul#menu li{	float: left; }
ul#menu li a{ float: left; text-decoration: none; font-weight: bold; height: 70px; display: block; line-height: 6em; }

ul#menu a.b1{ width: 151px; background-image: url(../images/b1.gif); }  ul#menu a.b1 em{ padding: 0 0 0 70px; }
ul#menu a.b2{ width: 119px; background-image: url(../images/b2.gif); }  ul#menu a.b2 em{ padding: 0 0 0 34px; }
ul#menu a.b3{ width: 120px; background-image: url(../images/b3.gif); }  ul#menu a.b3 em{ padding: 0 0 0 29px; }
ul#menu a.b4{ width: 120px; background-image: url(../images/b4.gif); }  ul#menu a.b4 em{ padding: 0 0 0 29px; }
ul#menu a.b5{ width: 120px; background-image: url(../images/b5.gif); }  ul#menu a.b5 em{ padding: 0 0 0 22px; }
ul#menu a.b6{ width: 121px; background-image: url(../images/b6.gif); }  ul#menu a.b6 em{ padding: 0 0 0 34px; }
ul#menu a.b7{ width: 149px; background-image: url(../images/b7.gif); }  ul#menu a.b7 em{ padding: 0 0 0 34px; }

ul#menu img{ vertical-align: bottom; }



/*fLASH
---------------------------------------------------------------------------*/
#fla{ clear: left; width: 100%; margin-bottom: 20px; }



/*コンテンツ（左右ブロックとフッターを囲むブロック）
---------------------------------------------------------------------------*/
#contents{
	clear: left;
	width: 100%;
	background-color: #2181a3;
	background-image: url(../images/contents_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 20px;
}



/*メインコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#main{
	float: left;
	width: 600px;
	display: inline;
	margin-left: 25px;
	padding-bottom: 50px;
}

/*段落タグの余白設定*/
#main p{ padding: 0.5em 20px 1em 20px; }
#main p img{ display: block; }

/*h2見出し設定*/
#main h2{
	font-size: 120%;
	line-height: 42px;
	height: 42px;
	padding-left: 40px;
	overflow: hidden;
	margin-bottom: 1em;
}

#page1 #main h2{ background-image: url(../images/midashi_red.gif); background-repeat: no-repeat; }
#page2 #main h2{ background-image: url(../images/midashi_orange.gif); background-repeat: no-repeat; }
#page3 #main h2{ background-image: url(../images/midashi_purple.gif); background-repeat: no-repeat; }
#page4 #main h2{ background-image: url(../images/midashi_green.gif); background-repeat: no-repeat; }
#page5 #main h2{ background-image: url(../images/midashi_skyblue.gif); background-repeat: no-repeat; }
#page6 #main h2{ background-image: url(../images/midashi_blue.gif); background-repeat: no-repeat; }
#page7 #main h2{ background-image: url(../images/midashi_pink.gif); background-repeat: no-repeat; }

/*アドセンス リンク*/
div.adslink a{ width: 250px; font-size: 90%; line-height: 1.3em; color: #fff !important; margin: 0 0 0 20px; font-weight: bold; text-decoration: underline !important; }
div.adslink p{ width: 250px; font-size: 90%; line-height: 1.2em; color: #fff; padding-bottom: 0 !important; }

div.adslink table{ width: 245px; margin: 5px 0 0 20px; }
div.adslink table tr td.adsarrow{ width: 18px; }
div.adslink table tr td.adsgoogle{ width: 209px; text-align: right; }



/*サブコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#sub{
	float: right;
	width: 230px;
	display: inline;
	margin-right: 25px;
	padding-bottom: 50px;
}

/*h3見出し設定*/
#sub h3{
	line-height: 40px;
	height: 40px;
	font-size: 100%;
	text-align: center;
	overflow: hidden;
}

/*段落タグ設定*/
#sub p{	padding-top: 1em; padding-bottom: 2em; }

#page1 #sub h3{	background-image: url(../images/sub_red.gif); background-repeat: no-repeat; }
#page2 #sub h3{	background-image: url(../images/sub_orange.gif); background-repeat: no-repeat; }
#page3 #sub h3{	background-image: url(../images/sub_purple.gif); background-repeat: no-repeat; }
#page4 #sub h3{	background-image: url(../images/sub_green.gif);	background-repeat: no-repeat; }
#page5 #sub h3{	background-image: url(../images/sub_skyblue.gif); background-repeat: no-repeat; }
#page6 #sub h3{	background-image: url(../images/sub_blue.gif); background-repeat: no-repeat; }
#page7 #sub h3{	background-image: url(../images/sub_pink.gif); background-repeat: no-repeat; }

#sub div.ads{
	margin: 20px 0 0 0;
	text-align: center;
}


/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu{	margin-bottom: 1em; }

ul.submenu a{
	display: block;
	width: 230px;
	text-align: center;
	text-decoration: none;
	border-bottom: 2px dotted #fff;
	padding-top: 7px;
	padding-bottom: 7px;
}

ul.submenu a:hover{	background-color: #34caff; color: #000; }



/*フッター
---------------------------------------------------------------------------*/
#footer{
	text-align: center;
	clear: both;
	width: 100%;
	background-color: #2181A3;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



/*「What's New」部分
---------------------------------------------------------------------------*/
div.new dl{	width: 230px; overflow: auto; }
div.new dt{	font-weight: bold; padding: 15px 0 0 0; }
div.new dd{	border-bottom: 1px solid #fff; padding: 0 0 15px 0; }



/*テーブル
---------------------------------------------------------------------------*/
.chart{	width: 600px; }

.chart, .chart td, .chart th{ border: 1px solid #000; }

.chart td, .chart th{
	height: 40px;
	color: #000;
	background-color: #fff;
}

.chart th{
	text-align: center;
	font-size: 120%;
	color: #fff;
}

.chart td{ padding: 0 0 0 10px; }

.long th{ width: 130px; }
.short th{ width: 130px; }

.orange th{ background-color: #ff7f00; }
.skyblue th{ background-color: #08a8da; }
.blue th{ background-color: #4032fe; }
.purple th{ background-color: #613289; }



/*サイトマップ
---------------------------------------------------------------------------*/
ul.sitemap{	margin: 0.5em 20px 1em 20px; }

ul.sitemap li{ padding: 11px 0 3px 0; list-style-type: none; }

ul.sitemap li ul li{ border-left: 1px solid #fff; padding: 10px 0 0 0; margin: 0 0 0 10px; }

ul.sitemap a{ text-decoration: none; }
ul.sitemap a:link,ul.sitemap a:visited{ color: #fff; }
ul.sitemap a:hover,ul.sitemap a:active{ color: #fff; text-decoration: underline; }



/*その他
---------------------------------------------------------------------------*/
.color1, .color1 a{	color: #fff45c;	font-weight: bold; }

.look{ background-color: #006f96; }

.mb1em{ margin-bottom: 1em; }

.clear{	clear: both; }

.pagetop{ text-align: right; margin-top: 2em; text-decoration: underline; }