/*  
Theme Name: Blue Laptop
Theme URI: http://www.wpthemejp.com/
Description: Web標準準拠の現代風なテーマです。
Version: 1.0
Author: Sean R. - Geek With Laptop
Author URI: http://www.geekwithlaptop.com/
*/

body {
background-color:#7d8f9f;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
margin:0;
}

.tb_ss{		/* 2018.03.31 add */
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: #444444;
spacing: 0px;
border: #444444 0px;
}

.th_ss{color: #ffffff; background-color: #2b4ba2; }
.td_ss{color: #444444; background-color: #ccccff; }	/* 2018.03.31 add */


h1,h2,h3,h4,h5 {
color:#FFF;
font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
font-size:1.5em;
margin:0 0 1em;
padding:0;
}

p {
font-size:0.85em;
line-height:1.2em;
margin:1em 0 0;
padding:0;
}

blockquote {
border:1px solid #7d8f9f;
text-align:justify;
font-size:0.8em;
padding:0 10px 10px;
}

#root {
margin-left:auto;
margin-right:auto;
position:relative;
width:764px;
}

#content {
left:198px;
position:absolute;
top:51px;
width:566px;
}

#content .wrapper {
background-color:#293b4c;
background-image:url(images/bg_content.jpg);
background-position:bottom;
background-repeat:no-repeat;
float:left;
width:464px;
padding:0 40px 170px;
}

#content * a:hover {
color:#FF0;
text-decoration:none;
}

#content h1 {
background-image:url(images/bg_logo.gif);
background-repeat:no-repeat;
display:block;
height:170px;
width:566px;
margin:0;
padding:0;
}

#content h1 a {
display:block;
width:566px;
}

#content h1 span {
font-size: 1.4em; 
text-align:center; 
display: block; 
padding:60px;
}

#content h2.slogan {
background-image:url(images/bg_slogan.gif);
background-position:bottom;
background-repeat:repeat-x;
display:block;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:8pt;
font-weight:400;
text-align:center;
margin:0;
padding:0 0 14px;
}

#content h2 {
font-size:1.4em;
font-weight:400;
margin:40px 0 0;
}

#content h2 a:hover {
color:#FF0;
}

#content p.prefix {
color:#B0C0C8;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:0.75em;
margin:0;
padding:0;
}

#content p.prefix a,#content p.suffix a {
text-decoration:none;
}

#content p.suffix {
background-color:#000;
background-image:url(images/bg_suffix_left.gif);
background-repeat:no-repeat;
border:1px solid #565E65;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:0.7em;
height:14px;
line-height:1em;
text-align:right;
padding:5px 9px;
}

#content .footer {
background-image:url(images/bg_footer.gif);
background-repeat:no-repeat;
float:left;
padding-bottom:15px;
text-align:center;
width:544px;
}

#content .footer p {
color:#EEE;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:0.65em;
margin:0 0 0.5em;
position:relative;
top:-10px;
}

#content .footer a {
color: #EEE;
}

#wpcf_your_name,#wpcf_email,#wpcf_website,#wpcf_msg,#searchbox,#author,#name,#email,#url,#searchbox,#comment {
background-color:#14212D;
border:1px solid #7d8f9f;
color:#fff;
}

#comment {
	width: 99%;
}

#user_login,#log,#login_password,#rememberme {
background-color:#14212D;
border:1px solid #7d8f9f;
color:#fff;
}

#login ul {
margin:0;
padding:0;
}

#login ul li {
display:inline;
margin-left:10px;
}

img.left {
float:left;
border:1px solid #7d8f9f;
margin:5px 12px 3px 0;
padding:2px;
}

img.right {
float:right;
border:1px solid #7d8f9f;
margin:5px 0 3px 12px;
padding:2px;
}

img.center {
display:block;
border:1px solid #7d8f9f;
margin:0 auto 8px;
padding:2px;
}

acronym {
cursor:help;
border-bottom:1px dotted #9C0063;
}

#side {
position:absolute;
top:30px;
width:196px;
}

#side .wrapper {
background-color:#293b4c;
background-image:url(images/bg_side.jpg);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
float:right;
padding-bottom:180px;
width:173px;
}

#side .topdecor {
background-image:url(images/bg_side_top.jpg);
background-repeat:no-repeat;
height:164px;
width:196px;
}

#side .searchbox {
background-color:#31363A;
background-image:url(images/bg_search.gif);
background-position:top left;
background-repeat:no-repeat;
height:73px;
position:relative;
width:152px;
padding:15px 0 0 21px;
}

#side .searchbox p {
font-size:10px;
left:4px;
position:absolute;
text-align:left;
text-transform:uppercase;
top:36px;
}

