body { text-align: center; background-color:#ffffff;/*全体の背景色-----------------*/ font-family: Osaka, Verdana, Arial, Helvetica, sans-serif; font-size:12px;/*基本の文字サイズ-----------------*/ line-height:170%; color:#444444;/*基本の文字色-----------------*/ margin-top:0px; margin-bottom:0px; margin-left:0; margin-right:0; }
h1, h2, h3, h4 { margin:0px; padding:0px; font-weight:normal; }
/*pタグ空白消去*/
p { margin:0 0 15px 0; padding:0px; }
/*IMGボーダー非表示*/
img { border: none; vertical-align:top; }
/*TABLEボーダー非表示*/
table { border:none; margin-bottom:30px;/*テーブル表組みの下は左記の分の余白が空きます。-----------------*/ }
/*IE--BRバグ回避*/
br { letter-spacing:normal; }
/*ビルダー表示崩れ回避*/
br.clear { clear:both; padding:0px; margin:0px; height:0px; line-height:0; }
/*リスト空白消去*/
ul, ol, li { margin:0px; padding:0px; list-style:none; }
/*普通のテキストリンク-----------------*/
a:link { text-decoration:underline; color:#B52E00; }  /*テキストリンクの色*/
a:visited { text-decoration:underline; color:#B52E00; }  /*訪問済みのリンクの色*/
a:active { text-decoration:underline; color:#B52E00; }/*クリック時のリンクの色*/
a:hover { text-decoration:underline; color:#B52E00; }  /*マウスの上にカーソルがあるときのリンクの色*/
#container { width:100%; margin:0 auto; padding:0; text-align:left; }
#header { margin:0 auto; width:823px; padding:0px 0px 8px 0px; height:58px; }
/*ページ右上の説明文-----------------*/
h1 { line-height:normal; text-align:right; font-size:12px;/*文字サイズ-----------------*/ font-family: Osaka, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:4px 0px; }
/*サイトのタイトル文字『WEB MAGIC TEMPLATE』-----------------*/
h2 { line-height:normal; font-size:24px;/*---文字サイズ-----------*/ font-weight:bold;/*---太文字指定-----------*/ }
/*ページのタイトル部分のみのテキストリンク（タイトルの文字＝ここで指定する文字の色になります）-------*/
h2 a:link { color:#B52E00; text-decoration:none; } /*メニュー・テキストリンクの色*/
h2 a:visited { color:#B52E00; text-decoration:none; } /*メニュー・訪問済みのリンクの色*/
h2 a:active { color:#d27a18; text-decoration:none; } /*メニュー・クリック時のリンクの色*/
h2 a:hover { color:#d27a18; text-decoration:none; } /*メニュー・マウス上にカーソルがある時のリンク色*/
/*ヘッダー下ロールオーバーメニューリスト指定------------------------------------------------*/

#menu_block { width:100%;/*---画面いっぱいに背景色を敷いています-----------*/ background-color:#E47F5C;/*---マウスがのっていない時の背景色-----------*/ margin: 0; padding: 0; height:36px; margin-bottom:10px; }
#menu { width:823px; margin:0 auto; padding:0; text-align:center; }
#menu ul { list-style-type: none; margin: 0; padding: 0; height:36px; }
/*各メニューのボックス-----------------*/
#menu li { float: left; width: 136px; border-left:1px #B94117 solid;/*メニューを区切る縦のラインの色----*/ }
/*一番右端のメニューボックス-----------------*/
#menu li.menuright { float: left; width: 136px; border-left:1px #B94117 solid;/*メニューを区切る縦のラインの色----*/ border-right:1px #B94117 solid;/*メニューを区切る縦のラインの色----*/ }
/*マウスをのせていないときの指定-----------------*/
#menu a { text-align: center; display:block; padding:9px 8px; width: 120px; color:#ffffff;/*------メニューの文字色-----------------*/ text-decoration:none;/*------リンクのアンダーラインなし-----------------*/ font-size:14px;/*------文字サイズ-----------------*/ height:18px; }
/*マウスをのせたときの指定-----------------*/
#menu a:hover { background-color:#CC491C;/*-------メニューの背景色----------*/ color:#ffffff;/*-------メニューの文字色-----------*/ text-decoration:none;/*-------リンクのアンダーラインなし----------*/ font-size:14px;/*------文字サイズ-----------------*/ }
/*メイン画像ブロック-------------------------------------------------*/

#mainpict_block { background-color:#F1E0D8;/*メイン画像両脇の背景色-----------------*/ width:100%;/*メイン画像脇の背景色は画面いっぱいにしているという意味-----------------*/ margin: 0; padding: 0; margin-bottom:20px;/*メイン画像下の隙間-----------------*/ }
#mainpict { width:823px; margin:0 auto; padding:0; text-align:center; }
/*コンテンツブロック-------------------------------------------------*/

#wrapper { width:823px; margin:0 auto; padding:0; }
/*コンテンツブロック内左メニューエリア-------------------------------------------------*/
#side { float:left; width:210px; }
/*左メニュー『CATEGORY NAME』の箇所------------------------------------------------*/
.category_name { background-color:#E47F5C;/*背景色-----------------*/ color:#ffffff;/*文字色-----------------*/ font-size:14px;/*字サイズ-----------------*/ font-weight:bold;/*太文字指定-----------------*/ padding:8px; margin-bottom:4px; }
/*『CATEGORY NAME』の始まりの■-----------------*/
.square { font-size:14px;/*■の大きさ-----------------*/ font-weight:bold; color:#BD3F13;/*■の色-----------------*/ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
#side ul { list-style-type: none; padding: 0; margin-bottom:15px; }
/*各左メニュー-----------------*/
#side li { margin-bottom:4px; }
/*左メニューにマウスをのせていないときの指定-----------------*/
#side a { background-color:#F8F1E9;/*-------メニューの背景色----------*/ margin-bottom:4px; padding:10px 10px; display:block; color:#444444;/*--文字の色----------*/ text-decoration:none;/*--下線なし----------*/ width:190px; height:20px; }
/*左メニューマウスをのせたときの指定-----------------*/
#side a:hover { background-color:#f9e3cd;/*-------メニューの背景色----------*/ margin-bottom:4px; color:#444444;/*--文字の色----------*/ text-decoration:none;/*--下線なし----------*/ }
/*コンテンツブロック内右コンテンツエリア-------------------------------------------------*/
#main { float:right; width:573px; }
/*----トップのお知らせや新着情報の見出し・下層ページタイトル--------*/

h3 { background-color:#f4ca9c; /*----背景色--------*/ padding:8px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; margin-bottom:18px; font-weight:bold; /*----太い文字にしたい時はboldに--------*/ font-size:16px; /*----文字サイズ--------*/ color:#cc5f0f; /*----文字色--------*/ }
/*----下層ページ小見出し--------*/
h4 { line-height:normal; font-size:14px;/*---文字サイズ-----------*/ font-weight:bold;/*---文字太文字-----------*/ border-bottom:#CCCCCC solid 1px;/*---下のライン-----------*/ border-left:#E47F5C solid 4px;/*---左の太めのライン-----------*/ padding:6px; margin-bottom:15px; margin-left:2px; color:#666666;/*---文字の色-----------*/ }
/*----ページタイトルなどの始まりの■--------*/
.square2 { font-size:16px; font-weight:bold; color:#ffffff;/*---■の色-----------*/ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
/*----バナーエリア--------*/
.banner_area { }
/*----セルの中左よせ--------*/
.left { text-align:left; }
/*----セルの中右よせ--------*/
.right { text-align:right; }
/*----コンテンツ部分のテキスト--------*/
.text { margin:2px 2px 25px 2px; line-height:170%; }
/*----トップページ新着情報リスト--------------------------------------*/

#news ul { margin:0px 2px 35px 2px; }
/*----新着情報リスト表示--------*/
#news li { margin-bottom:2px; padding-bottom:7px; padding-left:4px; padding-top:7px; border-bottom:#999999 dotted 1px;/*----一行の下にドットのライン--------*/ }
/*----サイドに入れるテキスト欄--------*/
.sidebox { padding:8px; margin-bottom:30px; }
/*----テーブル表組み左のセル--------*/
.table_item { background-color:#f7f2e7;/*----セルの色--------*/ text-align:left; vertical-align:top; }
/*----テーブル表組み右のセル--------*/
.table_text { background-color:#f7f7f7;/*----セルの色--------*/ text-align:left; vertical-align:top; }
/*---ページ右下の「PAGE TOP」欄-------*/
#pagetop { clear:both; width:823px; margin:0 auto; text-align:right; }
/*---「PAGE TOP」デザイン指定-------*/
#pagetop_but { background:#CC491C;/*---背景色-------*/ padding:2px 8px; text-align:center; width:70px;/*---横幅-------*/ float:right; font-size:11px;/*---文字サイズ-------*/ }
/*---「PAGE TOP」文字部分のリンク指定-------*/
#pagetop a:link { color:#ffffff; text-decoration:none; }
#pagetop a:visited { color:#ffffff; text-decoration:none; }
#pagetop a:hover { color:#ffffff; text-decoration:underline; }
#pagetop a:active { color:#ffffff; text-decoration:underline; }
/*---フッター------------------------------------------*/

#footer { clear:both; background-color:#E47F5C;/*---背景色-------*/ margin:0 auto; width:100%;/*---背景色は横幅いっぱいに-------*/ }
/*---コピーライト------------------------------------------*/
#copyright { margin:0 auto; padding:4px 2px 35px 2px; width:823px; font-size:10px;/*---文字サイズ-------*/ text-align:right; color:#ffffff;/*---文字色-------*/ }
/*---コピーライト部分のリンク指定------------------------------------------*/
#copyright a:link { color:#ffffff; }
#copyright a:visited { color:#ffffff; }
#copyright a:hover { color:#ffffff; }
#copyright a:active { color:#ffffff; }


.imgl { margin: 0 10px 10px; float: left; }
.imgr { margin: 0 10px 10px; float: right; }
.b { font-weight: bold!important; }
.bbb /* 最大・太字 */ { color: #000; font-size: 1.5em;  padding: 0;font-weight: bold; }
.bb /* 大・太字 */ { color: #000; font-size: 1.2em; font-weight: bold; }
.bbbr /* 最大・太字・赤 */ { color: #ee0000; font-size: 1.4em;font-weight: bold; }
.bbr /* 大・太字・赤 */ { color: #ee0000; font-size: 1.2em; font-weight: bold; }
.yellow { background-color:#fefe8e; color:#333; font-weight:bold; }
.red { color: #ee0000; font-weight:bold; } /* 赤 */