@charset "utf-8";

/*
Theme Name: [ Photo ]
Description: for [ Photo ]
Version: 1.0
Author: Masao Ogata (Tail-Lagoon)
Author URI: http://www.tail-lagoon.com/
*/


/* ---------- Common CSS Index ---------- */
/*
	Standard Config
	Page Structure
	Common
	Header
	Content
		ContentNav
		Post
		Post Images
		Post Meta Data
		FeedBack
		FooterPageNav
		for Index
	SideBar
	Footer
*/

/* ---------- Standard Config ---------- */

* {
	font-size: 100%; /* 100% = 16px */
	line-height: 1.1;
}

body {
	margin: 0;
	padding: 0;
	color: #ccc;
	background: #000;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}


/* ---------- Page Structure ---------- */

#Page {
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
#Header {
	margin: 10px 0 0;
	padding: 0;
	width: 700px;
	border-bottom: 1px solid #222;
}
#PageBody {
	margin: 0;
	padding: 0;
}
#PageBody #Content {
	float: left;
	margin: 0;
	padding: 0;
	width: 700px;
}
#PageBody #SideBar {
	float: right;
	margin: 0;
	padding: 0 0 15px;
	width: 199px;
	border-left: 1px solid #222;
}
#Footer {
	clear: both;
	margin: 15px 0;
	padding: 0;
	width: 700px;
}


/* ---------- Common ---------- */
a {
	color: #468;
	text-decoration: none;
}
a:visited {
	color: #357;
}
a:hover {
	color: #68a;
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
}
input, select, option, textarea {
	/* font-size: 62.5%; */
}
.ClearB {
	clear: both;
}
.Ruby {
	font-size: 70%;
}
hr {
	display: none;
}
caption {
	margin: 0;
	padding: 0;
	text-align: left;
	caption-side: left;
	font-weight: bold;
}

/* ---------- Header ---------- */
#Header h1 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-family: serif;
}
#Header h1:first-letter {
	font-size: 200%;
}
#Header h1 a {
	color: #554;
}
#Header h1:first-letter a {
	color: #665;
}


/* ---------- Content ---------- */

/* ContentNav */
#Content .ContentNav {
	margin: 5px 15px 0;
	padding: 0;
	font-size: 62.5%;
	color: #999;
}
#Content .ContentNav .Prev {
	float: left;
	margin: 0;
	padding: 0;
}
#Content .ContentNav .Next {
	float: right;
	margin: 0;
	padding: 0;
}
#Content .Ex {
	text-align: center;
}

#Content h2#ArchiveTitle {
	clear: both;
	margin: 15px 0;
	padding: 0;
	font-size: 81.25%;
	font-weight: normal;
	color: #555;
	background: #181818;
}
#Content h2.Err {
	text-align: center;
}

/* Thumbnail */
#Content ul#Thumbnail {
	clear: both;
	margin: 0;
	_margin-left: -15px;
	padding: 15px 0 0;
	_padding-top: 0;
	list-style: none;
}
#Content ul#Thumbnail li {
	float: left;
	margin: 0 0 15px 15px;
	padding: 0;
	width: 122px;
	height: 122px;
}
#Content ul#Thumbnail li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 120px;
	text-decoration: none;
	border: 1px solid #333;
}
#Content ul#Thumbnail li a:hover {
	border-color: #fff;
}
#Content ul#Thumbnail li a img {
	border: 0 none;
}

/* TextList */
#Content ul#TextList {
	display: none;
}

