@charset "utf-8";
/*
Theme Name: Inforati Theme
Theme URI: http://inforati.jp/
Description: Theme of Inforati.jp
Version: 1.0
Author: Inforati
Tags: white
*/



.sidebaar_twitter{
float:left;
margin:10px;
}

.hatena_image{
border: 0px !important;
box-shadow: #999 0px 0px 0px 0px !important;
margin:0px 5px;
}

.twitter{
float:right;
margin:5px 3px;
width: 120px;
}
.facebook{
float:right;
margin:5px 3px;
width: 120px;
}

.google{
float:right;
margin:5px 3px;
width: 80px;
}
.hatena{
float:right;
margin:5px 3px;
width: 80px;
}







.fb-recommendations{
box-shadow: #999 0px 2px 5px 0px;
}
.postrank-widget{
box-shadow: #999 0px 2px 5px 0px;
}
.post_thumbnail{
	float: right;
	width: 128px;
	margin:0px 20px 10px;
	border: 2px solid #333;
	box-shadow: #999 0px 2px 5px 0px;
}

.title_cal{
	width: 60px;
	height: 60px;
	float: left;
	margin:0px 0px 0px 0px;
}
.title_cal_hi{
	font-size: 14px;
	text-align:center;
	color: #fff;
	margin:20px 0px 0px;
}
.title_cal_nen{
	font-size: 8px;
	text-align:center;
	color: #fff;
	margin:0px;
}

