@charset "utf-8";

@import "./css/default.css";
@import "./css/font.css";
@import "./css/common.css";

/* ---------- body ---------- */
body{
    text-align:center;
    background:#333333;
}

#header,
#container,
#footer
{
    width:940px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
}
/* ---------- #body ---------- */


/* ---------- header ---------- */
#header-wrapper{
    background:url(./images/header-wrapper.jpg) no-repeat scroll top center;
}

#header{
    height:115px;
    background:url(./images/header.jpg) no-repeat scroll top left;
}

#header h1{
    font-size:230%;
    padding:26px 0px 0px 60px;
    font-style:italic;
}

#header h1 a{
    color:#ffffff;
    text-decoration:none;
}

#header h1 a:hover{
    color:#ffffff;
    text-decoration:none;
}

#header h1 a:visited{
    color:#ffffff;
    text-decoration:none;
}
/* ---------- #header ---------- */


/* ---------- container ---------- */
#container-wrapper{
    background:#ffffff;
    color:#333333;
}

#container{
    background:#ffffff;
    padding-top:8px;
}

#container-column3-left{
    float:left;
    width:730px;
}

#container-column3-right{
    float:right;
    width:190px;
}

#container-column2-left{
    float:left;
    width:920px;
}

#container-column3-right{
    float:right;
    width:190px;
}

#container-column3-footer{
    clear:both;
    text-align:right;
    padding:0px 220px 10px 0px;
    margin-bottom:0px;
}

#container-column2-footer{
    clear:both;
    text-align:right;
    padding:0px 20px 10px 0px;
    margin-bottom:0px;
}
/* ---------- #container ---------- */


/* ---------- contents ---------- */
#contents-column3{
    float:right;
    width:520px;
    margin-bottom:30px;
}

#contents-column2{
    float:right;
    width:710px;
    margin-bottom:30px;
}
/* ---------- #contents ---------- */


/* ---------- menu-left ---------- */
#menu-column3-left{
    float:left;
    width:170px;
    background:#f2f2f2;
    margin:0px 0px 30px 20px;
}

#menu-column2-left{
    float:left;
    width:170px;
    background:#f2f2f2;
    margin:0px 0px 30px 20px;
}
/* ---------- #menu-left ---------- */


/* ---------- menu-right ---------- */
#menu-column3-right{
    width:170px;
    background:#f2f2f2;
    margin:0px 20px 30px 0px;
}
/* ---------- #menu-right ---------- */


/* ---------- footer ---------- */
#footer{
    color:#ffffff;
    font-size:85%;
}

#footer p{
    padding:10px 0px 15px 20px;
}

#footer a{
    color:#ffffff;
}

#footer a:hover{
    text-decoration:none;
    color:#ffffff;
}

#footer a:visited{
    color:#ffffff;
}
/* ---------- #footer ---------- */


/* ---------- menu ---------- */
.menu-column3{
    padding:0px 5px 15px 5px;
}

.menu-column3-title{
    background:url(./images/menu-title.gif) no-repeat scroll top left;
    border-bottom:1px solid #cacaca;
    margin-bottom:5px;
    padding:3px 0px;
}

.menu-column3-title h2{
    font-style:italic;
    padding-left:15px;
    font-size:123.1%;
}

.menu-column3-contents{
    color:#656565;
    padding:0px 5px;
}

.menu-column3-contents ul{
    list-style-type:none;
    margin:0px;
}

.menu-column3-contents ul li{
    margin-bottom:5px;
}

.menu-column3-contents ul li a{
    color:#656565;
}

.menu-column3-contents p{
    margin:0px;
}

.menu-column2{
    padding:0px 5px 15px 5px;
}

.menu-column2-title{
    background:url(./images/menu-title.gif) no-repeat scroll top left;
    border-bottom:1px solid #cacaca;
    margin-bottom:5px;
    padding:3px 0px;
}

.menu-column2-title h2{
    font-style:italic;
    padding-left:15px;
    font-size:123.1%;
}

.menu-column2-contents{
    color:#656565;
    padding:0px 5px;
}

.menu-column2-contents ul{
    list-style-type:none;
    margin:0px;
}

.menu-column2-contents ul li{
    margin-bottom:5px;
}

.menu-column2-contents ul li a{
    color:#656565;
}

.menu-column2-contents p{
    margin:0px;
}
/* ---------- #menu ---------- */


/* ---------- ad ---------- */
#ad728x90{
    margin:0px auto 15px auto;
    width:728px;
}

.ad468x60{
    margin-bottom:15px;
}

.sponsored-link{
    font-weight:normal;
    margin-bottom:3px;
    font-size:85%;
}
/* ---------- #ad ---------- */


/* ---------- entry ---------- */
.entry{
    margin-bottom:30px;
}

