@charset "utf-8";
/*
Theme Name: Elements of SEO
Theme URL: http://www.alibiproductions.com/html/elements-of-seo.html
Description: Elements of SEO is a simple, 3-column Widget-ready theme created for Wordpress.
Author: Drew Stauffer
Author URI: http://www.alibiproductions.com
Version: 1.2
Tags: white, green, gray, three columns, custom headers, widgets, gravatar, fixed width, easy customization, valid XHTML, valid CSS
	
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

b {
	font-weight:bold;
/*	color:#989898;
	font-style: italic; */
}


body {
/*	background: #FFFFFF url("images/top.gif") repeat-x; */
	background: #ccc;
	color: #333;
	text-align:center;
/*	font:12px/22px Verdana, Arial, Helvetica, sans-serif; */
	font:12px/22px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
	
#wrap {
	background: #FFFFFF;
	width: 985px;
	text-align:left;
	margin: 0px auto 0px;
	padding: 5px 5px 5px 10px;;
}




	
/************************************************
*	Hyperlinks									*
************************************************/

a:link { text-decoration: underline; color : #007ed8; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #007ed8; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: underline; color : #007ed8; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #0000ff; border: 0px; -moz-outline-style: none;} 
a:focus { outline: underline;-moz-outline-style: none;}

/************************************************
*	Navbar  									*
************************************************/
#nav {
	text-align: right;
	margin: 0px auto 0px;
	padding: 0px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	}

#nav li {
	display: inline;
	font-weight:bold;
	padding:0 5px 0 10px;
	}
/*
#nav a:link, #nav a:visited	{ color:#99f; text-decoration:underline; }
#nav a:hover, #nav a:active	{ color:#00f; text-decoration:underline; }
*/

#nav_category {
	text-align: left;
	margin: 0px auto 0px;
	padding: 0px;
	background :#888;
}

#nav_category ul {
	margin: 0px;
	padding: 0px;
	}

#nav_category li {
	display: inline;
	font-weight:bold;
	padding:0 5px 0 10px;
	}

#nav_category a:link,  #nav_category a:visited	{ color:#fff; text-decoration:none; }
#nav_category a:hover, #nav_category a:active	{ color:#f00; text-decoration:underline; }




/************************************************
*	Masthead 					     		    * 
************************************************/

#masthead { 
margin:5px 0 0 0; width: 970px; /* height:170px; */
text-align:right;
}

#masthead h1 { font-size: 14px; font-weight: normal; padding: 0; margin:0;color: #888; }
#masthead h3 { font-size: 10px; font-weight: normal; padding: 0; margin:0;color: #888; text-transform: none;   }

/*
#masthead a:link, #masthead a:visited	{ color:#800; text-decoration:none; }
#masthead a:hover, #masthead a:active	{ color:#488; text-decoration:underline;}
*/

#title_image { 
	float:left;
	width:170px;
/*	height:150px;*/
	margin:0;
	padding:0;
}
#title_char { 
	float:right;
	width:790px;
/*	height:150px; */
	margin:0 0 1px 0;
	padding:0;
}

#breadcrumb {
	margin: 0px auto 0px;
	text-align:left;
	padding-left:10px;
/*	padding-left:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#f8f8f8; */
}
#title_char p.h1 { font-size: 14px; font-weight: normal; padding: 0; margin:0;color: #888; }
#title_char p.h3 { font-size: 10px; font-weight: normal; padding: 0; margin:0;color: #888; text-transform: none;   }

#banner,
#banner1,
#banner2 { background: url("images/banner.gif") no-repeat; height:80px; }
/*
#banner { background: url("images/banner.jpg") no-repeat; height:80px; }
#banner1 { background: url("images/banner1.jpg") no-repeat; height:80px; }

#banner2 { background: url("images/banner2.jpg") no-repeat; height:80px; }
*/

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	clear:both;
	width: 970px;
	margin: 0px auto 0px;
	padding: 0px;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
/*
#content h1 {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
	margin: 30px 0px 3px 0px;
	border:1px solid #ccc;
	background :#328AB2;
	color: #fff;
	padding: 5px;
	
	}
	
#content h1 a  {
	color: #fff;
	text-decoration: none;
	display: block;
	}
#content h1 a:hover {
	color: #f88;
	text-decoration: none;
	display: block;
	}
*/

#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-top: 7px;
	}
	
#content h2 {
/*	color: #ee8844; */
	color: #0a8;
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0px 5px 0px;
	margin: 25px 0px 5px 0px;
	border-bottom: 1px dashed #4C666A;
}

#content h3 {
	color: #0a8;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
	
#content h4 {
	color: #0a8;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight:bold;
}

#content h5 {
	color: #0a8;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0;
	font-weight:bold;
}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	

#contentleft {
	float: left;
/*	width: 455px; */
	width: 730px;
	margin: 0;
	padding:0 0 10px 0;
	/*
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	*/
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
#contentleft .single {
	margin: 42px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
	}
	
