@charset "UTF-8";

/*
 element
--------------------------------------*/
html, body, div,
span, h1, h2, h3, h4, h5, h6, p, a, abbr, address, code, del, ins, em, img, strong,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	text-align: left;
	font-family: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}
*:focus {
	outline: 0;
}




/*
 display
--------------------------------------*/
html, body, div, ol, ul, dl, dd, p, h1, h2, h3, h4, h5, h6, fieldset, form, label, legend {
	display: block;
}
abbr, strong, code, span, em, strong {
	display: inline;
}
li {
	display: list-item;
}
head {
	display: none;
}





/*
 block
--------------------------------------*/
html {
	font-size: 16px;
	line-height: 1.5;
	font-family: Arial, sans-serif;
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_background.png") repeat #444;
	color: #eee;
}





/*
 table
--------------------------------------*/
table {
	display: table;
}
caption {
	display: table-caption;
	text-align: center;
	font-weight: bold;
}
thead {
	display: table-header-group;
}
tfoot {
	display: table-footer-group;
}
tbody {
	display: table-row-group;
}
tr {
	display: table-row;
}
th, td {
	display: table-cell;
	vertical-align: middle;
	padding: 2px 6px;
}





/*
 form
--------------------------------------*/
input[type="submit"]:hover {
	cursor: pointer;
}





/*
 inline
--------------------------------------*/
a {
	color: #fff;
}

img {
	outline: none;
	vertical-align: middle;
}

strong {
	font-weight: bold;
}

code {
	font-family: "Courier New", monospace;
}



/*
 div.header
--------------------------------------*/
div.header h1 {
	height: 80px;
	line-height: 80px;
	margin: 0 0 0 30px;
}

div.header h1 a {
	font-size: 24px;
	font-weight: bold;
	color: #dcdcdc;
	color: rgba(255,255,255,.8);
	text-decoration: none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.header h1 a:hover {
	color: #fff;
}





/*
 div.main
--------------------------------------*/
div.main {
	position: absolute;
	top: 80px;
	left: 0;
	width: 720px;
}

div.main div.article {
	position: relative;
	width: 618px;
	border: 1px solid #dcdcdc;
	border-top: 0;
	-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.2);
	-moz-box-shadow: 0 0 0 10px rgba(255,255,255,.2);
	box-shadow: 0 0 0 10px rgba(255,255,255,.2);
	background: #eee;
	color: #333;
	margin: 0 0 30px 30px;
}
div.main div.article a {
	color: #000;
}
div.main div.article div.header {
	border-top: 10px solid #dcdcdc;
	padding: 10px 10px 0 10px;
	margin: 0 0 30px 0;
}
div.main div.article div.header h2 {
	width: 468px;
	font-size: 22px;
}
div.main div.article div.header h2 a {
	text-decoration: none;
}

div.main div.article div.header ul {
	list-style-type: none;
	font-size: 14px;
}