#searchbox {
background-color:#14212D;
border:1px solid #575F66;
color:#FFF;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:11px;
height:14px;
line-height:14px;
position:absolute;
top:65px;
width:107px;
}

#searchbutton {
background-image:url(images/btn_search.gif);
background-repeat:no-repeat;
border:none;
color:#FFF;
cursor:pointer;
font-family:"MS Sans Serif", Geneva, sans-serif;
font-size:9px;
height:18px;
left:133px;
position:absolute;
top:65px;
width:24px;
padding:0 0 0 2px;
}

#side h2 {
background-image:url(images/bg_sidecaption.gif);
background-repeat:no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:400;
height:37px;
position:relative;
width:155px;
margin:1em 0 0 -4px;
padding:2px 0 0 22px;
}

#side ul {
font-size:0.8em;
list-style:none;
overflow:hidden;
width:137px;
margin:0;
padding:0 18px 20px;
}

#side ul li {
background-image:url(images/page.gif);
background-position:0 0.3em;
background-repeat:no-repeat;
display:block;
margin:0;
padding:4px 0 2px 20px;
}

.page2 li {
background:url(images/page.gif) no-repeat 0 1px;
list-style:none;
background-position:0 0.3em;
background-repeat:no-repeat;
display:block;
margin:0;
padding:4px 0 2px 20px;
}

#side ul li.current_page_item li a {
color:#fff;
}

#side ul li a {
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

#side ul li a:hover {
color:#1CBDFF;
position:relative;
}

#side ul li ul {
border-bottom:1px solid #293B4C;
padding:0;
}

#side ul li li {
background-image:url(images/subpage.gif);
background-position:0 5px;
border-bottom:none;
padding:2px 0 2px 20px;
}

#side ul li li a {
font-size:9pt;
}

#side ul li li a:hover {
color:#1CBDFF;
}

#side p {
font-size:0.8em;
padding:0 18px 20px;
}

#side ul.rss li {
background-image:url(images/add_rss.gif);
background-position:0 0.3em;
border-bottom:none;
padding:4px 0 2px 20px;
}

#side ul.archives li {
background-image:url(images/calendar.gif);
height:16px;
list-style:none;
padding:2px 0 2px 22px;
}

#side ul.categories li {
background-image:url(images/folder_go.gif);
background-position:0 0.3em;
}

.topnav {
color:#ff0;
}

.bottomnav {
color:#ff0;
margin:30px 0 0;
padding:5px 0 0;
}

.post li {
font-size:0.9em;
}

.postmetadata {
background-color:#14212D;
border:1px solid #7d8f9f;
text-align:justify;
font-size:0.8em;
padding:10px;
}

.commentlist li,.trackbacklist li {
background-color:#14212D;
margin-bottom:10px;
border:1px solid #7d8f9f;
padding:10px;
}

.commentlist li .avatar {
	float: right;
	margin: 0 0 0 8px;
}
.commentlist li .commenttext {
	clear: both;
}
.commentlist .children {
	padding: 0;
	margin: 16px 0 0;
}
.commentlist .children li {
	list-style: none;
	margin: 0;
}
.commentlist li .reply {
	margin: 16px 0 8px;
}
.commentlist li .reply a {
	padding: 5px; background: #293b4c;
}

.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { margin: 10px 0; overflow: hidden; }

a,#side ul li.current_page_item a {
color:#60B1FF;
}

#content h2.slogan a,#content h2 a {
color:#39F;
text-decoration:none;
}

#content .footer a:hover,#content h2.slogan a:hover {
color:#ff0;
text-decoration:none;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

form,.linkspage ul {
margin:0;
padding:0;
}

img,a img {
border:0;
}

a,#content .footer a {
color:#39f;
text-decoration:none;
}

#side ul.links li,.links li {
background:url(images/link_go.gif) no-repeat 0 0;
height:16px;
padding:2px 0 2px 22px;
}

#content .footer a {
color: #FFF;
}

/* Image Styles */
	.post div.wp-caption { margin: 10px; border: 1px solid #7d8f9f; background: #14212d; overflow: hidden; }
		.post .wp-caption img { display: block; margin: 5px auto; }	
		.post .wp-caption-text { margin: 5px; font-size: 0.8em; line-height: 1.3em; }
	.post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	.post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	.post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	.post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	.post div.alignleft { text-align: left; float: left; margin-left: 0; }
	.post div.alignright { text-align: right; float: right; margin-right: 0; }
	.post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	.post .gallery { margin: 16px auto; }
		.post .gallery img { border: none; margin-bottom: 5px; }
		.post .gallery .gallery-item, .post .gallery .gallery-icon { clear: none; margin: 0; }
		.post .gallery .gallery-icon {  }
		.post .gallery .gallery-caption { text-align: left; font-size: 0.8em; line-height: 1.3em; margin: 0 5px 10px; }