#contentleft h1 {
	display: block;

	color: #0a8;
	font-size: 24px;
	border-bottom:1px dotted #ccc;
	margin: 20px 0px 3px 0px;
	
	font-weight: bold;
	letter-spacing: 0px;
	line-height:24px;
	padding: 5px;
	
}


#contentleft pre {
/*	float:left; */
}

#titleleft {
	float:left;
	margin:0;
	padding:0;
	width:470px;
}
#titleright {
	float:right;
	margin:0;
	padding:0;
	width:230px;
}

#contentleftlist {
	float: left;
/*	width: 455px; */
	width: 730px;
	margin: 0;
	padding:0 0 10px 0;
	/*
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	*/
	}
	
#contentleftlist ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleftlist ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleftlist ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleftlist ul li{
	background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
	
#contentleftlist .single {
	margin: 42px 0px 15px 0px;
	padding: 20px 0px 0px 0px;
	}
	

#contentleftlist h1 {
	display: inline;
	color: #000;
	border:none;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background :none;
	
}

#contentleftlist p.extract {
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0px;
}
	
blockquote{
	margin: 0px 25px 10px 25px;
	padding: 0px 25px 0px 10px;
	background: #333333;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	}
	
#content blockquote p{
	color:#fff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}


.bookmark_post {
/*	background: #EFEFEF; */
/*	background: #FcFFFF; */
/*	border-top: 1px dotted #ccc; */
	border-top: 1px dotted #ccc;
/*	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 15px; */
	margin:0;
	padding:0;
	color:#aaa;
	font-size:10px;
	font-weight: bold;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
}


.bt-links ,
.date 
{
	font-size:9px;
	color:#aaa;
	float:left;
	margin:0;
	padding:0 5px 0 0;
}

.bt-links  a:link, .bt-links  a:visited,.date  a:link, .date  a:visited	{ color:#aaa; text-decoration:underline; }
.bt-links  a:hover, .bt-links  a:active,.date  a:hover, .date  a:active	{ color:#aaa; text-decoration:underline; }


#content dl 
{
	margin:10px 0 10px 5px;
}
#content dt 
{
	font-weight:bold;
}
#content dd 
{
	margin-left:40px;
}



/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: right;
	width: 190px;
	margin: 20px 0px 10px 10px;
	padding: 0px 20px 20px 20px;
	border: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}


#l_sidebar ul li {
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}

/*
#l_sidebar a:link, #l_sidebar a:visited	{ color:#99f; text-decoration:underline; outline:none; }
#l_sidebar a:hover, #l_sidebar a:active	{ color:#00f; text-decoration:underline; outline:none; }
*/	

#l_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}


#l_sidebar li {list-style: none; }	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	float: right;
	width: 190px;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 20px 20px;
	border: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	

#r_sidebar ul li {
	background:transparent url("images/bullet.gif") 0px 11px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	display: block;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	}


#feed {
	background:  url("images/rss.gif") 0px 0px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	padding: 4px 0px 4px 0px;
	text-indent:20px;
}
/*
#r_sidebar a:link, #r_sidebar a:visited	{ color:#99f; text-decoration:underline; outline:none; }
#r_sidebar a:hover, #r_sidebar a:active	{ color:#00f; text-decoration:underline; outline:none; }
*/	
	
#r_sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar li {list-style: none; }	

/************************************************
*	Footer  									*
************************************************/

#footer {
/*	background:  url("images/foot.gif") no-repeat;*/
	width: 970px;
	height: 80px;
	margin: 0px auto 0px;
	text-align: center;
	position: relative;
	line-height: 17px;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
/*	border:1px solid #ccc;*/
	border-top:1px solid #ccc;
	}
	
#footer p {
	color: #888;
	margin:10px 0px 10px 0px;
	padding-top: 13px;
	}
/*
#footer a:link,  #footer a:visited { color:#99f; }
#footer a:hover, #footer a:active { color:#00f; }
*/


/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	color: #323232;
	font-size: 11px;
	padding: 4px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #323232;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
/*	font-family: Verdana, Helvetica, Sans-Serif;*/
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	cursor:pointer;
	}
	
/************************************************
*	Comments									*
************************************************/
	

#commentblock {

	background: #EFEFEF;
	color: #000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 2px solid #4C666A;
	border-bottom: 1px solid #4C666A;
	}
	
#commentblock ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	margin: 25px 20px 20px 0px;
	padding: 10px 10px 0px 10px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
	font-style:normal;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF url("images/comment.gif") no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

