@charset "UTF-8";

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
	margin: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
	font-family:  "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka, "メイリオ", Meiryo, "MS UI Gothic", ArialMT, Verdana, Arial, sans-serif;
	background-image: url(../img/bg/01c.gif);        
	background-repeat : repeat;
	background-position:0% 0%;
}

.cover_image{
	max-width: 90vw;
	border-radius: 50px;
}


a {
	text-decoration: underline;
}
a:link,
a:visited {
	color: #2A64CF; 
	text-shadow: 3px 3px 2px #aaaaaa;
	text-decoration: none;
}
a:hover {
	color: blue;
	text-decoration: none;
	background-color  :  #FFee66 ; 
	position:relative; top:1px; left:1px;
}
a:hover.fix {
	position:relative; top:0px; left:0px;	
}
.content a[target="_blank"]{
	background:transparent url(../img/opwindow/ico_opwin5b.gif) center right no-repeat;
	padding-right:15px;
}
.content a[target="_blank"]:hover {
	color: blue;
	text-decoration: none;
	background-color  :  #FFee66 ; 
	position:relative; top:1px; left:1px;
}

img {
    border-style:none;
}

h1, h2,  {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width:900px;	
	background-color: #FFFFFF;
}

#banner {
	padding: 0px;
	height: 100px;
}

#banner h1 {
	font-size: 18px;
}

#navi {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align:center; 
	width:703px;
	font-size:10px;
	color: #666666;
	margin-top:0px;
	margin-bottom:20px;
	background: url(../img/title/navi-bg.gif) repeat-x;
}
#navi A:hover {
		background : none ;
}
#navi  a {
	padding-right:20px;
}

#col1 {
	float: left;
	width: 500px;
	background-color: #FFFFFF;
	overflow: hidden;
	border:0px;
}

#col2 {
/*\*/
	float: left; 
/* */
	width: 200px ;
	background-color: #FFFFFF;
	overflow: hidden;
	border:0px;
}

#col3 {
/*\*/
	float: right; 
/* */
	width: 200px ;
	background-color: #FFFFFF;
	overflow: hidden;
	border:0px;
}

.content {
	padding: 5px 15px 5px 15px;
	color: #555555;
	font-size: 10px;
	background-image: url(../img/bg/stripe.gif);  
	border: 1px solid #bbbbbb;
	border-radius: 15px;
	-webkit-border-radius: 15px; /*safari*/
	-moz-border-radius: 15px; /*mozila*/
}

#seq-link{
	font-size: 11px;
	margin-bottom:10px;
}


.content p {
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
}

.content p .assc{
	font-size: 10px;
	margin: 20px 20px 20px 120px;
	text-align: center;
}

.content p img {
	border: 0px;
}

.content p img.moblog {
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 4px solid #dddddd;
	float:left;
}
.content p br.moblog {
	clear:both;
}

.content div.map {
	margin-left: 80px;
}

.content div.quote{
	font-size: 11.5px;
	line-height:140%;
	padding: 15px;
	margin-left: 40px;
	margin-right: 50px;
	text-align: left;
	border: 1px dashed #cccccc;
	border-left: 5px solid #cccccc;
	background-color: #ECF1FF;
}

.asset-footer {  
	border-top: 1px solid #999999;
	margin-top: 15px;
	text-align: right;
}
	
.asset-meta {  
	color: #999999;
	font-size: 10px;
	margin-bottom: 25px;
	line-height: normal;
	padding: 2px;
}

P.feedburnerFlareBlock {
	font-size: 10px;
}

.content blockquote {
	line-height: 150%;
}
.content li {
	line-height: 150%;
}
.content h2 {
	color: #555555;
	font-size: 10px;
	text-align: left;
	font-weight: bold;	
	margin-bottom: 10px;
}
.asset-header {
	height: 20px;
	background: url(../img/title-bar/gray468_20_orange.gif) no-repeat center center;
}
.asset-header h3 {
	text-align: left;
	padding-left:30px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	border :0px;
	margin :0px;
	vertical-align: middle;
}
	
.asset-name  {
}	

.asset-name a:link,
.asset-name a:visited {
	color: #ffffff;
}	
.category {
	font-weight: normal;
	font-size: 9px; 
	color:#ffffff;
	padding-left:20px;
}
.category a:link,
.category a:visited {
	color: #2A64CF; 
}

.content .annotation{
	font-size: 11px;
	line-height:110%;
}
.sidebar {
	padding: 15px;
	font-size: 10px;
	color: #555555;
}
.sidebar a {
	text-decoration: none;
}
 
