/* 全体 */
html            {height: 100%}

body            {behavior:url(../test/csshover3.htc);
                font-family:"ヒラギノ角ゴ Pro W3", "hiragino Kaku Gothic pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
                margin: 0px;
                padding: 0px;
                height: 100%;
                background-color: #442A18;
                background-image: url(./img/maetaroka_backpattern.gif) ;
                background-repeat: repeat;
                }
                
td,th            {font-family:"ヒラギノ角ゴ Pro W3", "hiragino Kaku Gothic pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
                margin: 0px;
                padding: 0px;
                height: 100%;
                }

a                {text-decoration:none;}
a:link            {text-decoration:none;color: #000000;}
a:visited        {text-decoration:none;color: #555555;}
a:hover            {text-decoration:underline;color: #ff0000;}
a:active        {text-decoration:underline;color: #ff0000;}

img                {border: 0px;
                vertical-align: bottom;}

div#body        {text-align: center;
                }

/* モダンブラウザ用*/
.off:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.off {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .off {
  height: 1%;
}
.off {
  display: block;
}

div#main900    {width: 900px;
                margin-left: auto;
                margin-right: auto;
                background-color: #ffffff;
                }

div#header     {width: 900px;
               height: 180px;
               text-align: left;
               background-image: url(./img/maetaroka_top_banner.jpg) ;
               background-repeat: no-repeat;
               margin-bottom: 40px;}

div#header h2 {margin:0;padding:0;}

div#main         {width: 900px;
}

div#c1            {float: left;
                width: 583px;
                margin-left: 45px;
                text-align: left;
                display:inline;
                  margin-bottom: 40px;
                }

div#c1 h3      {font-size: 20px;
                margin-bottom: 20px;
                margin-top: 0px;
                padding: 0;}

div.mainpage   {width: 508px;}

div.mainpage p   {margin: 0;}

div.mp_l         {width: 120px;
                  margin-bottom: 20px;
                  text-align: left;
                  float: left;}

div.mp_r         {text-align: left;
                 float: right;
                 margin-bottom: 100px;}

div.mp_r_txt     {width: 388px;
                 height: 90px;
                 overflow:hidden;
                 font-size: 82%;
                 line-height: 175%;
                 }

div.post   {width: 508px;}

div.post p   {margin-bottom: 20px;
                 font-size: 82%;
                 line-height: 175%;}

img.blogicon  {margin-right: 20px;
               margin-bottom: 20px;
               float:left;
}

div.tag        {width: 555px;
                font-size: 82%;
                margin-bottom: 20px;
                margin-top: 0px;
                padding: 0;}

div#c2            {float: right;
                width: 272px;
                margin-left: 0px;
                text-align: left;
                  margin-bottom: 40px;
                }

div#c2 p        {width: 237px;
                font-size: 75%;
                line-height: 150%;
                margin-bottom: 30px;}

div#next     {font-size: 60%;
        margin-top : 0px;
        margin-bottom : 30px;
        line-height: 185%;        
        margin-left:  0px;
        width: 500px;
        text-align: center;
background-color: #eeeeee;
}

.c-both         {clear: both ;}