@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;}
img {
	margin: 0;
	padding: 0;
	border: 0 none;
	vertical-align:middle;
}
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: #e7e7e7;
	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;
	width: 980px;
}

#wrap {
	width: 980px;
	text-align:left;
	margin: 0px auto 0px;
	padding: 0;
/*	background: #ffffff; */
	background: #e7e7e7 url(images/back_border.png) repeat-y center center;
}

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

a:link,a:visited	{ color:#00f; text-decoration:underline; outline:none;}
a:hover,a:active	{ color:#0af; text-decoration:underline; outline:none;}
	
/* h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#0a4;} */
/* h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#e70;} */

#left_header
{
	float:left;
	padding: 15px 15px; 15px 25px;
	width:410px;
}
#right_header
{
	float:right;
	padding: 15px 25px; 15px; 15px;
	width:490px;
}

/************************************************
*	Navbar  									*
************************************************/
.topmenu 
{
	margin: 0px auto 0px;
	padding: 20px 20px 0px 20px;
}
#nav 
{
/*	float:right; */
	text-align: left;
	margin: 0px auto 0px;
	padding: 0;
}

#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:#00f;text-decoration:none;  }
#nav a:hover, #nav a:active 
{ color:#0af;text-decoration:underline;  }
/*
#nav a:link, #nav a:visited 
{ text-decoration:none; }
#nav a:hover, #nav a:active 
{ text-decoration:underline; }
*/
/*  qTransrator  
    <ul class="qtrans_language_chooser" id="qtranslate-chooser">
      <li><a href="http://www.bebe-graph.com/wordpress/svr/off/" hreflang="ja" class="qtrans_flag qtrans_flag_ja"><span style="display:none">日本語</span></a></li>
      <li class="active"><a href="http://www.bebe-graph.com/wordpress/svr/off/en/" hreflang="en" class="qtrans_flag qtrans_flag_en"><span style="display:none">English</span></a></li>
    </ul>
    <div class="qtrans_widget_end"></div>

*/


.qtrans_flag_ja { background:url(/wp-content/plugins/qtranslate/flags/jp.png) no-repeat left center; }
.qtrans_flag_en { background:url(/wp-content/plugins/qtranslate/flags/gb.png) no-repeat left center; }

#qtrans_header
{
	padding:0 5px 0 0;
}

#qtranslate-chooser
{
}


#qtranslate-chooser li ,
#qtranslate-chooser li.active
{
	display: inline;
	padding-left:5px;
/*	height:32px; */
/*	vertical-align:middle; */
/*	display:block; */
}

#qtranslate-chooser li a
{
	color:#00f;
	text-decoration: none;
}
#qtranslate-chooser li a:hover,
#qtranslate-chooser li a:active
{
	color:#0af;
}
#qtranslate-chooser li.active a
{
	border-bottom:2px solid #00f;
}
#qtranslate-chooser li.active a:hover,
#qtranslate-chooser li.active a:active
{
	color:#0af;
}


#nav_category 
{
	text-align: left;
	margin: 0px 6px 0px 6px ;
	padding: 0px 10px 0px 10px;
	background :#444;
}

#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:#0cf; text-decoration:underline; }



#banner_header
{
	min-height:60px;
	min-width:470px;
	padding:10px 5px 10px 0;
	font-size:11px;
	line-height:11px;
}

#searchbox
{
	margin:0;
	padding:0 5px 0 0;
}

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

#masthead { 
	background: #e7e7e7 url(images/back_border_h2.jpg) no-repeat center top;
	margin: 0 auto 0;
	padding:0px;
	width: 980px;
	overflow: hidden;
}

#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;
	margin:0;
	padding:0;
}
 */
#logo {
	padding:10px 0px  0px  60px;
}
#title_char { 
/*	float:left; */
/*	width:790px; */
	margin:0 0 1px 0;
	padding:0px 0px  0px  10px;
	text-align:left;
}

#breadcrumb {
	margin: 0px 6px 0px 16px ;
	padding: 0px 10px 0px 10px;
	text-align:left;
/*	padding-left:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background:#f8f8f8; */
}

#breadcrumb a:link, #breadcrumb a:visited	{ color:#00f; }
#breadcrumb a:hover, #breadcrumb a:active	{ color:#0af; }

#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; line-height:10px;   }

#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: 940px;
	margin: 0px 20px 0px 20px ;
	padding: 0;
}