.sidebar h2 {
	font-size: 10px;
	text-align: left;
	border-bottom: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	font-family:  Verdana, Arial, sans-serif;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px; /*safari*/
	-moz-border-radius-bottomright:10px; /*mozila*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin-top: 30px;
}
	
.sidebar h2 img {
	padding : 4px ;
}
 
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	padding-bottom: 0px;
}

.sidebar li {
	font-size: 10px;
	text-align: left;
	line-height: 120%;
	padding-left:10px;	
	margin-top: 10px;
	list-style-type: none;
}

.sidebar li img {
	border: 3px solid #FFFFFF;
}

.sidebar img {
	vertical-align: middle;
}

.sidebar .ArticleHeader {
	margin-top:5px;
	height: 7px;
	width:170px;
	background: transparent url(/blog/archives/img/GlossyButtons/tray-header.gif) no-repeat center bottom;
}

.sidebar .ArticleBody {
	width:170px;
	background: transparent url(/blog/archives/img/GlossyButtons/tray-body.gif) repeat-y;
	padding: 3px;
}

.sidebar .ArticleBody h2 {
	color: #555555;
	font-size: 10px;
	text-align: center;
	background-color: #e3e3e9;
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	border-style: solid none solid none;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 1px;
	padding-left: 0px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 8px;
}

.sidebar .ArticleBody ul {
	margin-top: 10px;
	padding-left:3px;
	padding-right:7px;
	padding-bottom: 10px;
}
.sidebar .ArticleBody ul li {
	padding-left:5px;
	padding-right:3px;
	line-height: 100%;
}
.sidebar .ArticleBody .more {
	text-align: right;
	font-size: 10px;
	padding-left:20px;
	padding-right:5px;	
	text-decoration: underline;
}
.sidebar .ArticleFooter {
	height: 7px;
	width:170px;
	background: transparent url(/blog/archives/img/GlossyButtons/tray-footer.gif) no-repeat  center top;
	margin-bottom:20px;
}

#twitter_div {
/*	background: transparent url(/blog/archives/img/twitter_logo.jpg) no-repeat  center;	*/
	font-size:10px;
	color: #666666;
	padding:8px;
	margin:0px;
	text-align:left;
}

#twitter_update_list {
	list-style-type:circle;
	line-height: 120%;
}
#twitter_update_list li {
	padding-bottom:8px;
}
.photo {
	text-align: left;
	margin-bottom: 20px;
}
.link-note {
	font-size: x-small;
	line-height: 130%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
}
.link-note img {
	vertical-align: top;
}
	
.blogpeople-tbp {
	margin-bottom: 10px;
}
.blogpeople-tbp-credit{
		padding-top: 10px;
}
.blogpeople-powered-by{
	display:none; 
}

#search  input {
	vertical-align: middle;
}


#footer { 
	text- align: center;
	font-size: x-small;
	color: #555555;
	background-color:#eeeeee; 
	margin: 0px;
	padding: 3px;
}
	
#footer li {
	display:inline; 
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}	
#footer img {
	vertical-align:middle;
}	

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
	width: 80%;
}

.mpage {
	font-size:10px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #999999 ;
	border-bottom: 3px double #999999 ;
	padding-right:20px;
	background-color: #e3e3e9;
}


.asset-more-link {
	text-align: right;
	font-size: 11px; 
}
.asset-more-link img{
	vertical-align: bottom;
}

#comments h2 { 
	color:#ffffff;
	background-image : url(../img/title-bar/gray468_18.gif);
	padding-left:15px;
	height:18px;
	line-height:18px;
}


.comments-header{
	font-size: 11px; 
	margin-bottom:10px;
}
.comments-content { 
	border:	1px solid #cccccc;
	background-color: #ffffff;
	margin: 10px 10px 10px 10px;
	padding: 10px 20px 0px 20px;
}
.comment {
	border-bottom: 1px solid #cccccc;
	border-right: 0px solid #cccccc;
	margin-bottom:20px;
}
.comment-header {
	font-size: 12px; 
}
.comment-content {
	border-left: 5px solid #dddddd;
}
.comment-content p {
	font-size: 11px; 
	line-height: 150%;
	padding-left:10px;
	margin-bottom :0px;
}
.comment-footer {
	text-align:right;
	padding-right:10px;
	border-left: 5px solid #dddddd;
}
.comment-footer a:link,
.comment-footer a:visited {
	color: #666666; 
	text-decoration: none;
}

#trackbacks {
	color:#ffffff;
	background-image : url(../img/title-bar/gray468_18.gif);
	padding-left:15px;
	height:18px;
	line-height:18px;
}
#comments img { vertical-align:middle; margin-right: 5px;}
#trackbacks img { vertical-align:middle; margin-right: 5px;}


.pings_wrapper {
	border:	1px solid #cccccc;
	background-color: #ffffff;
	margin: 10px 10px 10px 10px;
	padding: 10px 20px 0px 20px;
}
.pings_wrapper p {
	font-size:11px;
}

.pings_wrapper p.posted{
	font-size:10px;
	text-align:right;
	border-bottom:	1px solid #cccccc;
	margin-bottom:20px;
}

P.techstuff {
	font-size: 10px;
}

.ads {
	margin:8px;
}
.ads img {
	margin:2px;
}
.commenter-profile img{
	border :none;
	vertical-align:middle;
}


