@charset "Shift_JIS";
/* ------------------------------------------------------------------------------------ */
/* RabbitHome   by Konomi Kusunoki                                                      */
/*                                                                                      */
/* 01 : BASIC TEXT STYLING                                                              */
/*          body (INDEX / Top / BASIS / ABOUT / PICT / TEXT / LINK / PBBS )             */
/*          見出し / リンク / 文字 / テーブル / リスト / その他                         */
/*                                                                                      */
/* 02 : CONTAINER                                                                       */
/*                                                                                      */
/* 03 : Header                                                                          */
/*                                                                                      */
/* 04 : Menu                                                                            */
/*                                                                                      */
/* 05 : Main                                                                            */
/*                                                                                      */
/* 06 : FOOTER                                                                          */
/*                                                                                      */
/* 07 : OTHER CLASS                                                                     */
/*                                                                                      */
/* Established : 2007/05/16                                                             */
/* LastUpDate  : 2007/05/16                                                             */
/*                                                                                      */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* 01 : BASIC TEXT STYLING                                                              */
/* ------------------------------------------------------------------------------------ */
* { margin:0; padding:0; border:none; font-size:12px; line-height:130%; }
body {
    scrollbar-face-color:#fff;       /* 本体の色 */
    scrollbar-highlight-color:#f90;  /* 左上の影 */
    scrollbar-shadow-color:#f90;     /* 右上の影 */
    scrollbar-3dlight-color:#fff;    /* 左下の影 */
    scrollbar-darkshadow-color:#fff; /* 右下の影 */
    scrollbar-arrow-color:#f90;      /* 矢印の色 */
    scrollbar-track-color:#fff;      /* 背面の色 */
    
    /* 素材ページ(背景色変更)用に背景色指定無し */
    /* font:style・variant・weight, +size,line-height, +family; */
    text-align:center; color:#300; cursor :crosshair;
    background:#fff url(../../kitchen/photo/pattern/img/ptn03-06.jpg) 0% 0% repeat; }
body#Menu { background-image:none; }

/* 見出し ----------------------------------------------------------------------------- */
h1        { font-size:30px; height:60px; margin:1px 0; color:#fc0; }
h1 span   { display:none; }

h2,h3,h4  { border-bottom:1px dashed #f90; color:#c00; }
h2        { border-bottom:1px solid #f60; color:#f60; font-size:130%; margin:30px auto 10px; }
h3        { font-size:110%; margin:10px;}
h4        { font-size:100%; margin:20px auto 10px; }
h5,h6     { border-bottom:1px dashed #ccc; font-size:100%; margin:30px auto 10px auto; width:500px; }

/* リンク装飾 ------------------------------------------------------------------------- */
a         { text-decoration :none; }
a:hover   { color:#f90; background-color:#ffc; border-top:1px solid #f90;
            border-bottom:1px solid #f90; }
a:link    { color:#660; border-bottom:1px dashed #660; }
#Menu #Main a:link { border:none; }
a:visited { color:#660; border-bottom:1px dashed #660; }
#Menu #Main a:visited { border:none; }
a:active  { color:#f90; border-bottom:1px solid #f90; }



/* 文字装飾 --------------------------------------------------------------------------- */
em        { font-weight:bold; font-size:100%; font-style:normal; }
strong    { color:#f00; font-size:120%; margin:10px 0px ; }
p         { text-indent:1em; margin:10px 0px ; padding:0px; }

/* リスト装飾 ------------------------------------------------------------------------- */
dl        { text-align:left; margin:20px 0; padding:0px 15px; }
dt        { color:#999; margin:15px 0 0 0; font-weight:bold; font-size:110%; 
            border-bottom:1px dashed #ccc; }
dd        { margin:5px 0 0 15px; }

ul        { text-align:left; list-style-type:none; }
li        { margin:2px 0; }
dd ul     { margin:0 0 5px; padding:0; }
dd ol     { padding:0 0 0 20px; }
dd ul li, ul ul li  { display:inline; font:12px Verdana; margin:0 7px 0 0;}

/* その他装飾 ------------------------------------------------------------------------- */
img       { border:none; }
textarea  { background-color:#fff; border:1px solid #300; }
blockquote{ border:1px dashed #fc0; margin:10px 5px; padding:5px; width:370px; }
input     { background-color:#fc6; margin:0 2px; }
select    { color:#300; background-color:#fff; border:1px solid #300; }
hr        { background-color:#f90; /* 線の色(NN用) */ height:1px; /* 線の太さ */
            border:1px dashed #f90; margin:0px auto; }


/* ------------------------------------------------------------------------------------ */
/* 02 : CONTAINER                                                                       */
/* ------------------------------------------------------------------------------------ */
div#Container, div#Container { width:660px; background-color:#fff; margin:0 auto; border:1px solid #f90;}



/* ------------------------------------------------------------------------------------ */
/* 03 : Header                                                                          */
/* ------------------------------------------------------------------------------------ */
#Header { padding:35px 0;
          background: transparent url(../orichararpg/img/rpgtitle.gif) no-repeat center center; }

#Top #Header { padding:60px 0 0; margin:0 5px; float:left; width:210px; height:470px; color:#fff;
               background: transparent url(../orichararpg/img/back/map01_m.gif) no-repeat center bottom; }
#Top h1      { background: transparent url(../orichararpg/img/rpgtitle_s.png) no-repeat center center; }

#Header p { width:150px; margin:10px auto; }

/* ------------------------------------------------------------------------------------ */
/* 04 : Menu                                                                            */
/* ------------------------------------------------------------------------------------ */
#Top #Menu { float:right; text-align:center; width:430px; padding:60px 0 0; }
#Menu dt { padding:2px 5px; background-color:#000; color:#fff; font-style:none; border:none;}


/* ------------------------------------------------------------------------------------ */
/* 05 : Main                                                                            */
/* ------------------------------------------------------------------------------------ */
div#Main     { clear:both; text-align:center; margin:0 5px;}

#Top #Main   { margin:50px 0 0; padding:0 20px; }
#Gallery #Main ul { margin:10px 0px; }
#Gallery #Main li { margin:3px 10px; }
#Gallery #Main dd li { margin:0 15px 0 0;}
#Story .Content { margin:0px 20px; line-height:170%;}

/* COM -------------------------------------------------------------------------------- */
div.Content { clear:both; margin:10px auto 0 auto; text-align:left; line-height:130%; }



/* ------------------------------------------------------------------------------------ */
/* 06 : FOOTER                                                                          */
/* ------------------------------------------------------------------------------------ */
div#Footer { clear:both; text-align:center; width:600px; margin:0px auto 10px auto;
             padding:400px 0px 0px 0px; }
div#Footer address{ font:80% Verdana; color:#ccc; }



/* ------------------------------------------------------------------------------------ */
/* 07 : OTHER CLASS                                                                     */
/* ------------------------------------------------------------------------------------ */
div.hist { text-align:left; width:400px; margin:5px auto;}
p.memo   { text-indent:0em; text-align:center; font:nomal 80% nomal Verdana; }
.small   { font-size :80%; }
.rv      { color:#fff; }
.ps      { text-align:right; color:#ccc; width:450px; margin:0px auto; }

/* msg -------------------------------------------------------------------------------- */
p.msg           { text-indent:0em; clear:both; color:#ccc; font-size:90%; margin:400px auto 0px auto; }
p.msg a:hover   { background-color:#fff; border:none; color:#ccc; }
p.msg a:link ,
p.msg a:visited { border:none; color:#ccc; }

/* navi ------------------------------------------------------------------------------- */
p.gotop{ text-align:right; margin:10px auto 300px auto; }

.navi li    { display:inline; margin:0 2px; }
ul.navi     { text-align:right; }
div.navi    { border-top:1px dashed #f90; padding:2px 0; margin:25px 0 0; }
div.navi ul { text-align:center; }

.kywd       { color:#099; }


/* (3) フレームOFFの時のトップページに関するもの */
.table { border-style: none; }						/* テーブルの設定（枠をどうするか） */
.tr1 { text-align:center; background-color:#6666e6; font-weight:bold; }	/* テーブルの見出し部分背景色、太字にするかどうか */
a.a1:link { color:#E6E6FF; }						/* テーブル見出し部分の文字色 */
a.a1:visited { color:#E6E6FF; }						/* テーブル見出し部分の文字色(上と同じにする) */
a.a1:hover { color:#FFAAAA; }						/* テーブル見出し部分の文字色(マウスが乗ったとき) */

.tr2 { background-color:#E6E6FA; text-align:center; }			/* テーブルの本体部分の背景色、およびセンタリングするかの設定 */
.tr3 { background-color:#F8F8FF; text-align:center; }			/* 本体部分は、↑とこの色で縞模様になります。それが嫌なら上と同じ色に */
.new { color:#F63; }							/* 新着記事の日付部分を、どんな色に変えるか */
small{ font-size : 10pt; }						/* 日付の大きさ(これだけ小さくしている) */