@charset "Shift_JIS";
/* ------------------------------------------------------------------------------------ */
/* RabbitHome   by Konomi Kusunoki                                                      */
/*                                                                                      */
/* 01 : Basic Text Styling                                                              */
/*          body (PhotoTop / Basis / About / Pict / Text / Link / PBBS )                */
/*          見出し / リンク / 文字 / テーブル / リスト / その他                         */
/*                                                                                      */
/* 02 : Container                                                                       */
/*                                                                                      */
/* 03 : Header                                                                          */
/*                                                                                      */
/* 04 : Menu                                                                            */
/*                                                                                      */
/* 05 : Main                                                                            */
/*                                                                                      */
/* 06 : Footer                                                                          */
/*                                                                                      */
/* 07 : Other Class                                                                     */
/*                                                                                      */
/* Established : 2006/03/29                                                             */
/* LastUpDate  : 2007/11/10                                                             */
/*                                                                                      */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* 01 : Basic Text Styling                                                              */
/* ------------------------------------------------------------------------------------ */
* { margin:0; padding:0; border:none; }
body {
    scrollbar-face-color:#333;       /* 本体の色 */
    scrollbar-highlight-color:#999;  /* 左上の影 */
    scrollbar-shadow-color:#999;     /* 右上の影 */
    scrollbar-3dlight-color:#333;    /* 左下の影 */
    scrollbar-darkshadow-color:#333; /* 右下の影 */
    scrollbar-arrow-color:#999;      /* 矢印の色 */
    scrollbar-track-color:#333;      /* 背面の色 */
    
    text-align:center; color:#333;line-height:130%; 
    font-size:12px; cursor :crosshair; }