/* ie用 inline-block処理 */
div.main div.article div.header ul.entry_data li,
div.main div.article div.header ul.entry_tags li,
div.main div.article div.footer ul.entry_community li {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
div.main div.article div.footer ul.entry_community li {
	margin: 5px 0 5px 10px;
}

div.main div.article div.header ul.entry_data li,
div.main div.article div.header ul.entry_tags li,
div.main div.article div.footer ul.entry_community li {
	display: inline;
}
div.main div.article div.header ul.entry_data > li,
div.main div.article div.header ul.entry_tags > li,
div.main div.article div.footer ul.entry_community > li {
	display: inline-block;
}

/* ie用 border */
div.main div.article div.header ul.entry_data li.entry_permalink,
div.main div.article div.header ul.entry_data li.entry_author {
	border-left: 3px solid #dcdcdc;
	padding: 0 0 0 10px;
}

/* その他 ブラウザはborder削除*/
div.main div.article div.header ul.entry_data > li.entry_permalink,
div.main div.article div.header ul.entry_data > li.entry_author {
	border-left: 0;
}
div.main div.article div.header ul.entry_data > li.entry_permalink::before,
div.main div.article div.header ul.entry_data > li.entry_author::before {
	display: inline-block;
	width: 9px;
	height: 9px;
	content: "";
	vertical-align: middle;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 0 20px 0 0;
}

div.main div.article div.header ul.entry_data li.entry_comment,
div.main div.article div.header ul.entry_data li.entry_trackback {
	position: absolute;
	top: 0;
	margin: 0;
}
div.main div.article div.header ul.entry_data li.entry_comment a,
div.main div.article div.header ul.entry_data li.entry_trackback a {
	display: block;
	width: 29px;
	height: 29px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
	border-top: 0;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	background: #dcdcdc;
	text-decoration: none;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main div.article div.header ul.entry_data li.entry_comment a:hover,
div.main div.article div.header ul.entry_data li.entry_trackback a:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
}

div.main div.article div.header ul.entry_data li.entry_comment {
	right: 50px;
}
div.main div.article div.header ul.entry_data li.entry_trackback {
	right: 10px;
}

div.main div.article div.header ul.entry_data li.entry_comment::before,
div.main div.article div.header ul.entry_data li.entry_trackback::before {
	position: absolute;
	top: -25px;
	left: -15px;
	display: none;
	width: 60px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	background: #eee;
}
div.main div.article div.header ul.entry_data li.entry_comment::after,
div.main div.article div.header ul.entry_data li.entry_trackback::after {
	position: absolute;
	top: -5px;
	left: 11px;
	width: 0;
	height: 0;
	content: "";
	border-top: solid 8px #eee;
	border-bottom: 0;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
}
div.main div.article div.header ul.entry_data li.entry_comment::before {
	content: "comment";
}
div.main div.article div.header ul.entry_data li.entry_trackback::before {
	content: "trackback";
}

div.main div.article div.header ul.entry_data li.entry_comment::before,
div.main div.article div.header ul.entry_data li.entry_trackback::before,
div.main div.article div.header ul.entry_data li.entry_comment::after,
div.main div.article div.header ul.entry_data li.entry_trackback::after {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}

div.main div.article div.header ul.entry_data li.entry_comment:hover::before,
div.main div.article div.header ul.entry_data li.entry_trackback:hover::before,
div.main div.article div.header ul.entry_data li.entry_comment:hover::after,
div.main div.article div.header ul.entry_data li.entry_trackback:hover::after {
	display: block;
	opacity: 1;
}

/* ie用 border含む */
div.main div.article div.header ul.entry_tags {
	list-style-type: none;
	border-bottom: 1px dotted #666;
	font-size: 14px;
}
/* その他 ブラウザはborder削除 */
div.main div.article div.header > ul.entry_tags {
	border-bottom: 0;
}
div.main div.article div.header > ul.entry_tags::after {
	display: block;
	width: 560px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dcdcdc;
	margin: 10px auto 30px auto;
}

div.main div.article div.header ul.entry_tags li.entry_category,
div.main div.article div.header ul.entry_tags li.entry_tag,
div.main div.article div.footer ul.entry_community li {
	position: relative;
}
div.main div.article div.header ul.entry_tags li.entry_category a,
div.main div.article div.header ul.entry_tags li.entry_tag a,
div.main div.article div.footer ul.entry_community li a {
	height: 20px;
	line-height: 20px;
	background: #dcdcdc;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	border: 1px solid #fff;
	font-size: 14px;
	text-decoration: none;
	margin: 5px 0;
	padding: 2px 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

div.main div.article div.header ul.entry_tags li.entry_category a::before,
div.main div.article div.header ul.entry_tags li.entry_tag a::before,
div.main div.article div.footer ul.entry_community li a::before {
	position: absolute;
	top: -25px;
	left: 0;
	display: none;
	width: 60px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	background: #333;
	color: #eee;
}
div.main div.article div.header ul.entry_tags li.entry_category a::after,
div.main div.article div.header ul.entry_tags li.entry_tag a::after,
div.main div.article div.footer ul.entry_community li a::after {
	position: absolute;
	top: -5px;
	left: 11px;
	width: 0;
	height: 0;
	content: "";
	border-top: solid 8px #333;
	border-bottom: 0;
	border-left: solid 4px transparent;
	border-right: solid 4px transparent;
}
div.main div.article div.header ul.entry_tags li.entry_category a::before {
	content: "category";
}
div.main div.article div.header ul.entry_tags li.entry_tag a::before {
	content: "tag";
}
div.main div.article div.footer ul.entry_community li.entry_janre a::before {
	content: "janre";
}
div.main div.article div.footer ul.entry_community li.entry_theme a::before {
	content: "theme";
}
div.main div.article div.header ul.entry_tags li.entry_category a::before,
div.main div.article div.header ul.entry_tags li.entry_tag a::before,
div.main div.article div.footer ul.entry_community li a::before,
div.main div.article div.header ul.entry_tags li.entry_category a::after,
div.main div.article div.header ul.entry_tags li.entry_tag a::after,
div.main div.article div.footer ul.entry_community li a::after {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}

div.main div.article div.header ul.entry_tags li.entry_category a:hover,
div.main div.article div.header ul.entry_tags li.entry_tag a:hover,
div.main div.article div.footer ul.entry_community li a:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
}
div.main div.article div.header ul.entry_tags li.entry_category > a:hover::before,
div.main div.article div.header ul.entry_tags li.entry_tag > a:hover::before,
div.main div.article div.footer ul.entry_community li > a:hover::before,
div.main div.article div.header ul.entry_tags li.entry_category > a:hover::after,
div.main div.article div.header ul.entry_tags li.entry_tag > a:hover::after,
div.main div.article div.footer ul.entry_community li > a:hover::after {
	display: block;
	opacity: 1;
}





div.main div.article div.entry_body {
	margin: 30px 10px;
}
div.main div.article div.entry_body hr {
	width: 10px;
	height: 10px;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	text-align: center;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 30px auto;
}



/* div.entry_body */
div.main div.article div.entry_body a:visited {
	color: #666;
}

div.main div.article div.entry_body ul,
div.main div.article div.entry_body ol {
	margin: 30px 0 30px 30px;
}
div.main div.article div.entry_body p,
div.main div.article div.entry_body dl,
div.main div.article div.entry_body pre,
div.main div.article div.entry_body blockquote {
	margin: 30px 10px;
}
div.main div.article div.entry_body pre {
	border: 1px solid #dcdcdc;
	background: #fff;
	word-wrap: break-word;
	white-space: pre-wrap;
	padding: 10px;
}
div.main div.article div.entry_body blockquote {
	position: relative;
	overflow: hidden;
	border-left: 5px solid #dcdcdc;
}
div.main div.article div.entry_body blockquote::before {
	content: "引用";
	font-size: 14px;
	color: #999;
	margin: 10px;
}
div.main div.article div.entry_body blockquote[cite]::before {
	content: attr(cite) " より引用";
}
div.main div.article div.entry_body blockquote[title]::before {
	content: attr(title) " より引用";
}

div.main div.article div.entry_body dl dd {
	margin: 0 0 0 30px;
}
div.main div.article div.entry_body dl dd ul,
div.main div.article div.entry_body dl dd ol {
	margin: 30px 0;
}
div.main div.article div.entry_body table {
	border-spacing: 3px;
	color: #333;
	margin: 0 auto 30px auto;
}
div.main div.article div.entry_body table thead th {
	border: 1px solid #ccc;
	background: #dcdcdc;
}
div.main div.article div.entry_body table th,
div.main div.article div.entry_body table thead td {
	border: 1px solid #ccc;
}
div.main div.article div.entry_body table td {
	border: 1px solid #dcdcdc;
	background: #fff;
}





div.main div.article div.entry_body div.entry_more p {
	margin: 0;
}
div.main div.article div.entry_body div.entry_more p a {
	display: block;
	width: 590px;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	background: #dcdcdc;
	text-decoration: none;
	text-align: center;
	margin: 30px 0;
	padding: 2px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main div.article div.entry_body div.entry_more p > a {
	width: 620px;
	margin: 30px 0 30px -11px;
}
div.main div.article div.entry_body div.entry_more p a:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
}
div.main div.article div.entry_body div.entry_more p a:visited {
	color: #333;
}


/* 記事設定での追加要素 */
div.main div.article div.entry_body dl.relate_dl::before {
	display: block;
	width: 560px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dcdcdc;
	margin: 30px auto;
}
div.main div.article div.entry_body div.entry_more + dl.relate_dl::before {
	display: none;
}

div.main div.article div div.fc2_footer {
	margin: 30px 0;
}

div.main div.article div div.fc2_footer table.fc2_socialbtn tr td {
	border: 0;
	background: transparent;
	padding: 0;
}



/* ie用 border含む */
div.main div.article div.footer  {
	border-top: 1px dotted #666;
	margin: 30px 10px 10px 10px;
	padding: 0;
}
/* その他 ブラウザはborder削除 */
div.main div.article > div.footer {
	border-top: 0;
}

div.main div.article > div.footer::before {
	display: block;
	width: 560px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dcdcdc;
	margin: 30px auto 10px auto;
}

div.main div.article div.footer ul.entry_community {
	text-align: right;
}





/*
 div#relate_list_area
--------------------------------------*/
div.main div#relate_list_area ul.relate_list {
	list-style-type: none;
	font-size: 14px;
	margin: 30px 10px;
}
/* ie用 inline-block処理 */
div.main div#relate_list_area ul.relate_list li span,
div.main div#relate_list_area ul.relate_list li a {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
div.main div#relate_list_area ul.relate_list li span,
div.main div#relate_list_area ul.relate_list li a {
	display: inline;
}
div.main  div#relate_list_area ul.relate_list li > span,
div.main  div#relate_list_area ul.relate_list li > a {
	display: inline-block;
}