/* Post */
#Content .Post {
	margin: 0;
	padding: 30px 0 0;
	clear: both;
}
#Content .Post .PostDate {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	font-size: 62.5%;
	color: #444;
	background: #161616;
}
#Content .Post h2 {
	margin: 5px auto 15px;
	padding: 0;
	width: 600px;
	text-align: center;
	color: #aaa;
	/*font-size: 81.25%;*/
	font-weight: normal;
}
#Content .Post .Entry {
	margin: 0;
	padding: 0;
}
#Content .Post .Entry .Photo {
	margin: 0 auto;
	padding: 0;
	width: 602px;
	text-align: center;
}
#Content .Post .Entry .Photo img {
	border: 1px solid #999;
}
#Content .Post .Entry .Text {
	margin: 30px 95px;
	padding: 0;
	/* width: 600px; */
	font-size: 75%;
	color: #999;
}
#Content .Post .Entry .Text p {
	line-height: 1.5;
}
#Content .Post .Entry .Text p.Data {
	text-align: center;
	color: #777;
}
#Content .Post .Entry p.FullResolution {
	margin: 30px 95px;
	padding: 0;
	height: 24px;
	text-align: center;
	font-size: 75%;
}
#Content .Post .Entry p.FullResolution a { /* W200 H24 */
	display: block;
	margin: 0 auto;
	padding: 6px 0 0;
	width: 200px;
	height: 18px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	background-image: url("images/full_btn.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Content .Post .Entry p.FullResolution a:hover {
	text-decoration: none;
}
#Content .Post .PostMetaData {
	margin: 0 95px;
	padding: 0;
	/* width: 600px; */
	text-align: center;
	font-size: 62.5%;
	color: #666;
}
#Content .WrittenBy {
	margin: -1em 20px 0;
	padding: 0;
	/* width: 600px; */
	text-align: right;
	font-size: 62.5%;
	color: #555;
}
#Content .Post .WrittenBy {
	margin: 5px 95px 30px;
	padding: 0;
	/* width: 600px; */
	background: #161616;
}
#Content .Post .FeedBackArea {
	margin: 10px 95px 0;
	padding: 5px;
	font-size: 62.5%;
	color: #666;
	background: #111;
	border: 1px dotted #222;
}
#Content .Post .FeedBackArea .State {
	margin: 0;
	line-height: 1.3;
}
#Content .Post .FeedBackArea h3 {
	margin: 1.5em 0 .5em;
	padding: 0;
	font-weight: normal;
	color: #808080;
	background: #222;
}
#Content .Post .FeedBackArea h3.respond {
}
#Content .Post .FeedBackArea form {
}
#Content .Post .FeedBackArea input#author ,
#Content .Post .FeedBackArea input#email ,
#Content .Post .FeedBackArea input#url {
	width: 240px;
	font-size: 110%;
}
#Content .Post .FeedBackArea textarea#comment {
	padding: 3px;
	width: 490px;
	font-size: 120%;
}
#Content .Post .FeedBackArea input#author ,
#Content .Post .FeedBackArea input#email ,
#Content .Post .FeedBackArea input#url ,
#Content .Post .FeedBackArea textarea#comment {
	color: #ccc;
	background: #333;
	border: 1px dotted #666;
}
/* for IE6 (Not IE7) */
* html #Content .Post .FeedBackArea input#author ,
* html #Content .Post .FeedBackArea input#email ,
* html #Content .Post .FeedBackArea input#url ,
* html #Content .Post .FeedBackArea textarea#comment {
	border-style: solid;
}
#Content .Post .FeedBackArea input#author:focus ,
#Content .Post .FeedBackArea input#email:focus ,
#Content .Post .FeedBackArea input#url:focus ,
#Content .Post .FeedBackArea textarea#comment:focus {
	color: #333;
	background: #eee;
	border: 1px solid #0cc;
}
#Content .Post .FeedBackArea label {
	color: #554;
}
#Content .Post .FeedBackArea ol {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
#Content .Post .FeedBackArea ol li {
	margin: 0 0 10px;
	padding: 25px 0 0;
}
#Content .Post .FeedBackArea ol li hr {
	display: block;
	margin: 0;
	padding: 0 0 15px;
	height: 10px;
	border: 0 none;
}
#Content .Post .FeedBackArea ol li p {
	margin: .5em 15px;
}
#Content .Post .FeedBackArea ol li h4 {
	margin: 0 15px;
	padding: 0;
}
#Content .Post .FeedBackArea ol li h4 span {
	font-weight: normal;
	font-size: 90%;
}
#Content .Post .FeedBackArea p.Submit {
	text-align: center;
}
#Content .Post .FeedBackArea p.Feed {
	margin: 0;
	padding: 0;
	text-align: right;
	color: #554;
}

/* P-Index */
#Content h2.P-Index {
	clear: both;
	margin: 15px 0 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
	font-family: serif;
	font-size: 81.25%;
	letter-spacing: .5em;
	color: #555;
	background: #181818;
}
#Content ul.P-Index {
	clear: both;
	margin: 25px 0 0 240px;
	padding: 0 0 0 1.5em;
	list-style: square;
	font-size: 81.25%;
	color: #555;
}
#Content ul.P-Index li {
	margin: 0 0 .5em;
	padding: 0;
}
#Content ul.P-Index li a {
	text-decoration: none;
	color: #579;
}
#Content ul.P-Index li a:hover {
	color: #6cf;
}

/* FooterPageNav */
#PageBody .PageNav {
	clear: both;
	margin: 0;
	padding: 30px 0 0;
	width: 700px;
	text-align: center;
	font-size: 62.5%;
	color: #666;
}
#PageBody .PageNav a img {
	border: 0 none;
}

