body
{
    margin: 0px 0px 20px 0px;
    background-color: #ffffff;
    text-align: center;	
}

html
{
    scrollbar-face-color:#b9b9dd; /*スクロールバー本体の色*/
    scrollbar-highlight-color: #ffffff; /*スクロールバー左側（上）の影*/
    scrollbar-shadow-color: #ffffff; /*スクロールバー右側（上）の影*/
    scrollbar-3dlight-color: #b9b9dd; /*スクロールバーの左側（下）の影*/
    scrollbar-arrow-color: #ffffff; /*矢印の色*/
    scrollbar-track-color: #f3f2ff; /*背面の色*/
    scrollbar-darkshadow-color: #b9b9dd;/*スクロールバー右側（下）の影*/
}

a
{
    text-decoration: underline;
}

a:link
{
    color: #003366;
}

a:visited
{
    color: #003366;
}

a:active
{
    color: #ff33cc;
}

a:hover
{
    color: #ff33cc;
}

a.title:link,a.title:visited
{
    text-decoration:none;
}

a.title:active,a.title:hover
{
    text-decoration:none;
}

blockquote
{
    border: 1px solid #003366;
    font-size: 90%
    background-color: #ccccff
    padding: 1em;
}

h1, h2,
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

h3
{
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

#container
{
    line-height: 140%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    padding: 0px;
    width: 851px;	
    background-color: #FFFFFF;
}

table.pagelayout
{
    table-layout: fixed;
    width: 851px;
}

td.pageleft
{
    vertical-align:top;
    width: 200px;
}

td.pagecenter
{
    vertical-align:top;
    width: 451px;
}

td.pageright
{
    vertical-align:top;
    width: 200px;
}

.header
{
    margin-top: 15px;
    margin-bottom: 12px;
    margin-right: 15px;
    margin-left: 15px;
}

table.headertitle /* contents table margin */
{
    padding-right: 0px;
    padding-left: 0px;
    width: 821px;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

.header-tb
{
    margin-top: 15px;
    margin-bottom: 12px;
    margin-right: 15px;
    margin-left: 15px;
}

table.headertitle-tb /* contents table margin */
{
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

table.headertitle-h1
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

.header-h1
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

.pankuzu
{
    font-size: 9px;
    font-family: Georgia, 'Times New Roman', serif;
    filter: progid:DXImageTransform.Microsoft.Gradient
    (gradientType=0,startColorStr=#AEB4B7,endColorStr=#e7e7e7);
    padding-left: 2px;
    padding-right: 2px;
}

.pankuzu-tb
{
    text-align: left;
    font-size: 9px;
    font-family: Georgia, 'Times New Roman', serif;
    filter: progid:DXImageTransform.Microsoft.Gradient
    (gradientType=0,startColorStr=#AEB4B7,endColorStr=#e7e7e7);
    padding-left: 2px;
    padding-right: 2px;
}

.pan-et
{
    color: #ff33cc;
}

a#banner-img
{
    display: block;
    background: #FFFFFF url("http://happyshower.cocolog-nifty.com/blog/site_logo_temp.gif") no-repeat 15px 15px;
    padding: 15px;	
    height: 31px;
}

.banner-alt
{

}

#banner
{

}

#banner a
{
    color: #003366;
    text-decoration: none;
}



#banner h2
{
    font-size: small;
}

#left
{
    float: left;
    width: 200px;
    background-color: #FFFFFF;
    overflow: hidden;
}

#right
{
    float: right;
    width: 200px;
    background-color: #FFFFFF;
    overflow: hidden;
}

#center
{
    float: left;
    width: 450px;
    overflow: hidden;
}

.content
{
    padding: 15px 15px 5px 15px;
    background-color: #FFFFFF;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 10px;
}

.img-dec
{
    background-image: url("img/shadow.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 25px 5px 10px 5px;
    padding: 0px;
    position: relative;
}

.img-dec img
{
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    margin: -5px 5px 5px -5px;
    padding: 4px;
    position: relative;
    vertical-align: bottom;
}

.sidebar
{
    padding: 25px 15px 5px 15px;
}

.content p
{
    color: #003366;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 200%;
    text-align: left;
    margin-bottom: 10px;
}

.extended
{
    background: url(img/arrow2.gif) no-repeat 0% 50%;
    padding-left: 16px;
}

.content blockquote
{
    line-height: 150%;
}

.content li
{
    line-height: 150%;
}

.content h1
{
    background: url(img/title_dec.gif) no-repeat 0% 50%;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 14px;
    border-bottom: 1px solid #999999;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 3px;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.content h2
{
    background: url(img/title_dec.gif) no-repeat 0% 50%;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 14px;
    border-bottom: 1px solid #999999;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 3px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 3px;
}

.content h3
{
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 15px;
    border-bottom: 1px solid #999999;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 3px;
}

.content h4
{
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}

.content p.posted
{
    color: #003366;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-align: right;
    margin-bottom: 25px;
    line-height: normal;
}

.techstuff
{
    margin-bottom: 25px;
    padding: 4px;
}

#calendar
{
    line-height: 140%;
    color: #003366;
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    padding: 2px;
    text-align: center;
    margin-bottom: 30px;
}

#calendar table
{
    padding: 2px;
    border-collapse: collapse;
    border: 0px;
    width: 100%;
}

#calendar caption
{
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: small;
    border-bottom: 1px dashed #999999;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px;
    letter-spacing: .3em;
}

#calendar th
{
    text-align: center;
    font-weight: normal;
}

#calendar td
{
    text-align: center;
}

.sidelist
{
    font-family: Georgia, 'Times New Roman', serif;
    color: #003366;
    font-size: x-small;
    font-weight: normal;
    background: #FFFFFF;
    line-height: 140%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding:2px; 
    overflow: hidden;
}

.sidebar h3
{
    line-height: 100%;
    color: #003366;
    font-family: sans-serif,Georgia, 'Times New Roman', serif;
    font-size: 13px;
    border-bottom: 1px solid #999999;
    text-align: left;
    font-weight: bold;
    text-transform: none;
    padding: 3px;
    letter-spacing: .14em;
}

.sidebar ul
{
    padding-left: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.sidebar li
{
    color: #003366;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-align: left;
    line-height: 150%;
    margin-top: 10px;
    list-style-type: none;
}

.sidebar img
{
	
}

.photo
{
    text-align: right;
    margin-bottom: 20px;
}

.link-note
{
    font-family: Verdana, Arial, sans-serif;
    color: #003366;
    font-size: 9px;
    line-height: 150%;
    text-align: left;
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#powered
{
    display: None;
    font-family: Verdana, Arial, sans-serif;
    font-size: x-small;
    line-height: 150%;
    text-align: left;
    color: #003366;
    margin-top: 50px;
}

#comment-data
{
    float: left;
    width: 180px;
    padding-right: 15px;
    margin-right: 15px;
    text-align: left;
    border-right: 1px dotted #BBB;
}

textarea[id="comment-text"]
{
    width: 80%;
}

.footerform
{
    margin-bottom:0px;
}

table.footertitle /* contents table margin */
{
    table-layout: fixed;
    width: 851px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 9px;
}

table.footertitle2 /* contents table margin */
{
    width: 100%;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 9px;
}


.map-footerform
{
    margin-bottom:0px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
}

table.map-footertitle /* contents table margin */
{
    table-layout: fixed;
    width: 851px;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 9px;
}

.pagetop/* pagetop */
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    text-align: right;
}

.footer /* footer */
{
    border-top: solid 1px #999999;
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #003366;
    text-align: center;
}

.sitemapform
{
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    text-align: left;
    font-size: 10px;
}

table.sitemaptitle /* contents table margin */
{
    table-layout: fixed;
    width: 851px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 48px;
    color: #003366;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: small;
}

.mapcat
{
    background-color: #e7e7e7;
}
.counter
{
    font-size: 9px; 
    color :#003366;
}

.google
{
    background-color: #e7e7e7;
    font-size: 9px; 
    color :#003366;    
}

.google-logo
{
    padding-bottom: 10px;
}

.favorite-link
{
     overflow: auto;
     height: 150px;
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: 9px;
     font-weight: normal;
     background: #FFFFFF;
     line-height: 180%;
     margin-top: 5px;
     margin-bottom: 10px;
     padding-top: 10px;                  
     padding-bottom: 10px;
}

.blogpeople-main 
{
     overflow: auto;
     height: 150px;
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: 9px;
     font-weight: normal;
     background: #FFFFFF;
     line-height: 180%;
     margin-top: 5px;
     margin-bottom: 10px;
     padding-top: 10px;
}

.blogpeople-powered-by
{
     display: none;
}

.blogpeople-tbp
{
     overflow: auto;
     height: 150px;
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: 9px;
     font-weight: normal;
     background: #FFFFFF;
     line-height: 180%;
     margin-top: 5px;
     margin-bottom: 10px;
     padding-top: 10px;
}

.blogpeople-tbp-credit
{
     display: none;
}

.tbp-powered
{
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: 9px;
     font-weight: normal;
     line-height: 180%;
     padding-bottom: 10px;
}

.blogranking
{
     line-height: 180%;
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: 9px;
     font-weight: normal;
     margin-top: 10px;
     margin-bottom: 10px;
}

.recommend
{
     font-family: Georgia, 'Times New Roman', serif;
     color: #003366;
     font-size: x-small;
     font-weight: normal;
}

.recommend h2
{
     color: #003366;
     font-family: Georgia, 'Times New Roman', serif;
     font-size: small;
     border-bottom: 1px dashed #999999;
     text-align: left;
     font-weight: bold;
     text-transform: none;
     padding:3px;
     letter-spacing: .3em;
}

.adsense
{
    padding: 5px 15px;
}

.adsense-entry
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.fc2-link
{
    line-height: 180%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 9px;
    color: #003366;                  
}

.parts
{
    padding-top: 5px;
    padding-bottom: 10px;
}

.hatena
{
    font-size: 10px;
    font-family: Georgia, 'Times New Roman', serif;
    background-color: #e7e7e7;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.hatena-ring
{
    color: #003366;
    font-size: 9px;
    font-family: Georgia, 'Times New Roman', serif;
    padding-top: 5px;
    padding-bottom: 10px;
}

.sitemap
{
    text-align: left;
}

.tree ul {
    padding:0;   
    margin:0;   
    background-position: -9px 15px;    
    background-image: url('img/ul.gif');    
    background-repeat: repeat-y   
}

.tree li
{
    font-size: 1em;   
    font-weight:bold;   
    margin: 0px;    
    padding: 3px 0 3px 24px;    
    list-style-type: none;   
}

.tree li a
{
    text-decoration:none;     
}

.tree li a:hover {
    text-decoration:underline;   
}

.tree li a:visited
{
    color: #aeb4b7;
}

.tree ul ul 
{
    background-position: -1px 15px;   
    background-image: url('img/ul.gif');    
    background-repeat: repeat-y;   
}

.tree ul li
{
    background-position: 0px 7px;    
    background-image: url('img/li.gif');    
    background-repeat: no-repeat;   
}

.tree ul li a
{
    font-weight:bold;   
    text-decoration:underline;   
}

.tree ul li a:hover
{
    text-decoration:none;
    color: #ff33cc;
}

.tree ul ul li
{
    background-position: 8px 7px;   
    background-image: url('img/li.gif');    
    background-repeat: no-repeat;      
}

.tree ul ul li a
{
    background-position: 0px 7px;    
    font-size:1em;    
    text-decoration:none;   
}

.tree ul ul ul li a
{
    background-position: 0px 7px;    
    font-size:0.8em;    
    text-decoration:none;   
}

.about
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #003366;
    line-height: 300%;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.amazon
{
    padding: 5px;
}