/* ie用 border */
div.main div#relate_list_area ul.relate_list li span {
	border-right: 3px solid #dcdcdc;
	padding: 0 10px 0 0;
}
/* その他 ブラウザはborder削除*/
div.main div#relate_list_area ul.relate_list li > span {
	border-right: 0;
}
div.main div#relate_list_area ul.relate_list li span::after {
	display: inline-block;
	width: 9px;
	height: 9px;
	content: "";
	vertical-align: middle;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 0 0 0 20px;
}





/*
 div#comment_area
--------------------------------------*/
div.main div#comment_area div.comment_body {
	margin: 30px 10px;
}
div.main div#comment_area div.comment_body ul {
	list-style-type: none;
	font-size: 14px;
	margin: 30px 0;
}
div.main div#comment_area div.comment_body ul + ul::before {
	display: block;
	width: 560px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dcdcdc;
	margin: 30px auto;
}

div.main div#comment_area div.comment_body ul li.comment_body {
	font-size: 16px;
	margin: 0;
}

/* ie用 inline-block処理 */
div.main div#comment_area div.comment_body ul li.comment_name,
div.main div#comment_area div.comment_body ul li.comment_time,
div.main div#comment_area div.comment_body ul li.comment_edit {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
div.main div#comment_area div.comment_body ul li.comment_name,
div.main div#comment_area div.comment_body ul li.comment_time,
div.main div#comment_area div.comment_body ul li.comment_edit {
	display: inline;
}
div.main div#comment_area div.comment_body ul > li.comment_name,
div.main div#comment_area div.comment_body ul > li.comment_time,
div.main div#comment_area div.comment_body ul > li.comment_edit {
	display: inline-block;
}