/* Search */
#Content #SearchFormBox {
	margin: 0 152px 10px;
	padding: 2px 0;
	text-align: center;
	background: #554;
	border: 1px solid #1c1c1c;
}
#Content #SearchFormBox input {
	margin: 0 auto 1px;
	font-size: 62.5%;
}
#Content #SearchFormBox input#s {
	padding: 1px;
	width: 310px;
	cursor: text;
	color: #660;
	background: #ccc;
	border: 1px solid;
	border-color: #555 #888 #999 #666;
}
#Content #SearchFormBox input#s:hover ,
#Content #SearchFormBox input#s:focus {
	background: #fff;
}
#Content #SearchFormBox input#searchsubmit {
	width: 50px;
	color: #777;
	cursor: pointer;
	background: #363636;
	border: 1px solid;
	border-color: #555 #333 #222 #444;
}
#Content #SearchFormBox input#searchsubmit:hover {
	color: #999;
	background: #434343;
}


/* ---------- SideBar ---------- */
#SideBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#SideBar ul li {
	margin: 0;
	padding: 0;
}
#SideBar ul h2 {
	margin: 15px 0 0;
	padding: 0;
	min-height: 16px;
	_height: 16px;
	text-align: center;
	font-size: 62.5%;
	/* font-weight: normal; */
	line-height: 1;
	color: #333;
}
#SideBar ul ul {
	font-size: 62.5%;
	color: #777;
}
#SideBar ul ul ul.children {
	font-size: 100%;
}
#SideBar ul ul li {
	margin: 0;
	padding: 2px 10px 2px 15px;
}
#SideBar ul li.widget_categories ul li a {
	font-size: 110%;
	font-weight: bold;
}
#SideBar ul ul ul.children li {
	padding-right: 0;
	border-bottom: 0 none;
}
#SideBar #SearchFormBox ,
#SideBar #searchform {
	margin: 0 10px 10px;
	padding: 5px;
	text-align: center;
	background: #0c0c0c;
	border: 1px solid #222;
}
#SideBar #SearchFormBox input ,
#SideBar #searchform input {
	margin: 0 auto 1px;
	font-size: 62.5%;
	color: #777;
	width: 166px;
	cursor: pointer;
	background: #363636;
	border: 1px solid;
	border-color: #555 #333 #222 #444;
}
#SideBar #SearchFormBox input:hover ,
#SideBar #searchform input:hover {
	color: #999;
	background: #434343;
}
#SideBar #SearchFormBox input#SearchWord ,
#SideBar #SearchFormBox input#s ,
#SideBar #searchform input#SearchWord ,
#SideBar #searchform input#s {
	padding: 1px;
	width: 162px;
	cursor: text;
	color: #330;
	background: #999;
	border-color: #666 #888 #999 #777;
}
#SideBar #SearchFormBox input#SearchWord:hover ,
#SideBar #SearchFormBox input#SearchWord:focus ,
#SideBar #SearchFormBox input#s:hover ,
#SideBar #SearchFormBox input#s:focus ,
#SideBar #searchform input#SearchWord:hover ,
#SideBar #searchform input#SearchWord:focus ,
#SideBar #searchform input#s:hover ,
#SideBar #searchform input#s:focus {
	background: #fff;
}
#SideBar ul li ul#HomeLink li {
	text-align: center;
}
#SideBar ul li#tag_cloud ,
#SideBar ul li#tag_cloud-2,
#SideBar ul li.widget_tag_cloud {
	padding: 0 10px 10px;
	text-align: center;
	line-height: 1.3;
}
#SideBar ul li#tag_cloud a ,
#SideBar ul li#tag_cloud-2 a,
#SideBar ul li.widget_tag_cloud a {
	white-space: nowrap;
}
#SideBar ul li#recentcomments ,
#SideBar ul li#meta ,
#SideBar ul li#meta-2 {
	text-align: center;
}
#SideBar ul li#meta a ,
#SideBar ul li#meta-2 a {
	color: #234;
}

/* ---------- Footer ---------- */
#Footer p.Copy ,
#Footer p.PoweredBy {
	margin: 4px 0;
	padding: 0;
	text-align: center;
	font-size: 62.5%;
}
#Footer p.Copy {
	color: #444;
}
#Footer p.Copy a {
	color: #43494f;
}
#Footer p.PoweredBy {
	color: #2f2f2f;
}
#Footer p.PoweredBy a {
	color: #292f36;
}