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

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	text-align:center;
	background-color:#000;
	background-image:url(images/bg_fireworks.jpg);
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background-position: center top;
	background-repeat: no-repeat;
}
h1,h2,h3,h4,h5 {
	text-align:left;
	color:#FFF;
	font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
	font-size:1.5em;
	margin:0 0 1em;
	padding:0;
}
p {
	text-align:left;
	font-size:0.85em;
	line-height:1.2em;
	margin:1em 0 0;
	padding:0;
}
blockquote {
	border:1px solid #aaa;
	text-align:justify;
	font-size:0.8em;
	padding:0 10px 10px;
}
#root {
	margin:0px auto;
	position:relative;
	width:791px;
	text-align:left;
}
#content {
	left:225px;
	position:absolute;
	top:51px;
	width:566px;
}
#content .wrapper {
	background-color:#222629;
	background-image:url(images/bg_content.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
	width:544px;
	padding-top: 0;
	padding-bottom: 170px;
}
#content .item {
	padding-right: 40px;
	padding-left: 40px;
}
#content * a:hover {
	color:#FF0;
	text-decoration:none;
}
#content h1 {
	background-image:url(http://www.fmokinawa.co.jp/dub_image/images/bg_logo2.jpg);
	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 0;
}
#content h2 a:hover {
	color:#FF0;
}
#introduction {
	background-image:url(images/letsdub_bg.jpg);
	background-repeat:no-repeat;
	width:462px;
	height:220px;
	margin-right: 40px;
	margin-left: 40px;
}
#introduction p {
	padding: 75 25 0 25px;
}
#content p.prefix {
	color:#B0C0C8;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-size:0.75em;
	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;
	margin-right: 40px;
	margin-left: 40px;
	padding: 5 9px;
}
#content .footer {
	background-image:url(images/bg_footer.gif);
	background-repeat:no-repeat;
	float:left;
	padding-bottom:15px;
	width:544px;
}
#content .footer p {
	color:#A4B6C8;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-size:0.65em;
	margin:0 0 0.5em;
	text-align:center;
}
#wpcf_your_name,#wpcf_email,#wpcf_website,#wpcf_msg,#searchbox,#author,#name,#email,#url,#searchbox,#comment {
	background-color:#16181A;
	border:1px solid #aaa;
	color:#fff;
}
#user_login,#log,#login_password,#rememberme {
	background-color:#16181A;
	border:1px solid #aaa;
	color:#fff;
}
#login ul {
	margin:0;
	padding:0;
}
#login ul li {
	display:inline;
	margin-left:10px;
}
img.left {
	float:left;
	border:1px solid #aaa;
	margin:5px 12px 3px 0;
	padding:2px;
}
img.right {
	float:right;
	border:1px solid #aaa;
	margin:5px 0 3px 12px;
	padding:2px;
}
img.center {
	display:block;
	border:1px solid #aaa;
	margin:0 auto 8px;
	padding:2px;
}
acronym {
	cursor:help;
	border-bottom:1px dotted #9C0063;
}
#side {
	position:absolute;
	top:30px;
	left:0px;
	width:223px;
}
#side .wrapper {
	background-color:#32373B;
	background-image:url(images/bg_side.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	clear:both;
	float:right;
	padding-bottom:180px;
	width:200px;
}
#side .topdecor {
	background-image:url(images/bg_side_top.jpg);
	background-repeat:no-repeat;
	height:164px;
	width:223px;
}
#side .searchbox {
	background-color:#31363A;
	background-position:left top;
	background-repeat:no-repeat;
	height:88px;
	width:200px;
	position:relative;
	background-image: url(images/bg_search.gif);
}
#side .searchbox p {
	font-size:10px;
	left:4px;
	position:absolute;
	text-transform:uppercase;
	top:36px;
}
#searchbox {
	background-color:#16181A;
	border:1px solid #575F66;
	color:#FFF;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	font-size:11px;
	height:20px;
	width:134px;
	line-height:14px;
	position:absolute;
	top:65px;
	margin-left: 21px;
}
#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:160px;
	position:absolute;
	top:65px;
	width:24px;
	margin:1 0 0 0px;
	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;
	width:204px;
	height:37px;
	position:relative;
	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 #32373B;
	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 #arrow ul {
	list-style:none;
	overflow:hidden;
	width:137px;
	margin:0;
padding: 0 18px;
}
#side #arrow li {
	background-image: url(images/arrow.gif);
	background-position:0;
	background-repeat:no-repeat;
	display:block;
	margin:0;
	padding: 4px 0 2px 15px;
}
#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:#16181a;
	border:1px solid #aaa;
	text-align:justify;
	font-size:0.8em;
	padding:10px;
}
.commentlist li,.trackbacklist li {
	background-color:#16181a;
	margin-bottom:10px;
	border:1px solid #aaa;
	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;
}

/* Image Styles */
	.post div.wp-caption { margin: 10px; border: 1px solid #565e65; background: #32373b; 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; }