@charset "utf-8";
/*
Theme Name: DorN-project用テンプレート
Theme URI: http://dorn-proect.net/
Description: DorN専用に作ったテーマ
Version: 1.0
Author: 霧雨潤輝（きりじゅん）
Author URI: http://dorn-project.net/
*/

/* CSS リセット ------------------------------------------------------ */

* {  
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

/* 主要部 ------------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	background: #666666;
	font-family: メイリオ, Verdana, Arial, Helvetica, ＭＳ Ｐゴシック, Sans-Serif;
	font-size: 12pt;
	color: black;
	text-align: center;
	line-height: 150%;
	}

#page {
	margin: 0px auto;
	padding: 0px;
	width: 922px; /* 1024pxの90% */
	background: white;
	border: 2px solid black;
	text-align: left;
	}

/* ヘッダー部分 ------------------------------------------------------ */

#header {
	width: 922px;
	-moz-box-shadow: 0px 2px 5px gray;
	-webkit-box-shadow: 0px 2px 5px gray;
	box-shadow: 0px 2px 5px gray;
	}
#header .description {
	width: 922px;
	height: 30px;
	background: black;
	font-size: 10pt;
	color: white;
	line-height: 150%;
	}
#headerimg {
	margin: 0px;
	}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	}
h1 a, h1 a:visited {
	display: block;
	width: 922px;
	height: 150px;
	background: #99ccff url(images/title.jpg) no-repeat;
	}
h1 a:hover, h1 a:focus {
	display: block;
	width: 922px;
	height: 150px;
	background: #ffcc99 url(images/title_over.jpg) no-repeat;
	}
h1 span {
	display: none; /* タイトルに画像を使うため */
	}

/* ナビゲーション部分 ------------------------------------------------ */

ul#nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 922px;
	height:30px; 
	background: black;
	text-align: center;
	line-height: 150%;
	}
ul#nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}
ul#nav .page_item a {
	color: #99ffff;
	text-decoration: none;
	margin: 5px 0.5em;
	font-size: 12pt;
	}
ul#nav .page_item a:hover, ul#nav .page_item a:focus {
	color: blue;
	background: white;
	}

/* コンテンツ部分 ---------------------------------------------------- */

#content {
	float: left;
	width: 667px;
	padding: 0px;
	background: transparent;
	text-align: center;
	}
