/* 全体共通 */
html          {scrollbar-base-color: #003333; scrollbar-track-color: #003333; }
body          {margin: 0; text-align: center; 
               background: #003333 url("./image/bg1.gif") top center repeat; 
               color: #ffeecc; font-family: 'MS UI Gothic' ; letter-spacing: 1px; }
img           {border: none; }
a             {color: #800040; text-decoration: none; font-weight: bold; }
a:hover       {color: #ffaa77; }

/* 説明 */
h4            {display: none; }

/* メイン共通 */
#in1          {width: 800px; height: auto; position: relative; margin: 0 auto; 
               background: url("./image/bg2.gif") top center repeat-y;
               font-size: 14px; line-height: 180%; }
#in2          {width: 700px; height: auto; margin: 0 auto 50px; 
               text-align: left; }
#in2 p        {margin: 0; padding: 10px 20px; }   /* 通常テキスト */
#in2 b        {color: #ffaa77; }                  /* 太字テキスト */
.red          {color: #ff5566; }                  /* 赤色テキスト */
.mint         {font-size: 10px; }                 /* ミニテキスト */
.rg           {margin: 0 45px; 
               float: right; display: inline; }   /* 右寄せ */

/* メイン記事中央揃え */
#cent         {clear: both; text-align: center; margin: 30px 0; }
#cent img     {margin: 5px 2px; }
#cent p       {margin-bottom: 10px; }
#ttb          {text-align: left; font-size: 12px; line-height: 180%; 
               width: 400px; margin: 20px 150px; font-family: 'ＭＳ ゴシック'; }
#ttb p        {text-align: center; margin: 0; }

/* ナビ */
#navi         {text-align: center; }
#navi ul      {width: 700px; height: 30px; margin: 10px 50px; padding: 0; list-style: none; }
#navi li      {float: left; margin: 0; padding: 0; text-indent: -999px; }
/* text-indent:;によって、<a></a>内のテキストを消します。 */
#navi li a    {display: block; width: 100px; height: 30px; overflow: hidden; }
/* <li></li>内の<a></a>タグに適応されます。
   overflow:hidden;でNSブラウザなどで出るリンクのアンダーラインが消えます。 */
#navi li#m1 a {background: url("image/navi.gif") 0px 0px no-repeat; }
#navi li#m2 a {background: url("image/navi.gif") -100px 0px no-repeat; }
#navi li#m3 a {background: url("image/navi.gif") -200px 0px no-repeat; }
#navi li#m4 a {background: url("image/navi.gif") -300px 0px no-repeat; }
#navi li#m5 a {background: url("image/navi.gif") -400px 0px no-repeat; }
#navi li#m6 a {background: url("image/navi.gif") -500px 0px no-repeat; }
#navi li#m7 a {background: url("image/navi.gif") -600px 0px no-repeat; }
#navi li#m1 a:hover {background: url("image/navi.gif") 0px -30px no-repeat; }
#navi li#m2 a:hover {background: url("image/navi.gif") -100px -30px no-repeat; }
#navi li#m3 a:hover {background: url("image/navi.gif") -200px -30px no-repeat; }
#navi li#m4 a:hover {background: url("image/navi.gif") -300px -30px no-repeat; }
#navi li#m5 a:hover {background: url("image/navi.gif") -400px -30px no-repeat; }
#navi li#m6 a:hover {background: url("image/navi.gif") -500px -30px no-repeat; }
#navi li#m7 a:hover {background: url("image/navi.gif") -600px -30px no-repeat; }

/* ヘッダフッタ */
#hdr          {margin: 0 50px; text-align: center; 
               background: url("./image/hd.gif") top center no-repeat; }
#hdr h1       {width: 100%; height: 255px; margin: 0; padding-top: 110px; 
               background: url("./image/topill.gif") bottom center no-repeat; }
#hdr h2       {width: 100%; height: 80px; margin: 0; padding-top: 100px; 
               background: url("./image/topill2.gif") bottom center no-repeat; }
#hdr h5       {width: 100%; height: 15px; margin: 0px; padding: 3px 0; 
               background: url("./image/att.gif") center no-repeat; }
#ftr          {margin: 0; text-align: center; width: 800px; height: 100px; 
               background: url("./image/ft.gif") center no-repeat; }
#hdr span     {display: none; }
#ftr span     {display: none; }
#ctr          {color: #204040; font-size: 10px; 
               margin: 65px 50px 0; float: right; display: inline; } 