img.avatar {float:right; margin-right:20px; border: 1px solid #4C666A;}

.awaiting { color: #886353; }

.auth-name { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 14px; color:#000;}

.auth-time { font-size: 10px; color:#616161; font-style:italic;}

#comments, #respond { /*text-transform:uppercase;*/ font-size: 14px; font-weight:normal;}


input#tb_url {
	font-family: "courier new", courier, monospace;
	background-color: #CCC;
	font-size: 1em;
	padding: 0.2em;
	width: 80%;
}

div.trackback {
	padding:5px;
	background: #F9F9F9;
	border:1px solid #DEDEDE;
}

p.trackback-comment {
	font-size: 0.8em;
}

/************************************************
*	Wordpress Suggestions						*
************************************************/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
p.hint {
	background: url("images/f/image328.png") no-repeat ;
	background-position: 3px 3px ;
	height:24px;
	width:24px;
	float:left;
}
/*
p.hint {
	background: url("images/f/image328.png") no-repeat 3px 3px;
	text-indent:24px;
}
*/
p.info {
	background: url("images/f/image340.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}
p.stop,
p.error
 {
	background: url("images/f/image154.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}
p.warning,
p.caution
 {
	background: url("images/f/image243.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}

div.hint,
div.info,
div.stop,
div.error,
div.warning,
div.caution
 {
/* 	float:left; */
	clear:left;
	background: #ffffee;
	padding:10px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
}
div.frame
{
	clear:left;
	padding:10px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
}

p.br
{
	margin-top:10px;
}

.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

table.param {
	text-align: left;
	border: none;
}

table.param td {
	margin:0px; 
	padding:5px; 
	border: solid 1px #ccc;
}
table.param td.fieldset{
	border: solid 1px #ccc;
	background: #328ab2;
	color:#fff;
}
table.param tr  fieldset{
	border : none;
}

/* div class="fbox"で背景を画像のサイズ分必ず埋めることができる */
.fbox {
    zoom: 100%;
}
.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.code pre{
	font-size:100%;

	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

.rank {
/*	margin:10px; */
	margin:10px 0 10px 0;
	padding:10px;
	border:1px solid #ccc;
}

div.rank td.id1 {
	background: url("images/kin.gif") no-repeat 5px 5px;
	padding-top:35px;
}
div.rank td.id2 {
	background: url("images/gin.gif") no-repeat 5px 5px;
	padding-top:35px;
}
div.rank td.id3 {
	background: url("images/do.gif") no-repeat 5px 5px;
	padding-top:35px;
}
div.rank td.id4 {
	background: url("images/4.gif") no-repeat 5px 5px;
	padding-top:35px;
}
div.rank td.id5 {
	background: url("images/5.gif") no-repeat 5px 5px;
	padding-top:35px;
}

#similar h3,
#similar p{
	margin-top:15px;
	color:#6B4;
	font-weight:bold;
	font-size:14px;
}
#similar ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style:none;
	}
	
#similar ul li{
	background:transparent url("images/ul-bullet.gif") 0px 3px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
	}
/*
#similar a{
	color:#99f;
}
#similar a:hover{
	color:#00f;
}
*/

#l_sidebar h4 ,
#r_sidebar h4 
{
/*	color: #ee8844; */
	font-size: 16px;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
	margin: 25px 0px 5px 0px;
	border-bottom: 1px dashed #4C666A;
/*	text-transform: uppercase;*/
}
#trackback-url  {
	color: #4444dd;
	font-size: 16px;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#comtitle  {
	color: #4444dd;
	font-size: 16px;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}


table.panel
{
	padding:0;
	margin:5px;
	background-color:#f8f8f8;
	color:#000;
	border: none;
	border-collapse: collapse;
	
	table-layout: fixed;
}

table.panel tr
{
	vertical-align:top;
}
table.panel td
{
	padding:5px;
	background:none;
	border: solid 1px #ccc;
}
table.panel td.b
{
	padding:5px;
	background:none;
	border: solid 1px #ccc;
	font-weight: bold;
}

table.panelw
{
	padding:0;
	margin:5px;
	background:none;
	color:#000;
	border: none;
	border-collapse: collapse;
	
	table-layout: fixed;
}

table.panelw tr
{
	vertical-align:top;
}
table.panelw td
{
	padding:5px;
	background:none;
	border: solid 1px #ccc;
}
table.panelw td.b
{
	padding:5px;
	background:none;
	border: solid 1px #ccc;
	font-weight: bold;
}

#contentleftlist .p-det { text-align: left; font-size: 11px; font-weight: bold; margin:10px 0 0 0;padding:0;}
#contentleftlist .p-det li { display: inline; padding: 5px 0px 6px 14px; margin: 10px 5px 0 0;}
#contentleftlist .p-det li.p-det-com  { background: url("images/p-det-com-ico.png")  left center no-repeat; }
#contentleftlist .p-det li.p-det-more { background: url("images/p-det-more-ico.png") left center no-repeat; }
#contentleftlist .p-det li a, .p-det li a:visited, .p-det li a:hover { margin: 0 3px 0 0; }
#contentleftlist img { padding: 5px 10px 10px 5px; }

#contentleftlist .prtop
{
margin:0;
padding:0;
clear:both;
}
.title
{
width:470px;
}