.cal_icon_1{
background: url('http://inforati.jp/images/cal-icon-1.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_2{
background: url('http://inforati.jp/images/cal-icon-2.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_3{
background: url('http://inforati.jp/images/cal-icon-3.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_4{
background: url('http://inforati.jp/images/cal-icon-4.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_5{
background: url('http://inforati.jp/images/cal-icon-5.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_6{
background: url('http://inforati.jp/images/cal-icon-6.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_7{
background: url('http://inforati.jp/images/cal-icon-7.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_8{
background: url('http://inforati.jp/images/cal-icon-8.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_9{
background: url('http://inforati.jp/images/cal-icon-9.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_10{
background: url('http://inforati.jp/images/cal-icon-10.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_11{
background: url('http://inforati.jp/images/cal-icon-11.png') no-repeat;
background-position: 1px 0px;
}
.cal_icon_12{
background: url('http://inforati.jp/images/cal-icon-12.png') no-repeat;
background-position: 1px 0px;
}



.share {
margin:10px 0px 0px;
float: left;
width:640px;
}




.footer_navigation{
margin: 10px; padding: 0px;
display:block;

}
.foot-nav { display: block; margin: 10px; padding: 0px; position: relative; }
.foot-nav li { display: block; list-style: none;float: left; margin: 0px; padding: 0px; position: relative; width: 200px;}
.foot-nav .sub-menu {display: block; margin: 0px; padding: 0px; }

.foot-nav a { color: #ffffff; font-size: 11px; }

.navigation_bar{
top:200px;
right:0px;
position:absolute;
display:block;
height:38px;
}
/* Basic code - don't modify */
 
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { 
box-shadow: #999 0px 5px 6px 0px;
display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; width: 256px;}
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
	#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 256px; }
#nav ul ul { left: 256px; }

/* Everything else is theming */
 
#nav { background-color: #333333; height: 23px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid #666666; color: #ffffff; font-size: 11px; padding: 6px; line-height: 1em; }
  #nav li.hover a { background-color: #666666; }
  #nav ul { top: 23px; }
    #nav ul li a { background-color: #333333; }
      #nav ul a.hover { background-color: #888; }
   #nav ul a { border-bottom: 1px solid #dddddd; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */





.main  {
width:640px;
margin: 0;
padding:0;
clear:both;
}


.main h3 {
color:#262626;
font-size: 130%;
font-weight: normal;
margin:20px 0;
padding:5px;
border-bottom: 1px #262626 solid;
border-left: 8px #262626 solid;
box-shadow: #999 0px 2px 5px 0px;
}


.main h4 {
color:#262626;
font-size: 110%;
font-weight: normal;
margin:18px 0;
padding:5px;
border-bottom: 1px #262626 solid;
border-left: 4px #262626 solid;
box-shadow: #999 0px 2px 5px 0px;
}



.main a {
color:#0044CC;
text-decoration:underline;
}
.main a:visited {
color:#990066;
text-decoration:underline;
}
.main a:hover {
color:#c00;
text-decoration:none;
}

.main p {
line-height:1.6em;
margin:5px 0px;
text-indent: 1em;
}

.main ol {
line-height:157%;
margin:15px 0 15px 30px;
}

.main ul {
line-height:157%;
margin:15px 0 15px 30px;
}

.main li {
line-height:146%;
margin:10px 0px;
}

.table_style  {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 0px;
width:640px;
margin:20px 0px;
text-align:center;
font-size: 90%;
box-shadow: #999 0px 2px 5px 0px;
}

.table_style td {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.table_style th {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.table_style tr {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}


.table_style caption{
font-size:100%;
font-weight:bold;
text-align:center;
}

code{
font-size:1.2em; 
color: #008099
}

pre {
white-space: pre-wrap;
word-wrap: break-word;
overflow: auto;

width: 600px !important;
padding:5px !important;
margin:10px;
border:#bbb 1px solid;
font-size: 90%;
text-indent: 0em !important;
}



/*　end　*/

.wp-pagenavi {
text-align:center;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px; 
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px; 
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px; 
margin: 2px;	
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}

.goto_top{
margin:0px;
padding: 30px 0px;
text-align:center;
clear:both;
}



.postscript{
padding:10px;
border:#bbb 1px solid;
margin:10px 5px;
}


.textbox{
width:280px;
}

.FoldingCategoryList{
font-size:10px;
margin: 0px;
padding:0px 10px;
list-style:none;
}

.nodeLevel1, .nodeLevel2, .nodeLevel3{
margin: 0px 0px 0px -12px;
padding:0px;
}


.nochildren {
background: url("http://inforati.jp/images/foldernone.png") no-repeat; 
background-position: 8px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
.haschildren{
background: url("http://inforati.jp/images/folderplus.png") no-repeat;
background-position: -1px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
.focalLinkSelected{
background-color: #FCC;
text-decoration:underline;
}
.selected.haschildren{
background: url("http://inforati.jp/images/folderopenminus.png") no-repeat;
background-position: -1px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
.selected.nochildren{
background: url("http://inforati.jp/images/folderopennone.png") no-repeat;
background-position: 8px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
.haschildren.selectedparent{
background: url("http://inforati.jp/images/folderopenminus.png") no-repeat;
background-position: -1px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
.nochildren.selectedparent{
background: url("http://inforati.jp/images/folderopennone.png") no-repeat;
background-position: 8px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
#cat-87{
background: url("http://inforati.jp/images/folderopenminus.png") no-repeat;
background-position: -1px -2px;
padding:2px 0px 0px 25px;
margin:1px 0px;
list-style:none;
}
/**/

.post_title {
margin:0px 0px 15px;
padding:4px 0px 2px;
width:640px;
background-color:#fff;
border-top: 1px #bbb solid;
border-bottom: 1px #262626 double;
box-shadow: #999 0px 2px 5px 0px;
border-radius:5px;
}

#related_tags{
margin: 10px ;
width: 630px;
border:#bbb 1px solid;
font-size: 100%;
text-align:center;
padding:5px;
}

.related_tags_title {
font-weight: bold; 
margin:0px 0px 0px 10px;
}

.related_posts_title {
text-shadow: #999 0px 2px 3px;
font-weight: bold; 
font-size: 18px;
margin:0px 0px 5px 10px;
color:#262626;
text-align:left;
}
.popular_posts_title {
text-shadow: #999 0px 2px 3px;
font-weight: bold; 
font-size: 120%;
margin:0px 0px 5px 10px;
color:#262626;
text-align:left;
}


.keyword_tag_area {
line-height:16px;
padding:5px 10px 2px;
margin:0;
text-align:right;
clear:both;
}


.article_category{
font-size: 100%;
margin:5px;
text-shadow: #999 0px 1px 3px;
font-weight: bold; 
color:#262626;
text-align:left;
}

.article_category_area {
color:#333;
padding:0px;
margin:50px 10px;
text-align:right;
clear:both;
}

.article_category_area_link {
font-size:10px;
line-height:20px;
}



.post {
clear:both;
margin:0px;
}

.more-link {
width:180px;
padding:3px;
margin:0px 0px 2px 400px;
display: block;
clear:both;
}
.more-link .moreimg{
border:0;
width:180px;
}
.more-link:hover .moreimg{
border:0;
width:180px;
}

.placeholder{
margin:20px 0px;
height: 60px;

}

.breadcrumb {
font-size: 80%;
text-align:left;
margin:0px 0px 10px 10px;
}

.tag_icon {
font-size:13px;
background: url("http://inforati.jp/images/tag.png") no-repeat; 
padding:0px 0px 4px 17px;
margin:5px 0px 5px 0px;
white-space: nowrap;
background-position: 0px -2px;
}
.tag_icon a{
text-decoration:underline;
}
.tag_icon a:hover{
text-decoration:none;
}
.home-item {
font-weight: bold;
font-size:14px;
background: url("http://inforati.jp/images/foldernone.png") no-repeat; 
padding:0px 0px 0px 17px;
margin:5px 0px 5px 0px;
background-position: 0px -2px;
list-style:none;
}
.cat-item {
background: url("http://inforati.jp/images/foldernone.png") no-repeat; 
background-position: 8px -2px;
padding:0px 0px 0px 25px;
margin:5px 0px 5px 0px;
list-style:none;
}
.current-cat{
background: url("http://inforati.jp/images/folderopennone.png") no-repeat;
background-position: 8px -2px;
padding:0px 0px 0px 25px;
margin:5px 0px 5px 0px;
list-style:none;
}
.post-item {
background: url("http://inforati.jp/images/page.png") no-repeat; 
padding:0px 0px 0px 15px;
margin:5px 0px 5px 0px;
list-style:none;
}

.category_icon {
background: url("http://inforati.jp/images/foldernone.png") no-repeat; 
padding:0px 0px 1px 17px;
margin:5px 0px 5px 0px;
background-position: 0px -3px;
white-space: nowrap; 
}
.registerd_category_icon {
background: url("http://inforati.jp/images/foldernone.png") no-repeat; 
padding:0px 0px 1px 17px;
margin:5px 0px 5px 6px;
background-position: 0px -3px;
white-space: nowrap; 
}

.post_icon {
background: url("http://inforati.jp/images/page.png") no-repeat; 
padding:0px 0px 0px 15px;
margin:5px 0px 5px 0px;
}

.postform {/*カテゴリのドロップダウン*/
margin: 10px 10px ;
}


#related {
font-size: 90%;
color:#333;
padding:0px 0px;
margin:20px 0px ;
clear:both;
}


/* clear:both

.st-related-posts {
margin:0 5px 5px 15px;
}
.st-related-posts li {
margin:5px 0px 5px 0px;
padding:0px 0px 0px 0px;
list-style-type: circle;
line-height:180%;
}
.st-related-posts {
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}
.st-related-posts li {
	float:left;
	display: block;
	width: 128px;
	font-size: 12px;
	margin: 1px 16px;
	height:250px;
}
	width: 128px;
	height:250px;

*/
.st-related-posts {
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 20px 0px;
	display: block;
}
.st-related-posts li {
	font-size: 18px;
	margin: 20px 0px;
	width: 640px;
	display: block;
	height:128px;
}
.related_posts_text{
	display: block;
	float:right;
	width: 480px;
	margin: 20px 0px;
}
.thumbnail_image_128_related {
	float:left;
	border: 0px;
	width: 128px;
	display: block;
	border: 2px solid #333;
	box-shadow: #999 0px 2px 5px 0px;
	margin: 2px 0px;
}


.url img{
border: 0px ;
}



/*

font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
*/

body {
background: url("http://inforati.jp/images/background.jpg")  repeat-y;
background-position: 50% 0%;
font-family:"ヒラギノ角ゴ Pro W3"  , "HiraKakuPro-W3" , "Hiragino Kaku Gothic Pro", "Osaka" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS P Gothic",verdana, helvetica, arial, sans-serif;
font-size:14px;
color:#222;
padding:0;
margin:0;
}

* {
padding:0;
margin:0;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
color:#c00;
text-decoration:underline;
}

#container {
background:#fff;
width:1024px;
margin:0 auto;
position:relative;
padding:0px 0px 0px 0px;
}

#title {
/*タイトルとコンテンツ間を下で調節 */
margin:0px 0px 100px 0px;
height: 200px;  
width: 1024px; 
background: url("http://inforati.jp/images/banner.jpg") no-repeat;
/*background: url("http://inforati.jp/images/site_title_banner.png") no-repeat;*/
}
#title_name{
height: 10px;  
width: 280px;  
position:  absolute;  
left: 700px; 
top: 165px;
font-size: 11px;
text-align:right;

}
#title_name a{
color:#ccc;
text-decoration:none;
}
#title_description{
height: 	10px;  
width: 320px;  
position:  absolute;  
left: 700px;  
top: 180px;  
font-size: 8px;
color:#ccc;
text-align:right;
}

a#title_home {  
height: 60px;
width: 220px;
position: absolute;
top: 20px;
left: 20px;
}  

a#title_home span { display: none; } 

a#title_feed {
position:  absolute;  
left: 20px;  
top: 125px;  
}  

a#title_feed span { color:#ccc;font-size: 11px; } 

a#title_twitter { 
position:  absolute;  
left: 20px;  
top: 145px;  
}  

a#title_twitter span { color:#ccc;font-size: 11px; } 

#content {
float:left;
width:640px;
margin:0px 0px 0px 10px;
}



/* 左にサイドバー*/



.sidebar_wide {
font-size: 90%;
float:right;
width:336px;
margin:0px 10px 0px 0px;
}

.side_link {
text-align:center;
margin:0px 0px 50px 0px;
border: 0px;
}
.side_link a{
text-decoration:none;
}


/* 左にサイドバーおわり*/





.title_h2 {
float:right;
font-weight: normal;
width:576px;
margin:3px 0px 10px;
padding:0px;
font-size:130%;
}

.search_count {
font-weight:bold;
font-size:16px;
color:#1c1c1c;
padding:0;
margin:0px 0px 20px 40px;
text-align:left;
}

.navigation {

font-size: 70%;
padding:5px 10px;
margin:10px 0 20px 0;

}

.navigation a {
color:#555;
font-weight:bold;
text-decoration:none;
}

.navigation a:hover {
color:#333;
text-decoration:none;
}
#search{
margin:0px 0px 30px 0px;
}
#searchform {
top:100px;
left:750px;
position:absolute;
}

#searchform input {
display: inline;
background:#ffffff;
font-size:11px;
margin:2px 0px 1px;
padding:1px 4px 1px 4px;
border:#888 3px solid;
color:#1c1c1c;
}

#searchform input:hover {
background:#1c1c1c;
border:#999 1px solid;
color:#fff;
cursor:pointer;
}

#searchform #s {
display: inline;
background:#f6f6f6;
font-size:11px;
margin:1px 0;
padding:1px 4px;
border:#aaa 3px solid;
color:#222;
}

#searchform #s:hover {
border:#c00 1px solid;
cursor:text;
background:#ff9999;
}

textarea:hover {
border:#c00 1px solid;
}

.postinput {
font-size:12px;
margin:10px 0 10px 15px;
}

p.logged {
font-size:12px;
}

.reply {
font-size:10px;
margin:10px;
}


#comments {
font-size:16px;
margin:10px;
float:right;
}

