@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:#333333;
text-align:center;
}

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

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

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

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

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

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

hr {
height:3px;
background:url(xiw-line.gif) repeat-x center center;
}

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


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


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

/* ヘッダー */
#head {
margin:0px auto;
padding:0;
background:#ffffff;/* 背景色 */
}

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

/* メイン */
#main {
text-align:left;
margin:0px auto;
padding:0;
border-top:5px solid #87d0ff;/* ボーダー色指定(上/青) */
border-bottom:5px solid #ff5e9a;/* ボーダー色指定(下/ピンク) */
background:url(xiback2.gif) repeat;/* 背景画像指定 */
}

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

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


/* ********************************************************* */
/* ヘッダー */
/* ********************************************************* */


/* サイトトップコメント部分 */
#head p.com {
color:#eeeeee;
font-size:80%;
text-align:right;
margin:0px 0px 3px 0px;
padding:6px 10px 6px 10px;
border-bottom:5px solid #a5d140;/* ボーダー色指定(黄緑) */
background:url(xiback2.gif) repeat;/* 背景指定 */
}

/* サイトタイトル */
#head h1 {
font-size:240%;
color:#ff5e9a;
font-family:"Century Gothic",Osaka;
letter-spacing:1px;
text-align:left;
padding:0px 0px 1px 1px;
}


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


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


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

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

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

ul#menu_main li a:link{color:#333333;}
ul#menu_main li a:visited{color:#333333;}
ul#menu_main li a:hover{color:#a5d140;}


/* サブメニュー */
#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:#a5d140;
display:inline;/*横並び指定*/
}

ul#menu_sub li a:link{color:#333333;}
ul#menu_sub li a:visited{color:#333333;}
ul#menu_sub li a:hover{color:#a5d140;}


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


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

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

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

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

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

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

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

/* 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(xinote.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:#87d0ff;}

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

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

/* アイコン付き */
#main ul.rireki2 {
margin:0px 0px 10px 0px;
padding:0px 2px 12px 2px;
background:url(xiw-line.gif) repeat-x bottom;
}
/* ↓使用するアイコンの横サイズを指定して下さい */
#main ul.rireki2 li.icon {
width:50px;
}
/* ↓上で指定したアイコンのサイズで余白指定も変わるので調整して下さい */
#main ul.rireki2 li.com {
margin:-53px 0px 0px 60px;
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;
background:#333333;/* テーブル線の色指定 */
}

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

/* td色付き */
#main table.table1 td.td1 {
background:#87d0ff;
}
#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;/*横並び*/
}


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


#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:#87d0ff;}


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