@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
    font:normal normal normal 100%/1.5em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ text-align:left; font-size:84%; color:#555; background:#fff url("./img/bg.gif") repeat-y 700px 0; }

/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#42aed5; }
a:visited{ color:#39cea8; }
a:hover{ color:#999; text-decoration:none; }

/* ページの大枠設定 */
#PAGETOP{ width:700px; margin:0; text-align:left; }

/* ヘッダー・写真の変更はここで出来ます↓ */
#HEADER{ margin:0; padding:0; background:#fff url("./img/top.jpg"); height:160px; color:#bbb; }
#HEADER a:link,#HEADER a:visited{ color:#bbb; text-decoration:none; }
#HEADER a:hover{ color:#fff; text-decoration:underline; }
/* サイト名の文字 */
h1{ font:300% "Century Gothic",Helvetica,Arial,sans-serif; text-align:right; color:#BBBBBB; padding:15px 25px; }
/* パンくずリスト */
ul#PAN{ list-style:none; padding:0; margin:50px 15px 0; text-align:left; }
ul#PAN li:after { content:">"; padding:0 0.3em; }
ul#PAN li{ display:inline; }

/* メニュー部分 */
#MENU{ float:left; margin:0; padding:0; width:180px; }
#MENU h2{ font:122% "Century Gothic",Helvetica,Arial,sans-serif; color:#111; margin:0; padding:4px 0 2px 10px; background:#fff url("./img/bg4.gif") repeat-x 0% 0%; }
/* メニューリスト・リンク */
#MENU ul{ list-style-type:none; margin:0; }
#MENU li{ display:block; margin:0 0 1px; border-width:1px 0 1px 6px; border-style:solid; border-color:#ddd; background:#000000 url("./img/bg3.gif") repeat-x 50% 50%; }
#MENU li a{ display:block; text-decoration:none; font-size:110%; padding:2px 2px 2px 10px; border-left:5px solid #eee; }
#MENU li a:link,#MENU li a:visited{ color:#666; }
#MENU li a:hover{ color:#222; border-left:5px solid #39cea8; background:#fff url("./img/bg5.gif") repeat-x 50% 50%; }
#MENU li.menu-on a{ color:#222; border-left:5px solid #ccc; }

/* 記事部分 */
#KIZI{ color:#555; margin:0 0 0 180px; padding:15px 10px 10px 15px; background:#fff url("./img/bg2.gif") repeat-y 0% 0%; }
.text{ margin:0 0.5em 2em 0.5em; }
/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -0.5em 0 0; }
ul.modori li a{ display:inline; border:1px solid #ddd; padding:2px 5px; text-decoration:none; }
ul.madori a:link,ul.modori a:visited{ color:#42aed5; }
ul.modori li a:hover{ color:#39cea8; border:1px solid #b8b8b8; }

/* フッター */
#FOOTER{ font-size:88%; text-align:center; color:#777; margin:0; padding:0.8em 2em; border-top:1px solid #ccc; }
#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#777; text-decoration:none; }
#FOOTER a:hover{ color:#222; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }

/* 見出し */
h3,h4{ color:#333; margin:1em 0 0.4em; padding:0;font-weight:700; }
h5,h6{ margin:0.8em 0 0.4em; }
h2{ font:142% "Century Gothic",Helvetica,Arial,sans-serif; color:#222; margin:0 0 0.5em; padding:3px 5px; background:url("./img/line.gif") repeat-x 0% 100%; }
h3{ font-size:112%; border-bottom:1px dotted #e0e0e0; }
h4{ font-size:102%; font-weight:bold; }
h5{ font-weight:bold; }

/* その他　必要であれば */
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; color:#333; }
/* 最も強い強調 */
strong{ font-weight:bold; color:#333; border-bottom:3px double #39cea8; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #999; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }
/* 物理的タグ・使用は極力避けましょう */
tt{ font-family:monospace; } /* 等幅 */
b{ font-weight:bold; } /* 太字 */
i{ font-style:oblique; } /* 斜体 */
big{ font-size:132%; } /* 文字大 */
small{ font-size:84%; } /* 文字小 */

/* フォーム */
input,textarea,select{ background:#fff; color:#444; border:1px solid #ccc; margin:0.1em 0; }

/* 番号付きリスト */
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI ol li{ padding:0; }
/* 普通リスト */
#KIZI ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI li{ padding:0; }
/* 説明付きリスト */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:2px 0; }
#KIZI dd{ padding:0 5px; margin:0 0 0 1em; border-left:1px dotted #ccc; }
@charset "Shift_JIS";

/* 全体 */
*{ margin:0; padding:0; 
	font:normal normal normal 100%/1.6em Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }
/* 文字サイズの変更はここで出来ます↓ */
body{ font-size:84%; color:#555; background:#fff url("./img/bg.gif") fixed;}


/* ページ全体のリンク */
a{ text-decoration:underline; }
a:link{ color:#2ba6b1; }
a:visited{ color:#000; }
/*  a:hover{ color:#999; text-decoration:none; }  */

/* ページの大枠設定 */
#PAGETOP{ margin:0; text-align:left; width:850px; background:#fff;border:1px #000001 solid;  }

/* ヘッダー */
#HEADER{ margin:0; padding:0; color:#a0a0a0;border-bottom:1px #cccccc solid;  }

/* 写真の変更はここで出来ます */
#INDEX #HEADER{ height:350px; background:url("./img/header3.jpg") no-repeat 0% 100%; }
#HEADER a:link,#HEADER a:visited{ color:#a0a0a0; text-decoration:none; }
#HEADER a:hover{ color:#eee; text-decoration:underline; }
/* サイト名の文字 */
h1{ font-size:14px; padding:15px 30px 0; color:#fff; }
#INDEX h1{ font:14px; Gulim,Helvetica,Arial,sans-serif; color:#fff; background:#000; }
/* パンくずリスト */
#INDEX ul#PAN{ list-style:none; padding:0 2em 5px; margin:0; text-align:right; }
ul#PAN{ list-style:none; padding:0 2em 5px; margin:-15px 0 0; text-align:right; }
ul#PAN li{ display:inline; }
ul#PAN a{ padding:0 0.7em 0 0; background:url("./img/pan.gif") no-repeat 100% 50%; }

/*メニュー上部*/
#MENU2 {padding:2;margin:0;height:auto;border-bottom:1px #cccccc solid;background:#000000; }
#MENU2 ul{ list-style-type:none; text-align:left;margin:0px;}
#MENU2 li{display:inline;padding:0px;margin:0;}
#MENU2 li a{padding:0px;margin:0;color:#ffffff; text-align:center;text-decoration:none;border-right:#ccc solid 1px;height:30px;width:100px;padding:5px;}
#MENU2 li a:hover{color:#000000;height:30px;width:100px;padding:5px;}
#MENU2 li.menu-on a{ color:#000000; background:#ffffff;height:30px;width:100px;padding:5px; }

/* メニュー部分 */
#MENU{ margin:0; padding:10px; width:180px; float:left; }
#MENU h2{ border:2px solid #ccc; padding:3px 5px; background:#fff; color:#444; font:bold 100% Helvetica,Arial,sans-serif; }
/* メニューリスト・リンク */
#MENU ul{ list-style-type:none; }
#MENU li{ display:inline; }
#MENU li a{ display:block; text-decoration:none; padding:2px 10px 2px 7px; margin:0 0 1px; font:100% Helvetica,Arial,sans-serif; background:#000 url("./img/icon.gif") no-repeat 98% 50%; }
#MENU li a:link,#MENU li a:visited{ color:#ccc; }
#MENU li a:hover{ color:#fff;background:url("./img/menu.gif") #ff0000; }
#MENU li.menu-on a{ color:#fff;background:url("./img/menu.gif") #ff0000; }

/* メニュー部分に背景色 */
#MENU3	{background:#cccccc;}


/* 記事部分 */
#KIZI{ color:#555; margin:0 0 0 200px; padding:10px 20px 1em 10px;}
.text{ margin:0 0 2em; }
/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -0.5em 0 0; }
ul.modori li a{ display:inline; text-decoration:none; border:1px solid #ddd; padding:1px 3px; }
ul.modori li a:link,ul.modori li a:visited{ color:#777; }
ul.modori li a:hover{ color:#333; border:1px solid #bbb; }

/* フッター */
#FOOTER{ font-size:88%; text-align:right; color:#a0a0a0; margin:0; padding:1em; clear:both; background:#000;  }
#FOOTER a:link,#FOOTER a:visited{ color:#a0a0a0; text-decoration:none; }
#FOOTER a:hover{ color:#eee; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ display:inline; }
#FOOTER li address{ display:inline; }

/* 見出し */
h3,h4{ color:#333; font-family:Helvetica,Arial,sans-serif; margin:1.2em 0 0.4em; }
h5,h6{ margin:1em 0 0.4em; font-size:100%; }
h2{ font:bold 112% Helvetica,Arial,sans-serif; letter-spacing:1pt; padding:5px 5px 3px; margin:0.5em 0; color:#444; background:#d8d8d8; }
h3{ font-size:112%; font-weight:bold; border-bottom:1px solid #444; }
h4{ font-size:102%; font-weight:bold; }
h5{ font-weight:bold; }
h6{ text-align:right; }

/* その他　必要であれば */
/* 線 レイアウトには使用していません */
hr{ border:solid 1px #cccccc; }
/* 画像リンクの枠線を消す */
img{ border:none; }
/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; color:#111; border-bottom:2px solid #e8e8e8; }
/* より強い強調 */
strong{ font-weight:bold; color:#b1362b; border-bottom:2px solid #bbb; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #777; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }
/* 物理的タグ・使用は極力避けましょう */
tt{ font-family:monospace; } /* 等幅 */
b{ font-weight:bold; } /* 太字 */
i{ font-style:oblique; } /* 斜体 */
big{ font-size:132%; } /* 文字大 */
small{ font-size:84%; } /* 文字小 */

/* フォーム */
input,textarea,select{ background:#fff; color:#505050; border:2px solid #ccc; margin:0.1em 0; }

/* 番号付きリスト */
#KIZI {border-left:solid 1px #cccccc;background:#ffffff;}
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI ol li{ padding:0; }
/* 普通リスト */
#KIZI ul{ list-style:outside disc; padding:5px; margin:0 0.5em 0 1.5em; }
#KIZI li{ padding:0; }
/* 説明付きリスト */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:0; color:#444; }
#KIZI dd{ padding:0 5px; margin:0 0 0 1em; border-left:3px solid #d5d5d5; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用文 */
/* blockquote{ border-left:2px solid #ccc; margin:0.5em 1em; padding:5px; } */
/* 整形済みテキスト */
pre{ background:#eee; color:#444; margin:0.5em 1em; padding:5px; }

.link	{border:1px #000000 solid;padding:20px;margin:20px;}
.link2	{border:1px #000000 solid;padding:5px;margin:0px;}

.red	{color:#ff0000;font-weight:700;}
.blue	{color:#0000ff;font-weight:700;}
.bold	{font-weight:700;}


/* メニューリスト・リンク */
#profile ul{  }
#profile li{ border-bottom:1px solid #000000;list-style-type:none; }
.proli	{background:#cccccc;padding:0px;margin:0px;font-weight:700;}





/* 文字色 */
.color{color:#000;}/* 選択のない場合 */
.colornone{color:#000;}/* 選択のない場合 */
.color1{color:#000;}/* black */
.color2{color:#f00;}/* red */
.color3{color:#00f;}/* blue */
.color4{color:#008000;}/* green */
.color5{color:#800000;}/* maroon */
.color6{color:#ff0;}/* yellow */
.color7{color:#0ff;}/* aqua */
.color8{color:#0f0;}/* lime */
.color9{color:#ff4500;}/* orangered */
/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用 */
blockquote{ border:1px solid #ccc; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#eaeaea; color:#444; margin:0.5em 1em; padding:5px; }



.link	{border:1px #000000 solid;padding:20px;margin:20px;}
.link2	{border:1px #000000 solid;padding:0px;margin:0px;}