#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; */
	font-size: 16px;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
	margin: 25px 0px 5px 0px;
	border-bottom: 1px dashed #4C666A;
	color:#444;
/*	text-transform: uppercase;*/
}
/*
#content h2 a {
	color: #ee8844;
}
#content h2 a:hover {
	color: #ff0000;
}
*/
#content h2 a  { 
    color:#f80; 
	text-decoration: none;
}

#content h2 {
	clear:left;
/*	color:#4af; */
/*	color: #0a4; */
	color: #f80;
	font-size: 140%;
	border-bottom: 1px dashed #ccc;
	line-height:40px;
/* 	margin: 0;
	padding: 16px 0 0 16px;
 */}

#content h2:first-letter {
	font-size: 200%;
}


#content h3 {
	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;
	}
#content h3 {
	clear:left;
	color:#0aa;
	font-size: 140%;
	border-bottom: 1px dashed #ccc;
	line-height:40px;
/*
	padding-left:12px;
 	margin: 0;
	padding: 16px 0 0 16px;
 */}
#content h3:first-letter {
	font-size: 200%;
}
	
#content h4 {
	color: #dd8844;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight:bold;
}

#content h5 {
	color: #4444dd;
	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: 770px; */

/*	width: 735px;  */
	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 */
	background:transparent url("images/ul_glay.png") 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: #fff;
	font-size: 14px;
	background :#328AB2;
	border:1px solid #ccc;
	margin: 20px 0px 3px 0px;
*/
	color: #f80;
	font-size: 24px;
	border-bottom:1px dotted #ccc;
	margin: 20px 0px 3px 0px;
	
	font-weight: normal;
	letter-spacing: 0px;
	line-height:24px;
	padding: 5px;
}


#contentleft h1 a  { color:#f80;
	text-decoration: none;
 }

/*
#contentleft h1 a  {
	color: #444;
	text-decoration: none;
	display: block;
	}
#contentleft h1 a:hover {
	color: #a00;
	text-decoration: none;
	display: block;
	}
*/
#contentleft pre {
/*	float:left; */
}

#titleleft {
	float:left;
	margin:0;
	padding:0;
	width:525px;
}
#titleleft2 {
	float:left;
	margin:0;
/*	padding:20px; */
	padding:10px 0 10px 0;
	width:730px;
}
#titleright {
	float:right;
	margin:0;
	padding:0;
	width:210px;
}

.titleleft_table_L {
	margin:10px 0 20px 0;
	clear:none;
	width:730px;
	table-layout: fixed;
	padding:0;
}
.titleleft_table_M {
	margin:10px 0 20px 0;
	clear:none;
	width:525px;
	table-layout: fixed;
	padding:0;
}
.titleleft_table_L td{
	width:725px;
}
.titleleft_table_M td{
	width:525px;
}
.titleleft_table_M h2:first-letter ,
.titleleft_table_L h2:first-letter ,
.titleleft_table_M h3:first-letter ,
.titleleft_table_L h3:first-letter ,
#download-page-featured h2:first-letter ,
#download-page-featured h3:first-letter ,
#download-page-categories h2:first-letter ,
#download-page-categories h3:first-letter 
{
	font-size:100%;
}


#titleleft_pr {
	float:left;
	margin:0;
	padding:0;
	width:525px;
}
#titleleft_pr2 {
	float:left;
	margin:0;
	padding:0;
	width:730px;
}

#contentleftlist,
#tailcontent 
 {
	float: left;
/*	width: 455px; */
/*	width: 770px; */
	width: 735px;
	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;
/*	border:1px solid #ccc;
	background :#328AB2;*/
	background :none;
	
	}
/*
#contentleftlist a,
#contentleftlist h1 a
  {
	color: #000;
	text-decoration:underline;
	display: inline;
	}
#contentleftlist a:hover ,
#contentleftlist h1 a:hover 
 {
	color: #f00;
	text-decoration:underline;
	display: inline;
	}
*/
#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: #fff;
	border-top: 2px solid #EFEFEF;
	border-bottom: 2px solid #EFEFEF;
	}
	
#content blockquote p{
	color:#000;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}


.date 
{
	color:#88A;
	font-size:10px;
	font-weight: bold;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
	margin:0;
	padding:0;
}

.bt-links ,
.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: #4444dd; */
	color: #444;
/* 	font-size: 16px;
	color:#aaa;
 */	font-size:14px;
	font-weight: normal;
/*	font-family: Georgia, "Times New Roman", Times, serif;*/
}


