@charset "Shift_JIS";

/* テンプレート#017 * 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:#333333;
scrollbar-track-color:#333333;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#333333;
background:url(画像アドレス) repeat fixed;/* 全体の背景指定をする場合はここ */
}

/* リンク--------------------------------------------------- */

a{text-decoration:none;}
a:link,a:active {color:#0f28ab;}
a:visited {color:#8c4af0;}
a:hover {color:#ffd309;position:relative;top:1px;left:1px;}

/* 文字----------------------------------------------------- */

em {font-weight:bold;}/* 強調 */
strong {font-size:120%;font-weight:bold;border-bottom:2px solid #ffd309;}/* より強い強調 */
ins {text-decoration:underline;font-size:100%;}/* 追加(下線) */
del {text-decoration:line-through;font-size:100%;}/* 削除 */
small {font-size:80%;}/* 文字を小さく */

/* その他--------------------------------------------------- */

ul li {list-style:none;}/* リストマーク非表示 */
hr {display:none;}/* ライン(非表示) */
a {font-size:100%;}
.img {border:1px solid #333333;}/* 枠を付ける */


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


/* 全体 */
#wrapper {
width:850px;/* ★全体の横幅★ */
text-align:left;/* #wrapper内を左寄せ */
margin:0px auto;/* autoは#wrapper全体の画面真ん中寄せに必要 */
padding:0px 15px 0px 15px;/* 余白 */
background:#ffffff;/* 背景色 */
}

/* ヘッダー */
#header {
padding:15px 0px 5px 0px;
border-top:12px solid #333333;/* 画面一番上の黒いバー部分の指定(色コードで色替え) */
}

/* メイン */
#main {
margin:30px 0px 30px 0px;
}

/* フッター */
#footer {
clear:both;/* 2カラム用のfloat解除 */
text-align:center;
padding:5px 0px 20px 0px;
background:#333333;
}


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


/* サイトタイトル */
#header h1 {
font-size:120%;
margin:0px 0px 0px 2px;
}

/* トップのコメント用--------------------------------------------- */

#header .topcom {
font-size:80%;
text-align:right;/* 右寄せ */
margin:-15px 2px 0px 0px;
/* -15pxで上下の位置を指定しているのでサイトタイトルの大きさによって調整して下さい */
}

/* トップ画像用--------------------------------------------- */

#header .topimg {
text-align:center;/* 真ん中寄せ */
margin:5px 0px 0px 0px;
}


/* ********************************************************* */
/* メニュー部分 */
/* ********************************************************* */


ul#menu {
text-align:right;/* 右寄せ */
margin:5px 2px 0px 2px;
}

ul#menu li {
font-size:100%;
color:#99d650;
padding:0px 5px;
display:inline;/* 横並び指定 */
}

/* リンク指定 */
ul#menu li a {
font-family:"Century Gothic",sans-serif;
letter-spacing:1px;
}
ul#menu li a:link {color:#333333;}
ul#menu li a:visited,ul#menu li a:active {color:#333333;}
ul#menu li a:hover {color:#99d650;}


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


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

/* メインカラム */
#main_main {
float:left;/* 左寄せ */
width:605px;/* 横幅★ */
margin:0px 0px 15px 2px;
padding:0px 20px 0px 0px;
border-right:1px dashed #333333;/* カラム境目の縦ライン */
}

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

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

#main h2,#main h3,#main h4 {
color:#333333;
font-size:110%;
font-family:Verdana,"Century Gothic",Tahoma,Osaka;
margin:0px 0px 10px 0px;
padding:2px 3px 2px 3px;
border-top:3px solid #333333;
border-bottom:1px dashed #333333;
}

/* サブカラム用 */
#main_sub div.title {
color:#ffffff;
margin:0px 0px 10px 0px;
padding:2px 5px;
background:#333333;
}

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

#main p {
font-size:100%;
line-height:150%;
margin:0px 2px 20px 2px;
padding:0px;
}

/* 余白調節 */
#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;}

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

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

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

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

/* アイコン付き */
#main ul.rireki2 {
margin:0px 0px 10px 0px;
padding:0px 2px 12px 2px;
background:url(w-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 2px 10px 2px;}

/* リストマーク付 */
#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:#ffd309;
}
#main table.table1 td.td2 {
background:#99d650;
}

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

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

#main ul.pagetop li {
font-size:100%;
padding:0px 0px;
display:inline;/* 横並び */
}

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

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


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


#footer ul {padding:8px 0px 3px 0px;}

#footer ul li {
color:#ffffff;
font-size:90%;
display:inline;/* 横並び指定 */
}

#footer ul li {
font-family:"Century Gothic",sans-serif;
letter-spacing:1px;
}

#footer p {
color:#ffffff;
font-size:90%;
margin:0px 0px 5px 0px;
}

/* 著作権表示部分 */
#footer address {color:#ffffff;}

#footer address a {
font-size:80%;
color:#ffd309;
}


/* ********************************************************* */
/* index */
/* ********************************************************* */


#index {
padding:40px 0px 40px 0px;/* 上下余白 */
border-top:12px solid #333333;/* 一番上の黒いバー部分の指定(色コードで色替え) */
}

#index h1 {
color:#99d650;
font-size:120%;
font-weight:bold;
padding:0px 0px 20px 0px;
}

#index p {
margin:0px 0px 10px 0px;
}

/* バナー表示 */
#index p.banner {
margin:0px 0px 20px 0px;
}

#index p.search {
margin:50px 0px 10px 0px;
}


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