/* 区切り線 */
.line1        {clear: both; width: 250px; height: 30px; 
               background: url("./image/line25.gif") 0 repeat-x; margin: 10px auto; }
.line1 span   {display: none; }
.line2        {clear: both; width: 500px; height: 30px; 
               background: url("./image/line50.gif") 0 repeat-x; margin: 10px auto; }
.line2 span   {display: none; }


/* 更新履歴 */
#rrk          {float: left; display: inline; 
               width: 360px; height: 400px; 
               margin: 10px 0px 30px 75px; text-align: left; 
               line-height: 130%; 
               background: url("./image/rrkbox.gif") top center no-repeat; }
#rrk p        {background: url("./image/c1.gif") 0 no-repeat; 
               margin: 0 0 0 10px; padding: 5px 0 5px 25px; }
#rkl          {width: 100%; height: 150px; margin-top: 65px;
               line-height: 180%; }
#rkl p        {margin: 10px; padding: 0; background: none; }
#rkl img      {float: left; margin: 0 15px 0 30px; padding: 6px; 
               background-image: url("./image/fr.gif"); }

/* トップインフォメーション */
#infm         {float: right; display: inline; 
               width: 280px; height: 400px; 
               margin: 10px 80px 30px 5px; 
               line-height: 150%; color: #003333; 
               background: url("./image/info.gif") top center no-repeat; }
#infm h6      {clear: both; width: 280px; height: 20px; margin: 0;
               background: url("./image/linew.gif") center no-repeat; }
#infm span    {display: none; }
#infm img     {margin: 0 0 3px 5px; }
.infm1        {text-align: left; margin: 55px 20px 10px 20px; }
.infm2        {text-align: left; margin: 10px 20px 20px 30px; }

/* 更新履歴（twitter） */
#dt           {clear: both; 
               margin: 10px 100px; width: 600px; height: 400px; }

/* トップページリンク */
#link         {width: 600px; height: auto; margin: 30px 90px; 
               text-align: center; font-size: 12px; 
               background: url("./image/wh.gif"); padding: 10px; }
#link img     {margin: 2px; }

/* 一行フォームなど */
#nform        {clear: both; text-align: center; font-size: 12px; line-height: 100%; 
               vertical-align: middle; margin: 50px 0 30px; }
.but          {border: double 3px #ffbb88;
               color: #44aa88; background-color: #003333; }
.form         {color: #44aa88; background-color: #003333; border: dotted 1px #ffbb88;
               font-family: 'ＭＳ ゴシック'; margin: 0; padding: 3px; }

/* プロフィール */
#prof         {text-align: left; font-size: 12px; line-height: 180%; 
               background: url("image/wh.gif"); padding: 10px; 
               width: 480px; margin: 20px 150px 50px; font-family: 'ＭＳ ゴシック'; }
#prof p       {margin: 30px 0 10px; line-height: 200%; }
#pict         {float: left; width: 200px; 
               text-align: center; margin-right: 10px; padding: 0; }
#pict img     {margin: 10px; }
#work         {text-align: right; 
               width: 520px; margin: 40px 150px 20px 130px; }
#work img,embed  {margin: 7px 0 12px; }

/* 小説目次 */
#nov          {clear: both; 
               width: 480px; margin: 15px 20px; float: right;
               vertical-align: middle; display: inline; }
#nov a        {font-size: 16px; padding: 2px 0; }
#nov a:hover  {border-bottom: 1px dashed #709090; }
#nov img      {margin: 10px 0 0; }
#nov p        {margin: 0 0 10px 0; line-height: 140%; }
.att          {height: auto; background: url("./image/atn.gif") 15px top no-repeat; 
               color: #709090; padding: 40px 55px 50px; }
.cap          {background: transparent url("./image/c1.gif") 0px no-repeat;
               padding-left: 25px; }
.lv           {margin: 0 15px 30px 20px; padding: 5px; line-height: 140%; font-size: 12px;
               background: url("image/wh.gif") ; color: #709090; text-align: right; }
#hk           {width: 200px; height: 60px; 
               background: url("image/h-k.gif") 0 no-repeat; margin: 15px 0; }
#hr           {width: 200px; height: 60px; 
               background: url("image/h-r.gif") 0 no-repeat; margin: 15px 0; }
#ht           {width: 200px; height: 60px; 
               background: url("image/h-t.gif") 0 no-repeat; margin: 15px 0; }
#hk span, #hr span, #ht span {display: none; }

