@charset "UTF-8";

/*  
Theme Name: WSC7(ARTIFACT)
Theme URI: http://wsc.studiobrain.net/
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 0.2.3
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}


/* ----------------共通------------  */


	b,strong {
		font-family: 'ヒラギノ角ゴ Pro W6', 'HiraKakuPro-W6', 'HiraKakuProN-W6', sans-serif !important;
		}

	h5 , h4 ,h3 ,h2 ,h1 {
		font-family:  "UD新ゴ DB", "UD Shin Go DemiBold",'ヒラギノ角ゴ Std W8', 'HiraKakuStd-W8', 'HiraKakuProN-W6', sans-serif !important;
		}

	.reduce {
		font-size: 80% ;
		line-height: 1.5 ;
		padding: 5px;
		}



	.photo {
		border:1px solid #777;
		margin: 5px;
		}


	.float {
		float: left;
		margin: 5px;
		}

	.floatleft {
		float: left;
		margin: 0px 10px 10px 0px;
		}


	.floatright {
		float: right;
		margin: 0px 0px 10px 10px;
		}

	img a ,
	img a:link ,
	img a:visited ,
	img a:active ,
	img a:hover {
		border-style :none 0px;
		text-decoration : none;
		}

	img	 {
		border :none;
		text-decoration : none ;
		}

	table {
		font-size:100%;
		line-height:1.4;
		padding:3px;
		caption-side: top;
		text-align:left;
		valign="top";
		}

	tr	{
		vertical-align : top;
		text-align:left;
		}

	td	{
		text-align:left;
		}



	.hide {
		color:#90A0D0;
		background:#90A0D0;
		}

	.indent {
		margin-left:5% ;
		}

	.line {
		margin-top:1;
		margin-bottom:1;
		border-bottom: solid 1px #666;
		}

	.recommend_box {
		padding-bottom:5px;
		margin-top: 15px;
		border-bottom: solid 1px #A0A0A0;
		word-break:break-all;
		word-wrap:break-word;
		}

	div#hatena-bookmark-container div.hatena-bookmark-title {
		background: #555 !important;
		border: none !important;
		}

	div#hatena-bookmark-container {
		background: #EEE !important;
		}

	.oembed {
		text-align: center;
		}

/*main*/

#container	{
			background:#CFC8B7;*
		}

#side	{
			background:#FFF;*
		}


#main {
			background:#FFF;
		}



/* ----------------NAV MENU------------  */


#navmenu {
	height: 20px;
	background-color: #FFA500;
/* 	background-color: #013C80; */
	margin: 0px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 15px;
	font-variant: normal;
	text-decoration: none;
	text-align: left;
	font-family: "Trebuchet MS", verdana, arial, helvetica;
	letter-spacing: .1em
}


#navmenu a:link, #navmenu a:visited {
	color: #101010;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#navmenu a:hover {
	text-decoration: none;
	color: #C0C0C0;
}



/*あまなつ*/

	.img_adhover{
		top:-5000px; left:-5000px;position:absolute;
		}

	a.a_adhover:hover {
		z-index:1000;position:relative;
		}

	a.a_adhover:hover .img_adhover {
		top: 16px;
		left: 0px;
		}

	.amanatu-info {
		width:60%;
		}

	.amanatu-box {
		border-radius: 5px;
		-webkit-border-radius 5px;
		-moz-border-radius : 5px;
		border:1px solid #777;
		margin: 10px;
		padding: 15px;
		background-color: #FFE;
		margin-bottom :10 px;
		}

	.booklink-box {
		border-radius: 5px;
		-webkit-border-radius 5px;
		-moz-border-radius : 5px;
		border:1px solid #777;
		margin: 10px;
		padding: 15px;
		background-color: #FFE;
		margin-bottom :10 px;
		}

	.kaerebalink-box {
		border-radius: 5px;
		-webkit-border-radius 5px;
		-moz-border-radius : 5px;
		border:1px solid #777;
		margin: 10px;
		padding: 15px;
		background-color: #FFE;
		margin-bottom :10 px;
		}


/*Relative Posts*/

	#relative-post h3 {	
				font-size:150%;
				font-weight: normal; 
				font-family:"Lucida Sans Unicode","Century Gothic",Vendana,Helvetica,  sans-serif !important;
				border:none;
			}


	.relative-post ul 			{
					list-style: none outside;
					display: block;
					margin: 0px;
					padding: 0;
					}
	.relative-post li			{
					list-style: none outside;
					display: block;
					float: left;
					width: 28%;
					margin: 5px;
					padding: 0px;
					list-item-position: inside;
				}

	.relative-post h4 a {font-weight: normal; 
			font-size:9pt;
			text-decoration: none;
			font-family: Verdana, Helvetica , 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif !important;
			}


/*media queries*/
#main{width:560px;float:left;}
#main-wide{max-width:900px;}
#side{width:340px;float:right;}
#site-description{text-align:right;}
.side-widget{border-bottom:1px solid #f3f3f3;float:left;width:330px;}
.footer-widget{float:left;width:205px;}

@media screen and (max-width: 900px) {
#main{max-width:640px;margin:auto;display:block;float:none;width:auto;}
#main-wide{width:100%;}
#side{border-top:1px solid #ccc;width:100%;float:none;}
.side-widget{border-bottom-style:none;}
}

@media screen and (max-width: 480px) {
#side{clear:both;border-top:1px solid #ccc;}
.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;}
.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}
#main img {float:none;display:block;margin:auto auto 15px;padding:0;}
}



/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}


/*style*/


