@charset "utf-8";

/* global styles */
body {
background-color:#000;
color:#fff;
}
a {
color:#fff;
}



/* contents wrapper */
#container {
width:964px;
margin:0 auto;
}
#content {
height:100%;
margin-bottom:20px;
}
#content:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}



/* header */
#header {
margin-bottom:31px;
padding-top:23px;
}
#header h1 {
margin-bottom:14px;
}
#header p {
text-align:center;
}



/* main contents */
#main {
float:left;
width:708px;
}

/* post */
#main .post {
margin-bottom:69px;
}

/* post title */
#main .post h2 {
margin-bottom:24px;
padding:0 8px;
border-left:4px solid #900;
font-size:1.4em;
line-height:1.5;
}
#main .post h2 .date {
display:block;
margin-bottom:4px;
font-size:0.714em;
font-weight:normal;
line-height:1.31;
}

/* post body */
#main .post .body {
height:100%;
margin:0 12px 29px;
font-size:1.2em;
line-height:1.51;
}
#main .post .body:after {
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* for wysiwyg */
#main .post .body big {
font-size:larger;
}
#main .post .body small {
font-size:smaller;
}
#main .post .body b,
#main .post .body strong {
font-weight:bold;
}
#main .post .body i {
font-style:italic;
}
#main .post .body u {
text-decoration:underline;
}
#main .post .body s,
#main .post .body strike {
text-decoration:line-through;
}
#main .post .body ul,
#main .post .body ol {
list-style-position:outside;
margin-left:2em;
}
#main .post .body ul {
list-style-type:disc;
}
#main .post .body ol {
list-style-type:decimal;
}
#main .post .body blockquote {
border-let:1px solid #333;
padding:10px 5px;
margin-left:5px;
}

/* post information */
#main .post .info {
overflow:hidden;
height:100%;
padding:10px 2px 0;
border-top:1px dotted #333;
}
#main .post .info p {
line-height:1.31;
}
#main .post .info .nav {
float:left;
}
#main .post .info .scroll_top {
float:right;
text-align:right;
}
#main .post .info .scroll_top a {
padding-left:11px;
background:url(../common/common_arrow_02.png) left center no-repeat;
}

/* pager */
#main .pagination ul {
font-size:1.2em;
line-height:1.31;
text-align:center;
}
#main .pagination li {
display:inline;
padding:0 0.4em;
border-right:1px solid #fff;
}
#main .pagination .prev,
#main .pagination .next,
#main .pagination .last {
border-right:none;
}
#main .pagination .prev {
padding-right:15px;
}
#main .pagination .next {
padding-left:15px;
}

/* comments */
#main .comments {
padding-bottom:135px;
}
#main .comments h2 {
margin-bottom:15px;
}
#main .comments ul {
padding-bottom:5px;
}
#main .comments li {
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px dotted #333;
}
#main .comments ul .body {
margin:0 12px 20px;
font-size:1.2em;
line-height:1.51;
}
#main .comments ul .info {
margin:0 2px;
line-height:1.31;
}
#main .comments .compose p {
position:relative;
height:100%;
margin-bottom:5px;
padding-left:105px;
font-size:1.2em;
line-height:1.51;
}
#main .comments .compose label {
position:absolute;
left:0px;
width:100px;
text-align:right;
}
#main .comments .compose input {
width:480px;
}
#main .comments .compose textarea {
width:585px;
height:12.6em;
}
#main .comments .compose .submit {
position:static;
margin:10px 0 0;
text-align:center;
}
#main .comments .compose .submit input {
width:auto;
}

/* search */
#main .search {
margin-bottom:30px;
padding:14px 13px 13px;
border-top:2px solid #fff;
background-color:#181818;
}
#main .search h2 {
margin-bottom:6px;
}
#main .search p {
overflow:hidden;
height:100%;
}
#main .search input {
float:left;
}
#main .search .find_to {
width:254px;
height:18px;
padding:0 2px 0 17px;
border:1px solid #ccc;
background:#fff url(../common/search_bg_01.png) 2px center no-repeat;
font-weight:bold;
line-height:18px;
}

/* search result */
#main .result h2 {
position:relative;
margin-bottom:-1px;
padding-bottom:4px;
border-bottom:1px solid #fff;
background-color:#000;
font-weight:normal;
line-height:1.5;
}
#main .result ol {
margin-bottom:100px;
line-height:1.4;
}
#main .result ol li {
padding:15px 0;
border-top:1px dotted #333;
}
#main .result ol h3 {
margin:0 3px 5px;
font-size:1.4em;
}
#main .result ol h3 span {
padding-right:0.5em;
}
#main .result ol p {
margin:0 10px 5px 15px;
font-size:1.2em;
}
#main .result .pagination ul {
padding:7px;
background-color:#181818;
}



/* side contents */
#aside {
float:right;
width:220px;
}
#aside .section {
padding-bottom:25px;
}
#aside .section h2 {
margin-bottom:11px;
}

/* calendar */
#aside .calendar table {
margin:0 auto;
font-size:1.2em;
line-height:1.5;
}
#aside .calendar th {
font-weight:normal;
}
#aside .calendar th,
#aside .calendar td {
padding:2px 7px;
text-align:center;
}

/* archive */
#aside .archive p {
text-align:center;
}
#aside .archive select {
width:190px;
}

/* nav section */
#aside .nav ul {
font-size:1.2em;
line-height:1.31;
}
#aside .nav li {
margin-bottom:7px;
}
#aside .nav ul a {
padding-left:14px;
background:url(../common/common_arrow_01.gif) left center no-repeat;
}
#aside .nav ul a:hover {
background-image:url(../common/common_arrow_01_on.gif);
}
#aside .nav p {
margin-bottom:5px;
line-height:1.31;
text-align:right;
}

/* search */
#aside .search p {
overflow:hidden;
width:188px;
margin:0 auto;
padding:3px;
_padding-bottom:0;
border:1px solid #333;
background-color:#fff;
}
#aside .search input {
float:right;
}
#aside .search .find_to {
float:left;
width:163px;
border:1px solid #fff;
font-weight:bold;
}

/* extra */
#aside .extra .mobile {
overflow:hidden;
height:100%;
margin-bottom:10px;
padding-right:59px;
}
#aside .extra .mobile h3 {
float:right;
margin-top:17px;
}
#aside .extra .mobile p {
float:left;
}
#aside .extra .banner {
margin-bottom:12px;
padding:8px 9px 0;
border:1px solid #191919;
}
#aside .extra .banner ul {
margin-bottom:-1px;
}
#aside .extra .banner li {
padding-bottom:10px;
}
#aside .extra .banner ul img {
vertical-align:bottom;
}
#aside .extra .feed {
margin:0 1px;
line-height:1.31;
}
#aside .extra .feed a {
text-decoration:none;
}
#aside .extra .feed img {
margin-right:3px;
vertical-align:middle;
}

/* footer */
#footer {
padding:19px 0 72px;
border-top:1px solid #333;
}
#footer ul {
margin-bottom:15px;
line-height:1.51;
text-align:center;
}
#footer li {
display:inline;
padding:0 0.4em;
}
#footer p {
text-align:center;
}