/* ***********************************************************************
    common
*********************************************************************** */


*{
    margin:0;
    padding:0;
    outline:none;
}

body{
    font-size:75%;
    font-family:arial, verdana, sans-serif;
    color:#333;
    line-height:150%;
    text-align:center;
    background:url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
}

img{
    border:none;
    vertical-align:middle;
}

ul{
    list-style:none;
    padding:5px;

}

a{


}

a:hover{
    text-decoration:none;
    color:#FF9900;
}
/* ***********************************************************************
    h
*********************************************************************** */

h1{
    text-indent: -9999px;
}

h3{
    padding:5px;
    background:url('../img/h3_bg.jpg');
    border:1px solid #CCCCCC;
}

h3 a{
    text-decoration:none;
    padding-left:10px;
}

/* ***********************************************************************
    header
*********************************************************************** */

#header{
    font-weight:bold;
    color:#FFFFFF;
}


.headerimg{
    width:800px;
    overflow:hidden;
    margin-bottom: 10px;
}

/* ***********************************************************************
    menu
*********************************************************************** */

#menu ul{
    margin-top:10px;
    padding:5px 10px 0 0;
    font-weight:bold;
    text-align:right;
    height:20px;
}

#menu ul li{
    margin:0 10px 0 0;
    display:inline;
}


/* ***********************************************************************
    contents
*********************************************************************** */

div#container{
    width:100%;
}

div#container div.wrap{
    margin:0 auto;
    text-align:left;
    background-color:#FFFFFF;
    width:810px;
    overflow:auto;
}

div#contents{
    margin-bottom:10px;
    padding:10px 0 10px 0;
}

div#main{
    border:1px solid #CCCCCC;
    float:left;
    width:560px;
    margin:0px 5px;
}

#main h2{
    font-size:14px;
    padding:5px 10px;
    background:url('../img/h2_bg.jpg');
    border-bottom:1px solid #CCCCCC;

}

#sub{
    margin-bottom:10px;
}

#subwrap{
    border:1px solid #CCCCCC;
    float:left;
    width:210px;
    margin:0px 5px;
}

#sub h2{
    font-size:13px;
    font-wight:normal;
    padding:5px 10px;
    background:url('../img/h2_bg.jpg');
    border-bottom:1px solid #CCCCCC;

}

/* ***********************************************************************
    feeds
*********************************************************************** */


#feed{

}

.feedlist ul{
    list-style:none;
}

.feedcontents{
    padding:10px;
    margin:5px;
}


.feedcontents h3{
    padding:5px;
    background:url('../img/h3_bg.jpg');
    border:1px solid #CCCCCC;
    font-weight:normal;
    font-size:13px;
}

.feedcontents h3 a{
    color:#5F5F5F;
    text-decoration:none;
    padding-left:10px;
}

.feedcontents h3 a:hover{
    color:#FF9900;
}


/* ***********************************************************************
    links
*********************************************************************** */

#links{
    padding:10px 0;

}

#link ul{
    list-style:none;

}

#link{
    padding:5px;
    margin:5px;
}

/* ***********************************************************************
    logpi
*********************************************************************** */

#logpi-badge {
    padding: 10px;
}

#logpi-badge .badge-icon {
    text-align: center;
}

#logpi-badge .badge-title {
    font-size: 12px;
    margin: 5px 0 5px 0;
    text-align: center;
}

#logpi-badge dl {
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
}

#logpi-badge dt {
    margin: 0 0 5px 0;
    font-size: 11px;
}

#logpi-badge dt a {
    color: #0066ff;
}

#logpi-badge dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
}

#logpi-badge dd {
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-size: 12px;
}

#logpi-badge dd a {
    font-size: 10px;
    color: #999;
}

#logpi-badge dd span.reply a {
    background: url(http://logpi.jp/image/reply-mark.gif) no-repeat;
    padding: 0 0 0 14px;
    color: #f10b82 !important;
    font-size: 12px;
}

#logpi-badge .powered {
    text-align: center;
}

/* ***********************************************************************
    footer
*********************************************************************** */


#footer{
    clear:both;
    margin-top: 10px;
}

#backtotop{
    padding:20px 10px 10px 10px;
    text-align:right;
    background-color:#FFFFFF;
}

#copyright{
    font-weight:bold;
    color:#FFFFFF;
    padding:10px;
    text-align:center;
    background-color:#747474;
}


#copyright a{
    text-decoration:none;
    color:#FFFFFF;
}