/*
Theme Name: trash-area.com
Theme URI: http://trash-area.com
Description: マイテーマ
Author: monicchi
Author URI: http://trash-area.com
Version: 1.0
*/

/*-- default-css reset --*/
body, div, h1, h2, h3, h4, h5, h6, ol, ul, dl, li, p { 
    margin:0px; padding:0px;
}

/*-- custom-css start --*/
body {
    font-size: 14px;
    line-height: 1.8;
    text-align:center;
    background-color:#FFF;
    overflow-y:scroll;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a, a:visited {
    font-weight:bold;
    color: #3888B4;
    text-decoration: none;
    padding:3px 3px;
}
a:hover {
    color: #d8626c;
    text-decoration: underline;
}

a img, img a {
    border:0px;
}

div {
}

#page {
    width:950px;
    margin: 0px auto;
    text-align:left;
    background-color:#FFF;
}

#head {
    height:110px;
    background-color:#FFF;
}

#head_title {
    width:400px;
    height:80px;
    float:left;
}
#head_title h1 {
    background: url(images/flowRoot2383.png) no-repeat bottom left;
    margin-left:10px;
    width:300px;
    height:40px;
    margin-top:40px;
}
#head_title h1 a {
    width:100%;
    padding:15px 130px;
}
#head_freearea {
    float:left;
}
#head_tab {
    width:100%;
    height:30px;
    text-align: right;
    clear:both;
    background-color:#FFF;
}

#head_tab div {
    margin-right:0;
    margin-left:auto;
    height:100%;
    width:600px;
}

#head_tab a {
    font-weight:700;
    color: #68a1f5;
    text-align:center;
    margin:0;
    padding:12px 20px;
}
#head_tab a.rss {
    background: url(images/rss_s.gif) no-repeat left 8px;
    padding-left:28px;
    margin-left:10px;
    color: #ff8917;
}
#head_tab .current_page_item a {
    background: url(images/313.gif) repeat top left;
}

#eyecatch {
    height: 260px;
    background-color: #d8e6f9;
    xborder-bottom: 1px solid #68a1f5;
    background: url(images/313.gif) repeat top left;
}
#eyecatch_normal {
    background-color: #d8e6f9;
    background: url(images/313.gif) repeat top left;
}
#eyecatch_normal h2, #eyecatch h2 {
    font-size:1.8em;
    font-weight:700;
} 

.boxcontainer {
    height:400px;
    width: 690px;
    float: left;
}
.boxcontainer_single {
    width: 690px;
    float: left;
}
.boxcontainer_s {
    width:340px;
    height:400px;
    float:left;
}
.boxcontainer_s_last {
    width:340px;
    float:left;
}
.boxcontainer_s p, .boxcontainer_s_last p {
    font-size:0.9em;
}

#contents a {
    font-weight:normal;
}

.paddingbox, .paddingbox2 { 
    padding:16px 20px;
}
.paddingbox li, .paddingbox2 li { 
    margin-left: 20px;
}

.entry {
}
.entry p {
    padding:8px;
    margin-bottom:10px;
    font-size:0.9em;
    line-height:1.9;
}

#col_1 {
    width:700px;
    float: left;
}
#sidebar_1 {
    width:240px;
    float: left;
    padding-top:13px;
    padding-bottom:50px;

}
#sidebar_1 ul { 
    list-style:none;
}
#sidebar_1 h3 {
    margin : 5px 0;
    padding-bottom: 0px;
    padding-left:2px;
    border-bottom: 1px solid #ff8917;
}
#sidebar_1 li { 
    font-weight:normal;
    background: url(images/0066_double_arrow.png) no-repeat left 9px;
}
#sidebar_1 li li { 
    margin-left: 20px;
    font-weight:normal;
}
#sidebar_1 a {
    font-weight:normal;
    font-size: 0.9em;
    color: #7c7c7c;
    display: block;
    padding: 3px 0 3px 7%;
    text-decoration: none;
    width: 93%;
}
#sidebar_1 a:hover {
    background: url(images/313.gif) repeat top left;
}

#sidebar_2, #sidebar_3, #sidebar_4 {
    width: 33%;
    float: left;
}


#foot {
    clear: both;
    background: url(images/313.gif) repeat top left;
}
#foot_container {
    border-top: 1px solid #68a1f5;
    font-size:0.9em;
}
#foot_container h3 {
    padding-top:10px;
    border-bottom: 1px dotted #68a1f5;
}
#foot_container a {
    font-weight:normal;
}
#foot_container .paddingbox2 li {
    margin-left:0;
    list-style: none;
    background: url(images/blue_double_arrow.gif) no-repeat left 7px;
    padding-left:13px;
}

#foot_bar {
    border-top: 1px solid #68a1f5;
    clear: both;
    background-color:#FFF;
    color:#999;
    font-size:0.9em;
    height: 50px;
    padding:10px;
}

#foot li {
    margin-left: 20px;
}

/*-- font size --*/
h1 {
    font-size:1.4em;
}
h2 {
    font-size:1.2em;
}
h3, h4, h5, h6 {
    font-size:1.1em;
}

.boxcontainer h2, .boxcontainer_s h2, .boxcontainer_s_last h2 {
    color: #666;
    border-bottom:1px solid #999;
    margin-bottom:10px;
}
.boxcontainer h3, .boxcontainer_s h3, .boxcontainer_s_last h3 {
    color: #2b78ac;
}