body{
		margin:0px;
		padding:0;
		-webkit-text-size-adjust: none;
		font:90%/1.5 Verdana, Helvetica , 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ',sans-serif;color:#333;
		word-break:break-all;
		word-wrap:break-word;
		}
h1,h2,h3,h4,h5,h6,{margin:0 0 0;}
p{margin:0 0 20px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
h1{	font-size:140% ; line-height:1.5;}
h2 {
	font-size: 130%;
	font-weight: bold;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	}




h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:11px;line-height:13px;}
img{border:none;}
a{text-decoration:underline;}
a:link{color:#F05020;}
a:visited{color:#005DD0;}
a:hover{text-decoration:underline;color:#FFAA40;}
a img{vertical-align:bottom;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
hr{background-color:#777;border:0;height:1px;clear:both;}
blockquote{margin:10px 10px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
table{margin-bottom:20px;}
object,embed{width:100%;display:block;margin:auto;}

/*space*/
#header,#wrap,#footer-wrap,#footer-bottom{max-width:900px;margin:auto;}
#header{overflow:hidden;}
#wrap{text-align:left;clear:both;}
#main{text-align:left;overflow:hidden;padding:20px 0;font-size:90%;}
#main-wide{float:left;text-align:left;overflow:hidden;padding:20px 0;background-color: #fff;}
#main-liquid{width:100%;padding:20px 0;}
#side{overflow:hidden;padding:0;margin:0;}
#footer{clear:both;background-color:#F3F1F0;padding:0;}


/*header*/
#site-title{margin:0;padding:0;}
#site-title a{float:left;margin:0 10px 0 0;}
#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:10px 10px 0;padding:0;}


/*header-menu*/
#header .menu {padding:0;float:right;clear:right;margin:0;}
#header .menu li{float:left;margin:10px 0 0;}
#header .menu li a{float:left;font-size:12px;line-height:15px;padding:5px 10px;text-decoration:none;border-left:1px solid #eee;}


/*top-image*/
#top-image{clear:both;background-color:#222;}
#top-image-wrap{max-width:900px;margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#222;}

/*breadcrumb*/
#breadcrumb{color:#222;background-color:#FFF;clear:both;font-size:80%;line-height:1.5em;padding:10px 20px ;max-width:900px;margin:auto;}
#breadcrumb a{color:#222;text-decoration:none;}

/*content*/
.pagename{border-left:1px solid #ccc;padding:0 0 0 10px;}
.hentry{padding:0 10px;overflow:hidden;}
.hentry .page-title{
		background-color: #EDEDED;
		border-radius: 10px;
		-webkit-border-radius 10px;
		-moz-border-radius : 10px;
		text-decoration:none;
		color: #111;
		margin-top: 10px;
		margin-bottom: 5px;
		padding : 5px 10px 5px 10px
		}

.hentry .page-title a{
		text-decoration:none;
		color: #111;
		}

.entry-title,
.entry-title a	{
		background-color: #EDEDED;
		border-radius: 10px;
		-webkit-border-radius 10px;
		-moz-border-radius : 10px;
		text-decoration:none;
		color: #111;
		margin-top: 10px;
		margin-bottom: 5px;
		padding : 5px 10px 5px 10px
		}

.hentry h3	{
		border-top:2px solid #AAA;
		border-bottom:2px solid #AAA;
		border-right:10px solid #AAA;
		line-height: 1.5;
		border-bottom-right-radius: 10px;
		-webkit-border-bottom-right-radius 10px;
		-moz-border-bottom-right-radius : 10px;
		border-top-right-radius: 10px;
		-webkit-border-top-right-radius 10px;
		-moz-border-top-right-radius : 10px;
		padding : 5px 10px 5px 10px
		margin-top: 10px;
		margin-bottom: 5px;
		}

.hentry ul{margin-left:25px;padding-left:0px;list-style-type:disc;}
.hentry ol{margin-left:30px;padding-left:0px;list-style-type:decimal;}

.hentry .postmetadata{text-align:right;font-size:80%;clear:both;float:right;line-height:1.5em;}
.taglist 		{
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 2.5em;
		}
.taglist a		{
		font-size:100%;
		border:1px solid #AAA;
		background-color: #FFFFD0;
		border-radius: 20px;
		-webkit-border-radius 20px;
		-moz-border-radius : 20px;
		text-decoration:none;
		color: #000;
		padding: 5px;
		}

.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}



/*totop*/
#totop a{font-size:11px;line-height:20px;padding:0;float:left;}

/*navigation*/
.navigation{clear:both;padding:20px 10px 0;font-size:11px;line-height:1.5;text-align:center;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;margin:2px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}
.navigation span{color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.navigation span.current{background-color:#48e;}
.navigation span.pages{background-color:#ccc;padding:5px 20px;}


/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}

/*comment*/
#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0 10px;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*side-widget*/
.side-widget	{	padding:15px 10px;
			font-size: 80%;
			}
.side-widget a	{	text-decoration:none;
			}

.side-widget .adsense	{
			padding:10px ;
			}

.side-widget .widget-title{margin:0;
			padding:20px
			font-size: 120%;
			font-weight:bold;
			color:#fff;
			background:#222;
			border-radius: 5px;
			-webkit-border-radius 5px;
			-moz-border-radius : 5px;
			text-align:center;
			}
.side-widget .textwidget{
			}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer-bottom{padding:10px 0 0;}
#copyright{float:right;padding:0 10px 20px 0;}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{float:left;width:100%;margin:0;}
.footer-widget	{	padding:15px 10px;
			font-size: 80%;
			}
.footer-widget a	{	text-decoration:none;
			}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}

/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}

/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}