/* ie用 border */
div.main div#comment_area div.comment_body ul li.comment_name,
div.main div#comment_area div.comment_body ul li.comment_edit {
	border-left: 3px solid #dcdcdc;
	padding: 0 0 0 10px;
}

/* その他 ブラウザはborder削除*/
div.main div#comment_area div.comment_body ul > li.comment_name,
div.main div#comment_area div.comment_body ul > li.comment_edit {
	border-left: 0;
}
div.main div#comment_area div.comment_body ul > li.comment_name::before,
div.main div#comment_area div.comment_body ul > li.comment_edit::before {
	display: inline-block;
	width: 9px;
	height: 9px;
	content: "";
	vertical-align: middle;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 0 20px 0 0;
}

div.main div#comment_area div#comment_post,
div.main div#comment_area div#comment_post_js {
	margin: 30px 10px;
}
div.main div#comment_area div#comment_post::before {
	display: block;
	width: 560px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #dcdcdc;
	margin: 30px auto;
}

div.main div#comment_area div#comment_post_js h3 {
	width: 590px;
	border: 1px solid #fff;
	background: #dcdcdc;
	text-align: center;
	padding: 2px 0;
}
div.main div#comment_area div#comment_post_js > h3 {
	width: 620px;
	border-left: 0;
	border-right: 0;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 30px 0 30px -11px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main div#comment_area div#comment_post_js > h3:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	cursor: pointer;
}

div.main div p.edit_message {
	color: #c33;
	margin: 30px 10px;
}
div.main div p.not_reply {
	margin: 30px 10px;
}



