/*
Theme Name: Main
Theme URI: http://www.blog-style.net/
Description: Blog Style
Author: 樋口卓也
Author URI: http://www.blog-style.net/
Version: 1.0
Tags: trunk,two columns
*/
/* 検索結果スタイル */
ul.list {
	width:140px;
	list-style:none;
	margin-left:10px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #999999;
	float:left;
	}
.list li {
	text-align:center;
	}
/* 装飾用スタイル */
span.red {
	color:#ff0000;
	}
span.bigred {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	}
span.blue {
	color:#0000ff;
	}
span.bigblue {
	color:#0000ff;
	font-size:14px;
	font-weight:bold;
	}
ul.article_style {
	font-size:12px;
	}
.article_style li {
	text-indent:18px;
	background-image:url(images/s_list.png);
	background-repeat:no-repeat;
	background-position:center left;
	line-height:24px;
	}
/* 新着情報 */
#news_box {
	border:1px #999999 solid;
	padding:5px 5px 5px 8px;
	width:560px;
	height:60px;
	overflow:auto;
	float:right;
	margin-right:20px;
	margin-bottom:0px;
	}
p.to_list {
	font-size:12px;
	text-align:left;
	text-indent:15px;
	}
/* 全体的なルール */
div.textwidget {
	font-size:12px;
	margin-left:10px;
	color:#666;
	}
* {
	margin: 0;
	padding: 0;
}
ul,li,p,h1,h2,h3,h4,h5,dl,dd,dt,a {
	padding:0px;
	margin:0px;
	text-align:left;
	}
body {
	font-family: verdana, sans-serif;
	background-image:url(images/back.png);
	text-align:center;
}
div#out {
	width:934px;
	margin:0px auto;
	background-image:url(images/body.png);
	background-repeat:repeat-y;
	overflow:auto;
	padding-bottom:20px;
	}
div#out img {
	border:0px;
	padding:0px;
	}
a { text-decoration: none }
a { color:#000000; }
a:hover { color:#ff0000; }
br.clear {
	clear:both;
	}
/* ヘッダーテンプレート */
#head_back {
	height:209px;
	background-image:url(images/head_back.png);
	background-repeat:repeat-x;
	}
div#header {
	width:934px;
	height:209px;
	background: url(images/head.png) no-repeat;
	margin:0px auto;
}
div#header h1 {
	font-size:12px;
	font-weight:normal;
	width:455px;
	height:154px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	float:left;
}
div#header h1 a:link, div#header h1 a:visited {
	color: #ffffff;
	display:block;
	width:455px;
	height:154px;
	}
div#header h1 a:hover, div#header h1 a:active { color: #ff0000; }
/* トップメニュー */
#main_menu {
	width:479px;
	height:209px;
	float:right;
	background-image:url(images/head_menu.png);
	text-align:left;
	}
#main_menu ul#mm {
	padding:0px;
	list-style:none;
	text-indent:-8000px;
	}
#mm li#mm01 {
	width:65px;
	height:78px;
	float:left;
	position:relative;
	top:50px;
	left:46px;
	}
#mm li#mm01 a {
	width:65px;
	height:78px;
	display:block;
	}
#mm li#mm01 a:hover {
	width:65px;
	height:78px;
	background-image:url(images/head_menu_hover.png);
	background-position:-46px -50px;
	}
#mm li#mm02 {
	width:65px;
	height:78px;
	float:left;
	position:relative;
	top:50px;
	left:55px;
	}
#mm li#mm02 a {
	width:65px;
	height:78px;
	display:block;
	}
#mm li#mm02 a:hover {
	width:65px;
	height:78px;
	background-image:url(images/head_menu_hover.png);
	background-position:-120px -50px;
	}
#mm li#mm03 {
	width:65px;
	height:78px;
	float:left;
	position:relative;
	top:50px;
	left:66px;
	}
#mm li#mm03 a {
	width:65px;
	height:78px;
	display:block;
	}
#mm li#mm03 a:hover {
	width:65px;
	height:78px;
	background-image:url(images/head_menu_hover.png);
	background-position:-196px -50px;
	}
#mm li#mm04 {
	width:65px;
	height:78px;
	float:left;
	position:relative;
	top:50px;
	left:80px;
	}
#mm li#mm04 a {
	width:65px;
	height:78px;
	display:block;
	}
#mm li#mm04 a:hover {
	width:65px;
	height:78px;
	background-image:url(images/head_menu_hover.png);
	background-position:-275px -50px;
	}
