@charset "UTF-8";

/*============================================
全般
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1;	/*全要素の行の高さを1.5倍にする*/
	color:#ffffaa;		/*文字色*/
	font-family:"ＭＳ ゴシック",sans-serif;
	font-size:12px;
} 
body {
        margin-top:10px;
	background-color:#ddeeff;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:1000px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	        /*テキストの配置を左揃えにする*/
	background-color:#99bb88;	/*内容全体の背景色*/
        /*background-image:url("mado/kc12.gif");	ページボディ部分の背景画像*/
}

/*============================================
ヘッダ
============================================*/
ul#header {
	height:60px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
        padding:0px 0px 0px 0px;
	background-color:#000088;		/*ヘッダ部分の背景色*/
}
li#header01,li#header02 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}
li#header01 {
	width:532px; height:60px;	/*背景画像に合わせたサイズ指定*/
        padding:0px 0px 0px 0px;
	background-image:url("mado/daimei.jpg");	/*背景画像*/
}
li#header02 {
	width:468px; height:60px;	/*背景画像に合わせたサイズ指定*/
	padding:0px 0px 0px 0px;
}
ul#header a {
	display:block;				/*リンクをブロック表示にする*/
	height:60px; padding-top:0px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
}
ul#header li a:hover {
	background-color:#ddccff;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
メインメニュー
============================================*/
ul#menu {
	height:30px; background-color:#50bbbb; font-weight:bold;
}
li#menu07,li#menu08,li#menu35,li#menu36,li#menu09,li#menu10,li#menu20,li#menu25,li#menu30,li#menu90 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}

/*ボタン00～90にはそれぞれ異なる背景画像を指定する*/
li#menu07 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma00.jpg");	/*背景画像*/
}
li#menu08 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma02.jpg");	/*背景画像*/
}
li#menu35 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma04.jpg");	/*背景画像*/
}
li#menu36 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma06.jpg");	/*背景画像*/
}
li#menu09 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma08.jpg");	/*背景画像*/
}
li#menu10 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma10.jpg");	/*背景画像*/
}
li#menu20 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma12.jpg");	/*背景画像*/
}
li#menu25 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma14.jpg");	/*背景画像*/
}
li#menu30 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma01.jpg");	/*背景画像*/
}
li#menu90 {
	width:100px; height:30px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("mado/ma03.jpg");	/*背景画像*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:22px; padding-top:8px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
ul#menu li a:hover {
	background-color:#ddccff;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
サブメニュー
============================================*/
div#submenu {
	width:200px;height:774px;			/*幅の指定*/
	padding:0px 0px 0px 0px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
	background-image:url("mado/sub00.gif");	/*背景画像*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	padding:0px 0px 0px 0px;
	background-color:#224466;
	font-weight:middle; text-align:left;
}
/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding:0px 0px 0px 0px;
	/*background-color:#aa8866;*/
        background-color:rgba(170,136,102,0.2);
	/*opacity: 0.8;*/
}
ul#submenu_body li {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:1x 1px 1px 1px;		/*サブメニュー項目のマージン*/
	padding:0px 0px 0px 0px;	/*サブメニュー項目のパディング*/
	background-color:#9977aa;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
        background-color:rgba(153,119,170,0.2);
}
ul#submenu_body li a:hover {
	background-color:#a0a088;	/*リンクにマウスが乗ったら色を変える*/
}

/*============================================
コンテンツ（右）
============================================*/
div#content {
	width:800px; margin:0px 0px 0px 0px;	/*幅の指定と位置調整*/
	float:left;				/*2カラム全体を右寄せにする*/
        padding:0px 0px 0px 0px
}

div#window{
	width:800px; height:600px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#80aacc;
        margin:0 auto;
}

div#window_footer{
	width:800px; height:162px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#80aacc;
        /*margin:0 auto;*/
	background-image:url("mado/fot00.jpg");	/*背景画像*/
}

/*見出し・段落・水平線のスタイル指定*/
h1 {
        text-align: center;
	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
	background-color:#80aa60;
}
h2 {
	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
        text-align: center;
}
p {font-style:normal;font-size:small; margin:0px 0px 0px 0px; text-indent:0px;
  text-align: left;
  padding:0px 100px 0px 100px;
  }
/*============================================
フッタ
============================================*/
div#footer {
	height:12px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-color:#204060;			/*フッタ部分の背景色*/
        margin-top:0px;
	padding:0px 0px 0px 0px;
}
address {
	padding:0px 0px 0px 0px;		 /*要素内容の位置調整*/
}