ul.pagenav {
    list-style:none;
    text-align:right;
}
ul.pagenav .page_item {display:inline;}

.entry h3 {
    margin-bottom: 8px;
    margin-top: 20px;
}
.entry h4 {
    margin-top: 20px;
    margin-bottom: 8px;
    color: #ff8917;
}

.entry h5 {
    width:90%;
    margin-top: 40px;
    margin-bottom: 8px;
    color:#999;
    border-bottom:1px dotted #999;

}

.entry dl {
    margin: 3px 0 5px;
    padding: 0 10px 10px;
}
.entry dl dt {
    float: left;
    width: 7em;
    padding: 10px 0;
    font-weight: bold;
    text-indent: 0.5em;
    line-height: 100%;
}
.entry dl dd {
    margin:0;
    padding: 10px 0px 10px 7em;
    line-height: 100%;
}
.entry a, .entry a:visited {
    font-weight:bold;
    color: #3888B4;
    border-bottom: 1px dotted;
    padding:0px 3px;
    text-decoration:none;
}
.entry a:hover {
    color: #d8626c;
    border-bottom: 1px solid;
    text-decoration:none;
}

.entryold span.date {
    background: url(images/clock.png) no-repeat left top;
    padding-left:20px;
    padding-top: 1px;
    margin-right:5px;
}
.entry div.info {
    text-align:left;
    margin-bottom:10px;
}
.entry span.date {
    padding-top: 1px;
    margin-right:5px;
    font-size:2.0em;
    font-weight:normal;
    color:#999;
    font-family:"Lucida Sans Unicode","Lucida Grande",verdana,arial,"MS P Gothic",sans-serif;
    border-bottom : 1px dotted #ff8917;
}
.archives span.date {
    padding-top: 1px;
    margin-right:5px;
    font-size:1.0em;
    font-weight:normal;
    color:#999;
    font-family:"Lucida Sans Unicode","Lucida Grande",verdana,arial,"MS P Gothic",sans-serif;
    border-bottom : 1px dotted #ff8917;
}
.home span.date {
    margin-left:8px;
    font-size:0.6em;
    color:#999;
    font-family:"Lucida Sans Unicode","Lucida Grande",verdana,arial,"MS P Gothic",sans-serif;
}
.home .post-list h3 {
    margin-bottom:12px;
}

#commentform {
    background: url(images/313.gif) repeat top left;
    width:585px;
}

.entry span.comments, .archives span.comments {
    background: url(images/balloon.png) no-repeat left top;
    padding-left:20px;
    padding-top: 1px;
}

.archives h3 {
    font-size: 1.4em;
}
.archives div.info {
    padding-bottom:10px;
}

.st-related-tags a {
    background: url(images/plus_circle.png) no-repeat left 2px;
    padding-left: 18px;
    padding-right: 3px;
}
.st-remove-related-tags a {
    background: url(images/minus_circle.png) no-repeat left 2px;
    padding-left: 18px;
    padding-right: 3px;
}
.service-list img { 
    float:left;
    padding:3px;
}
.service-list h3 {
    clear:both;
}

.twitter p {
    margin-bottom: 3px;
}
.twitter .twitter_date {
    color:#999;
}

.trackbacklist {
    margin-top:10px;
}

/**********************
*   Comments          *
***********************/

.commentpage {
	margin: 0 30px;
	padding: 0;
	}

#comments {
	margin: 0;
	padding: 0;
	}

.comments-num {
	padding: 0 0 10px 0;
	}

#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 20px 5px 0 0;
    margin-left:0px;
    width:580px;
	border-bottom: 1px solid #dce6ff;
	background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;
	}
	.alt {
		background-color: #fff !important;
		background-image: none !important;
		}

.comment-gravatar {
	float: left;
	width: 62px;
	height: 62px;
	background: transparent url(images/gravatar.gif) no-repeat;
	}
	img.avatar {
		margin: 6px 0 0 6px;
		border: none;
		}

.comment-title,
.comment-meta {
	margin: 0 0 0 75px;
}
.comment-text {
	margin: 0 0 0 10px;
}

.comment-title,
.comment-title a,
.comment-title a:hover {
    color: #ff8917;
    font-weight:bold;
}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #2f63b3;
	}

h2#postcomment {
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(images/separator_green.gif) repeat-x center bottom;
	}

.postcomment {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
	background: #dce6ff url(images/separator_blue.gif) repeat-x center top;
	}

.postcomment input,
.postcomment textarea {
	border: 1px solid #b0c5ff;
	}
.postcomment input:hover,
.postcomment textarea:hover {
	border: 1px solid #fec02a;
	}
.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 18px;
	}
.postcomment textarea#comment {
	width: 100% !important;
	width: 456px; /* Fuck IE */
	height: 200px;
	}

.postcomment input#submit {
	width: auto;
	height: 25px;
	padding: 2px 10px 3px 10px;
	background: #e5edff url(images/submit.gif) repeat 0 0;
	}
.postcomment input#submit:hover {
	background: #e5edff url(images/submit_hover.gif) repeat 0 0;
	}





/*-- vim:set ft=css ts=4 expandtab: --*/