.post {
	margin: 10px 10px 5px 10px;
	padding: 0px;
	text-align: left;
	background: #e5e5e5;
	border: 2px solid black;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
.post-date {
	float: left;
	padding: 0.2em 26px 0.2em 0.2em;
	background: url(images/bg_post-date.gif) no-repeat 100% 100%;
	font-style: italic;
	color: white;
	text-align: left;
	}
.post-title h2 {
	margin: 0px;
	padding: 0px;
	}
.post-title h2 a, .post-title h2 a:visited, h2.singlepage {
	display: block;
	margin: 15px 10px 0px 10px;
	padding: 0.2em 0px;
	border: 2px solid;
	border-color: #8ebbe8 #004385 #004385 #8ebbe8;
	background: #0066cc url(images/bg_post-title.gif) center repeat-x;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 2px black;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	color: white;
	}
.post-title h2 a:hover, .post h2 a:focus {
	display: block;
	margin: 15px 10px 0px 10px;
	padding: 0.2em 0px;
	border: 2px solid;
	border-color: #8ebbe8 #004385 #004385 #8ebbe8;
	background: #0066cc url(images/bg_post-title.gif) center repeat-x;
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
	text-shadow: 2px 2px 2px black;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	color: #99ffff;
	}
.entry {
	margin: 10px 10px 0px 10px;
	background: #bfd8f2;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	min-height: 1px; /* float はみ出し対策（IE 7対策） */
	}
/* float 要素のはみ出し対策 ------- */
.entry:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
.entry { display:inline-table; }
/* Mac IE 対策 \*/
* html .entry { height: 1px; }
.entry { display: block; }
/* */
/* はみ出し対策ここまで ----------- */

.entry h3 {
	clear: both;
	margin: 1em 0px;
	padding-left: 6px;
	border-top: 10px solid #e5e5e5;
	background: transparent url(images/bg_h3.gif) left bottom no-repeat;
	font-size: 14pt;
	font-weight: bold;
	color: #009900;
	text-shadow: 2px 2px 2px #ccffcc;
	}
.entry h3 a, .entry h3 a:visited {
	color: #009900;
	}
.entry h3 a:hover, .entry h3 a:focus {
	color: white;
	background: #009900;
	}
.entry h4 {
	clear: both;
	margin: 1em 0px;
	padding-left: 12px;
	background: transparent url(images/bg_h4.gif) left center no-repeat;
	font-size: 12pt;
	font-weight: bold;
	color: #006600;
	}
.entry p {
	margin-bottom: 1em;
	}
.entry a, .entry a:visited {
	color: blue;
	text-decoration: underline;
	}
.entry a:hover, .entry a:focus {
	background: blue;
	color: white;
	text-decoration: underline;
	}
.entry blockquote {
	margin: 10px;
	background: #f1fedb;
	color: #009900;
	}
.entry img {
	border: 0px;
	vertical-align: top;
	}
.entry object, .entry embed {
	margin: 0px auto;
	}
.entry .wp-caption {
	background: #e5e5e5;
/*	border: solid 1px #999999;*/
	padding-top: 5px;
	}


/* 記事内のリスト */

.entry ul, .entry ol {
	margin: 10px;
	padding-left: 10px;
	background: #f1fedb;
	list-style: outside;
	}
.entry ul li, .entry ol li {
	margin-left: 1em;
	}
.entry ol {
	list-style-type: decimal;
	}
.entry dl.explain {
	margin: 10px;
	padding: 0px 10px;
	background: #e5e5e5;
	}
.entry dl.explain dt {
	font-weight: bold;
	}
.entry dl.explain dd {
	margin-left: 2em;
	margin-bottom: 0.5em;
	}

/* 2chのスレッド */
dl.thread2ch {
	margin: 10px;
	padding: 0px 10px;
	background: #efefef;
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 16px;
	line-height: 18px;
	}
dl.thread2ch .name2ch {
	color: #009900;
	font-weight: bold;
	}
dl.thread2ch dd {
	margin-left: 35px;
	margin-bottom: 1em;
	}

.more-link {
	margin-left: 0.5em;
	}

/* Twitterタイムライン引用プラグイン */
.bbpBox {
	margin: 10px;
	}


/* ソーシャルッブックマーク・カテゴリ名・コメント件数 ---------------- */

.entryfooter {
	clear: both;
	margin: 0px 10px;
/*	margin: -1em 10px 0px 10px;*/
	text-align: right;
	font-size: 10pt;
	color: #666666;
	}
.entryfooter a, .entryfooter a:visited {
	color: #cc6600;
	text-decoration: none;
	}
.entryfooter a:hover, .entryfooter a:focus {
	color: #cc6600;
	text-decoration: underline;
	}
.bookmark {
	float: left;
	}
.entryfooter img {
	border: none 0px;
	}
.retweet {
	float: left;
	margin-right: -14px;
	}
.hatena {
	float: left;
	}
.ybm{
	float: left;
	}
.bookmark_sep {
	float: left;
	}

/* 次の投稿・前の投稿へのナビゲーション ------------------------------ */

.navigation {
	clear: both;
	margin: 10px 0px 20px 10px;
	padding: 0px;
	width: 647px;
	}
.navigation li {
	display: inline;
	list-style: none;
	}
.navigation a, .navigation a:visited {
	color: blue;
	}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/nav-left.png) no-repeat left center;
	}
.previous-entries a:hover, .previous-entries a:focus {
	background: #bfd8f2 url(images/nav-left.png) no-repeat left center;
	}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/nav-right.png) no-repeat right center;
	}
.next-entries a:hover, .next-entries a:focus {
	background: #bfd8f2 url(images/nav-right.png) no-repeat right center;
	}

/* 関連記事表示欄 ---------------------------------------------------- */
#similar_posts_list {
	margin: 10px 10px 0px 10px;
	background: #bfd8f2;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	list-style: disc outside;
	}
#similar_posts_list li {
	margin-left: 1em;
	}

/* Twitter表示欄 ----------------------------------------------------- */

#tweets {
	margin: 10px;
	}

/* トラックバックURL表示欄 ------------------------------------------- */

p.tb_url {
	margin: 10px 10px 20px 10px;
	background: #bfd8f2;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}

/* コメント投稿欄 ---------------------------------------------------- */

/* コメント欄とかの見出し */
#similar_posts, #comments, #respond, #trackback-url, #pings {
	margin: 15px 10px 0px 10px;
	padding: 0.2em 0px;
	border: 2px solid;
	border-color: #8ebbe8 #004385 #004385 #8ebbe8;
	background: #0066cc url(images/bg_post-title.gif) center repeat-x;
	font-size: 14pt;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 2px black;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
.commentlist {
	margin: 10px 10px 0px 10px;
	line-height: 130%;
	}
.commentlist div {
	display: inline;
	}
.commentlist li{
	list-style-position: inside;
	padding: 5px 10px;
	position: relative;
	font-size: 80%;
	}
.commentlist p{
	margin-left: 2em;
	}
.commentlist .alt {
	background: #cccccc;
	}
.commentlist cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #cc6600;
	}
