@charset "utf-8";
/* body */
body {
	word-wrap: break-word;
	margin: 0px;
	padding: 0px;
	background: url(component/body-bg.gif) ;
	background-color: #f8f4eb;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", arial, helvetica, san-serif;
	color: #666666;
	text-align: center;
	font-size: small;
}

a:link { 
	color: #DE8745;
	text-decoration: underline;
}
a:active { 
	color: #66bacc;
	text-decoration: underline;
}
a:visited { 
	color: #999999;
	text-decoration: underline;
}
a:hover { 
	color: #66bacc;
	text-decoration: underline;
}

img {
	border: 0px;
}

h1, h2, h3, h4, h5, h6, li, p, form, embed {
	margin: 0px;
	padding: 0px;
}

/* banner */
#banner {
	height: 150px;
}

/* pagebody  */
#pagebody {
	background: url(component/page-bg.gif) repeat-y top center;
}

/* main */
#main {
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
	width: 750px;
	text-align: left;
}

#right {
	width: 180px;
	float: left;
	margin-left:50px;
}

#center {
	width: 520px;
	float: left;
}

div.content-top {
	margin: 0px 0px 25px -40px;
	font-size: small;
	color: #000000;
}
p.content-nav {
	margin-bottom: 25px;
	font-size: small;
	text-align:center
}
/* entry */
div.date {
	font-family: verdana,arial,san-serif;
	font-size: small;
	color: #cc6633;
	letter-spacing: 0.15em;
	border-bottom:dotted 1px #cc6633;
	padding-bottom: 3px;
}

#center h3 {
	margin:12px 0px 12px 0px;
	color: #cc6633;
	font-size: medium;
	letter-spacing: 0.15em;
}

.entry {
	margin: 0px 0px 12px 0px;
	width: 520px;
}

div.entry-body {
	width: 520px;
	float: left;
	line-height: 165%;
}

div.entry-body p,div.entry-more p {
	margin-bottom: 12px;
}

div.entry-body img {
	float: left;
	margin: 0px 15px 10px 0px;
}

div.entry-more {
	line-height: 165%;
}

p.entry-more-header {
	font-size: x-small;
	line-height: 165%;
	clear: both;
}

div.entry p.entry-footer {
	font-size: x-small;
	padding-top: 10px;
	margin-bottom: 35px;
	line-height: normal;
	clear: both;
}


.entry blockquote {
	padding: 0px 20px;
	line-height: 150%;
}

.entry li {
	line-height: 150%;
}

/* trackback */
#trackbacks h3.trackbacks-header {
	font-size: small;
	color: #cc6633;
	border-bottom:dotted 1px #666666;
	padding-bottom: 3px;
}

#trackbacks-info {
	margin-bottom: 12px;
}

#trackbacks .trackback-content {
	margin-top: 12px;
}

#trackbacks p.trackback-title {
	margin-bottom: 5px;
}

#trackbacks .trackback-date {
	font-size: x-small;
}

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

#comments h3.comments-header {
	font-size: small;
	color: #cc6633;
	border-bottom:dotted 1px #666666;
	padding-bottom: 3px;
}

#comments .count {
	font-weight: normal;
	font-size: x-small;
	color: #666666;
}

div.comment {
	margin-bottom: 20px;
}

div.comment-content {
	margin-bottom: 5px;
}

div.comment-content p.posted {
	margin-bottom: 20px;
	line-height: normal;
	clear: both;
}

p.comment-footer {
	font-size: x-small;
}

div.comment-open {
	margin-top: 25px;
}

h2.comments-open-header {
	margin-bottom: 10px;
	font-size: medium;
	color: #666666;
}

#comments-open-text textarea {
	width: 80%;
	height: 180px;
}

#comment-submit{
	width: 80%;
	text-align:center;
	margin-top: 5px;
	margin-bottom: 10px;
}

#bakecookie {
	vertical-align: middle;
}

#comment-data {
	float: left;
	width: 220px;
}

#comment-data p {
	margin-bottom: 3px;
}

#comment-preview {
	width: 520px;
	padding-bottom: 50px;
}

h2.comments-preview-header {
	margin-bottom: 10px;
	font-size: medium;
	color: #666666;
}

/* archive */
#archive-title {
	font-size: small;
	font-weight: normal;
	margin-bottom: 15px;
}

/* side */
#magazine {
	text-align:center;
	width: 160px;
	padding: 10px;
	margin-bottom: 20px;
	border:dotted 1px #999999;
	background-color: #f8f6f3;
}

#magazine p.mag-volume {
	margin-top:5px;
	font-size: small;
	color: #000000;
}

#magazine p.mag-feature {
	font-size: medium;
	color: #000000;
}

#magazine p.mag-cap {
	font-size: x-small;
	margin-top:2px;
}

#magazine p.mag-buy {
	font-size: small;
	margin-top:7px;
}

/* side */
.side-module-top {
	background: url(component/hashi.gif) no-repeat top left;
	border-bottom:dotted 1px #cc6633;
	padding: 10px 0px 3px 65px;
	margin-bottom:10px;
}

.side-module {
	margin-bottom: 20px;
	width:180px;
}

.side-module ul {
	font-size: small;	
	width: 180px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.side-module li {
	margin-bottom: 10px;
}

/* side-bottom*/
#side-bottom {
	margin-top: 50px;
	margin-bottom: 50px;
}

#powerd {
	margin-bottom: 7px;
}

#rss p {
	font-size: x-small;	
}

/* footer*/
#copyright {
	clear : left;
	font-size: x-small;	
	color: #999999;
	padding: 4px 0px 20px 70px;
	margin: 20px auto 0px auto;
	border-top:solid 1px #cccccc;
	width: 830px;
	text-align:left;
}
/* attention*/
#attention {
	font-size: x-small;	
	color: #000000;
	padding: 4px 0px 20px 70px;
	margin: 20px auto 0px auto;
	border-top:solid 1px #cccccc;
	width: 600px;
	text-align:left;
}
#attention p{
	font-size: small;	
	color: #000000;
	width: 550px;
	text-align:left;
	margin: 5px;
}