@charset "utf-8"; 
/* このスタイルシートはUTF-8で記述されています */

* { margin:0; padding:0; }
html { height:100%; text-align:center; }
body { height:100%; text-align:center; font-family:sans-serif; }


h1 { font-size:85%; line-height: 1.4; color: #404040; }
h2 { font-size:75%; line-height: 1.4; color: #c4ffff; }
h3 { font-size:75%; line-height: 1.4; color: #404040; }
a:active { color: #801080;  }/*読み込み中のリンク*/
a:hover { color: red; text-decoration: underline; }/*カーソルが上に乗っている*/


/*  スタイルシート部分を外部ファイルにしている場合、背景画像へのURLは。HTMLファイルから見た相対パスではなく外部スタイルシートファイルからの相対パスで指定しなくてはならない */

/* IEのwidth = paddingとborderを含めた長さ;   Firefoxのwidth = paddingとborderを含めない長さ */
/* 対策 padding・borderとwidthを同時指定しない */

/* IE6で、1pxや2pxなど小さい高さを指定した際、そのサイズより大きくなってしまうバグ = font-size:0; を指定することで回避可能  */
/* IE6 のバグで float を指定した際の margin が2倍になってしまうバグ = display:inline;を指定する。CSS2 の仕様では「float を指定した要素は display の指定を無視するので問題はない */
/* フロートは文字通り「浮く」ので内包するブロック要素の高さ計算から除外されてしまう。FireFoxの場合はoverflow: hiddenを使用する。overflow: hiddenを使用すると外側のボックスの高さがフロートした内側のボックスの高さによって拡張する */
/* IE6の場合はwidthに値を指定すればよい。基本的に100%。ただしこの場合padding・border解釈の違いを考慮してpadding・borderが使えないので注意 */
/* フロート問題基本解決法 第一外枠=background-color・padding・border設定。widthとoverflow: hiddenはイラナイ。   第二外枠=width:100%とoverflow: hiddenのみ  */
/* divはwidth指定がない場合は最大に広がるのでフロート用コンテナ以外は特に幅指定する必要はない */
/* tableのwidth100%をwidth指定のpadding付きdiv内で使うとIE6でpaddingを無視した幅になるので100%ではなく実値で指定。paddingがついていないdivの場合は問題なく広がる*/
/* imgタグで画像を横に並べるとき、タグ終了後に改行を挿入すると画像の右側と下側に空欄が発生する。これはhtmlにおいて改行も一文字であり、ページ表示時に半角スペースとして表示されるために発生する。改行をせずに一列に記載することで回避可能 */

/* positionはボックス要素の配置位置の決定方法。 */
/* position:relative; = なにも指定しなかったときに表示される場所を基準にLeft,top,right,bottomで位置修正 */
/* position:absolute; = ウィンドウの左上を基準とした位置指定。ただし親要素にpositionが指定されている場合は親要素の左上基準となる */
/* つまりposition:relative;を指定したボックス内にposition:absolute;を指定した子ボックスを配置することで自由なデザインにすることができる */

/* floatに内包されたコンテンツの背景画像・枠線の一部が表示されない = Peekaboo Bugといいます。 */
/* floatするボックスの親要素にwidthまたはheightで値を設定する */
/* floatするボックスに含まれる要素にposition: relativeを指定する */


/* ---------------------- 汎用フォント ---------------------- */
.black_size0 {font-size:75%; line-height: 1.4; color: #404040;  }/*黒色小文字フォント定義*/
.brown_size0 {font-size:75%; line-height: 1.4; color: #704040;  }/*ブラウン小文字フォント定義*/
.green_size0 {font-size:75%; line-height: 1.4; color: #306030;  }/*グリ－ン小文字フォント定義*/
.blue_size0 {font-size:75%; line-height: 1.4; color: #404090;  }/*青色小文字フォント定義*/
.linkblue_size0 {font-size:75%; line-height: 1.4; color: #001050;  }/*青色リンク小文字フォント定義*/

.black_size1 {font-size:85%; line-height: 1.4; color: #404040;  }/*黒色小文字フォント定義*/
.brown_size1 {font-size:85%; line-height: 1.4; color: #704040;  }/*ブラウン小文字フォント定義*/
.green_size1 {font-size:85%; line-height: 1.4; color: #305030;  }/*グリ－ン小文字フォント定義*/
.blue_size1 {font-size:85%; line-height: 1.4; color: #404090;  }/*青色小文字フォント定義*/
/* ---------------------- フォントサイズはそのままにフォントカラーだけ変更 ---------------------- */
.in_red { color: red; }		/*赤色に変更*/
.in_blue { color: blue; }	/*青色に変更*/
.in_brown { color: #704040; }	/*濃ブラウンに変更*/
.in_higreen { color: #eeffce; }	/*薄緑に変更*/
.in_purple { color: #604060; }	/*濃紫に変更*/
/* ---------------------- ウィンドウ見出し用フォント ---------------------- */
.hibrown_size1 {font-size:85%; line-height: 1.4; color: #ffffee; } /* ウィンドウ見出し用フォント（ブラウン） */
.higreen_size1 {font-size:85%; line-height: 1.4; color: #eeffce; } /* ウィンドウ見出し用フォント（グリーン） */
.hiblue_size1 {font-size:85%; line-height: 1.4; color: #e0e8f8; } /* ウィンドウ見出し用フォント（ブルー） */
.hipurple_size1 {font-size:85%; line-height: 1.4; color: #f7d5f3; } /* ウィンドウ見出し用フォント（パープル） */
/* ---------------------- tableタグ用。heightとフォントを同時に指定する。W3Cにおいてtableにはcssでheightを指定するのが正しいらしいので ---------------------- */
.table80_bluesize0 { height:80px; font-size:75%; line-height: 1.4; color: #404090; }
.table240_bluesize0 { height:240px; font-size:75%; line-height: 1.4; color: #404090; }
.table80_greensize0 { height:80px; font-size:75%; line-height: 1.4; color: #306030; }
.table240_greensize0 { height:240px; font-size:75%; line-height: 1.4; color: #306030; }

/* ---------------------- サイト外周の余白 ---------------------- */
div.sitebone_outspace { height:32px; font-size:0; } 
/* ---------------------- サイト骨格用 ---------------------- */
div.sitebone_baseborder { position:relative; width: 950px; margin-left:auto; margin-right:auto; border: 1px solid #8f8fff; } 
div.sitebone_base { width: 950px; } 
/* ---------------------- サイトタイトル ---------------------- */
div.title_back { background-color: #cacfff; width: 100%; overflow:hidden; } 
div.title_left { width: 330px; float: left;  } 
div.title_right { margin-top: 30px;  margin-right: 10px; width: 580px; text-align: right; display:inline; float: right; }
/* ---------------------- サイトタイトル下のメインメニュー ---------------------- */
div.titlemenu_back { background-color: #6f6fdf; background-image:url("./siteimg/topmenu1.png"); background-repeat:no-repeat; background-position:top; width: 100%; height: 48px; font-size:0; clear: both; }
div.titlemenu_bot { float: left; width: 134px; height:30px;  margin: 4px 0px 8px 4px; }
div.titlemenu_topcom { background-color: #cae6fd; background-image:url("./siteimg/SideTop1.png"); background-position: 205px bottom; background-repeat: no-repeat; width: 100%; text-align:center; padding-top: 1px; padding-bottom: 24px; }
div.titlemenu_incont { margin-left:auto; margin-right:auto; margin-top:24px;  margin-bottom:0px; text-align:center; }
/* ---------------------- メインコンテンツ3カラム骨格用 ---------------------- */
div.sitebone_cont { background-color: #cae6fd; background-image:url("./siteimg/SideCen1.png"); background-position: 205px bottom; width: 100%; background-repeat: repeat-y; overflow:hidden; }
div.sitebone_contleft { width: 770px; float: left; overflow:hidden; }
div.sitebone_contmain { width: 550px; float: right; }/* 中央メイン画面のコンテナ */
div.sitebone_sideleft { width: 200px; margin-left: 3px; padding-top: 10px; display:inline; float: left; } /* 左サイドメニューのコンテナ */
div.sitebone_sideright { width: 160px; margin-right: 3px; padding-top: 10px; display:inline; float: right; }
/* ---------------------- サイトフッター骨格用 ---------------------- */
div.footer_top { background-image:url("./siteimg/footer1.png"); background-color: #ffffff; background-repeat:no-repeat; background-position:top; width: 100%; padding-top:35px; padding-bottom:10px; }
div.footer_cright { font-size:85%; line-height: 1.4; color: #404040; }
div.footer_counter { margin-top:8px; height:24px; }
div.footer_acrank { margin-top:4px; height:12px; }

/* ---------------------- コンテンツ行間調整用パーツ ---------------------- */
div.spacebox_h10 { width: 100%; margin-top: 10px; font-size:0; }
div.spacebox_h15 { width: 100%; margin-top: 15px; font-size:0; }
div.spacebox_h25 { width: 100%; margin-top: 25px; font-size:0; }
div.spacebox_h35 { width: 100%; margin-top: 35px; font-size:0; }
div.spacebox_h65 { width: 100%; margin-top: 65px; font-size:0; }
div.spacebox_h95 { width: 100%; margin-top: 95px; font-size:0; }
/* ---------------------- コンテンツの中央配置ボックス ---------------------- */
div.setbox_cent { margin-left:auto; margin-right:auto; text-align:center; }
/* ---------------------- メインコンテンツ用ウィンドウ作成用共用パーツ ---------------------- */
div.comon_main { width:100%; overflow:hidden; }
div.comon_mainfooter { border-width:1px 0px 0px 0px; border-style: solid; border-color:#000000; height:1px; font-size:0; } /* 項目テーブルのフッタ */
div.comon_mainrightmin { margin-left:-1px; width:1px; height:80px;  display:inline; float: left; } /* min-height代わりに高さ確保するための棒 */
div.comon_mainleft { background-color: #ffffff; width:80px; height:80px; float: left; }
div.comon_mainleftF{ background-color: #ffffff; width:160px; height:240px; float: left; }
div.comon_mainright { width:467px;  float: left; }
div.comon_mainrightF{ width:387px;  float: left; }
div.comon_smallright { width:423px; float: right; } /* ソフトの80x80画像付き解説用ﾘｽﾄ */
div.comon_midright   { width:403px; float: right; } /* ソフトの100x100画像付き解説用ﾘｽﾄ */
div.comon_cnthead { background-color: #efefef; border-width:0px 1px 2px 1px; border-style: solid; border-color:#5f5f5f; padding:3px 15px; text-align:left; font-size:75%; line-height: 1.4; color: #404040; }
/* ---------------------- メインコンテンツ用ウィンドウの見出し作成用共用パーツ ---------------------- */
div.comon_headmainSeal { margin-top:3px; width:32px; display:inline; float: left;  }
div.comon_headmainSeal2 { margin-left:2px; margin-top:3px; width:32px; display:inline; float: left;  }
div.comon_headmainTitle { margin-left:8px; width:350px; display:inline; float: left;  }
div.comon_headmainLink { width:80px;  text-align:center; float: right; }
/* ---------------------- 汎用コンテナパーツ ---------------------- */
div.comon_container1 { width: 100%; text-align:left; overflow:hidden; }

/* ---------------------- テーブルセルの間隔調整用パーツ ---------------------- */
.cellspase_LR15{ padding-left:15px; padding-right:15px; }
.cellspase_L15{ padding-left:15px; }
.cellspase_L25{ padding-left:35px; }
.cellspase_R15{ padding-right:15px; }
.cellspase_L30R15{ padding-left:30px; padding-right:15px; }
/* ---------------------- テーブルセルの区切りライン用パーツ ---------------------- */
.brown_celllineL1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:1px; border-style: solid; border-color:#ac4400; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */
.brown_celllineL2 { border-top:0px; border-bottom:0px; border-left:0px; border-right:1px; border-style: solid; border-color:#ac4400; padding-left:15px; padding-right:15px; } /* テーブル左セル2 */
.brown_celllineR1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:0px; border-style: solid; border-color:#ac4400; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */
.brown_celllineSL1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:1px; border-style: solid; border-color:#ac4400; padding-left:4px; padding-right:4px; } /* テーブル左セル1 */
.brown_celllineSL2 { border-top:0px; border-bottom:0px; border-left:0px; border-right:1px; border-style: solid; border-color:#ac4400; padding-left:4px; padding-right:4px; } /* テーブル左セル2 */
.brown_celllineSR1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:0px; border-style: solid; border-color:#ac4400; padding-left:4px; padding-right:4px; } /* テーブル左セル1 */

.green_celllineL1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:1px; border-style: solid; border-color:#008d00; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */
.green_celllineL2 { border-top:0px; border-bottom:0px; border-left:0px; border-right:1px; border-style: solid; border-color:#008d00; padding-left:15px; padding-right:15px; } /* テーブル左セル2 */
.green_celllineR1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:0px; border-style: solid; border-color:#008d00; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */

.blue_celllineL1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:1px; border-style: solid; border-color:#001070; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */
.blue_celllineL2 { border-top:0px; border-bottom:0px; border-left:0px; border-right:1px; border-style: solid; border-color:#001070; padding-left:15px; padding-right:15px; } /* テーブル左セル2 */
.blue_celllineR1 { border-top:0px; border-bottom:1px; border-left:0px; border-right:0px; border-style: solid; border-color:#001070; padding-left:15px; padding-right:15px; } /* テーブル左セル1 */

/* ---------------------- ヘッドライン作成用共用パーツ ---------------------- */
div.side_headline { background-color: #3d9ad1; border-width:0px 0px 2px 12px; border-color:#0969a2; border-style: solid; padding-left:4px; }
div.side_headlinein { border-width:0px 0px 0px 6px; border-color:#0969a2; border-style: solid; text-align: left; padding:4px 12px 2px 12px; color:#c4ffff; font-size:75%; line-height: 1.4; font-weight: bold; } 
div.brown_headline { background-color: #f6e2d5; border-width:0px 0px 2px 12px; border-color:#d77f3a; border-style: solid; padding-left:4px; }
div.brown_headlinein { border-width:0px 0px 0px 6px; border-color:#d77f3a; border-style: solid; text-align: left; padding:4px 12px 2px 12px; color:#704040; font-size:75%; line-height: 1.4; font-weight: bold; }
div.emerald_headline { background-color: #33cdc7; border-width:0px 0px 2px 12px; border-color:#1d7471; border-style: solid; padding-left:4px; }
div.emerald_headlinein { border-width:0px 0px 0px 6px; border-color:#1d7471; border-style: solid; text-align: left; padding:4px 12px 2px 12px; color:#0d4441; font-size:75%; line-height: 1.4; font-weight: bold; }
div.dbrown_headline { background-color: #d77f3a; border-width:0px 0px 2px 12px; border-color:#704040; border-style: solid; padding-left:4px; }
div.dbrown_headlinein { border-width:0px 0px 0px 6px; border-color:#704040; border-style: solid; text-align: left; padding:4px 12px 2px 12px; color:#ffffee; font-size:75%; line-height: 1.4; font-weight: bold; }



/* ---------------------- ウィンドウ作成用共用パーツ ---------------------- */
/* ブラウンカラーウィンドウ作成用パーツ */
div.brown_head550 { background-image:url("./siteimg/RHead550.png"); background-repeat: no-repeat; background-position: top; width: 550px; height:4px; font-size:0; }
div.brown_headmain{ background-color: #d77f3a; padding:0px 15px 2px 15px; text-align:left; } /* 丸各ヘッダの下部。ここに見出し表示 */
div.brown_maininpad { background-color:#ffffee; padding:15px; border-width:2px 1px; border-style: solid; border-color:#ac4400; text-align:left; }
div.brown_mainnopad { background-color:#ffffee; border-width:2px 1px; border-style: solid; border-color:#ac4400; text-align:left; }
div.brown_mainintxt { background-color:#ffffee; padding:15px; border-width:2px 1px; border-style: solid; border-color:#ac4400; text-align:left; font-size:75%; line-height: 1.4; color: #704040; }

/* グリーンカラーウィンドウ作成用パーツ */
div.green_head550 { background-image:url("./siteimg/GHead550.png"); background-repeat: no-repeat; background-position: top; width: 550px; height:4px; font-size:0; }
div.green_foot550 { background-image:url("./siteimg/GHead550F.png");background-repeat: no-repeat; background-position: top; width: 550px; height:4px; font-size:0; }
div.green_headmain { background-color: #7bba18; padding:0px 15px 2px 15px; text-align:left; } /* 丸各ヘッダの下部。ここに見出し表示 */
div.green_maininpad { background-color:#eeffce; padding:15px; border-width:2px 1px; border-style: solid; border-color:#008d00; text-align:left; }
div.green_mainnopad { background-color:#eeffce; border-width:2px 1px; border-style: solid; border-color:#008d00; text-align:left; }
div.green_mainintxt { background-color:#eeffce; padding:15px; border-width:2px 1px; border-style: solid; border-color:#008d00; text-align:left; font-size:75%; line-height: 1.4; color: #306030; }
div.green_mainrightco1{ background-color: #bdef4a; padding:1px 8px; text-align:left; }
div.green_mainrightco2{ border-width:1px 0px 0px 0px; border-style:solid; border-color:#008d00; background-color:#eeffce; padding:4px 8px; text-align:left; font-size:75%; line-height: 1.4; color: #306030; }
div.green_mainrightbd{ background-color: #eeffce; border-width:0px 0px 0px 1px; border-style: solid; border-color:#008d00; float: right; }
div.green_boxleftbd { border: 1px solid #008d00; float:left; } /* 画像付き解説左の画像につける外枠 */
div.green_boxrightbd { border: 1px solid #008d00; float:right; } /* 画像付き解説右のテーブルにつける外枠 */
div.green_linebox { border: 1px solid #008d00; } /* 解説テーブル等で使える汎用枠 */

/* ブルーカラーウィンドウ作成用パーツ */
div.blue_head550 { background-image:url("./siteimg/BHead550.png"); background-repeat: no-repeat; background-position: top; width: 550px; height:4px; font-size:0; }
div.blue_head200 { background-image:url("./siteimg/BHead200.png"); background-repeat: no-repeat; background-position: top; width: 200px; height:4px; font-size:0; }
div.blue_head160 { background-image:url("./siteimg/BHead160.png"); background-repeat: no-repeat; background-position: top; width: 160px; height:4px; font-size:0; }
div.blue_headmain { background-color: #2a4a94; padding:0px 15px 2px 15px; text-align:left; } /* 丸各ヘッダの下部。ここに見出し表示 */
div.blue_maininpad { background-color:#e0e8f8; padding:15px; border-width:2px 1px; border-style: solid; border-color:#001070; text-align:left; }
div.blue_sideinpad { background-color:#ffffff; padding:5px;  border-width:2px 1px; border-style: solid; border-color:#001070; text-align:left; } /* サイド用。左右のpaddingが5になったもの */
div.blue_mainnopad { background-color:#e0e8f8; border-width:2px 1px; border-style: solid; border-color:#001070; text-align:left; }
div.blue_mainrightco1 { background-color: #a5c1f5; padding:1px 8px; text-align:left; }
div.blue_mainrightco2 { border-width:1px 0px 0px 0px; border-style:solid; border-color:#001070; background-color: #e0e8f8; padding:4px 8px; text-align:left; font-size:75%; line-height: 1.4; color: #404090; }
div.blue_mainrightbd { background-color: #e0e8f8; border-width:0px 0px 0px 1px; border-style: solid; border-color:#001070; float: right; }
div.blue_intextbox { background-color: #e0e8f8; padding:10px; text-align:left; color: #404090; } /* テキスト記入枠 */
div.blue_listfoot { background-color: #a5c1f5; padding:3px 10px; text-align:right; border-width:1px 0px 0px 0px; border-style: solid; border-color:#001070; clear: both; } /* 作品紹介テーブルの底スペース */