.commentlist cite a, .commentlist cite a:visited, .commentmetadata a, .commentmetadata a:visited {
	color: #cc6600;
	text-decoration: none;
	}
.commentlist cite a:hover, .commentlist cite a:focus, .commentmetadata a:hover, .commentmetadata a:focus {
	background: #cc6600;
	color: white;
	text-decoration: none;
	}
.commentlist small {
	margin-bottom: 5px;
	font-size: 10pt;
	}
#commentform {
	margin: 10px;
	padding-bottom: 1px;
	background: #bfd8f2;
	font-size: 14pt;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
#commentform p {
	margin: 0px 10px;
	padding: 6px 0px;
	}
#commentform p a, #commentform p a:visited {
	color: blue;
	text-decoration: underline;
	}
#commentform p a:hover, #commentform p a:focus {
	background: blue;
	color: white;
	text-decoration: none;
	}
#commentform label {
	font-size: 12pt;
	font-weight: normal;
	color: black;
	}
#commentform input {
	margin-top: 3px;
	padding: 3px;
	width: 153px;
	background: #f1fedb;
	border: 1px solid #bdd77f;
	}
#commentform textarea {
	margin-top: 3px;
	padding: 2px;
	width: 478px;
	height: 115px;
	background: #f1fedb;
	border: 1px solid #bdd77f;
	}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
	}
#commentform #submit {
	width: 80px;
	height: 29px;
	background: black url(images/bg_button.gif) center repeat-x;
	border: solid 2px;
	border-color: #cccccc #333333 #333333 #cccccc;
	font-family: メイリオ;
	font-size: 12pt;
	font-weight: bold;
	color: white;
	}
#commentform #submit:hover, #commentform #submit:focus {
	background: #663300 url(images/bg_button-over.gif) center repeat-x;
	border-color: #eeaacc #452300 #452300 #eeaacc;
	}
p.nocomments {
	margin: 10px 10px 15px 10px;
	border: 1px dashed #cccccc;
	}
p.nopings {
	margin: 10px 10px 15px 10px;
	border: 1px dashed #cccccc;
	}
	

/* サイドバー -------------------------------------------------------- */

#sidebar {
	float: left;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	width: 240px;
	background: #e5e5e5;
	border: 2px solid black;
	text-align: left;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
#sidebartitle {
	float: left;
	padding: 0.2em 35px 0.2em 0.2em;
	background: url(images/bg_post-date.gif) no-repeat 100% 100%;
	font-style: italic;
	color: white;
	}
#sidebar .searchtitle, #sidebar .sidebartitle {
	margin: 15px 10px 0px 10px;
	padding: 0.2em 0px;
	border: 2px solid;
	border-color: #96eac0 #008141 #008141 #96eac0;
	background: #00cc66 url(images/bg_sidebar-title.gif) center repeat-x;
	font-size: 14pt;
	font-weight: bold;
	color: white;
	text-shadow: 2px 2px 2px black;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	text-decoration: none;
	}
#sidebar .sidebartitle {
	text-align: center;
	}
#sidebar dl {
	margin-bottom: 15px;
	}
#sidebar ul {
	margin-bottom: 10px;
	list-style: none;
	}
#sidebar ul li {
	margin: 2px 0px;
	}
/*#sidebar .list-cat, #sidebar .list-recent, #sidebar .list-popular, #sidebar .list-archives, #sidebar .list-blogroll, #sidebar #searchform*/
.widget {
/*	margin: 10px 10px 0px 10px;*/
	margin: 10px 10px 15px 10px;
	background: #bff2bf;
	color: #669966;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
#sidebar .list-cat, #sidebar .list-recent, #sidebar .list-popular, #sidebar .list-archives, #sidebar .list-blogroll {
	font-size: 12pt;
	line-height: 150%;
	}
#sidebar .list-recent li, #sidebar .list-popular li {
	margin-bottom: 1em;
	}
#sidebar .list-archives {
	height: 10em;
	overflow: auto;
	}
#sidebar a, #sidebar a:visited {
	color: blue;
	text-decoration: underline;
	}
#sidebar a:hover, #sidebar a:focus {
	background: blue;
	color: white;
	text-decoration: none;
	}

/* 検索フォーム ------------------------------------------------------ */

#searchform br {
	display: none;
	}