#contentleft div.date 
{
	font-size:9px;
	color:#444;
/*
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
*/
	background: #f8f8f8;
	padding:0 5px 0 5px;
	margin-bottom:0;
}

#contentleft div.bt-links  
{
	font-size:9px;
	color:#444;
/*
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
*/
	background: #f8f8f8;
	padding:0 5px 0 5px;
	margin-top:0;
	margin-bottom:30px;
}

#contentleftlist div.date 
{
	margin-top:5px;
}

#contentleftlist div.bt-links 
{
	font-size:9px;
	color:#444;

	margin-bottom:5px;
/*	border: 1px solid #ccc;*/
	background: #eee;
	padding:0 5px 0 5px;
	margin-top:0;
	margin-bottom:20px;
	line-height:16px;
/*	color: #fff; */
}
/*
#contentleft div.date a,
#contentleft div.bt-links a,
#contentleftlist div.date a,
#contentleftlist div.bt-links a
{
	color: #888;
	text-decoration:underline;
	display: inline;
}

#contentleft div.date a:hover,
#contentleft div.bt-links a:hover,
#contentleftlist div.date a:hover,
#contentleftlist div.bt-links a:hover
{
	color: #f00;
}

#contentleftlist a.continue
{
	color:#a00;
}
#contentleftlist a.continue:hover
{
	color:#488;
}
*/
#content dl 
{
	margin:10px 0 10px 5px;
}
#content dt 
{
	font-weight:bold;
}
#content dd 
{
	margin-left:40px;
}



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

#l_sidebar {
	float: right;
/*	width: 195px; */
	width: 175px;
	margin: 20px 0px 10px 5px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}
	
#l_sidebar_en {
	float: right;
	width: 200px;
	margin: 20px 0px 10px 0px;
	padding: 0;
	border: none;
	}

#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:#444; text-decoration:none; outline:none; }
#l_sidebar a:hover, #l_sidebar a:active	{ color:#488; 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 ,
#r_sidebar2 
 {
	float: right;
/*	width: 195px; */
	width: 175px;
	margin: 20px 0px 10px 5px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #E2DDDE;
	font:11px/18px Verdana, Arial, Helvetica, sans-serif; 
	}
#r_sidebar_pr
 {
	float: right;
	width: 200px;
/*
	width: 200px;
	height: 200px;
	*/
	margin: 0;
	padding: 0;
}

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

#r_sidebar ul li ,
#r_sidebar2 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:#444; text-decoration:none; outline:none; }
#r_sidebar a:hover, #r_sidebar a:active	{ color:#488; text-decoration:underline; outline:none; }
*/	
	
#r_sidebar p ,
#r_sidebar2 p 
{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}

#r_sidebar li ,
#r_sidebar2 li{list-style: none; }	

#r_sidebar li.currentfile ,
#r_sidebar2 li.currentfile { background:  url("images/file2.png") no-repeat left top; padding-left:20px; /* color: #44F; */ }	
#r_sidebar li.currentdir ,
#r_sidebar2 li.currentdir { background:  url("images/diropen.png") no-repeat left top; padding-left:20px; /* color: #44F; */ }	
#r_sidebar li.file ,
#r_sidebar2 li.file { 	background:  url("images/file.png") no-repeat left top;padding-left:20px; }
#r_sidebar li.dir ,
#r_sidebar2 li.dir { 	background:  url("images/dirclose.png") no-repeat left top;padding-left:20px; }


#l_sidebar li.new { background:  url("images/btn_orange.png") no-repeat left 5px;padding-left:16px; color: #44F; }
#l_sidebar li.old { background:  url("images/btn_cyan.png") no-repeat left 5px;padding-left:16px; color: #444; }

#r_sidebar ul.link li ,
#r_sidebar2 ul.link li { background:transparent url("images/star_s.png") no-repeat left 5px;padding-left:16px; }
#r_sidebar ul.manage li ,
#r_sidebar2 ul.manage li { background:transparent url("images/btn_black.png") no-repeat left 5px;padding-left:16px; }

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

#footer {
/*	background:  url("images/back_border_f.png") no-repeat center bottom; */
	background:  url("images/footer.jpg") no-repeat center bottom;
	
	width: 980px;
	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:#AAB3B4; }
#footer a:hover, #footer a:active { color:#AAB3B4; }