#mm li#mm05 {
	width:80px;
	height:78px;
	float:left;
	position:relative;
	top:50px;
	left:98px;
	}
#mm li#mm05 a {
	width:80px;
	height:78px;
	display:block;
	}
#mm li#mm05 a:hover {
	width:80px;
	height:78px;
	background-image:url(images/head_menu_hover.png);
	background-position:-358px -50px;
	}
/* セカンドメニュー */
ul#hm {
	line-height:36px;
	list-style:none;
	float:left;
	}
ul#hm li {
	float:left;
	font-weight:bold;
	font-size:14px;
	margin-left:24px;
	}
ul#hm li a {
	color:#ffffff;
	}
ul#hm li a:hover {
	color:#ff0000;
	}

/* フッターテンプレート */
div#footback {
	height:180px;
	background-color:#550c0c;
	font-size: 12px;
	}
div#footer {
	width:934px;
	height:180px;
	margin:0px auto;
	clear: both;
	color:#ffffff;
	background-image:url(images/foot.png);
	background-repeat:no-repeat;
}
div#footer a {
	color:#ffffff;
	}
div#footer a:hover {
	color:#ff0000;
	}
.f_box {
	width:210px;
	float:left;
	padding-left:18px;
	}
p.flink {
	padding-left:10px;
	line-height:18px;
	}
p.footmenu{
	width:210px;
	height:50px;
	background-image:url(images/footmenu.png);
	background-repeat:no-repeat;
	font-size:16px;
	line-height:50px;
	text-indent:5px;
	font-weight:bold;
	padding:0px;
	margin-top:10px;
	}
p#copyright {
	text-align:center;
	clear:both;
	line-height:30px;
}

/* トップページテンプレート */
div#content {
	padding:0px 0px 0px 20px;
	width: 625px;
	float: left;
	display: inline; /* IE6+5.x 対応 */
}
div#content p {
	width:550px;
	font:12px;
	line-height:18px;
	margin-bottom: 1em;
	margin-left:15px;
	clear:both;
	letter-spacing:0.1em;
}
div.post {
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div.post p {
	width:550px;
	font-size:12px;
	}
table.main {
	width:600px;
	margin-bottom:5px;
	float:right;
	}
.main th {
	}
.main td {
	font-size:14px;
	line-height:16px;
	}
h2.posttitle {
	font-size: 12px;
	margin-bottom: 0.5em;
}
dl {
	margin-bottom: 1em;
}
dl.metadata dt, dl.metadata dd {
	font-size: 12px;
	line-height: 1.5;
	color: #666;
	display: inline;
}
dl.metadata dd {
	border-right: 1px solid #ccc;
	padding-right: 0.5em;
	margin-right: 0.5em;
}
dl.metadata dd.last {
	border-right: none;
}

p.navigation {
	text-align: center;
	clear:both;
}

/* サイドバー */
div#sidebar {
	width: 220px;
	float: left;
	padding:0px 0px 0px 20px;
	font-size:12px;
	line-height:16px;
}
ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}
ul.sidemenu {
	width:210px;
	}
.sidemenu li {
	padding-left:20px;
	line-height:20px;
	}
.sidemenu li.smt1 {
	width:210px;
	height:58px;
	background-image:url(images/sidetitle.png);
	background-repeat:no-repeat;
	font-size:16px;
	line-height:54px;
	text-indent:50px;
	font-weight:bold;
	clear:both;
	padding:0px;
	}
.sidemenu li.smt {
	width:210px;
	height:58px;
	background-image:url(images/sidetitle.png);
	background-repeat:no-repeat;
	font-size:16px;
	line-height:54px;
	text-indent:50px;
	font-weight:bold;
	clear:both;
	padding:0px;
	margin-top:10px;
	}
.sidemenu li.half {
	width:85px;
	float:left;
	text-indent:18px;
	background-image:url(images/s_list.png);
	background-repeat:no-repeat;
	background-position:15px 4px;
	line-height:20px;
	padding-left:15px;
	}
.serchstyle {
	width:180px;
	font-size:12px;
	line-height:16px;
	text-align:left;
	margin-left:20px;
	}
.serchstyle input {
	margin-bottom:5px;
	}
.serchstyle select {
	margin-bottom:5px;
	}