/* form#comment_form */
div.main div form#comment_form {
	position: relative;
	width: 580px;
	height: 280px;
	margin: 30px 0;
}
div.main div > form#comment_form {
	width: 600px;
	height: 270px;
}
div.main div#comment_edit form#comment_form {
	margin: 30px 10px;
}

div.main form#comment_form dl.form_pii {
	position: absolute;
	top: 0;
	left: 0;
}
div.main form#comment_form div.form_text {
	position: absolute;
	top: 0;
	left: 200px;
}
div.main form#comment_form dl.form_key {
	position: absolute;
	top: 210px;
	left: 0;
}
div.main form#comment_form dl.form_secret {
	position: absolute;
	top: 210px;
	left: 200px;
}
div.main form#comment_form dl.form_secret {
	position: absolute;
	top: 210px;
	left: 200px;
}
div.main form#comment_form p.form_submit {
	position: absolute;
	top: 240px;
	left: 200px;
}
div.main form#comment_form p.form_delete {
	position: absolute;
	top: 240px;
	left: 400px;
}

div.main form#comment_form dl.form_pii dt,
div.main form#comment_form dl.form_key dt,
div.main form#comment_form dl.form_pii dd,
div.main form#comment_form dl.form_key dd {
	width: 190px;
	height: 30px;
	line-height: 30px;
}
div.main form#comment_form dl.form_pii dd input,
div.main form#comment_form dl.form_key dd input {
	width: 190px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main form#comment_form div.form_text textarea {
	width: 370px;
	height: 180px;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main form#comment_form div.form_text > textarea {
	width: 400px;
}

div.main form#comment_form dl.form_pii dd input:hover,
div.main form#comment_form dl.form_key dd input:hover,
div.main form#comment_form div.form_text textarea:hover {
	border: 1px solid #999;
}
div.main form#comment_form dl.form_pii dd input:focus,
div.main form#comment_form dl.form_key dd input:focus,
div.main form#comment_form div.form_text textarea:focus {
	border: 1px solid #999;
}

/* ie用 inline-block処理 */
div.main form#comment_form dl.form_secret dt,
div.main form#comment_form dl.form_secret dd {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}
div.main form#comment_form dl.form_secret dt,
div.main form#comment_form dl.form_secret dd {
	display: inline;
}
div.main form#comment_form dl.form_secret > dt,
div.main form#comment_form dl.form_secret > dd {
	display: inline-block;
}
div.main form#comment_form dl.form_secret dd input {
	height: 30px;
	vertical-align: middle;
	margin: 0 10px;
}

div.main form#comment_form p.form_submit input,
div.main form#comment_form p.form_delete input {
	width: 188px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #fff;
	background: #dcdcdc;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	font-size: 14px;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 4px 0;
}

div.main form#comment_form p.form_submit input:hover,
div.main form#comment_form p.form_delete input:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
}





/*
 div#trackback_area
--------------------------------------*/
div.main div#trackback_area div.header dl.trackback_url {
	font-size: 14px;
	margin: 5px 0;
}
div.main div#trackback_area div.header dl.trackback_url dd {
	height: 28px;
	line-height: 28px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main div#trackback_area div.header dl.trackback_url dd:hover {
	border: 1px solid #999;
}

div.main div#trackback_area ul.trackback_list {
	list-style-type: none;
	font-size: 14px;
	margin: 30px 10px;
}
div.main div#trackback_area ul.trackback_list li.no_reply {
	font-size: 16px;

}

/* ie用 inline-block処理 */
div.main div#trackback_area ul.trackback_list li span,
div.main div#trackback_area ul.trackback_list li a {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
div.main div#trackback_area ul.trackback_list li span,
div.main div#trackback_area ul.trackback_list li a {
	display: inline;
}
div.main  div#trackback_area ul.trackback_list li > span,
div.main  div#trackback_area ul.trackback_list li > a {
	display: inline-block;
}

/* ie用 border */
div.main div#trackback_area ul.trackback_list li span {
	border-right: 3px solid #dcdcdc;
	padding: 0 10px 0 0;
}

/* その他 ブラウザはborder削除*/
div.main div#trackback_area ul.trackback_list li > span {
	border-right: 0;
}
div.main div#trackback_area ul.trackback_list li span::after {
	display: inline-block;
	width: 9px;
	height: 9px;
	content: "";
	vertical-align: middle;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 0 0 0 20px;
}






