@charset "Shift_JIS";

/* テンプレート#018 * designed by starlit * http://sky.starlit.biz/ */


/* 全称セレクタ--------------------------------------------- */

* {
margin:0;padding:0;
font:normal normal normal 12px/1.5 Verdana,Osaka,Chicago,sans-serif;
border:none;
}

/* 全体指定------------------------------------------------- */

body {
color:#3b2c27;
text-align:center;
}

html {
scrollbar-arrow-color:#498198;
scrollbar-face-color:#f1dfbb;
scrollbar-highlight-color:#498198;
scrollbar-3dlight-color:#f1dfbb;
scrollbar-track-color:#f1dfbb;
scrollbar-shadow-color:#498198;
scrollbar-darkshadow-color:#f1dfbb;
background:#498198;/* 背景画像指定(全体)があればここに */
}
/* スクロールバー指定が不要の場合は削除して下さい */

/* リンク指定----------------------------------------------- */

a{text-decoration:none;font-size:100%;}
a:link,a:active{color:#3b2c27;}
a:visited{color:#3b2c27;}
a:hover{color:#498198;position:relative;top:1px;left:1px;}

/* 文字指定------------------------------------------------- */

em {font-weight:bold;color:#3b2c27;}/* 強調 */
strong {font-weight:bold;border-bottom:2px solid #3b2c27;}/* より強い強調 */
ins {text-decoration:underline;}/* 追加 */
del {text-decoration:line-through;}/* 削除 */
small {font-size:80%;}/* 小さい文字 */

/* その他指定----------------------------------------------- */

ul li {list-style:none;}/* リストマーク(非表示)*/
a {font-size:100%;}
br.clear {clear:both;}/* float解除用 */


/* ********************************************************* */
/* レイアウト */
/* ********************************************************* */


/* 横幅指定(一括) */
#menu,#main,#foot {width:850px;}


/* メニュー */
#menu {
margin:0px auto;
padding:10px 0px 10px 0px;
background:#f1dfbb;/* 背景色 */
}

/* メイン */
#main {
text-align:left;
margin:0px auto;
padding:0;
border-top:5px solid #e1573b;/* ボーダー色指定(上/赤) */
border-bottom:5px solid #d9c639;/* ボーダー色指定(下/黄) */
background:#3b2c27;/* 背景色指定 */
}

/* フッター */
#foot {
text-align:center;
margin:0px auto;
padding:10px 0px 30px 0px;
background:#f1dfbb;/* 背景色 */
}

/* autoは真ん中寄せに必須 */




/* ********************************************************* */
/* トップ画像 */
/* ********************************************************* */


#topimg {
width:100%;
margin:0px auto;
padding:0px 0px;
background:#498198 repeat;/* 画像の背景(帯部分)指定 */
}


/* ********************************************************* */
/* メニューリンク */
/* ********************************************************* */

/* メインメニュー */
#menu ul#menu_main {
text-align:left;
margin:0px 0px;
padding:0px 0px 0px 1px;
}

ul#menu_main li {
font-size:100%;
color:#e1573b;
letter-spacing:1px;
display:inline;/* 横並び指定 */
}

ul#menu_main li a:link{color:#3b2c27;}
ul#menu_main li a:visited{color:#3b2c27;}
ul#menu_main li a:hover{color:#498198;}


/* サブメニュー */
#menu ul#menu_sub {
text-align:right;
margin:-20px 0px 0px 0px;/* -20pxで高さの位置調整してます */
padding:0px 1px 0px 0px;
}

ul#menu_sub li {
font-size:80%;
color:#e1573b;
display:inline;/*横並び指定*/
}

ul#menu_sub li a:link{color:#3b2c27;}
ul#menu_sub li a:visited{color:#3b2c27;}
ul#menu_sub li a:hover{color:#498198;}


/* ********************************************************* */
/* メイン */
/* ********************************************************* */


/* 1カラム用 */
#main_body {
width:790px;/* 横幅★ */
margin:15px 15px 15px 15px;
padding:15px 15px 15px 15px;
background:#f1dfbb;
}

/* #main内(2カラム用)の左右BOX指定------------------------------------- */

/* メインカラム */
#main_main {
float:left;/* 左寄せ */
width:540px;/* 横幅★ */
margin:15px 0px 15px 15px;
padding:15px 15px 15px 15px;
background:#f1dfbb;
}

/* サブカラム */
#main_sub {
float:right;/* 右寄せ */
width:205px;/* 横幅★ */
margin:15px 15px 15px 0px;
padding:15px 15px 15px 15px;
background:#f1dfbb;
}
/* カラムの左右を入れ替えたい場合はfloatの「left」「right」を入れ替えて下さい。 */