.comment-author-admin{
background:#ddd;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
}

.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

blockquote {
background:url("http://inforati.jp/images/quote.gif") no-repeat top left;
padding:0 0 0 60px;
min-height:50px;
}
.warning p {
background:url("http://inforati.jp/images/warning.gif") no-repeat left;
height:160px;
padding:20px 0 0 90px;
font-size:20px;
margin:0 0 0 10px;
}


#footer_upper {
border: 1px #bbb solid;

box-shadow: #999 0px 2px 5px 0px;
border-radius:5px;
margin:0 auto;
width:1024px; 
background:#bbb;
}


#footer_bottom {
background:#111;
margin:0 auto;
width:1024px; 
height:80px;
font-size: 8px;
color:#fff;
}

#footer_bottom a{
color:#fff;
}



#footer {
width:1024px;
background:#333;
font-size:10px;

margin:0 auto;
padding:10px 0;

border-top:#999 5px double;
border-bottom:#999 1px solid;
}



.clear {
clear:both;
}





#wp-calendar {
padding:5px 0 0 0;
font-size:14px;
}

#wp-calendar caption {
font-size:14px;
text-align:center;
padding:0 0 2px 0;
}

#wp-calendar tr th,
#wp-calendar tr td {
padding:0 6px 0 0 ;
text-align:center;
}

