/*============================================*/
/*IEとNNのBOXの計測方法を同じにするため       */
/*============================================*/
*   * { box-sizing : border-box}
*   * { -moz-box-sizing : border-box} 

body {
      margin:0;
      padding:0;
      border:0;           /* This removes the border around the viewport in old versions of IE */
      width:780px;
      background:#fff;
      font-family: "MS P Gothic" "Trebuchet MS", arial, helvetica, sans-serif;
      min-width:600px;    /* Minimum width of layout - remove line if not required */
                          /* The min-width property does not work in old versions of Internet Explorer */
    }

a, a:link, a:visited	{ 
    border-bottom: #88a dotted 1px;
    color: darkblue;
    text-decoration: none; 
}

a:active {
    border-bottom: #445 dotted 1px;
    color: #990066; 
}

a:hover {
    order-bottom: #445 dotted 1px;
    color: #990066; 
    position : relative;
    top : 1pt;
    left : 1pt;
}
h1, h2, {
    margin: 0px;
    padding: 0px;
}

h3 {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: #4b0082;
    text-align:center;
}

caption {
     font-size: x-small;
     color:blue;
    }


#header {
        clear:both;
        float:left;
        width:780px;
        background:#eee;
    }

/* column container */
.colmask {
        position:relative;          /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
         clear:both;
         float:left;
        width:780px;               /* width of whole page */
          overflow:hidden;     /* This chops off any overhanging divs */
         border-right: 1px solid #ccc;
     }

/* 2 column right menu settings */

.rightmenu {
       background:#fff;
       
     }

.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }

.rightmenu .col1wrap {
        float:left;
        width:50%;
        position:relative;
        left:50%;
        padding-bottom:1em;
     }
     
.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;    
     }

.rightmenu .col2 {
        float:right;
        width:170px;
        position:relative;
        left:185px;
    }

.box {
       padding-top :10px;
       padding-bottom: 10px;
       font-size: small;
       color: blue;
       line-height: 150%;
}      

.box-topic {
       font-size: x-small;
       border : red 1px solid
       margin:30px 0px 0px 0px;
       padding-top: 10px;
       padding-bottom:7px;
       padding-left: 7px;
       padding-right:7px;
       width: 60%;
       background-color: #fff;
       border-top: 1px double red;
       border-bottom: 1px double red;
       border-left: 1px double red;
       border-right: 1px double red;
       }

/*.blog {   */
/*    padding:15px;   */
   
/*}*/

.blogbody {
    color: #333;
    line-height: 140%;
    font-size: x-small;
    text-align:justify;
    text-justify: distribute;
    padding-left: 5px;
    padding-right: 5px;
 }

.title	{
    color: #993333;
    font-size: small; 
}			

#menu {
    text-align: center;
}		

.date	{ 
    border-top: 1px solid #888;
    boredr-left: 1px solid #888;
    boredr-right: 1px solid #888;
    border-bottom: 2px solid #888;
    color: #333; 
    font-size: medium; 
    font-weight:bold;
    margin-bottom: 10px;
    padding: 2px;
    text-align: center;
}			

.posted	{ 
    color: #000; 
    display: block;
    font-size: x-small; 
    margin-bottom: 25px;
    padding-top: 2px;
    text-align: left;
}

.calendar a {
    border: #fff solid 1px;
/*    font-weight: bold;   */
    padding: 0 2px 0 2px;
}

.calendar table {
    width: 100%;
}

.calendar td, .calendar th {
    color:#333;
    font-size: small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    text-align: center;
}

.calendarhead {	
    border-bottom: 2px solid #888;
    color: #000;
    font-size: normal;
    font-weight: bold;
    padding: 2px;
    text-align: center;			
}	

.side_left {
    color: #333;
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    margin-bottm: 10px;	
}

.side_center {
    color: #333;
    font-size: x-small;
    font-weight: normal;
    line-height: 140%;
    padding: 2px;
    margin-bottm: 10px; 
    text-align: center;    
}

.side form {
    margin: 0;
}

.sidetitle {
    border-bottom: 2px solid #888;
    color: #000;
    font-weight: bold;
    margin-top: 30px;
    padding: 2px;
    text-align: center;
}

.side_noback {
    border: 1px solid #888;
    padding: 3px;
    margin-bottom: 15px;
}    
 
.syndicate {
    border-bottom: 2px solid #888;
    font-weight: bold;
    font-size: xx-small;
    padding: 2px;
    margin-top: 15px;
    text-align: center;
}

.syndicate a, .syndicate a:hover {
    border: none;
}

.powered {
    color: #666;
    font-size: xx-small;
    line-height: 140%;
    padding: 2px;
    text-align: center;
}	


#text {
    width: 350px;
}

 /* Footer styles */
#footer {
        clear:both;
        float:left;
        width:780px;
        font-family: "MS UI Gothic" "Trebuchet MS", arial, helvetica, sans-serif;
        color: #333;
        padding: 10px;
        background: #ffe4e1;
        border-top: 3px solid #990033;
        border-right: 1px solid #990033;
}

#footer td {
   font-size: x-small;
}