@charset "Shift_JIS";

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

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

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

body {
color:#323934;
text-align:left;
background:url(img/back.gif) #ffffff;/* 全体の背景画像指定 */
}

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

/* 他------------------------------------------------------- */

em {font-weight:bold;}/* 強調 */
strong {font-weight:bold;border-bottom:2px solid #e95388;padding:1px 0px;}/* より強調 */
small {font-size:76%;}/* 文字を小さく */
ins {text-decoration:underline;}/* 追加 */
del {text-decoration:line-through;}/* 削除 */
b {color:#ffffff;}/* 隠し文字 */

hr {display:none;}/* ライン(非表示) */
ul li {list-style:none;}/* マーカー(非表示) */
p a {font-size:100%;}/* P用リンク */

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

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


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


/* 全体 */
#wrapper {
width:650px;/* ●全体の横幅● */
border-top:1px solid #c6c6bb;
border-right:1px solid #c6c6bb;
border-bottom:1px solid #c6c6bb;
border-left:1px solid #323934;
padding-left:50px;/* ↓の画像分の左側余白 */
background:url(img/back-left.gif) repeat-y left #ffffff;/* 左側のボーダー画像と背景色を指定 */
}

/* ヘッダー */
#head {
margin:0px 25px;/* 余白★ */
padding:10px 0px;
}

/* メイン */
#main {margin:0px 25px;}/* 余白★ */

/* フッター */
#foot {
padding-bottom:40px;/* ページ下部の余白 */
text-align:center;
}


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


/* サイトタイトル */
#head h1 {
color:#323934;
font-size:120%;/* 文字の大きさ */
font-family:"Century Gothic",Osaka;
}
/* h1を非表示にする場合は↑にdisplay:none;を足してください */

/* サイト説明部分 */
#head p.txt {
color:#c6c6bb;
font-size:10px;/* 文字の大きさ */
padding:0px 0px 5px 0px;
}

/* トップ画部分 */
#head p.img {}


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


ul#menu {
height:25px;
padding:0px 20px;/* 余白★ */
border-top:3px solid #b5b9bc;
border-bottom:3px solid #b5b9bc;
background:url(img/back-menu.gif) repeat-x bottom;/* メニューバー背景 */
text-align:right;
}

ul#menu li {
color:#4f535b;
display:inline;/* 横並び */
line-height:25px;
}

/* メニュー用リンク */
ul#menu a:link,ul#menu a:active {color:#898989;font-size:90%;}
ul#menu a:visited {color:#898989;font-size:90%;}
ul#menu a:hover {color:#4f535b;font-size:90%;;}


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


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

/* ライン表示 */
#main .h2,#main .h3,#main .h4 {
margin:15px 0px 10px 0px;
text-align:left;
background:url(img/w-line.gif) repeat-x center;
}

/* 文字部分 */
#main h2,#main h3,#main h4 {
color:#e95388;
display:inline;
font-size:110%;/*文字の大きさ*/
letter-spacing:1px;
padding:0px 5px 0px 15px;
background:url(img/ci-b21.gif) no-repeat left center #ffffff;/* アイコン指定 */
}

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

#main p {
font-size:100%;/*文字の大きさ*/
line-height:190%;/*行間*/
margin:5px 0px 25px 0px;/* 余白◇ */
}

/* 文字を小さくする */
#main p.text {
font-size:76%;/*文字の大きさ*/
line-height:170%;/*行間*/
}

/* pの背景に画像 */
#main p.box {
padding:10px 10px;
border:1px solid #c6c6bb;
background:url(img/back.gif) #ffffff;/* 背景画像指定 */
}

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

/* p下部の余白を無くす */
#main p.none {margin-bottom:5px;}

/* p下部に余白 */
#main p.blank {padding-bottom:50px;}

/* gallery.htmlの画像アイコン用(周りに余白と枠をつける) */
#main .border {
margin:2px 2px;
border:1px solid #323934;
}

/* リンク(閲覧後に色変わる指定) */
#main a:visited {color:#898989;}
#main a:hover {color:#e95388;}

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

#main ul {margin:5px 0px 10px 0px;}/* 余白◇ */

#main li {padding:0px 0px 1px 0px;}

/* リストマークを画像にする */
#main ul.list01 li {
padding-left:15px;
background:url(img/ci-b44.gif) no-repeat left center;
}

/* マーカー付き */
#main ul.list02 li {list-style:square inside;}

/* リンクページ--------------------------------------------- */

/* リンクページ用リスト */
#main ul.link {margin:0px 0px 6px 0px;}

#main ul.link li {display:inline;}/* 横並び */

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

#main ul.pagetop {
text-align:right;
margin:0px 0px 15px 0px;/* 余白◇ */
}

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


/* ********************************************************* */
/* 展示ページ用 */
/* ********************************************************* */


/* イラスト展示 */
#main p.pict {
margin:5px 0px 15px 0px;/* 余白◇ */
text-align:center;
}

/* イラスト展示コメント */
#main p.pictcom {
font-size:80%;/*文字の大きさ*/
line-height:160%;/*行間*/
margin:0px 0px 15px 0px;/* 余白◇ */
text-align:center;
}

/* 小説展示 */
#main p.novel {
margin:30px 0px 100px 0px;/* 余白◇ */
line-height:200%;/*行間*/
}

/* 小説展示コメント */
#main p.novelcom {
font-size:80%;/*文字の大きさ*/
line-height:160%;/*行間*/
padding:10px 10px;
border:1px solid #c6c6bb;
background:url(img/back.gif) #ffffff;/* 背景画像指定 */
}

/* 共通←戻→リンク----------------------------------------- */

#main ul.footer {
margin:0px auto;
padding:0px 0px 25px 0px;
text-align:center;
}

#main ul.footer li {
display:inline;/* 横並び */
padding:0px 0px 0px 5px;
}


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


#foot ul {
height:25px;
padding:0px 20px;/* 余白★ */
border-top:3px solid #b5b9bc;
border-bottom:3px solid #b5b9bc;
background:url(img/back-menu.gif) repeat-x bottom;/* メニューバー背景 */
text-align:center;
}

#foot li {
color:#4f535b;
display:inline;/* 横並び */
line-height:25px;
}

/* フッター用リンク */
#foot li a:link,#foot li a:active {color:#898989;font-size:90%;}
#foot li a:visited {color:#898989;font-size:90%;}
#foot li a:hover {color:#4f535b;font-size:90%;}

#foot p {padding:5px 0px 0px 0px;}
#foot p a {font-size:76%;}


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


form {margin:5px 0px 10px 0px;}/* 余白◇ */

#main input,#main textarea,#main select {
color:#323934;
margin:1px 0px;
padding:1px 2px;
border:1px solid #323934;
}

/* サイズ指定 */

/* 一言メルフォ用 */
#main input.name {width:100px;}
#main input.msg {width:350px;}
#main input.button {
color:#ffffff;
height:19px;
background:#323934;
}

/* メルフォ用 */
#main input.input {width:250px;}
#main textarea.textarea {width:250px;height:100px;}
#main input.submit {
width:255px;
color:#ffffff;
background:#323934;
}


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