/* インラインフレーム（イラスト） */
#lf           {width: 700px; height: 120px; margin: 0px; }
#lf iframe    {margin: 0; width: 700px; height: 120px; }
#rf           {width: 700px; height: 720px; margin: 0px; }
#rf iframe    {margin: 0; width: 700px; height: 720px; }

/* イラストメニュー */
#ilmenu       {margin: 10px 0; width: 700px; height: 120px; 
               background: url("./image/bg2.gif") -50px -30px repeat-y; }
#ilmenu img   {margin-top: 5px; border: none; }

#ilnavir      {width: 72px; height: auto; float: right; margin: 0 20px 0 0;
               padding: 20px 0; display: inline; }
#ilnavil      {width: 72px; height: auto; float: left; margin: 0 0 0 20px;
               padding: 20px 0; display: inline; }
#ilnavir img, #ilnavil img
              {margin: 5px 0; padding: 5px; background-image: url("./image/fr.gif"); }

/* イラストメイン */
#iltop        {width: 650px;
               margin: 0; text-align: center; font-size: 14px; line-height: 150%; 
               padding: 50px 25px 10px; 
               background: url("./image/bg2.gif") -50px -130px repeat-y; }
#iltop p      {margin: 0 0 30px; text-align: left; }
#ilmain       {margin: 15px 0; text-align: center; font-size: 14px; line-height: 130%; 
               background: url("./image/bg2.gif") -50px -130px repeat-y; }
#ilmain img   {padding: 8px; border: none;
               background-image: url("./image/fr.gif"); }
.ilpbx        {width: 520px; height: 80px; margin: 30px 55px 0; padding: 10px; 
               text-align: left; background: url("image/wh.gif") ; }
.ilpbx img    {margin: 0; float: right; border: none; }
.infop        {margin: 0; padding-left: 30px; }
#grd          {position: relative; width: 700px; height: 720px; }
#grd span     {position: absolute; display: block;
               width: 100%; height: 100%; background-image: url("./ill/image/spacer.gif"); }

/* インラインフレーム（QVGA） */
#qf           {width: 600px; height: auto; margin: 20px 50px; }
#qf img       {margin-right: 2px; margin-bottom: 2px; }
#qf iframe    {margin: 34px;  
               width: 260px; height: 350px; border: 1px solid #cccccc; }

/* 縦ばな */
#tb           {width: 600px; height: 360px; margin: 20px 50px; }
#tb img       {margin-left: 10px; float: right; display: inline; }
#tb p         {margin: 20px 10px 0; }
.tbrg         {margin: 0 10px; text-align: right; }

/* 大ばな */
#apf          {width: 600px; height: 180px; margin: 20px 50px; }
#apf img      {margin: 0 20px 0 30px; float: left; display: inline; }
#db           {width: 550px; height: auto; padding: 10px 75px; }
#db img, embed{margin: 5px 0 5px 10px; }
.dbt          {margin: 10px 0 20px 10px; }

/* メイキング */
#mk           {width: 650px; margin: 0px 25px; }
#mk p         {margin: 10px 0; }
.mkr          {clear: both; height: auto; }
.mkr img      {margin-left: 10px; float: right; display: inline; }
.mkl          {clear: both; height: auto; }
.mkl img      {margin-right: 10px; float: left; display: inline; }

.mkc          {clear: both; margin: 10px 0; }
.mkc img      {margin: 10px 0; }

.mkm          {margin: 10px 50px; font-size: 12px; width: 500px; }
.mkm img      {margin: 5px 10px; }
.mktit        {background: #003333; color: #ff5566; margin-top: 10px;
               font-weight: bold; padding-left: 10px; }
.mktit a          {color: #90c090; }
.mktit a:hover    {color: #ffffff; }

/* リンクページ */
#licen        {text-align: center; margin: 20px 0; }
#licen img    {margin: 5px 0; }
#libx         {text-align: left; font-size: 12px; line-height: 180%; 
               width: 460px; margin: 30px 120px; }
#libx img     {margin: 3px 0; }
#libx p       {margin-top: 50px; text-align: center; }
#bnr          {background: url("image/bg2.gif") center repeat-y; 
               width: 240px; font-size: 12px; line-height: 160%; 
               margin: auto; padding: 30px 0px; }
#bnr p        {text-align: left; margin: 10px; }
#bnr img      {margin-bottom: 5px; }
#bnr form     {margin-top: 20px; }