div#sidebar li.searchform ul {
	margin-left: 0;
}
div#sidebar li.searchform li {
	background: none;
	padding-left: 0;
}
div#sidebar li.searchform li input#s {
	width: 110px;
	margin-top: 2px;
}
div#sidebar li.searchform li input#searchsubmit {
	width: 3em;
}
h2.widgettitle {
	font-size: 0.85em;
	font-weight:bold;
	color: #666;
	}
/* 投稿本文 */
.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 10px auto;
	text-align: center;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	width:800px;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 5px 10px 10px 10px;
}
.wp-caption img {
	border: none;
}
.wp-caption p.wp-caption-text {
	width:100%;
	font-size: 12px;
	line-height: 1.6;
	padding: 2px 5px 0px 5px;
}
img.aligncenter,
img.alignleft,
img.alignright {
	border: 1px solid #ccc;
	margin: 5px 10px 10px 10px;
}
div.post blockquote {
	margin-bottom: 1em;
	padding: 20px 15px 10px 15px;
	border: 1px solid;
	border-color: #efefef #ccc #ccc #efefef;
}
div.post ul, div.post ol {
	margin: 0 0 1em 20px;
}
div.post li {
	font-size: 12px;
	line-height: 1.5;
}
div.post li li {
	font-size: 12px;
}
hr {
	border-top: solid #ccc;
	background: #fff;
	color: #fff;
	border-width: 1px 0 0 0;
	margin: 1em 0;
}
code {
	font-family: "courier new", courier, monotype;
	font-size: 12px;
}

/* コメント */
#comments p {
	font-size:12px;
	}
#comments p.md {
	font-size:14px;
	font-weight:bold;
	color:#550c0c;
	}
input#trackbackurl {
	width: 400px;
	font-size: 12px;
	margin-bottom: 1em;
	color: #666;
}
ol#commentlist {
	margin: 0 0 15px 0;
	font-size: 12px;
}
ol#commentlist li.commentcontent {
	display: block;
	list-style: none;
	margin-bottom: 1em;
	padding: 20px 15px 10px 15px;
	border: 1px solid;
	border-color: #efefef #ccc #ccc #efefef;
}
ol#commentlist li dl.metadata dt,
ol#commentlist li dl.metadata dd,
ol#commentlist li, ol#commentlist p {
	font-size: 12px;
}
ol#commentlist li li {
	font-size: 12px;
}
ol#commentlist img.avatar {
	padding-left: 8px;
	float: right;
}
ol#commentlist div.commenttext {
	width: 330px;
	float: left;
}
p.note {
	background: #FFF8D5;
	padding: 3px 8px;
	color: #666;
	border: 2px solid #E5AB6A
}
form#commentform label {
	width: 140px;
	float: left;
	margin: 0.25em 10px 0 0;
	font-weight: bold;
}
form#commentform p {
	clear: both;
}
form#commentform sub {
	display: block;
	padding-top: 2px;
}
input#author, input#email, input#url {
	width: 244px;
	border: 3px double #ccc;
	padding: 1px 3px;
}
textarea {
	font-size: 12px;
	border: 3px double #ccc;
	width: 400px;
}
p.submitbutton {
	text-align: center;
}
p.submitbutton input {
	padding: 3px 1em;
	font-weight: bold;
	color: #555;
}
/* ページ内設定*/
h2.posttitle {
	width:614px;
	height:58px;
	line-height:50px;
	font-size:18px;
	text-align:left;
	background-image:url(images/hxtitle.png);
	background-repeat:no-repeat;
	text-indent:65px;
	color:#000000;
	clear:both;
	}
h2.posttitle a {
	color:#000000;
	}
h2.posttitle a:hover {
	color:#ff0000;
	}
h2,h3,h4,h5,h6 {
	width:614px;
	height:58px;
	line-height:50px;
	font-size:18px;
	text-align:left;
	background-image:url(images/hxtitle.png);
	background-repeat:no-repeat;
	text-indent:65px;
	color:#000000;
	clear:both;
	}
h3.title a {
	color:#000000;
	}
h3.title a:hover {
	color:#ff0000;
	}
h4.title a {
	color:#000000;
	}
h4.title a:hover {
	color:#ff0000;
	}
h5.title a {
	color:#000000;
	}
h5.title a:hover {
	color:#ff0000;
	}
h6.title a {
	color:#000000;
	}
h6.title a:hover {
	color:#ff0000;
	}
/* Mac IE 文字化け回避対策*/ 
input, select, textarea { 
font-family: "ヒラギノ角ゴPro W3", osaka, verdana, "MS ゴシック", sans-serif; 
}