@charset "Shift_JIS";

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

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

*{
margin:0;padding:0;
font:normal normal normal 12px/1.6 "Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
border:none;
}
 
/* 全体指定------------------------------------------------- */

body {
color:#888a86;
text-align:center;
}

html {
scrollbar-arrow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#f8a5ad;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
background:#ffffff;
}
/* スクロールバー指定が不要の場合は削除して下さい */

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

A { cursor:default; }
a{text-decoration:none;font-size:100%;}
a:link,a:visited {color:#8ed1e0;}
a:active {color:#8ed1e0;}
a:hover {color:#888a86;position:relative;top:1px;left:1px;}

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

em {font-weight:bold;}/* 強調 */
strong {font-weight:bold;color:#f8a5ad;}/* より強い強調 */
del {text-decoration:line-through;}/* 削除 */
ins {text-decoration:underline;}/* 追加 */
.case1 {font-size:10pt;color:#f8a5ad;font-weight:900;}

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

hr {display:none;}/* ライン(非表示) */
ul li {list-style:none;}/* リストマーカー(非表示) */


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


#wrapper {
width:640px;
margin:0px auto;
background:url(image/h-line.gif) repeat-y left;/* 左のライン指定 */
}

#header,#contents,#footer {
width:600px;
margin:0px auto;
}

#header {
padding:20px 0px 0px 0px;
text-align:left;
}

#contents {
padding:30px 0px 0px 0px;
text-align:left;
}

#footer {
padding:20px 0px 80px 0px;/* 80pxはページ下部の余白です。広告が出るサーバーはご注意を */
text-align:center;
}


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


/* サイトタイトル------------------------------------------- */

#header h1 {
color:#f8a5ad;
font-size:120%;
letter-spacing:1px;
text-align:left;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 20px;
background:url(image/icon-2.png) no-repeat left center;/* アイコン指定 */
}
/* ↑非表示にしたい場合はdisplay:none;を入れて下さい */

/* メニュー------------------------------------------------- */

ul#menu {
margin:6px 0px 0px 0px;
padding:0px 0px 0px 2px;
text-align:left;
}

ul#menu li {
color:#8ed1e0;
font-size:110%;
display:inline;/* 横並び指定 */
}

ul#menu li a {
font-size:100%;
letter-spacing:1px;
}
ul#menu li a:link,ul#menu li a:visited {color:#888a86;}
ul#menu li a:active {color:#888a86;}
ul#menu li a:hover {color:#f8a5ad;}

/* パンくずリスト------------------------------------------- */

ul#pan {
margin:-16px 0px 0px 0px;
padding:0px 0px;
text-align:right;
}

ul#pan li {display:inline;}/* 横並び指定 */

ul#pan li.pan01 a {
display:inline-block;
width:44px;
height:44px;
line-height:44px;
color:#ffffff;
font-size:80%;
letter-spacing:1px;
text-shadow: 0px 0px 3px rgba(0,0,0,0.2);
text-align:center;
background:#bbd347;
border-radius:44px;
-moz-border-radius:44px;
-webkit-border-radius:44px;
}
ul#pan li.pan01 a:hover {background:#f8a5ad;}

ul#pan li.pan02 a {
display:inline-block;
width:44px;
height:44px;
line-height:44px;
color:#ffffff;
font-size:80%;
letter-spacing:1px;
text-shadow: 0px 0px 3px rgba(0,0,0,0.2);
text-align:center;
background:#8ed1e0;
border-radius:44px;
-moz-border-radius:44px;
-webkit-border-radius:44px;
}
ul#pan li.pan02 a:hover {background:#f8a5ad;}


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


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

/* 丸角見出し */
#contents .title1,#contents .title2,#contents .title3 {
width:180px;
height:22px;
line-height:22px;
color:#ffffff;
font-size:100%;
letter-spacing:1px;
margin:0px 0px 20px -38px;/* -38pxで左側に飛び出させてます */
padding:0px 12px;
/* ↓丸角指定 */
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
}
#contents .title1 {background:#bbd347;}/* 黄緑 */
#contents .title2 {background:#8ed1e0;}/* 水色 */
#contents .title3 {background:#f8a5ad;}/* ピンク */

/* アイコン付き見出し */
#contents h2,#contents h3,#contents h4 {
color:#bbd347;
font-size:110%;
font-weight:bold;
letter-spacing:1px;
line-height:16px;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 20px;
background:url(image/icon-1.png) no-repeat left center;/* アイコン指定 */
}

/* p段落---------------------------------------------------- */

#contents p {
line-height:170%;
margin:0px 1px 30px 1px;/* 余白 */
padding:0px 0px;
}

/* 余白調節 */
#contents p.blank1 {margin:0px 1px 15px 1px;} 
#contents p.blank2 {margin:0px 1px 20px 1px;} 

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

/* 真ん中寄せにする */
#contents p.center {
text-align:center;
margin:0px 1px 15px 1px;
}

/* ノート線付き */
#contents p.note1 {
font-size:100%;
line-height:22px;/* 行間(ノート線の画像の高さに合わせてます) */
margin:0px 1px 15px 1px;/* 余白 */
background:url(image/note.gif);
}
#contents p.note2 {
font-size:100%;
line-height:22px;/* 行間(ノート線の画像の高さに合わせてます) */
margin:0px 1px 30px 1px;/* 余白広め */
background:url(image/note.gif);
}

/* 装飾BOX */
#contents p.box1 {
color:#888a86;
margin:0px 1px 15px 1px;
padding:10px 10px;
border:1px dashed #8ed1e0;
background:#ffffff;
}
#contents p.box2 {
color:#888a86;
margin:0px 1px 15px 1px;
padding:10px 10px;
border:1px solid #f8a5ad;
background:url(image/back.gif);
}

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

#contents ul.list01,#contents ul.list02 {
margin:0px 1px 15px 1px;
padding:0;
}

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

/* リストマーク(画像) */
#contents ul.list02 li {
height:20px;
line-height:20px;
padding:0px 0px 0px 20px;
background:url(image/icon-2.png) no-repeat left center;/* アイコンを指定 */
}

/* 戻るリンク----------------------------------------------- */

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

#contents ul.pagetop li {display:inline;}/* 横並び */

#contents ul.pagetop li a:link,#contents ul.pagetop li a:visited {color:#8ed1e0;}
#contents ul.pagetop li a:active {color:#8ed1e0;}
#contents ul.pagetop li a:hover {color:#f8a5ad;}


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


#footer ul {
text-align:center;
margin:0px 0px;
}

#footer li {
color:#8ed1e0;
font-size:100%;
display:inline;/* 横並び指定 */
}

#footer li a {
font-size:90%;
letter-spacing:1px;
}
#footer li a:link,#footer li a:visited {color:#888a86;}
#footer li a:active {color:#888a86;}
#footer li a:hover {color:#f8a5ad;}


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