#wp-calendar td a {
font-weight:bold;
text-decoration:underline;
}

#wp-calendar td a:hover {
font-weight:bold;
}
#today {
color:#cc3333;
}
img.wp-smiley {
padding:0;
border:none;
}

input:focus, textarea:focus{
background-color:#ffc;
}

abbr {
border:none;
}

img.alignnone {
	display: inline;
	margin:3px;
	border:#ffffff 4px solid;
	box-shadow: #999 0px 2px 5px 0px;
}
img.alignright {
	display: inline;
	float:right;
	margin:0px 0px 3px 3px;
	border:#ffffff 4px solid;
	box-shadow: #999 0px 2px 5px 0px;
}
img.alignleft {
	display: inline;
	float:left;
	margin:0px 3px 3px 0px;
	border:#ffffff 4px solid;
	box-shadow: #999 0px 2px 5px 0px;
}
img.aligncenter {
	display: block;
	margin:3px auto;
	border:#ffffff 4px solid;
	box-shadow: #999 0px 2px 5px 0px;
}
a img.alignnone {
	display: inline;
	margin:3px;
	border:#ddd 4px solid;
}
a img.alignright {
	display: inline;
	float:right;
	margin:0px 0px 3px 3px;
	border:#ddd 4px solid;
}
a img.alignleft {
	display: inline;
	float:left;
	margin:0px 3px 3px 0px;
	border:#ddd 4px solid;
}
a img.aligncenter {
	display: block;
	margin:3px auto;
	border:#ddd 4px solid;
}
a:hover img.alignnone {
	display: inline;
	margin:3px;
	border:#ca0002 4px solid;
}
a:hover img.alignright {
	display: inline;
	float:right;
	margin:0px 0px 3px 3px;
	border:#ca0002 4px solid;
}
a:hover img.alignleft {
	display: inline;
	float:left;
	margin:0px 3px 3px 0px;
	border:#ca0002 4px solid;
}
a:hover img.aligncenter {
	display: block;
	margin:3px auto;
	border:#ca0002 4px solid;
}


