@charset "utf-8";

/*
==================================================
common styles and init.
==================================================
*/

/*
init
--------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", "メイリオ", Verdana, Arial, sans-serif;
}

body {
	background-color: #fff;
	line-height: 100%;
	font-size: 80%;
	color: #666;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	line-height: 120%
}

img {
	border: none;
}

/*
common
--------------------------------------------------
*/

.stealth{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font: 1px/1px monospace;
}

a.note {
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_img_link_icon.gif) left center no-repeat;
	padding: 0 0 0 42px;
}

a,
a:link,
a:visited {
	color: #448ac9;
	text-decoration: none;
}

a:hover {
	color: #95caf9;
	text-decoration: none;
}

/*
==================================================
wrapper
==================================================
*/

#wrapper {
	padding: 30px;
	border-top: 20px solid #448ac9;
}

#layout {
	width: 860px;
	margin: 0 auto;
}

/*
==================================================
header
==================================================
*/

#header {
	margin: 0 0 30px;
}

#header h1 {
	font-size: 400%;
	margin: 0 0 5px;
	line-height: 100%;
}

#header h1 a,
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover {
	color: #b1cc4a;
}

/*
==================================================
body
==================================================
*/

#primary {
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
}

/*
common
--------------------------------------------------
*/

.navi-first {
	width: 100%;
	margin: 0 0 50px;
	padding: 10px 0 0;
	border-top: 1px dotted #ccc;
}

.navi-second {
	width: 100%;
	margin: 0 0 50px;
	padding: 10px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.block {
	float: left;
}

.type-ls-l {
	width: 75%;
}

.type-ls-s {
	width: 25%;
}

.type-m {
	width: 50%;
}

.type-split3 {
	width: 33%;
}

.pos-center {
	text-align: center;
}

.pos-right {
	text-align: right;
}

/*
==================================================
entry
==================================================
*/

.entry {
	margin: 0 0 50px;
}

.entry .navi-first {
	margin: 30px 0 0;
}

/*
title
--------------------------------------------------
*/

.entry .title {
	margin: 0 0 30px;
	padding: 10px 0px 0 10px;
	height: 100%;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_entry_title.gif);
}

.entry .title .information {
	float: left;
	width: 280px;
}

.entry .title .information ul {
	list-style: none;
}

.entry .title .information li {
	list-style: none;
	margin: 0 0 5px;
}

.entry .title .information h2 {
	font-size: 120%;
	margin: 0 0 2px;
}

.entry .title .date {
	float: left;
	width: 165px;
	margin: 0 0 5px;
	font-size: 70px;
	font-weight: bold;
	line-height: 80%;
	text-align: right;
	color: #fff;
}

html>body .entry .title .date { /* other than IE */
	margin: 5px 0 0;
}

/*
body
--------------------------------------------------
*/

.entry .body {
	line-height: 160%;
}

.entry .body .more {
	margin: 30px 0 0;
}

/*
body other
--------------------------------------------------
*/

.entry .body .notice {
	font-weight: bold;
}

.entry .body .attention {
	font-weight: bold;
	color: #f00;
}

.entry .body .citation {
	padding: 15px;
	color: #999;
	border: 1px dotted #ccc;
	background: #fafafa url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_citation.gif) no-repeat center center;
}

.entry .body a img {
	float: left;
	margin: 0 15px 15px 0;
	padding: 3px;
	border: 1px solid #ccc;
}

.entry .body a:hover img {
	border: 1px solid #95caf9;
}

.entry .body .fc2_footer {
	margin: 20px 0 0;
}

/*
footer
--------------------------------------------------
*/


/*
==================================================
entry feedback
==================================================
*/

/*
common
--------------------------------------------------
*/

.feedback .title {
	padding: 5px;
	margin: 0 0 20px;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_other_title.gif);
	border-bottom: 3px solid #81ba07;
}

.feedback .title h3 {
	font-size: 120%;
	color: #6ea100;
}

.feedback input,
.feedback textarea {
	padding: 1px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	vertical-align: middle;
}

/*
comment
--------------------------------------------------
*/

.feedback .comment {
	margin: 0 0 50px;
}