/************************************************
*	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: #f8f8ff;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #a0a0c0;
}
	
#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: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: left;
	}

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


.commenttext-admin {
	clear: left;
	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/hint.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/info.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}
p.stop,
p.error
 {
	background: url("images/stop.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}
p.warning,
p.caution
 {
	background: url("images/warning.png") no-repeat ;
	background-position: 4px 4px ;
	height:24px;
	width:24px;
	float:left;
}

div.hint
 {
/* 	float:left; */
	clear:left;
	padding:10px 10px 10px 30px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
	background: #ffffee url("images/hint.png") no-repeat 10px 10px;
}

div.info
{
/* 	float:left; */
	clear:left;
	padding:10px 10px 10px 30px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
	background: #ffffee url("images/info.png") no-repeat 10px 10px;
}

div.stop,
div.error
{
/* 	float:left; */
	clear:left;
	padding:10px 10px 10px 30px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
	background: #ffffee url("images/stop.png") no-repeat 10px 10px;
}

div.warning,
div.caution
 {
/* 	float:left; */
	clear:left;
	padding:10px 10px 10px 30px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
	background: #ffffee url("images/warning.png") no-repeat 10px 10px;
}
div.frame
{
	clear:left;
	padding:10px;
	border:solid 1px #ccc;
	margin:5px 0 5px 0;
}

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

.tablenav {
	color: #00f;
	background:#fff;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

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

a.page-numbers:hover {
	color:#fff;
	background: #00f;
}

.tablenav .current {
	color: white;
	background: #00f;
	border-color: #00a;
	font-weight:bold:
}

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

.pagenav {
	color: #444;
	font-size: 160%;
	margin: 1em auto;
	padding-left:100px;
	line-height:2em;
	text-align:left;
	font-weight:bold;
}

.pagenav a {
	color: #00f;
	background: #fff;
	padding: 2px .4em;
	border:solid 1px #ccc;
}

.pagenav a:hover {
	color: #fff;
	background: #00f;
}

/*
 <ul class="pagination">
   <li>
     <span class='current page-numbers'>&laquo; Previous</span>
   </li>
   <li>
     <span class='page-numbers current'>1</span>
   </li>
   <li>
     <a href="http://www.off-soft.net/ja/downloads?category=5&sortby=title&dlpage=2">2</a>
   </li>
   <li>
     <a href="http://www.off-soft.net/ja/downloads?category=5&sortby=title&dlpage=2">Next &raquo;</a>
   </li>
  </ul>
*/
#contentleft .pagination {
	color: #444;
/*	background: #444; */
/*	background:white; */
	font-size: 100%;
	margin: 1em auto;
	padding-left:100px;
	line-height:2em;
	text-align:left;
	font-weight:bold;
	list-style:none;
	background:none;
}
#contentleft .pagination li {
	list-style:none;
	background:none;

}

#contentleft .pagination a {
	color: #0ff;
	background: #fff;
	padding: 2px .4em;
	border:solid 1px #ccc;
/*	text-decoration:none;*/
}

#contentleft .pagination a:hover {
	color: #fff;
	background: #800;
/*	text-decoration:none;*/
}





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; */
	color:#444;
	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:#00f;
}
#similar a:hover{
	color:#f80;
}
*/

#l_sidebar h4 ,
#r_sidebar h4 ,
#r_sidebar2 h4 
{
/*	color: #a00; */
	color: #444;
/*	color: #0a4;*/
/*	color: #4488ee; */
	font-size: 16px;
	font-weight:normal;
	padding: 5px 0px 5px 0px;
	margin:  5px 0px 5px 0px;
	border-bottom: 1px dashed #4C666A;
/*	text-transform: uppercase;*/
	background-color:#f8f8f8;
}
#trackback-url  {
/*	color: #4444dd; */
	color: #444;
	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; */
	color: #444;
	font-size: 16px;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

div.index_discription_f
{
	margin-top:0;
	border:none;
	padding:0 0 10px 0;
	vertical-align:top;
	overflow: hidden;

}
div.index_discription
{
/*	color:#008; */
	overflow: hidden;
}
div.index_discription_f img
{
	padding:0px 5px 5px 0;
}