.attachment-post-thumbnail{
display: block;float:left;
}

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

/* self-clear floats */

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


.nav-left {
float:left;
width:220px;
text-align:left;
}

.nav-right {
float:right;
width:220px;
text-align:right;
}





.app_table {
border-collapse: collapse;
border: 1px #bbbbbb solid;
padding:2px 0px;
width:268px;
margin:20px 0px ;
text-align:center;
font-size: 90%;
}

.app_table td {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.app_table th {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.app_table tr {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}
.tipsy {
	padding: 5px;
	font-size: 13px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url("http://inforati.jp/images/tipsy.gif");
}
.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 400px;
	text-align: left;
}
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.instapaper_body .description_single{
	font-size: 110%;
	color:#333;
	/*
	margin: 20px 0px;
	padding:5px;
		border:#bbb 1px ridge;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
}

.description{
	font-size: 120%;
	color:#333;

	/*
	margin: 20px 0px;
	padding:5px;
		border:#bbb 1px ridge;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
}
.popular_posts_thumbnails {
	list-style-type: none;
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}


.popular_posts_thumbnails li {
	float:left;
	display: block;
	width: 128px;
	font-size: 12px;
	margin: 1px 16px;
	height:250px;
}
.thumbnail_image_128 {
	border: 0px;
	width: 128px;
	display: block;
	border: 2px solid #333;
	box-shadow: #999 0px 2px 5px 0px;
	margin: 2px 0px;
}


.popular_posts_area {
	margin:50px 0px;
}

.table_data_index{

}

.table_data_single{
	width: 300px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
}

.table_data_index {
	width: 300px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
border-collapse: collapse;
border: 1px #bbbbbb solid;
padding:2px 0px;
margin:20px 0px ;
text-align:center;
font-size: 90%;
}

.table_data_index td {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.table_data_index th {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.table_data_index tr {
border-collapse: collapse;
border: 2px #bbbbbb solid;
padding:2px 2px;
}

.sidebar_icon{
margin:0px 0px 20px ;
}

.sidebar_icon_images a img { 
	border: 0px; 
	margin: 0px 26px 1px; 
	opacity: 1.0; 
}
.sidebar_icon_images a:hover img { 
	border: 0px;
	margin: 1px 26px 0px; 
	opacity: 0.75; 
}

.sidebar_posts img{
	display: block;
	float: right;
	margin:0px 5px;
	border: 2px solid #333;
	box-shadow: #999 0px 2px 5px 0px;
}

.sidebar_posts_text{
	display: block;
	width: 230px;
	font-size: 13px;
}

.sidebar_item{
margin:0px 0px 50px 0px;
padding: 10px 0px;
border: 1px solid #999;
box-shadow: #999 0px 5px 5px 0px;
border-radius:10px;
background:#f7f7f7;
}
.sidebar_posts{
margin:0px 0px 50px 0px;
padding: 10px 0px;
border: 1px solid #999;
box-shadow: #999 0px 5px 5px 0px;
border-radius:10px;
background:#f7f7f7;
}
.sidebar_posts ul,.sidebar_posts ol {
margin:0px 0px 0px 3px;


/*
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width: 292px;
*/


}
.sidebar_posts li {
font-size: 12px;
text-decoration: none;
background:#f7f7f7;
/*
border-bottom: 1px solid #cccccc;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
*/
padding: 5px 10px;
}


.sidebar_posts ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
/**/
.sidebar_posts ol {
list-style-position: inside;
list-style-type: decimal;
}
.sidebar_h3 {
font-size:16px;
font-weight:bold;
margin:0;
padding:4px 5px 2px 10px;
/*
background: url("http://inforati.jp/images/sidebar.gif") no-repeat;
*/
color:#262626;
text-align:left;
text-shadow: #999 0px 2px 3px;
}


.hatena-bookmark-widget-title {
font-size:16px;
font-weight:bold;
margin:0;
padding:4px 0px 4px 10px;

color:#262626;
text-align:left;
text-shadow: #999 0px 2px 3px;
}
.hatena-bookmark-widget-footer {
font-size: 12px;
text-decoration: none;
background:#f7f7f7;

display: block;
padding: 5px 15px;

}



.hatena-bookmark-count{
margin:0 2px;
}
.hatena-bookmark-count a{
background-color: #FCC;
color: red;
padding: 0px 2px;
font-weight: normal;
}
.hatena-bookmark-widget-title img{
float: left;
vertical-align: middle;
margin:4px 10px 2px 0px;
border:0;
}
.sidebar_posts_footer{
font-size: 12px;
text-decoration: none;
background:#f7f7f7;
display: block;
padding: 5px 15px;
}
.all_categories a {
color:#333;
text-decoration:none;
}

.all_categories a:hover {
color:#c00;
text-decoration:underline;
}
.all_categories a:visited {
color:#333;
text-decoration:none;
}