@charset "utf-8";


/* !blog -------------------------------------------------------------- */

/* !contents -- */
#contents {}
#main {
float: left;
width: 650px;
}
#side {
float: right;
width: 350px;
}
#column2 {
padding-left: 10px;
display: inline;
float: left;
width: 165px;
}
#side h3 {
font-family: mplus-2p-h;
}
time.entryTime {
font-size: 10px;
color: #000;
}
time.entryTime .minute {
padding-left: 10px;
color: #666666;
}


/* !entry -- */
article {
margin-bottom: 50px;
}
article header {
margin-bottom: 20px;
padding-bottom: 10px;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
overflow: hidden;
zoom: 1;
}
article header .day {
margin-right: 15px;
float: left;
width: 36px;
height: 36px;
line-height: 3;
background: url(/img/blog/bg_day.gif) no-repeat;
color: #fff;
font-weight: bold;
text-align: center;
}
article header h2 {
line-height: 1;
}
article header h2 a {
color: #00baff;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
article section {
margin-bottom: 10px;
padding-bottom: 20px;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
}
article footer {
padding-bottom: 10px;
overflow: hidden;
zoom: 1;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
}
article footer .subDate {
float: left;
color: #000;
position: relative;
}
article footer .subDate .auther {
margin-right: 10px;
padding-left: 15px;
background: url(/img/blog/ico_auther.gif) no-repeat left center;
font-weight: bold;
}
article footer .subDate .comment {
margin-left: 20px;
padding-left: 20px;
background: url(/img/blog/ico_comment.gif) no-repeat left center;
}
article footer .subDate .comment a {
color: #00baff;
text-decoration: none;
font-weight: bold;
white-space: nowrap;
}
article footer .subDate .tweet {
position: absolute;
top: 0px;
left: 320px;
}
article footer .subDate .facebook {
position: absolute;
top: 0px;
left: 410px;
}

article footer .pageTop {
padding-right: 5px;
float: right;
font-family: mplus-2p-h;
}
article footer .pageTop a {
color: #999;
text-decoration: none;
}
.entryNav {
text-align: center;
position: relative;
width: 650px;
font-family: mplus-2p-h;
}
.entryNav a {
text-decoration: none;
}
.entryNav .link_before {
padding-left: 10px;
border-left: 3px solid #00baff;
position: absolute;
top: 0px;
left: 0px;
color: #000;
}
.entryNav .link_next {
padding-right: 10px;
border-right: 3px solid #00baff;
position: absolute;
top: 0px;
right: 0px;
color: #000;
}
.entryNav .link_page {
display: inline-block;
/display: inline;
/zoom: 1;
width: 20px;
height: 19px;
line-height: 1.6;
background: #00baff;
color: #FFF;
text-align: center;
}
.entryNav .current_page {
display: inline-block;
/display: inline;
/zoom: 1;
width: 20px;
height: 19px;
line-height: 1.6;
background: #000;
color: #FFF;
text-align: center;
}
/* !time -- */
#time {
margin-bottom: 10px;
padding: 10px 0;
position: relative;
height: 27px;
_height: 47px;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
font-family: mplus-2p-h;
}
#time #year {
position: absolute;
left: -10px;
color: #00baff;
font-size:  14px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
#time #month {
position: absolute;
top: -15px;
left: 20px;
font-size: 48px;
color: #000;
}

/* !calender -- */
#calendar {
margin-bottom: 10px;
padding-bottom: 10px;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
}
#calendar table {
width: 100%;
font-family: mplus-2p-h;
font-size: 10px;
}
#calendar table th,
#calendar table td {
text-align: center;
padding: 3px 0;
}
#calendar table th {
font-weight: bold;
color: #000;
}
#calendar table td {
color: #999999;
}
#calendar table td a {
color: #00baff;
}

/* !search -- */
#search {
margin-bottom: 10px;
}
#search h3 {
color: #000;
}
#search_inner {
width: 165px;
height: 21px;
background: url(/img/blog/bg_search.gif) no-repeat;
}
#search_inner input.ti{
padding: 3px 0 0 5px;
border: none;
width: 130px;
background: none;
}
section.archive {
margin-bottom: 15px;
}
section.archive h3 {
padding-left: 10px;
line-height: 2;
background: #000;
color: #FFF;
}
section.archive ul {
}
section.archive ul li {
padding: 5px 0;
overflow: hidden;
zoom: 1;
width: 165px;
color: #000;
}
section.archive ul li:nth-child(even) {
background: #f5f5f5;
}
section.archive ul a {
color: #000;
text-decoration: none;
}
section.archive ul li .title {
padding-left: 10px;
display: block;
float: left;
width: 110px;
}
section.archive ul li .count {
float: right;
}
section.archive ul li time {
padding-left: 10px;
}
section.archive ul li p {
padding-left: 10px;
font-size: 10px;
}
section.archive ul li p a {
color: #00baff;
}
select.menu {
width: 165px;
}
section.archive ul.item {
margin-left: -5px;
overflow: hidden;
zoom: 1;
}
section.archive ul.item li {
margin-left: 5px;
padding: 5px 0 0;
display: inline;
float: left;
overflow: visible;
width: 80px;
}
section.archive ul.item li img {
vertical-align: bottom;
}
aside.other {
margin-bottom: 10px;
padding-bottom: 10px;
background: url(/common/img/cmn_dotX02.gif) repeat-x left bottom;
}
aside.other a {
}
aside.other h3 {
padding-left: 10px;
line-height: 2;
background: #000;
color: #FFF;
}

/* !tag -- */
#ul_tag_cloud li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.6;
    background: none;
}

#ul_tag_cloud .rank-1  { font-size: 1.75em; }
#ul_tag_cloud .rank-2  { font-size: 1.75em; }
#ul_tag_cloud .rank-3  { font-size: 1.625em; }
#ul_tag_cloud .rank-4  { font-size: 1.5em; }
#ul_tag_cloud .rank-5  { font-size: 1.375em; }
#ul_tag_cloud .rank-6  { font-size: 1.25em; }
#ul_tag_cloud .rank-7  { font-size: 1.125em; }
#ul_tag_cloud .rank-8  { font-size: 1em; }
#ul_tag_cloud .rank-9  { font-size: 0.95em; }
#ul_tag_cloud .rank-10 { font-size: 0.9em; }