div.discription_f
{
	margin-top:5px;
	border:1px solid #ccc;
	background: #f8f8f8;
	padding:10px 5px 5px 5px;
	vertical-align:top;

	overflow: hidden;

}
div.discription
{
/*	color:#008; */
	overflow: hidden;
}
div.discription_f img
{
	padding:0px 5px 5px 0;
}


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.off
{
	color:#00f;
	background:#e0e0ff;
	text-align:center;
}
table.panel td.on
{
	color:#f00;
	background:#ffe0e0;
	text-align:center;
}
table.panel td.b
{
	padding:5px;
	background:none;
	border: solid 1px #ccc;
	font-weight: bold;
}
table.panel th {
	background:#ddd;
	border: solid 1px #ccc;
}

table.panel th.center {
	background:#ddd;
	border: solid 1px #ccc;
	text-align:center;
}

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

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;
}

div.dot
{
	padding:5px;
	border: dotted  1px #000;
}
div.dos
{
	padding:5px;
	border: dotted  1px #000;
	background-color: #000;
	color: #fff;
}

/* add information */
div.step {
	clear:left;
/*	color:#4af; */
/*	color: #0a4; */
	color: #f80;
	font-size: 140%;
	border-bottom: 1px dashed #ccc;
	line-height:40px;
/* 	margin: 0;
	padding: 16px 0 0 16px;
 */}

div.step:first-letter {
	font-size: 200%;
}
/* div.step:after 
{
	clear:both;
}
 */
div.step2 {
	clear:left;
	color:#0aa;
	font-size: 140%;
	border-bottom: 1px dashed #ccc;
	line-height:40px;
/*
	padding-left:12px;
 	margin: 0;
	padding: 16px 0 0 16px;
 */}
div.step2:first-letter {
	font-size: 200%;
}
/* div.step2:after 
{
	clear:both;
}
 */

div.amazon 
{
	border:solid 1px #ccc;
	padding: 5px;
	text-align: center;
}

div.phocadownloadfile32
{
	background:#fff url("images/download-icon.png") 5px 2px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
	border: 1px solid #ccc;
	padding:5px 5px 5px 40px;
	margin:5px 0px 5px 0px;
}
.moduletable_module_test
{
	margin: 0;
	padding: 0;
	background-color: #0000ff;
	border:solid 1px #00ff00;
}
div.source {
/*	text-align: left; */

/*
	border-left:10px solid #eef;
	border-right:1px solid #eef;
	border-top:1px solid #eef;
	border-bottom:1px solid #eef;
*/
	padding: 0px;
	margin: 0px;
	background-color: #f8f8f8;
/*	font-size:100%; */

/*	overflow: hidden; */
}


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

#r_sidebar_pr ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 2px 0 2px 14px;
	border-bottom: 1px dashed #EEE;
/*	background: transparent url(images/lis.gif) no-repeat 0px 4px;*/
/*	text-indent: 10px; */
	line-height:16px;
}

#r_sidebar_pr ul li a {
	color: #44f;
	text-decoration: none;
}

#r_sidebar_pr ul li a:hover {
/*	background: #aaa;*/
	color: #f80;
}
#r_sidebar_pr ul li#hot {
	font-weight:bold;
	background: transparent url(images/lis_h.gif) no-repeat 0px 4px;
}
#r_sidebar_pr ul li strong {
	font-weight:bold;
}


#r_sidebar_pr p,
#r_sidebar_pr p.colname_simple 
{
	margin: 0;
	padding: 0;
}
#r_sidebar_pr p img
{
	float: left;
	border: none;
	margin: 0;
	padding: 0;
}

#r_sidebar_pr div.rank_simple {
	padding:0;
	margin:0 0 10px 0;
}

#r_sidebar_pr div.rank_simple h5 {
	font-size:14px;
	background: #f8f8f8 url(images/sale_icon.png) no-repeat left center;
	border-bottom: 1px solid #ccc;
	padding:5px 0 5px 40px;
	margin:0 0 10px 0;
}
#r_sidebar_pr .simple_rank{
	padding:0;
	margin:0;
	border: none;
}
#r_sidebar_pr .simple_rank ul
{
	margin:0 0 10px 0;
}
#r_sidebar_pr .simple_rank p,
#r_sidebar_pr .simple_rank div
{
	padding:0;
	margin:0;
	line-height:13px;
}

#r_sidebar_pr .simple_rank p.colname_simple
{
	padding:0;
	margin:0;
}
#r_sidebar_pr .simple_rank p.colval_simple
{
	padding:0;
	margin:0;
}
#r_sidebar_pr .simple_rank p.colval2_simple
{
	font-size:80%;
	padding:0;
	margin:0;
	color:#888;
}