#searchform #s {
	margin-right: 2px;
	padding: 4px 5px 0px 5px;
	width: 135px;
	height: 22px;
	border: solid 1px #00cc66;
	background: white;
	color: black;
	font-weight: normal;
	}
#searchform input {
	background: black url(images/bg_button.gif) center repeat-x;
	border: 2px solid;
	border-color: #cccccc #333333 #333333 #cccccc;
	width: 67px;
	height: 26px;
	font-size: 12pt;
	font-family: メイリオ;
	color: white;
	vertical-align: middle;
	}
#searchform input:hover, #searchform input:focus {
	background: #663300 url(images/bg_button-over.gif) center repeat-x;
	border-color: #eeaacc #452300 #452300 #eeaacc;
	}

/* フッター部分 ------------------------------------------------------ */

#footer {
	clear: left;
	margin: 0px auto;
	padding: 0px;
	width: 922px;
	height: 4em;
	background: black;
	color: white;
	}
#footer ul.copy {
	list-style: none;
	float: left;
	font-style: italic;
	}
#footer ul li {
	display: inline;
	}
#footer ul.misc {
	float: right;
	}
#footer ul.misc li {
	margin-left: 0.5em;
	}
#footer ul.counter {
	clear: both;
	padding-top: 1em;
	font-size: 10pt;
	text-align: right;
	}
#footer ul.counter li {
	display: inline;
	padding-left: 0.5em;
	}
#footer a, #footer a:visited {
	color: #99ffff;
	text-decoration: underline;
	}
#footer a:hover, #footer a:focus {
	background: blue;
	color: white;
	text-decoration: underline;
	}
#footer a.rss, #footer a.rss:visited {
	padding-left: 14px;
	background: transparent url(images/rssicon.gif) 0% center no-repeat;
	}
#footer a.rss:hover, #footer a.rss:focus {
	padding-left: 14px;
	color: white;
	background: blue url(images/rssicon.gif) 0% center no-repeat;
	}
#footer p {
	margin: 0px;
	padding: 20px 0px;
	text-align: center;
	}

/* 画像部分 ---------------------------------------------------------- */

p img {
	padding: 0px;
	max-width: 100%;
	}
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	margin: 0px 0px 2px 7px;
	padding: 4px;
	display: inline;
	}
img.alignleft {
	margin: 0px 7px 2px 0px;
	padding: 4px;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
p.wp-caption-text {
	font-size: 10pt;
	}

/* その他の要素 ------------------------------------------------------ */

.clear {
	clear: both;
	}
ol {
	list-style-type: decimal;
	}
em {
	text-decoration: underline;
	font-style: normal;
	}
strong {
	font-weight: bold;
	}
del {
	color: #666666;
	text-decoration: line-through;
	}
ins {
	color: #009900;
	text-decoration: underline;
	}
big {
	font-size: 150%;
	}
code {
	margin: 0px 0.5em;
	background: #f1fedb;
	}
.aligncenter {
	margin: 0px auto;
	text-align: center;
	}	


/* BIGLOBEサーチの表 */
table.biglobesearch {
	margin: 0px auto;
	border: none;
	border-collapse: separate;
	font-size: 10pt;
	}
table.biglobesearch td.tdtitle {
	text-align: center;
	}
table.biglobesearch td.male {
	width: 260px;
	background: #eeffff;
	}
table.biglobesearch td.age {
	width: 50px;
	background: white;
	}
table.biglobesearch td.female {
	width: 260px;
	background: #ffeeff;
	}

/* ページナビプラグイン用 -------------------------------------------- */

.wp-pagenavi {
	clear: both;
	margin: 20px;
	}
.wp-pagenavi a, .wp-pagenavi a:visited {
	margin: 2px;
	padding: 2px 6px;
	text-decoration: none;
	border: 2px solid black;
	color: blue;
	background-color: #bfd8f2;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
.wp-pagenavi a:hover, .wp-pagenavi a:focus {
	padding: 2px 6px;
	color: white;
	background-color: blue;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
/* 「ページ数：x/y」表示 */
.wp-pagenavi .pages {
	margin: 2px 2px 2px 2px;
	padding: 2px 6px;
	color: #000000;
	border: 2px solid black;
	background-color: #e5e5e5;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
/* 現在のページ */
.wp-pagenavi .current {
	margin: 2px;
	padding: 2px 6px;
	font-weight: bold;
	border: 2px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}
/* 多分「...」の欄？ */
.wp-pagenavi .extend {
	margin: 2px;
	padding: 2px 6px;
	border: 2px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	-moz-box-shadow: 2px 2px 5px gray;
	-webkit-box-shadow: 2px 2px 5px gray;
	box-shadow: 2px 2px 5px gray;
	}