#PhotoTop, #History, #OtherW
          { background : #000000 url(photo/pattern/img/ptn03-02.jpg) repeat fixed 0px 0px; }

/* 見出し ----------------------------------------------------------------------------- */
h1        { font-size:140%; border-bottom:none; }
h1 a      { width:650px; height:60px; display:block; }
h1 a:hover{ background-color :transparent; }
h1 span   { display:none; }

h2,h3,h4  { clear:both; background-color:transparent;
            border-bottom:1px dashed #999; padding:0; }
h2        { background-image:none; color:#999; font-size:130%; margin:0px auto 10px auto; padding: 20px 0 0;}
h3        { color:#333; font-weight:normal; font-size:200%; font-family:"Impact";
            margin:40px auto 10px; border:none; }
h4        { font-size:120%; margin:15px auto 5px auto; color:#999; width:500px;}
h5,h6     { border-bottom:1px dashed #ccc; font-size:100%; margin:30px auto 10px auto; padding:0px; }

/* リンク装飾 ------------------------------------------------------------------------- */
a         { text-decoration :none; }
a:hover   { /*	position :relative;	top:1px; left:2px;*//* NNで表示がおかしくなるため解除 */
            color:#999; background-color:#ffc; border-top:1px solid #999;
            border-bottom:1px solid #999; }
a:link    { color:#666; }
a:visited { color:#666; }
a:active  { color:#999; }

/* 文字装飾 --------------------------------------------------------------------------- */
em        { font:bold 100% nomal "ＭＳ ゴシック"; }
strong    { color:#f00; font-size:120%; margin:10px 0px ; }
p         { text-indent:1em; margin:10px 0px ; padding:0px; }

/* テーブル装飾 ----------------------------------------------------------------------- */
table     { font-size:12px; border:solid 0px #003; vertical-align :middle; 
            background-color :transparent; }
th        { padding:5px 0px 0px 0px; border-bottom:1px solid #f90; }
td        { }

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

ul        { text-align:left; line-height:120%; margin:0 0 0 20px; padding:0px; list-style-type:none; }
li        { margin: 0px; padding:0px; }
ul ul     { width:110px; border:none; border-top:1px dashed #999; padding:0 0 0 5px; }
ul ul li  { display:inline; margin:2px 0px 0px 0px; padding:0px 0px 0px 0px;
            border-bottom:none; border-top:none; }

/* その他装飾 ------------------------------------------------------------------------- */
img       { border:1px solid #999; }
#Other  img ,
#OtherW img , img.nob ,#History img{ border:none; }
input,select,textarea
          { background-color:#fff; border:1px solid #ccc; }
hr        { height:1px; /* 線の太さ */
            border:1px dashed #999; padding:0px; margin:0px auto; }
address   {font:80% Verdana; color:#ccc; }



/* ------------------------------------------------------------------------------------ */
/* 02 : Container                                                                       */
/* ------------------------------------------------------------------------------------ */
#Container { background-color:#fff; text-align:center; border:1px solid #333;
             margin:0 auto; padding :0; width:680px;
             background : #fff url(img/title.png) no-repeat 10px 10px; }

#PhotoTop #Container { background : #fff url(img/back01.png) no-repeat 0px 0px; }

/* ------------------------------------------------------------------------------------ */
/* 03 : Header                                                                          */
/* ------------------------------------------------------------------------------------ */
#Header p  { text-indent:0em; text-align:right; margin:5px 10px; }
#Header span { font-weight:bold; color:#ccc; font-size :120%;}

/* ------------------------------------------------------------------------------------ */
/* 04 : Menu                                                                            */
/* ------------------------------------------------------------------------------------ */
#Menu    { clear:both; width:650px; text-align:right; margin:30px 0 0; }
#Menu ul { width:230px; float:right; font:bold 100% nomal "Verdana";}
#Menu li { margin:2px 0 0; padding:8px 15px; border-bottom:1px Solid #ccc;
           background : transparent url(icon/dot/grave/i_cross.png) no-repeat left center;}
#Chprofile #Menu { margin:50px 0 0; }

/* Foot -------------------------------------------------------------------------------- */
#FootNavi  { clear:both; margin:30px 2px 10px 2px; color:#333; font-weight:bold; 
             padding:5px; border-top:1px dashed #666; text-align:center; }
#FootNavi a{ border-bottom:1px dashed #999; }
#FootNavi ul{ text-align:center;}
#FootNavi li{ display:inline; margin:0 5px 0;}
#PhotoTop #FootNavi { margin:100px 0 0;}

/* ------------------------------------------------------------------------------------ */
/* 05 : Main                                                                            */
/* ------------------------------------------------------------------------------------ */
#Main       { clear:both; width:620px; text-align:center; margin:50px auto 0; }

               
#About dt      { font-weight:bold; margin:30px 0 0;}
#About dt span { font-family:"Verdana"; font-size:70%; margin:0 0 0 15px;}
#About dd img  { float:left; margin:5px; }

#Text .Content,
#Pict .Content { width:450px; border:1px solid #999; background-color:#fff;
                 margin:400px auto 0px auto; padding:20px; }
div.Novel      { line-height:170%; }


/* ------------------------------------------------------------------------------------ */
/* 06 : Footer                                                                          */
/* ------------------------------------------------------------------------------------ */
div#Footer { clear:both; text-align:center; width:600px; margin:0px auto;
             padding:400px 0px 10px; }
div#Footer hr     { filter:alpha(opacity=100,finishopacity=0,style=3); }
div#Footer address{ font:80% Verdana; }



/* ------------------------------------------------------------------------------------ */
/* 07 : Other Class                                                                     */
/* ------------------------------------------------------------------------------------ */
p.gotop  { clear:both; text-align:right; border-top:1px dashed #999; margin:10px auto 150px; }
p.date   { text-indent:0em; text-align:center; font:80% Verdana;
           border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; margin:0px 0px 5px 0px; }
.small   { font-size :80%; }
.strng   { font-weight:bold; color:#c00; }


/*メールフォーム全体を囲っているタグのid*/
#RhPhoto_top { text-align:center; margin:0px 0px 10px;}
/*メールフォームのパーツや送信ボタンを囲っているタグのclass */
#RhPhoto_top .main { width:400px; margin:15px 0px 0px;}
/*『name』パーツの表示名と入力項目を囲っているタグのclass*/
#RhPhoto_top .name_top { float:left; width:350px; }
#RhPhoto_top .name_left{ float:left; width:100px;}
#RhPhoto_top .name_parts { width:240px; }
/*『mail』パーツの表示名と入力項目を囲っているタグのclass*/
#RhPhoto_top .mail_top { float:left; width:350px; }
#RhPhoto_top .mail_left{ float:left; width:100px;}
#RhPhoto_top .mail_parts { width:240px; }
/*『url』パーツの表示名と入力項目を囲っているタグのclass*/
#RhPhoto_top .url_top { float:left; width:350px; }
#RhPhoto_top .url_left{ float:left; width:100px;}
#RhPhoto_top .url_parts { width:240px; }
/*『textarea』パーツの表示名と入力項目を囲っているタグのclass*/
#RhPhoto_top .textarea_top { float:left; width:350px; }
#RhPhoto_top .textarea_left{ float:left; width:100px; }
#RhPhoto_top .textarea_parts { width:240px; }
/*『answer』パーツの表示名と入力項目を囲っているタグのclass*/
#RhPhoto_top .answer_top { float:left; width:350px; }
#RhPhoto_top .answer_left{ float:left; width:100px; }
#RhPhoto_top .answer_parts { width:150px; }

/*メールフォームの送信ボタンを囲っているタグのclass*/
#RhPhoto_top .submit { float:right; padding:10px 0px 0px;}