#r_sidebar_pr .simple_rank li.no1{
	background: url(images/ranking11_1.gif) no-repeat  0px 0px;
	padding-left:25px;
}
#r_sidebar_pr .simple_rank li.no2{
	background: url(images/ranking11_2.gif) no-repeat  0px 0px;
	padding-left:25px;
}
#r_sidebar_pr .simple_rank li.no3{
	background: url(images/ranking11_3.gif) no-repeat  0px 0px;
	padding-left:25px;
}
.pr
{
	color:#f00;
}

div.side-section {
	float:left;
	width:auto;
	text-align: left;
	margin-left: 5px;
	position: relative;
}
div.side-section p {
	clear:left;
}
div.related-projects {
	padding:5px;
}

#contentleft  .bookmarkicon,
#contentleftlist .bookmarkicon{
padding:0px;
margin:0px;
/*float:left;*/
}
#contentleft   .bookmarkicon p,
#contentleftlist .bookmarkicon p {
color: #A48;
font-weight:bold;
}
#contentleft   .bookmarkicon a,
#contentleft   .bookmarkicon a:hover, #contentleft   .bookmarkicon strong,
#contentleftlist .bookmarkicon a ,
#contentleftlist .bookmarkicon a:hover, #contentleftlist .bookmarkicon strong{
color: #888;
background: transparent ;
text-decoration: none;
}

#contentleft   .bookmarkicon ul,
#contentleftlist .bookmarkicon ul{
	list-style: none;
	padding: 0px;
	margin: 0;
	background:none;
}

#contentleft   .bookmarkicon ul.bookmark_count li,
#contentleftlist .bookmarkicon ul.bookmark_count li
{
	padding:0 3px 0 3px;
	float: left;
	background:none;
}
#contentleft   .bookmarkicon  img,
#contentleftlist .bookmarkicon  img 
{
	vertical-align:middle;
}
a.external_link {
background:url(/images/external.png) no-repeat right center;
padding-right:13px;
margin-right:5px;
}

.red {
	color:red;
}
.blue {
	color:blue;
}
.green {
	color:green;
}

/* social bookmark 
--------------------------------------------------------------------------*/

#sc_bookmark {
	height:30px;
	width:100%;
	position: fixed;
	bottom: 0;
	left: 0;
	border-bottom: solid 4px #444;
	margin: 0;
	padding: 0;

}

#sc_bookmark div {
	margin: 0;
	padding: 0;
}

#sc_bookmark a ,
#sc_bookmark a:hover 
{
	text-decoration: none;
}
#sc_bookmark img ,
#sc_bookmark img a {
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	text-decoration:none;
}

#sc_bookmark #b_inner{
/*	background: url(/images/s_footer.png) no-repeat 0 0px; */
	background-color:#f8f8f8;
	margin:0 auto 0;
	padding:3px 0 0 0;
	height:27px;
	width:940px;
	overflow: hidden;

	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-top:1px solid #aaa;
/*	border-bottom:3px solid #444; */
	-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
}

#sc_bookmark #b_inner p{

	padding: 0;
	margin: 0;
	bottom: 0;
}

#sc_bookmark #b_inner img{

	padding: 0;
	margin: 0;
	top: 0;
}

#sc_bookmark ul{
	list-style: none;
	padding: 0px;
	margin: 5px 0 0 0;
	background:none;
}

#sc_bookmark li{
	float:left;
	padding:0 3px 0 3px;
	margin: 0;
	background:none;
}
#sc_bookmark li.bookmark_separate{
	padding:0 5px 0 5px;
}
/*
#sc_bookmark ul.bookmark_count 
{
	padding-left:140px;
}
*/
#sc_bookmark ul.bookmark_count li
{
	padding:0 3px 0 3px;
}
#sc_bookmark ul.bookmark_button li
{
	padding:0 0px 0 0px;
}
#sc_bookmark div#sc_bookmark_icons
{
	float:left;
}
#sc_bookmark div#totop
{
	float:right;
	padding:5px 15px 0 0;
}
#totop a img
{
	position: relative;
}

.remove {
	text-decoration:line-through;
}
.indent {
	padding-left:15px;
}
.bold {
	font-weight:bold;
}
.bp2x2 , .imgf { border:1px solid #ccc; padding:2px;margin:2px 0 2px 0; }

.big {
	font-size:16px;
}
.middle{
	font-size:12px;
}
.small {
	font-size:9px;
}
ol.small,
ul.small 
{
	font-size:12px;
}