.entry-title{
    background:url(./images/h2.gif) no-repeat scroll top left;
    border-bottom:1px solid #ababab;
    padding-bottom:3px;
    margin-bottom:3px;
}

.entry-title h2{
    padding:2px 0px 0px 25px;
    font-size:174%;
}

.entry-title a{
    color:#333333;
    text-decoration:none;
}

.entry-title a:hover{
    text-decoration:underline;
}

.entry-header{
    margin-bottom:15px;
}

.entry-body{
    margin-bottom:20px;
}

.entry-body h3{
    background:url(./images/h3.gif) no-repeat scroll top left;
    font-size:123.1%;
    margin-bottom:15px;
    padding-left:20px;
}

.entry-footer{
    border-top:1px solid #dcdcdc;
    padding:3px 0px 0px 5px;
}

.entry-footer h3{
    display:inline;
    font-size:100%;
    font-weight:normal;
}

.entry-footer ul{
    display:inline;
    list-style-type:none;
    margin:0px 15px 0px 0px;
}

.entry-footer ul li{
    display:inline;
}

.entry-body pre{
    background:#efefef;
    border:1px solid #666666;
    width:90%;
    overflow:scroll;
    padding:10px;
    margin-bottom:15px;
}

.entry-body code{
    font-family:'Courier New';
}
/* ---------- #entry ---------- */


/* ---------- trackback ---------- */
#trackback{
    margin-bottom:30px;
}

#trackback h2{
    font-size:182%;
    margin-bottom:15px;
}

#trackback-url{
    width:98%;
}

.ping-list{
    padding:0px 10px;
}

.ping-title{
    display:block;
    margin-bottom:3px;
}

.ping-title:first-letter{
    font-size:182%;
}

.ping-excerpt{
    display:block;
    margin-bottom:3px;
}

.ping-author{
    display:block;
    color:#888888;
    text-align:right;
    border-top:1px solid #acacac;
    padding-top:3px;
}
/* ---------- #trackback ---------- */


/* ---------- comment ---------- */
#comments{
    margin-bottom:30px;
}

#comments h2{
    font-size:182%;
    margin-bottom:15px;
}

.comment-detail{
    border-bottom:1px solid #ababab;
    margin-bottom:15px;
}

.comment-header{
    font-size:93%;
    font-weight:normal;
    margin-bottom:15px;
}

.comment-body{
    margin-left:18px;
}
/* ---------- #comment ---------- */


/* ---------- tag rank ---------- */
.rank-1{
    font-size:182%;
}

.rank-2{
    font-size:161.6%;
}

.rank-3{
    font-size:138.5%;
}

.rank-4{
    font-size:116%;
}

/* ---------- #tag rank ---------- */


/* ---------- archive ---------- */
.archive{
    margin-bottom:30px;
}

.archive-title{
    background:url(./images/h2.gif) no-repeat scroll top left;
    border-bottom:1px solid #ababab;
    padding-bottom:3px;
    margin-bottom:15px;
}

.archive-title h2{
    padding:2px 0px 0px 25px;
    font-size:174%;
}

.archive-title a{
    color:#333333;
    text-decoration:none;
}

.archive-title a:hover{
    text-decoration:underline;
}

.archive-body{
    margin-bottom:20px;
}

.archive-body h3{
    font-size:123.1%;
    margin-bottom:5px;
}

.archive-body p{
    margin-bottom:20px;
}
/* ---------- #archive ---------- */


/* ---------- search ---------- */
#search-box-wrapper{
    margin:10px auto 0px auto;
    width:900px;
}

#search-results-wrapper{
    width:900px;
    margin:0px auto 0px auto;
    padding-bottom:30px;
}
/* ---------- #search ---------- */


/* ---------- links ---------- */
.links{
    clear:both;
}

.links-detail{
    float:right;
    width:330px;
}

.links-detail h3{
    font-size:116%;
    background:#ffffff;
    padding:0px;
}

.links-image{
    float:left;
    width:180px;
    height:170px;
}

.links-image img{
    border:1px solid #dcdcdc;
}
/* ---------- #links ---------- */


/* ---------- outer ---------- */
.outer{
    border-collapse:collapse;
    margin:0px 0px 15px 0px;
}

.outer caption{
    display:block;
    text-align:left;
    padding-bottom:5px;
}

.outer th{
    font-weight:bold;
    text-align:center;
    background:#dcdcdc;
    border:1px solid #888888;
    padding:3px;
}

.outer td{
    border:1px solid #aaaaaa;
    padding:3px;
    vertical-align:top;
}

.outer .head{
    font-weight:bold;
    background:#dcdcdc;
}

.outer .red{
    background-color:#ffbbbb;
}

.outer .blue{
    background-color:#bbbbff;
}
/* ---------- #outer ---------- */