.feedback .comment .element {
	margin: 0 0 20px;
	padding: 10px;
	height: 100%; /* measures IE box bug */
	border: 1px solid #cce198;
}

.feedback .comment .element .information {
	float: left;
	width: 133px;
	margin: 0 15px 0 0;
}

.feedback .comment .element .information h4 {
	font-size: 100%;
	line-height: 120%;
	margin: 3px 0 5px;
}

.feedback .comment .element .information p {
	font-size: 80%;
	margin: 0 0 5px;
}

.feedback .comment .element .body {
	float: left;
	line-height: 160%;
	width: 290px;
}

/*
comment form
--------------------------------------------------
*/

.feedback .form {
	margin: 0 0 50px;
}

.feedback .form dl {
	margin: 0 0 20px;
}

.feedback .form dt {
	margin: 0 0 4px;
}

.feedback .form dd {
	margin: 0 0 8px;
}

.feedback .form input {
	font-size: 100%;
}

.feedback .form textarea {
	font-size: 100%;
	width: 98%;
}

/*
trackback
--------------------------------------------------
*/

.feedback .trackback {
	margin: 0 0 50px;
}

.feedback .trackback .element {
	margin: 0 0 20px;
	padding: 10px;
	height: 100%; /* measures IE box bug */
	border: 1px solid #cce198;
}

.feedback .trackback .element h4 {
	font-size: 100%;
	margin: 0 0 10px;
}

.feedback .trackback .element .body {
	line-height: 160%;
	margin: 0 0 10px;
}

.feedback .trackback li {
	padding: 0 0 0 18px;
	margin: 0 0 5px;
	list-style: none;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_img_cursor.gif) no-repeat left center;
}

.feedback .trackback li.last {
	margin: 0;
}

.feedback .trackback li input {
	width: 98%;
}

/*
==================================================
secondarily
==================================================
*/

#secondarily  {
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
}

/*
==================================================
thirdly
==================================================
*/

#thirdly {
	float: left;
	width: 180px;
}

/*
==================================================
plugin
==================================================
*/

/*
title
--------------------------------------------------
*/

.plugin .title {
	padding: 5px;
	margin: 0 0 10px;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_other_title.gif);
	border-bottom: 3px solid #81ba07;
}

.plugin .title h3 {
	font-size: 120%;
	color: #6ea100;
}

/*
common
--------------------------------------------------
*/

.plugin .section {
	margin: 0 0 20px;
}

.plugin p {
	line-height: 120%;
	margin: 0 0 10px;
}

.plugin ul {
	list-style: none;
	margin: 0 0 10px;
}

.plugin ul li {
	margin: 0 0 5px;
	padding: 0 0 0 18px;
	line-height: 120%;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_img_cursor.gif) no-repeat left center;
}	

/*
entry, comment, trackback 
--------------------------------------------------
*/

.plugin ul.box li {
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
	background: none;
}

.plugin ul.box li a {
	display: block;
	padding: 8px;
	height: 100%;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_element.gif);
}

.plugin ul.box li a:hover {
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_entry_title.gif);
}

.plugin ul.box li a h4 {
	font-size: 100%;
	line-height: 120%;
	margin: 0 0 3px;
}

.plugin ul.box li a h5 {
	font-size: 100%;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 5px;
}

.plugin ul.box li a p {
	margin: 0;
	font-size: 80%;
}

/*
calender
--------------------------------------------------
*/

.plugin table.calender {
	width: 100%;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	border: 0;
}

.plugin table.calender th {
	width: 14%;
	font-size: 80%;
	padding: 0 0 5px;
}

.plugin table.calender td {
	width: 14%;
	height: 20px;
	line-height: 20px;
}

.plugin table.calender caption {
	padding: 5px 0 15px;
}

.plugin table.calender td a {
	display: block;
	height: 100%;
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_element.gif);
}

.plugin table.calender td a:hover {
	background: url(http://blog-imgs-23.fc2.com/j/y/o/jyokyoku/sgb2_bg_entry_title.gif);
}

/*
==================================================
footer
==================================================
*/

#footer p {
	margin: 0 0 5px;
}