/* Style Sheet for Noa no Ana */

@import "./style_i.css";


body      {
          font-size        : 12px;
          color            : #000000;
          background-color : #ffffff;
          background-image : url(../../images/bg_bl_str.gif);
          font-family      : "arial","Osaka","MS UI GOTHIC",sans-serif; 
          text-align       : center ;
          margin-top       : 0 ;
          margin-right     : 0 ;
          margin-bottom    : 0 ;
          margin-left      : 0 ;
          }

p         {
          font-size        : 12px;
          color            : #000000;
          font-family      : "arial","Osaka","MS UI GOTHIC",sans-serif; 
          margin-top       : 0 ;
          margin-right     : 0 ;
          margin-bottom    : 0 ;
          margin-left      : 0 ;
          }
/*
body,p    {
          font-family      : "Osaka","ＭＳ Ｐゴシック",arial,sans-serif;
          } 
*/
h1        {
          text-align       : center;
          font-size        : 12px;
          font-weight      : normal;
          color            : #000000;
          }

h2        {
          font-size:16pt;
          color:#660000;
          }

h2.contents        {
          text-align    : center ;
          }

h3        {
          text-align  : left ;
          font-size:16px;
          color:#660000;
          }


adress    {
          color            : #009900 ;
          font-size        : 14px ;
          }


p.crgt    {
          color            : #999999 ;
          font-size        : 11px ;
          text-align       : right ;
          font-weight      : normal;
          }


.a-mon      {
            font-family      : "arial","Osaka","MS UI GOTHIC",sans-serif; 
            font-size        : 14px;
            background-color : #ffcc99 ;
            text-align       : left ;
            font-weight      : bold ;
            }

.a-sono     {
            display          : block;
            font-size        : 12px;
            width            : 32px ;
            text-align       : center;
            left             : 10%;
            border-color     : #ffcc66;
            border-style     : none;
            border-width     : 0px 0px 0px 1px;
            margin           : 0px 0px 4px 0 ;
            float            : left ;
            }

.a-date     {
            display          : block;
            font-size        : 10px;
            width            : 140px ;
            text-align       : left;
            left             : 40%;
            border-color     : #ffcc66;
            border-style     : none;
            border-width     : 1px 1px 1px 1px;
            margin           : 0 0 0 0 ;
            float            : left ;
            }

.a-title    {
            display          : block;
            font-size        : 12px;
            width            : 168px ;
            text-align       : left;
            left             : 70%;
            border-color     : #ffcc66;
            border-style     : none;
            border-width     : 1px 1px 1px 1px;
            margin           : 0 0 0 0 ;
            float            : left ;
            }


.a-block    {
            font-family      : "Osaka","ＭＳ Ｐゴシック",arial,sans-serif;
            display          : block;
            background-color : #ffffff;
            font-size        : 12px;
            width            : 360px ;
            height           : 130px ;
            text-align       : center;
            left             : 10%;
            border-color     : #ffcc66;
            border-style     : solid;
            border-width     : 1px 1px 1px 1px;
            margin           : 0px 5px 10px 0px ;
            overflow         : visible ;
            float            : left ;
            position         : static;
            }


div.bn-main {
           width : 780px ;
           background-color : #ffffff;
           margin : 0 auto 0 auto;
           border-color     : #ccccff ;
           border-width     : 0 1px 0 1px ;
           border-style     : solid ;
           }


div.left  { 
          font-size        : 12px ; 
          font-weight      : normal ;
          color            : #000000 ; 
          margin-left      : 0px ; 
          text-align       : left ; 
          padding-top      : 0px ;
          padding-bottom   : 0px ;
          padding-left     : 0px ;
          padding-bottom   : 0px ;
          }

div.center{ 
          font-size        : 12px ; 
          font-weight      : normal ;
          color            : #000000 ; 
          margin-left      : auto ; 
          margin-right     : auto ; 
          text-align       : center ; 
          padding-top      : 0px ;
          padding-bottom   : 0px ;
          padding-left     : 0px ;
          padding-bottom   : 0px ;
          }

div.right{ 
          font-size        : 12px ; 
          font-weight      : normal ;
          color            : #000000 ; 
          margin-right     : 0px ; 
          text-align       : right ; 
          padding-top      : 0px ;
          padding-bottom   : 0px ;
          padding-left     : 0px ;
          padding-bottom   : 0px ;
          }

div.ttl	  { 
          font-size        : 22px; 
          text-align       : center; 
          font-weight      : bold;
          color            : #660000; 
          background-color : #ff6600; 
          margin-right     : 0; 
          padding-top      : 10px ;
          padding-bottom   :  5px ;
          padding-left     :  0px ;
          padding-right    :  0px ;
          border-color     : #663300;
          border-width     : 1px 0px 1px 0px;
          border-style     : solid;
          }

div.btm	  { 
          font-size        : 12px; 
          text-align       : center; 
          font-weight      : bold;
          color            : #660000; 
          background-color : #ff6600; 
          margin-right     : 0; 
          padding-top      :  5px ;
          padding-bottom   :  5px ;
          padding-left     :  0px ;
          padding-bottom   : 10px ;
          border-color     : #663300;
          border-width     : 1px 0px 1px 0px;
          border-style     : solid;
          }



div.adrs  { 
          font-size        : 12px; 
          text-align       : center; 
          font-weight      : normal;
          color            : #009900; 
          }


a:link    {
          color               : #000000;
          text-decoration     : underline;
          border-bottom-width : 0px;
          border-bottom-style : solid;
          }

a:active  {
          color               : #cccccc;
          text-decoration     : underline;
          border-bottom-width : 0px;
          border-bottom-style : solid;
          }

a:visited {
          color               : #333333;
          text-decoration     : underline;
          border-bottom-width : 0px;
          border-bottom-style : solid;
          }

a:hover   {
          color               : #cc0000;
          text-decoration     : underline;
          border-bottom-width : 0px;
          border-bottom-style : solid;
          }



/*  以下、テスト用  */
.albm       {
            width            : 740px ;
            left             : 20px ;
            border-width     : 2px 2px ;
            border-color     : #6666ff ;
            border-style     : none;
            margin           : 10px 0 ;
            padding          : 0px ;
            }

.n4_position {
            position         : static ;
            }