/*
Theme Name: Sample Theme
Theme URI: http://yukit.net/
Description: This is my sample theme.
*/

/* =========================================================
Reset of Default Style
========================================================= */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
}
textarea { font-size: 100%; }
img { vertical-align: top; border: none;}
html { overflow-y:scroll; }
/* =========================================================
global setting
========================================================= */
body {margin: 0px 0px;
	padding: 0;
	background: #fff;
	color: #000000;
	font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',Verdana,Arial,sans-serif;
	font-size: 62.5%;
	line-height: 1.6;
	background-image:url();
	background-position: left;
	background-repeat: repeat-y;
}
div#container {
	width: 810px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px ;
	background-image: url();
	background-color: #fff;
}
div#container_top {
	width: 510px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px 0px ;
	background-image: url();
	background-color: #fff;
}
div.cleardiv  { clear: both; padding: 0px; margin: 0px; }
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	clear:both;
	margin: 45px 0 50px 10px;
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */

p.backtotop  {
	margin: 0px 0 20px 0;
}
p.backtotop a  {
	font-size: 1.1em;
	color :#555;
	text-decoration: none;
	outline: none;
}
p.backtotop a:hover {
	color: #aaa;
}

/* =========================================================
global setting2
========================================================= */
div.whiteSpace{
	height: 250px;
	border: 0px solid #000;  
}
div.navarea{
	width: 410px;
	height: 12px;
	margin: 0 auto;
	background-color: #fff;
}
div.navitem{
	float: left;
	height: 12px;
	width: 80px;
	text-align: center;
	margin: 0px 0 0 10px;
	background-color: #fff;
}
div.navitem-first{
	float: left;
	width: 118px;
	height: 12px;
	margin: 0 20px 0 0px;
}
div.navitem-first img {
	margin: 0;
	padding: 0;
}
a.nav0 {
	margin: 0;
	padding: 0;
}
a.navg{
	font-size: 1.2em;
	line-height: 1;
}
a.navg:link, a.navg:visited { color : #555; text-decoration: none; outline:none;}
a.navg:hover { color : #ccc; text-decoration:none; }
a.navg:active { color : #555; text-decoration:none; }



/* =========================================================
about page
========================================================= */
div.column01 {
	margin: 20px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-right: 0px solid #eee;  
}

div.column01 p.description {
	margin: 2px 0 30px 0px;
	padding: 0px 0 0px 1px;
        background-color: #fff;
	border-right: 0px solid #eee;  
	text-align: left;
	letter-spacing : 0.0em ;
	color: #555;
	font-size: 1.1em;
	line-height: 1.0;
	font-weight: normal;
}
p.tophead {
	margin: 25px 0 5px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	text-align: left;
	letter-spacing : 0.0em ;
	color: #555;
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: normal;
}
p.tophead_first {
	margin-top: 0px;
	padding-top: 20px;
}

div.column01_box {
	float: left;
	margin: 5px 20px 0px 10px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-top: 0px solid #bbb;  
}
div.column01_box_thumb {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
        background-color: #fff;
	border: 2px solid #f9f9f9;  
}
div.column01_box_thumb img {
	margin: 0px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border: 1px solid #bbb;  
}
div.column01_box_thumb a:hover img{
	border: 1px solid #000;  
}
div.column01_box_text {
	width: 80px;
	margin: 0px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-top: 0px solid #bbb;  
}
div.column01_box_text p.head{
	text-align: center;
	letter-spacing : 0.0em ;
	color: #555;
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: normal;
	margin: 10px 0 6px 3px;
	padding: 0px 0 1px 0px;
	border-bottom: solid 0px #666;
}
div.column01_box_text p.head a:link, div.column01_box_text p.head a:visited {
	color : #555;
	text-decoration: none;
}
div.column01_box_text p.head a:hover, div.column01_box_text p.head a:active {
	color : #aaa;
	text-decoration:none;
}

div.column01_box_text p.line{
	text-align: left;
	letter-spacing : 0.0em ;
	color: #888;
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: normal;
	margin: 0px 0 8px 0px;
	padding: 0px 0 0px 0px;
	border-left: solid 0px #999;
}
div.column01_box_text p.category{
	text-align: left;
	letter-spacing : 0.0em ;
	color: #bbb;
	font-size: 1.1em;
	line-height: 1.0;
	font-weight: normal;
	margin: 0px 0 0px 0px;
	padding: 0px 0 0px 0px;
	border-left: solid 0px #999;
}

div.box_creature{
	width: 800px;
	margin: 40px 0 0px 0;
	padding: 0px 0 0px 0px;
        background-color: #ffffff;
	border-left: 0px solid #bbb;  
	text-align: center;
}
div.box_creature div.caption {
	margin: 0 auto;
	padding: 0px 0 0px 6px;
	border-left: 2px solid #555; 
}
div.caption p.title {
	font-size: 1.1em;
	margin: 10px 0 0px 0;
	line-height: 1;
}
div.caption p.date {
	font-size: 1.0em;
	margin: 4px 0 0px 0;
	line-height: 1;
}
div.caption p.caption {
	font-size: 1.0em;
	margin: 6px 0 0px 0;
	line-height: 1.2;
}
p.title a:link,  p.title a:visited {color : #444;text-decoration: none;}
p.title a:hover, p.title a:active {color : #aaa;text-decoration:none;}


div.blogentry {
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
}
ul.ulstyle {
	padding: 0px 0 0 0px;
	margin: 0px 0 0 0;
	font-size: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	list-style: none;
}
ul.ulstyle li {
	padding: 0px 0px 0 0px;
	margin-bottom: 0px;
	line-height: 1.5;
	color: #999;
	border-right: 0px solid #aaa; 
}
ul.ulstyle li a { text-decoration: none; color: #555; }
ul.ulstyle li a:hover { text-decoration: none; color: #bbb; }
ul.ulstyle li a:active { text-decoration: none; color: #ddd; }
.entrylog {
	font-size: 1.1em;
	margin-top: 2px;
	padding: 0px;
	
}
.entrylog a:link, .entrylog a:visited {color : #555;text-decoration: none;}
.entrylog a:hover, .entrylog a:active {color : #bbb;text-decoration:none;}


div.about_t {
	margin: 0px 0 0px 10px;
	padding: 0px 0 0px 0px; 
}
div.about_t p {
	margin: 8px 0 0px 0px;
	padding: 0px 0 0px 0px; 
	letter-spacing : 0.0em ;
	color: #555;
	font-size: 1.1em;
	line-height: 1.0;
	font-weight: normal;
}


div.column02 {
	margin: 70px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-right: 0px solid #eee;  
	text-align: center;
}
div.column02 p {
	text-align: center;
}

div.column02 p.description {
	margin: 2px 0 30px 0px;
	padding: 0px 0 0px 1px;
        background-color: #fff;
	border-right: 0px solid #eee;  
	text-align: left;
	letter-spacing : 0.0em ;
	color: #555;
	font-size: 1.1em;
	line-height: 1.0;
	font-weight: normal;
}

div.column02_box {
	margin: 20px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-top: 0px solid #bbb;  
}
div.column02_box:first-child {
	margin: 0px 0 0px 0px;
}
div.column02_box_top {
	margin: 20px 0 0px 0px;
	padding: 0px 0 0px 0px;
        background-color: #fff;
	border-top: 0px solid #bbb;  
}
div.column02_box p.columntitle {
	letter-spacing : 0.0em ;
	color: #666;
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: bold;
	margin: 0px 0 10px 0px;
	padding: 0px 0 0px 0px;
	border-bottom: solid 0px #666;
}
div.column02_box p.columnline {
	letter-spacing : 0.0em ;
	color: #777;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: normal;
	margin: 0px 0 8px 0px;
	padding: 0px 0 0px 0px;
	border-left: solid 0px #999;
}
div.column02_box p.columnline a:link, div.column02_box p.columnline a:visited {
	color : #2222bb;
	text-decoration: none;
}
div.column02_box p.columnline a:hover, div.column02_box p.columnline a:active {
	color : #2222bb;
	text-decoration:underline;
}


div.aboutsnsw{
	height: 23px;
	margin: 0px 0 0px 0px;
}
div.aboutsnsi{
	margin: 0px 0 0px 0px;
}
div.aboutsnsi img{
	margin: 0px 6px 0px 0px;
}
div.aboutsnsi a{
	letter-spacing : 0.1em ;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	color: #555;
	text-decoration: none;
}
div.aboutsnsi a:link, div.aboutsnsi a:visited {
	color: #555;
}
div.aboutsnsi a:hover, div.aboutsnsi a:active{
	color: #ccc;
	text-decoration: none;
}
div.aboutsnst{
	font-size: 1.1em;
	letter-spacing : 0.1em ;
	float: left;
	color: #555;
	margin: 4px 0 0px 0px;
	line-height: 1;
}

div.fadewrap{
	text-align: left;
	margin: 0px 0 6px 0px;
	padding: 0px 0 0px 0;
}
div.fadewrap a:link, div.fadewrap a:visited {
	color: #555;
	font-size: 1.2em;
	line-height: 1;
	font-weight: normal;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	text-decoration: none;
	outline: none;
}
div.fadewrap a:hover, div.fadewrap a:active  {
	color: #ccc;
}
div.fadeslide{
	opacity:0;
	display:none;
}
div.fadeslide p.fadetext {
	color: #555;
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: normal;
	margin: 8px 0 8px 10px;
}
p.fadetext img{
	margin: 3px 0 3px 0px;
}
div.fadewrap p  {
	color: #555;
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: normal;
	margin: 5px 0 4px 10px;
}
div.cf7area{
	color: #555;
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	margin: 10px 0 0px 10px;
	padding: 0 0 0px 0;
}



div#footer {
	clear:both;
	width: 700px;
	margin: 7px auto 20px auto;
	padding: 0px 0px 20px 0 ;
	background: #fff;
	background-repeat: no-repeat;
	border-top: dotted 1px #bbb;
}
div#footer p.copyright{
	float: left;
	font-size: 0.9em;
	margin: 6px 0 0 0em;
	padding: 2px 0 0 0px;
	border-top: solid 0px #666;
	background: #fff;
	color: #aaa;
}
p.eyecatch{
	text-align: right;
	font-size: 0.9em;
	margin: 0px 0 0 0em;
	padding: 10px 5px 0 0px;
	background: #fff;
	color: #666;
}
div.footericon{
	float: right;
}
div.footericon img{
	margin: 5px 1px 0 8px;
}

/* =========================================================
365 page
========================================================= */
p.logo_365 {
	margin:30px 0px 0px 150px;
	padding: 0 0 0px 0px;
	letter-spacing : 0.1em ;
	color: #777;
	font-size: 3em;
	font-family: arial;
	line-height: 1;
	font-weight: normal;
}
p.logo_365 a {
	color: #888;
	text-decoration: none;
}
p.logo_365 a:hover {
	color: #ddd;
	text-decoration: none;
}
p.ttltext2 {
	color: #555;
	margin: 4px 0 20px 150px;
	padding: 0px 0 0px 0px;
	font-size: 1.1em;
	line-height: 1.0;
}


/* =========================================================
404
========================================================= */
div#wrapper404 {
	clear:both;
	width: 900px;
	height: 560px;
	margin: 0px 0 0px 0px;
	padding: 0px 0 0px 0;
}
p.text404a {
	font-family: Arial, sans-serif;
	text-align:center;
	color: #555;
	font-size: 1.8em;
	line-height: 1.5;
	font-weight: normal;
	padding: 130px 0 20px 0;
}
p.text404b {
	text-align:center;
	color: #555;
	font-size: 1.2em;
	line-height: 1.8;
	font-weight: normal;
	padding: 0 0 20px 0;
}

/* =========================================================
post
========================================================= */
div.post_doc {
	clear: both;
	border: solid 0px #777;
	padding: 0px 0 0px 0px;
	margin: 40px 0 0px 0;
}
div.post_doc h2{
	font-size: 1.2em;
	line-height: 1.0;
	text-align: left;
	padding: 0px 0 1px 0px;
	margin: 0px 0 10px 1px;
	color: #666;
	font-weight: normal;
}
div.post_doc h2:first-child{
	margin-top: 0px;
}
div.post_doc p {
	font-size: 1.2em;
	line-height: 1.6;
	margin: 0px 0 20px 0px;
	padding: 0px 0 0px 0px;
	color: #666 ;
}
div.post_doc p a{
	margin: 0px 0 0px 0px;
	padding: 0px 2px;
}
div.post_doc a:link, div.post_doc a:visited {
	color : #2222bb;
	text-decoration: none;
}
div.post_doc a:hover,div.post_doc a:active {
	color : #2222bb;
	text-decoration: underline;
}
div.post_doc h2 a:link,div.post_doc h2 a:visited{
	color: #555;
	border-bottom: dotted 0px #777;
}
div.post_doc h2 a:hover, div.post_doc h2 a:active{
	text-decoration: none;
	color: #ccc;
	border-bottom: dotted 0px #888;
}
div.post_doc img{
	margin: 10px 0 0px 0px;
}



div.blogcontent {
	clear: both;
	margin: 40px 0 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.post {
	clear: both;
	border: solid 0px #777;
	padding: 0px 0 0px 0;
	margin: 40px 0 80px 0;
}
div.post_365 {
	width: 600px;
	margin: 0px auto;
}
div.post_365_sp {
}
div.postleft {
	width: 285px;
	float: left;
	background: #fff;
	padding:0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div.postright {
	width: 600px;
	float: left;
	background: #fff;
	padding:0px 0 0px 0px;
	margin: 0px 0px 60px 0px;
}
div.post h2{
letter-spacing : 0.05em ;
	font-family: serif;
	font-size: 1.6em;
	line-height: 1.0;
	border-left: solid 0px #0ab9e5;
	padding: 0px 0 0px 0px;
	margin: 20px 0 0px 0px;
}

div.post p.cath2{
letter-spacing : 0.05em ;
text-align:center;
	font-family: serif;
	font-size: 1.6em;
	line-height: 1.0;
	border-left: solid 0px #0ab9e5;
	padding: 0px 0 0px 0px;
	margin: 20px 0 5px 0px;
}


div.post_365 h2{
	font-size: 1.4em;
	margin: 20px 0 5px 1px;
}
div.post h2 a {
	font-weight: bold;
}
.postdate {
	font-size: 0.9em;
	padding: 0px 0 0px 0px;
	margin: 0px 0 0px 0;
	color: #666;
	font-weight: normal;
}
div.post p {
	font-size: 1.2em;
	line-height: 1.7;
	margin: 0px 0 9px 0px;
	padding: 0px 0px 0px 0px;
	color: #666;
}
div.post p.h3{
	font-family: sans-serif;
	color: #777;
	font-size: 1.6em;
	line-height: 1.0;
	border-left: solid 0px #0ab9e5;
	padding: 0px 0 0px 0px;
	margin: 26px 0 10px 0px;
	font-weight: bold;
}
div.post img {
	margin: 2px 0 2px 0px;
}
div.post p a{
	margin: 0px 0 0px 0px;
	padding: 0px 0px;
}
div.post a:link, div.post a:visited {
	color : #2222bb;
	text-decoration: none;
}
div.post a:hover,div.post a:active {
	color : #2222bb;
	text-decoration: underline;
}

div.post h2 a:link, div.post h2 a:visited, div.post p.cath2 a:link, div.post p.cath2 a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #666;
}
div.post h2 a:hover, div.post h2 a:active, div.post p.cath2 a:hover, div.post p.cath2 a:active{
	text-decoration: none;
	color: #ccc;
}


div.post p.postinfo{
	clear: both;
	font-size: 1.0em;
	line-height: 1.3;
	text-align: left;
	margin: 0px 0 20px 2px;
	color: #777;
	border-top: dotted 0px #bbb;
	padding-top: 8px;
}
div.post p.postinfo a{
	color: #0ab9e5;
	text-decoration: none;
}
div.post p.postinfo a:hover{
	color: #0ab9e5;
	text-decoration: underline;
}
p.pagelink {
	margin: 0px 0 70px 0px;
}
p.pagelink a{
	font-size: 1.1em;
	color: #444;
}
span.pageprev{
	font-size: 1.2em;
	color: #777;
	float: right;
}
span.pagenext{
	font-size: 1.2em;
	color: #777;
	float: left;
}

/* =========================================================
post other
========================================================= */
p.categoryname {
	font-size: 1.2em;
	line-height: 1.3;
	margin: 20px 0 0px 0px;
	padding-bottom: 20px;
	color: #444;
}
.catcolor{
	color: #0ab9e5;
}
.aligncenter{
	display: block;
	margin: 0 auto;
}
.alignright{
	float:right;
	margin:0 0px 0 0px;
}
.alignleft{
	float:left;
	margin:0 0px 0 0px;
}
.wp-caption{
	border: solid 0px #aaaaaa;
	text-align: center;
	padding:0px;
	margin:0px 0px 0 0px;
}
#comments{
	clear: both;
}
div#com{
	border: solid 0px #aaa;
	padding: 0 0px;
	margin: 0px 0 20px 0 ;
}
textarea{
	width: 500px;
}
div#com h3{
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: solid 0px #aaa;
	padding: 0 0 3px 0;
	margin: 20px 0 5px 0;
}
div#com p{
	font-size: 1.2em;
}
div.compost{
	border-bottom: dotted 1px #aaa;
	margin: 0 0 25px 0;
}
p.cominfo{
	text-align: right;
}
div#com a{
	color: #666;
}
p#trurl{
	color: #666;
	padding:10px 0 0 0;
	margin: 0 0 20px 0;
}