/*
 div#page_navi
--------------------------------------*/
div.main div#page_navi {
	position: absolute;
}
div.main > div#page_navi {
	position: absolute;
	position: fixed;
	top: 80px;
	left: 670px;
}

div.main div#page_navi > p {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	z-index: 120;
}
div.main div#page_navi > p::after {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 24px;
	height: 24px;
	content: "";
	margin: 13px;
	z-index: 110;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: .8;
}
div.main div#page_navi > p:hover::after {
	opacity: 1;
}

div.main div#page_navi p.nav_home::after {
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_sprite.png") no-repeat 0 0;
}
div.main div#page_navi p.nav_index::after {
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_sprite.png") no-repeat -96px 0;
}
div.main div#page_navi p.nav_prev::after {
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_sprite.png") no-repeat -24px 0;
}
div.main div#page_navi p.nav_next::after {
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_sprite.png") no-repeat -48px 0;
}
div.main div#page_navi p.nav_gotop::after {
	background: url("http://blog-imgs-26.fc2.com/w/o/r/work4uing/temp01_sprite.png") no-repeat -72px 0;
}

div.main div#page_navi > p a {
	position: absolute;
	display: none;
	top: 0;
	left: -20px;
	width: 90px;
	height: 50px;
	line-height: 20px;
	color: #eee;
	padding: 2px 0;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	z-index: 120;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
}
div.main div#page_navi > p.nav_gotop a {
	font-size: 10px;
}
div.main div#page_navi > p:hover a {
	display: block;
	opacity: 1;
}

/* fixedが認識できないブラウザで、javascriptが有効の場合 */
div.main div#page_navi_notfixed {
	margin: 30px;
}
div.main div#page_navi_notfixed p {
	text-align: center;
}

/* 右にスライドした場合 */
div.main div#page_navi_right {
	position: fixed;
	top: 30px;
	left: 30px;
	width: 180px;
	border: 1px solid #dcdcdc;
	border-top: 11px solid #dcdcdc;
	-webkit-box-shadow: 0 0 0 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 0 10px rgba(0,0,0,.2);
	background: #eee;
	font-size: 14px;
	padding: 10px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: .95;
}
div.main div#page_navi_right a {
	color: #333;
}
div.main div#page_navi_right:hover {
	opacity: 1;
}


/*
 div#search_result
--------------------------------------*/
div.main div#search_result form.search_form {
	margin: 30px 10px;
}

div.main div#search_result form.search_form p.form_search_text input {
	width: 600px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.main div#search_result form.search_form p.form_search_text input:hover,
div.main div#search_result form.search_form p.form_search_text input:focus {
	border: 1px solid #999;
}

div.main div#search_result form.search_form p.form_submit {
	text-align: center;
}
div.main div#search_result form.search_form p.form_submit input {
	height: 22px;
	line-height: 22px;
	border: 1px solid #fff;
	background: #dcdcdc;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	padding: 0 20px;
	margin: 10px 0;
}
div.main div#search_result form.search_form p.form_submit input:hover {
	background: #bbb;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.6);
}





/*
 div#search_result, div#archive, div#tag_area
--------------------------------------*/
div.main div#search_result ul.search_result_list,
div.main div#archive ul.archive_list,
div.main div#tag_area ul.tag_list {
	font-size: 14px;
	list-style-type: none;
	margin: 30px 10px;
}

/* ie用 inline-block処理 */
div.main div#search_result ul.search_result_list li span,
div.main div#search_result ul.search_result_list li a,
div.main div#archive ul.archive_list li span,
div.main div#archive ul.archive_list li span a,
div.main div#tag_area ul.tag_list li span,
div.main div#tag_area ul.tag_list li span a {
	display: inline-block;
	margin: 5px 10px 5px 0;
}
div.main div#search_result ul.search_result_list li span,
div.main div#trackback_area ul.trackback_list li a,
div.main div#archive ul.archive_list li span,
div.main div#archive ul.archive_list li span a,
div.main div#tag_area ul.tag_list li span,
div.main div#tag_area ul.tag_list li span a {
	display: inline;
}
div.main div#search_result ul.search_result_list li > span,
div.main div#search_result ul.search_result_list li > a,
div.main div#archive ul.archive_list li span,
div.main div#archive ul.archive_list li span a,
div.main div#tag_area ul.tag_list li span,
div.main div#tag_area ul.tag_list li span a {
	display: inline-block;
}

