@charset "Shift_JIS";

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

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

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

body {
color:#f19ca7;
text-align:center;
}

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

a{text-decoration:none;}
a:link,a:active {color:#252525;}
a:visited {color:#252525;}
a:hover {color:#f19ca7;position:relative;top:1px;left:1px;}

em {font-weight:bold;}/* 強調 */
strong {font-size:100%;font-weight:bold;border-bottom:2px solid #252525;padding-bottom:1px;}/* より強調 */
ins {text-decoration:underline;}/* 追加(下線) */
del {text-decoration:line-through;}/* 削除 */
small {font-size:x-small;}/* 文字を小さく */
b {color:#ffffff;}/* 白文字 */

hr {display:none;}/* ライン(非表示) */
ul li {list-style:none;}/* マーカー非表示 */
.img {border:1px solid #f19ca7;}/* 枠を付ける */


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


/* autoで真ん中寄せしてます */
/* 横幅指定箇所は■マークを付けてます */
/* ドットラインの指定箇所には☆マーク(4箇所) */

/* ヘッダー */
#head {
text-align:left;
padding:10px 0px 0px 0px;
background:url(img/back.gif);/* ヘッダーの背景画像を指定 */
}

/* メイン */
#main {
width:550px;/* ■ */
text-align:left;
margin:20px auto 50px auto;/* 50pxはメインとフッターの間の余白指定 */
}

/* フッター */
#foot {
padding:5px 0px 0px 0px;/* 40pxはフッター下の余白指定 */
text-align:center;
background:url(img/w-line.gif) repeat-x top;/* フッターの棒■ラインの上のドット画像指定☆ */
}


/* ********************************************************* */
/* 詳細設定 */
/* ********************************************************* */


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

#head .title {
width:540px;/* ■ */
margin:0px auto;
padding:0px 0px 0px 10px;
border-left:5px solid #f19ca7;/* サイトタイトル左の縦ライン */
}

#head h1 {
font-size:220%;
font-family:impact;
letter-spacing:1px;
margin:-5px 0px 0px 0px;
}

#head h2 {
font-size:100%;
color:#252525;
font-family:Tahoma,"Century Gothic",Osaka;
margin:-8px 0px 0px 0px;
}

#head p {
font-size:80%;
font-family:Tahoma,sans-serif,"Century Gothic",Osaka;
margin:-3px 0px 0px 0px;
}

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

#head .top {
margin:0px auto;
padding:10px 0px;
text-align:center;
background:url(img/w-line.gif) repeat-x bottom;/* メニューバー上のラインを指定☆ */
}

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

#menu {
padding:2px 0px 5px 0px;/* メニューバーとドットラインの間の上下余白を指定 */
background:url(img/w-line.gif) repeat-x bottom;/* メニューバー下のラインを指定☆ */
}

/* メニューバー(黒いとこ) */
#menu ul {
margin:0px 0px 0px 0px;
padding:3px 0px;
text-align:center;
background:#f19ca7;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#menu li {
font-size:80%;
color:#ffffff;
padding:0px 2px;
display:inline;/* 横並び */
}

/* メニュー用リンク */
#menu li a:link,#menu li a:visited,#menu li a:active {color:#252525;font-size:100%;}
#menu li a:hover {color:#ffffff;font-size:100%;}

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

#main .h2,#main .h3,#main .h4 {
margin:0px 0px;
text-align:left;
background:url(img/w-line.gif) repeat-x center;
}

#main h3,#main h4 {
display:inline;
color:#f19ca7;
font-size:100%;
font-family:"Century Gothic",sans-serif,Osaka;
letter-spacing:1px;
margin:0px 0px 0px 10px;
padding:0px 2px;
background:#ffffff;
}

/* サブ(カテゴリ)見出し */
#main .title {
color:#ffffff;
margin:0px 0px 8px 0px;
padding:0px 5px;
background:#f19ca7;
border:1px solid #000000;
}

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

#main p {
color:#f19ca7;
font-size:100%;
line-height:160%;/* 行間 */
margin:10px 5px 20px 5px;/* ▲ */
}

/* 全体の文字を小さくする */
#main p.text {
font-size:80%;
line-height:180%;/* 行間 */
}

/* ラインと背景画像付き */
#main p.box {
font-size:100%;
padding:10px 10px;
border:1px solid #dddddd;
background:url(img/back.gif);
}

/* 下の余白を少なくする */
#main p.none {
margin:10px 5px -5px 5px;/* ▲ */
}

/* P内リンク */
#main p a {font-size:100%;}


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

#main ul {
color:#f19ca7;
padding:10px 5px 5px 5px;/* ▲ */
list-style:square inside;
}

#main li {list-style:square inside;}

/* マーカーを画像にする */
#main ul.list01 {list-style:none;}

#main ul.list01 li {
list-style:none;
background:url(img/ci-b44.gif) no-repeat left center;
}

/* IE6以外用ハック */
body > #main ul.list01 li {
list-style:none;
padding-left:12px;
background:url(img/ci-b44.gif) no-repeat left center;
}

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

#main ul.pagetop {
list-style:none;
text-align:right;
padding:0px 5px 10px 0px;
}

#main ul.pagetop li {
list-style:none;
padding:0px 0px;
display:inline;/* 横並び */
}

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

/* バー(黒いとこ) */
#foot ul {
padding:3px 0px;
background:#f19ca7;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#foot li {
font-size:80%;
color:#ffffff;
padding:0px 2px;
display:inline;/* 横並び */
}

/* 黒いバー用リンク */
#foot li a:link,#foot li a:visited,#foot li a:active {color:#252525;font-size:100%;}
#foot li a:hover {color:#ffffff;font-size:100%;}

#foot p {
font-size:80%;
margin:2px 0px;
padding:5px 0px 0px 0px;
background:url(img/w-line.gif) repeat-x top;/* フッターの棒■ラインの上のドット画像指定☆ */
}

/* イラスト展示ページ用------------------------------------- */

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

/* ラインと背景画像付き */
#main p.com {
font-size:80%;
padding:10px 10px;
text-align:center;
border:1px solid #dddddd;
background:url(img/back.gif);
}

/* リンク 閲覧後の色を変えたい場合はvisitedの色を変更する */
#main p a:link,#main p a:active {color:#252525;}
#main p a:visited {color:#252525;}
#main p a:hover {color:#f19ca7;position:relative;top:1px;left:1px;}


/* ********************************************************* */
/* フォーム */
/* ********************************************************* */


#main form {margin:10px 5px 20px 5px;}/* ☆ */

#main input {
color:#f19ca7;
line-height:100%;
padding:2px 1px 0px 1px;
border:1px solid #f19ca7;
}

/* 一言メルフォ用サイズ指定 */
#main input.name {width:90px;}
#main input.msg {width:350px;}

#main input.button {
width:20px;
height:19px;
color:#ffffff;
border:1px solid #f19ca7;
background:#f19ca7;
}

/* IE以外用ハック */
body > #main input {
color:#f19ca7;
padding:1px 1px;
border:1px solid #f19ca7;
}

body > #main input.button {
width:20px;
color:#ffffff;
border:1px solid #f19ca7;
background:#f19ca7;
}


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