.drk7jpSimilarityWrapper{ 
	margin-top:40px; 
	margin-bottom:0px; 
	font-size: 12px;
}
.drk7jpSimilarityWrapper h2 {
	color:#ffffff;
	background-image : url(../img/title-bar/gray468_18.gif);
	padding-left:15px;
	height:18px;
	line-height:18px;
}
.drk7jpSimilarity{
	margin-left:30px;
	margin-right:20px; 
}
.drk7jpSimilaritySiteTitles{
	padding:5px;
	font-size: 11px;
}
.drk7jpSimilaritySiteSummarys{
	line-height: 130%;
	padding-bottom : 8px;
	margin-left : 20px;
	color: #666666;
	font-size: 10.5px;
}
.drk7jpSimilaritySiteSummarys input {
	display: none;
}
.drk7jpSimilaritySiteSummarys img {
/*	display: none; */
}
.drk7jpSimilarityFooter{
	display: none;
}
.drk7jpSimilarityFooter a:link,
.drk7jpSimilarityFooter a:visited {
	color: #aaaaaa; 
	text-shadow: none;
	text-decoration: none;
}


.copyright {
	font-size:11px; 
	color:#666666; 
	text- align:center;
}

.kung-tunes li img {
	border: 1px solid  #dddddd ;
}

.amazlet-box {
	margin: 20px 20px 20px 70px;
}


.search-results-container {
	width: 468px;
	padding: 5px 15px 5px 15px;
	color: #555555;
	font-size: 11px;
background-image: url(../img/bg/stripe.gif);  
border: 1px solid #bbbbbb;
	margin-right: auto;
	margin-left: auto;
}

h2.search-results-header {
	font-size: 14px;
	color: #555555;
}


#search-options {
	font-size: 10px;
	color: #555555;
}

h3.search-results-header {
	font-size: 12px;
	text-align: left;
	vertical-align: text-top;
	color: #555555;
	background-color: #eeeeee;
	border-bottom: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin: 30px 0px 20px 0px;
}


h3.search-results-header img {
	vertical-align: middle;
	margin-right:10px;
}

#search-form input {
 	vertical-align: middle;
}


h2.module-header {
	font-size: 12px;
	text-align: left;
	color: #555555;
	background-color: #eeeeee;
	border-bottom: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin: 30px 0px 20px 0px;
	}

h2.module-header img {
	vertical-align: middle;
	margin-right:10px;
}

div.module-content {
	font-size: 11px;
	color: #555555;
}

.search-results-container h3 {
	color: #555555;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	padding-left:30px;
	height: 20px;
	background: url(../img/title-bar/gray468_20_orange.gif) no-repeat center center;
	}


/* Trackback,Comment favicon ---- */   
.favicon {
    margin: 0px 5px 0px 5px;
    }
/* ---- Trackback,Comment favicon end */

#comments-open{
	font-size: 11px;
	}
#comments-open-captcha p {
	font-size: 11px;
	margin-top:0px;
}

.comments-header {
	font-size: 10px;
	text-align:right;
	padding-right:15px;
}



.rss-box-newsgator {
	font-size: 10px;
	padding:0px;
	margin:0px;
	background: transparent url(/blog/archives/img/newsgator-logo.jpg) no-repeat  center top;
}
.rss-box-evernote {
	font-size: 10px;
	padding:0px;
	margin:0px;
	background: transparent url(/blog/archives/img/evernote-logo.jpg) no-repeat  center top;
}

ul.rss-items {
	list-style-type: circle;
	position:relative; top:-10px;
	line-height: 100%;
}
li.rss-item {
	padding-bottom:3px;
}

.entry-tags {
	background-color  :  #eeeeee ;  
	margin: 0px 0px 0px 0px;
}
ul.entry-tags-list {
	font-size: 10px;
}
ul.entry-tags-list li {
	display: inline;
	margin-left: 15px;
}




/*--------------------------------------
	Tag Cloud
---------------------------------------*/

ul.tagCloud {
	margin: 0;
	padding: 0.5em 10px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%; /* ここで相対的に文字サイズを変更 */
}

ul.tagCloud li a {
	padding: 0 5px;
	position: relative;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #eee;
	text-shadow: none;
}

ul.tagCloud li.level1 a {
	z-index: 6;
	font-size: 167%;
	color: #424242;
}

ul.tagCloud li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 136%;
	color: #5e5e5e;
}

ul.tagCloud li.level3 a {
	font-size: 114%;
	color: #7a7a7a;
	z-index: 4;
}

ul.tagCloud li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 100%;
	color: #979797;
}

ul.tagCloud li.level5 a {
	font-size: 85%;
	color: #b3b3b3;
	z-index: 2;
}

ul.tagCloud li.level6 a {
	z-index: 1;
	font-size: 70%;
	color: #cfcfcf;
}

/* オンマウス */
ul.tagCloud li a:hover {
	border-color: #666;
	z-index: 10;
	color: #000;
	background-color: #eee;
}

.copyright {
		text-align: center;
}

#zenback-title {
	color:#ffffff;
	background-image : url(../img/title-bar/gray468_18.gif);
	padding-left:15px;
	height:18px;
	line-height:18px;
	margin-top:50px;
}

#greenwebcode {
	position: relative;
	top: -73px;
	left:740px;
}
.moblogkun-entry img {
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 8px solid #dddddd;
	float:left;
}
.moblogkun-entry br {
	clear:both;
}