/* ie用 border */
div.main div#search_result ul.search_result_list li span,
div.main div#archive ul.archive_list li span,
div.main div#tag_area ul.tag_list li span {
	border-right: 3px solid #dcdcdc;
	padding: 0 10px 0 0;
}

/* その他 ブラウザはborder削除*/
div.main div#search_result ul.search_result_list li > span,
div.main div#archive ul.archive_list li > span,
div.main div#tag_area ul.tag_list li > span {
	border-right: 0;
}
div.main div#search_result ul.search_result_list span::after,
div.main div#archive ul.archive_list li span::after,
div.main div#tag_area ul.tag_list li span::after {
	display: inline-block;
	width: 9px;
	height: 9px;
	content: "";
	vertical-align: middle;
	background: #dcdcdc;
	background: -moz-linear-gradient(#dcdcdc, #bbb);
	background: -o-linear-gradient(#dcdcdc, #bbb);
	background: -webkit-linear-gradient(#dcdcdc, #bbb);
	background: linear-gradient(#dcdcdc, #bbb);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.4);
	margin: 0 0 0 20px;
}





/*
 div.aside
--------------------------------------*/
div.aside {
	clear: both;
	margin: 0 0 0 740px;
}

div.aside div#plugin_1,
div.aside div#plugin_2,
div.aside div#plugin_3 {
	float: left;
	width: 200px;
	margin: 0 30px 30px 0;
}

div.aside div div.section {
	margin: 0 0 30px 0;
}
div.aside div div.section h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
}
div.aside div div.section + div.section::before {
	display: block;
	width: 160px;
	height: 5px;
	content: "";
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: rgba(255,255,255,.2);
	margin: 30px auto;
}

div.aside div div.section div.plugin_body_0,
div.aside div div.section div.plugin_body_1,
div.aside div div.section div.plugin_body_2 {
	font-size: 14px;
}

div.aside div div.section div.plugin_body_0::after,
div.aside div div.section div.plugin_body_2::before {
	display: block;
	width: 120px;
	height: 3px;
	content: "";
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgba(255,255,255,.2);
	margin: 10px auto;
}

div.aside input,
div.aside textarea {
	border: 1px solid #333;
}
div.aside input[type="text"],
div.aside textarea {
	padding: 5px;
	background: #666;
	background: rgba(102,102,102,.6);
	color: #eee;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
div.aside input[type="text"] {
	height: 28px;
	line-height: 28px;
}
div.aside input:focus,
div.aside textarea:focus {
	background: #eee;
	color: #333;
}
div.aside input[type="text"]:hover,
div.aside textarea:hover {
	background: #eee;
	color: #333;
}

div.aside input[type="submit"] {
	height: 22px;
	line-height: 22px;
	border: 1px solid #bbb;
	background: #dcdcdc;
	background: #dcdcdc;
	background: -moz-linear-gradient(#eee, #999);
	background: -o-linear-gradient(#eee, #999);
	background: -webkit-linear-gradient(#eee, #999);
	background: linear-gradient(#eee, #999);
	color: #333;
	vertical-align: middle;
	text-align: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	margin: 10px auto;
	padding: 0 30px;
	opacity: .8;
}
div.aside input[type="submit"]:hover {
	-webkit-box-shadow: 0 0 3px 0 #dcdcdc;
	-moz-box-shadow: 0 0 3px 0 #dcdcdc;
	box-shadow: 0 0 3px 0 #dcdcdc;
	opacity: 1;
}

/* デフォルトプラグインカレンダー用 */
div.aside div.plugin-calender table tr * {
	text-align: center;
}
div.aside div.plugin-calender table tr th#sun {
	color: #fcc;
}
div.aside div.plugin-calender table tr th#sat {
	color: #ccf;
}





/*
 div.footer
--------------------------------------*/
div.footer {
	clear: both;
	min-width: 200px;
	font-size: 14px;
	margin: 30px 30px 30px 740px;
	padding: 30px 0 0 0;
}

/* プラグインがない場合 */
div.main + div.footer {
	position: fixed;
	bottom: 0;
	left: 0;
}