/* 見出し--------------------------------------------------- */

#main h2,#main h3,#main h4 {
color:#3b2c27;
font-size:120%;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 8px;
border-left:10px solid #e1573b;
}

/* サブカラム用 */
#main_sub div.title {
color:#3b2c27;
font-size:100%;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 8px;
border-left:10px solid #d9c639;
}

/* P段落---------------------------------------------------- */

#main p {
line-height:160%;
margin:0px 1px 20px 1px;
}

/* 余白調節 */
#main p.blank1 {margin:0px 2px 5px 2px;} 
#main p.blank2 {margin:0px 2px 30px 2px;} 
#main p.blank3 {margin:0px 2px 2px 2px;} 

/* 文字を小さく */
#main p.small {
font-size:80%;
line-height:180%;
}

/* 真ん中寄せにする */
#main p.center {text-align:center;}

/* ノート線付き */
#main p.note {
font-size:100%;
line-height:22px;/* 行間(ノート線の画像の高さに合わせてます) */
background:url(img/note.gif);
}

/* 枠付きBOX1 */
#main p.box1 {
font-size:100%;
line-height:160%;
padding:10px 10px;
border:1px solid #ff5e9a;
background:#ffffff;
}

/* リンクページ用 */
#main p.link a:link{color:#a5d140;font-weight:bold;}
#main p.link a:visited{color:#a5d140;}
#main p.link a:hover{color:#498198;}

/* 更新履歴------------------------------------------------- */

#main p.rireki {
line-height:140%;
margin:0px 0px 10px 0px;
padding:0px 2px 12px 2px;
background:url(img/w-line.gif) repeat-x bottom;
}

/* アイコン付き */
#main ul.rireki2 {
margin:0px 0px 10px 0px;
padding:0px 2px 12px 2px;
background:url(img/w-line.gif) repeat-x bottom;
}
/* ↓使用するアイコンの横サイズを指定して下さい */
#main ul.rireki2 li.icon {
width:35px;
}
/* ↓上で指定したアイコンのサイズで余白指定も変わるので調整して下さい */
#main ul.rireki2 li.com {
margin:-60px 0px 0px 50px;
line-height:140%;
}



/* リスト--------------------------------------------------- */

#main ul.list01,#main ul.list02 {margin:0px 1px 10px 1px;}

/* リストマーク付 */
#main ul.list01 li {
font-size:100%;
list-style:disc inside;/* 黒丸指定 */
}

/* リストマーク付(白丸) */
#main ul.list02 li {
font-size:100%;
list-style:circle inside;/* 白丸指定 */
}

/* テーブル------------------------------------------------- */

#main table.table1 {
margin:0px 2px 20px 2px;
}

#main table.table1 td {
padding:8px 10px;
background:#f1e7d1;
}

/* td色付き */
#main table.table1 td.td1 {
background:#f1e7d1;
}
#main table.table1 td.td2 {
background:#a5d140;
}

/* 戻りリンク----------------------------------------------- */

#main ul.pagetop {
text-align:right;
margin:0px 0px 10px 0px;
}

#main ul.pagetop li {
color:#333333;
font-size:90%;
display:inline;/*横並び*/
}

/* サブカラム用 */
#main_sub ul.pagetop {
text-align:right;
margin:0px 0px 6px 0px;
}

#main_sub ul.pagetop li {
color:#333333;
font-size:90%;
display:inline;/*横並び*/
}


/* スクロールボックス---------------------------------------- */

/* --- ボックス --- */
div.section {
width: 204px; /* ボックスの幅 */
background-color: #f1dfbb; /* ボックスの背景色 */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section h5 {
color:#3b2c27;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 8px;
background-color: #f1dfbb; /* 見出しの背景色 */
border-left:10px solid #d9c639;
font-size: 120%; /* 見出しの文字サイズ */
}

/* --- 本文領域 --- */
div.section div.textArea {
height: 96px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
div.section div.textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* ********************************************************* */
/* フッター */
/* ********************************************************* */


#foot ul {margin:0px 0px 3px 0px;}

#foot li {
color:#333333;
font-size:90%;
display:inline;/*横並び*/
}

#foot p {
color:#333333;
font-size:90%;
margin:0px 0px 10px 0px;
}

/* ページ下部の著作権表示----------------------------------- */

address {
color:#333333;
font-size:80%;
}

address a:link{color:#ff5e9a;}
address a:visited{color:#ff5e9a;}
address a:hover{color:#498198;}


/* ********************************************************* */