@charset "utf-8";

#topbanner {margin:0;padding:9;display:none;}

body {
    font-family:"メイリオ","ＭＳ Ｐゴシック",Verdana , sans-serif;
    font-size:100%;
    background-color:#fff;
    margin:15px 0px 3px 0px;
    text-align:center;
    color:#000;
}

a {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:active {color: #f00;}
a:hover {color: #f00;text-decoration:underline;}
form {margin:0px;padding:0px;}
img a {border:0;text-decoration:none;}
h1, h2, h3, h4, b, strong {margin: 0px;padding: 0px;font-weight: bold;}
select {font-size:80%;margin:4px 0px 6px 15px;width: 85%;font-family:verdana,sans-serif;}
.line {margin:0px;padding: 0px;border-top: 1px solid #eee;clear:both;}
.dotline {margin:0px;padding: 0px;clear:both;border-top: 1px dotted #eee;}
input#check {margin:0px;}
input#searchbox {width:230px !important;}

#container { width:800px;} 
#topleft{ width:795px; }
#center { width:492px;} 
#right { width:289px;}
#bottomleft { width:228px; }
#bottomright{ width:227px; }



/* body */
#container {
    margin: 0px auto 0px auto;
    text-align:left;
}


/* Clearfiix */
.clearfix:after {
content: “.”;
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* header */
#topleft {float:left;margin-bottom:5px;}
#topleft img {margin:0px;float:left;width:250px;height:auto;}
.topright {
    /* MacIE5 ¥*/
    width:470px;
    float:right;
    /* MacIE5 */
    font-family:Verdana , sans-serif !important;
    text-align:right;
    font-size:73%;
    margin-right:3px;
    color:#ccc;
    letter-spacing:-0.05em
}
.topright A:link,
.topright A:visited,
.topright A:active {

    text-decoration: none;
    font-weight: bold;
    color:#111;

}
.topright A:hover {
    color: #f00;
    text-decoration: underline;
}


#search-box input {-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;}

.gs-text {width:238px;background:#fff;border:1px solid #ccc;height:15px;}
.gs-btn {background:#eee;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin-bottom:7px;
	margin-left:2px;
}







/* blogbody */

#center {
    float:left;
    border-right:1px solid #eee;
    border-top:1px solid #eee;
    margin-top:0px;
    /*info.gif 4px*/
}

#content {
    font-size:13px;
    line-height: 160%;
    padding:0;
    float:left;
}

#content img {
    border: 1px solid #fff;
    margin: 0px 7px 0px 0px;
    float: left;
    width:170px;
    height:170px;	

	border-radius:4px;
	-webkit-border-radius:4px;
}


#content p {
    padding-right:15px;
    margin:0px;
}

.title {
    font-family:"ＭＳ Ｐゴシック",Verdana , sans-serif;
    font-size: 14px;
    margin-top:15px;
    margin-bottom:13px;
}

.title b {
    font-family:Verdana , sans-serif;
    color:#f00;
}

a:link.titletext,
a:active.titletext,
a:visited.titletext {
    font-weight:bold;
        color: #000;

}


.title-small {
    font-family:"ＭＳ Ｐゴシック",Verdana , sans-serif;
    font-size: 14px;
    margin-top:15px;
    margin-bottom:15px;
}

.title-small b {
    font-family:Verdana , sans-serif;
    color:#f00;

}

a:link.title-smalltext,
a:active.title-smalltext,
a:visited.title-smalltext {
    font-weight:bold;
    color: #000;

}

.title a:hover,
a:hover.titletext,
.title-small a:hover,
a:hover.title-smalltext {
    text-decoration:underline;
    color: #f00;
    
}

/*
.posted {

    font-size:11px;
    text-align: right;
    padding:0px 20px 15px 0px;
    margin:0;
    clear:left;


}

.posted a:link,
.posted a:visited,
.posted a:active {
    color:#000;
    text-decoration:none;
    border-bottom:1px dotted #ccc;
}

.posted a:hover {
    color:#f00;
    text-decoration:none !important;
    border-bottom:1px solid #f00;
}

*/

.allread ,
.posted ,
.randomnotes
{

    font-size:10px;
    text-align: right;
    padding:0px 20px 15px 0px;
    margin:0;
    clear:left;


}

.allread a:link,
.allread a:visited,
.allread a:active,

.randomnotes a:link,
.randomnotes a:visited,
.randomnotes a:active,

.posted a:link,
.posted a:visited,
.posted a:active {
	background:#eee;
    color:#999;
    text-decoration:none;

    padding:2px 5px;
    border-radius:2px;
}


.allread a:hover,
.randomnotes a:hover,
.posted a:hover {
    background:#000;
    color:#fff;    
    text-decoration:none !important;
}



.allread,
li.allread {
text-align:right !important;
list-style-type:none !important;
padding-right:7px !important;
margin-top:30px 0 0 0 !important;
font-size:10px !important;
}


li.allread a:link, .allread a:visited, .allread a:active { text-decoration:none; border-bottom:1px dotted #ccc;}

.notes {font-size: 70%;text-align: right;padding: 0px 8px 3px 0px;}
.notes a {text-decoration:underline;}


/*
.randomnotes {
    text-align:right;
    padding-right:0px;
    font-family:verdana,sans-serif;
    text-align:right;
    margin-top:5px;
    margin-bottom:0px;
    clear:left;
}

.randomnotes a {text-decoration:none;}



*/

#middlecontent {
    font-size: 12px;
    line-height: 170%;
    padding:0;
    margin:0px;
    float:left;
}

#middlecontent img {
    width:80px;
    height:80px;
    margin: 0px 7px 1px 0px;
    border:0px;
    float: left;
}
#middlecontent p{
    margin:0px;
    padding-right:16px;

}

#middlecontent li {
    line-height: 150%;
}


.subcontent {
    font-size: 80%;
    line-height: 170%;
    padding:0px 10px 5px 10px;
    margin:0px;
    float:left;
}
.subcontent p{
    margin:0px;
    padding-right:16px;
/*    text-align:justify; */
/*    text-justify : inter-ideograph;  */
}
.subcontent img {
    width:80px;
    height:80px;
    margin: 0px 7px 1px 0px;
    border:0px;
    float: left;
}

/* middle links */

.middlebar,.navibar {
    font-size:80%;
    color:#666;
    line-height:150%;
    border-bottom:1px solid #eee;
    margin:0px;
    padding:14px 0px 10px 0px;
    font-family:Verdana , sans-serif;
}

.middlebar select {width:100px !important;}

.middlebar b, .navibar b {
    color:#f00;
    text-decoration:none !important;
    border:none !important;
}


.pagebar a:link, .pagebar a:visited , .pagebar a:active,
.navibar a:link, .navibar a:visited , .navibar a:active{
	border:1px solid #000;
	padding:1px;
	color:#000;
	background-color:#fff;
    text-decoration:none !important;
}

.pagebar a:hover,
.navibar a:hover {
	border:1px solid #ddd;
	padding:1px;
	background-color:#f00 !important;
	color:#fff !important;
    text-decoration:underline;
}

.activepage {
	color:#fff;
	font-weight:bold;
	border:1px solid #ddd;
	padding:1px 5px;
	background-color:#111;	
	
}


.pagebar {
    font-size:100%;
    color:#555;
    margin:0;
    text-align:center;
    padding:0px 10px 0px 0px;
    font-family:Verdana , sans-serif;
}


.pages {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
    border:none !important; 
 }


  
/* top bottom links */

#bottomleft {
    float: left;
    padding:10px 5px 0px 0px;
    border-right:1px solid #eee;
}

#bottomright {
    float: left;
    padding:10px 10px 0px 10px;
}

#comment-data {
    float: left;
    overflow:hidden;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px dotted #eee;
}




/* FOOTER */
.rights {
    text-align: center;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #eee;
    font: 70% Verdana , sans-serif;
}


/* misc */


.listcontent b  {
    color:#f00;
    font-size:15px;
    text-decoration:none !important;
}

.listcontent ul {
    padding:0px;
    margin:10px 0px 20px 5px;

}

.listcontent li {
    list-style:none;
    padding-left:7px;
    margin-bottom:4px;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
    font-size:12px;
    line-height:130%;
}

.listcontent li a:link,
.listcontent li a:visited,
.listcontent li a:active {
    text-decoration:none;
 /*   border-bottom:1px dotted #ccc; */
}

.listcontent a:hover {
    text-decoration:underline;
}


.listarchives {
    padding: 10px 0px 10px 0px;
}

.listarchives b  {
    color:#000;
    font-size:90%;
    text-decoration:none;
}

.listarchives ul {
    padding:0px;
    margin:10px 0px 20px 10px;
}

.listarchives li {
    line-height:120%;
    list-style:none;
    padding-left:7px;
    margin-bottom:3px;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
    font-size:80%;
    line-height:160%;

}




/* archives */

.i-list {
    font-family:verdana,sans-serif;    
    padding:15px 10px 15px 0px;
    margin-bottom:6px;
    line-height:140%;
    font-size:90%;
    border-bottom:1px solid #eee;
}

.i-list h1 {
    font-family:verdana, sans-serif;
    margin-top:10px;
    padding:0px;
    margin-bottom:5px;
    line-height:0em;
    font-size:120%;
    color:#444;

}

.i-list h3 {
    font-family:verdana, sans-serif;
    margin:0px;
    padding:0px;
    font-size:110%;
    color:#444;
}


.i-list a:link, .i-list a:active, .i-list a:visited {
    text-decoration:underline;
}


.i-list b {color:#d00;}

.i-list ul {
    margin: 0px;
    padding:10px 0px 0px 0px;
}

.i-list li {

    list-style-type: none;
    margin-bottom:0px;
    padding:0 0 0 8px;
    font-size:90%;
    line-height:170%;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}



/* individual */

.i-content {
    padding:10px 0px 0px 0px;
    color: #000;
    margin-bottom:6px;
    line-height:160%;
}


.i-content hr {
   margin:40px auto; 
   width:90%;
   border-style: solid;
   height:1px;
   margin-right:20px;
   border-width:1px 0px 0px 0px;
   color:#eee;

}

.i-content h1 {
    font-family:"メイリオ","ＭＳ　Ｐゴシック", verdana,"Trebuchet MS",sans-serif;
    margin:20px 0 30px 0;
    font-size:18px;
	padding-right:30px;

}


.i-content h2, .i-content h3 , .i-content h4 , i-content b{
    color:#f00 !important;
    padding:15px 0 10px 0;
    font-size:93%;
}


.i-content a {
    color:#000033 !important;
    text-decoration:none;
    border-bottom:1px dotted #0000cc !important;
}
.i-content a:hover {
    color:#f00 !important;    
    text-decoration:none;
    border-bottom:1px solid #f00 !important;
    }

.i-content img {

    border: 2px solid #fff;
    padding:2px;
    margin: 0px 0px 3px 0px;
    float: right;

	border-radius:9px;
	-webkit-border-radius:9px;        
}

.bigimg { 
float:left !important;
margin: 10px 0px 10px -2px;
padding:0 0 10px 0 !important;
 }

.i-content p {

    padding:0px 20px 15px 1px;
    margin: 0px;
    font-size:80%;
/*    text-align:justify; */
/*    text-justify : inter-ideograph;     */
}

.i-content strong {
    font-size:115%;
    color:#000;
    margin-top:5px;
    margin-bottom:10px;
} 

.i-content b {
    font-size:110%;
    color:#d00;
}


.i-content blockquote {
    border:1px solid #ddd;
    padding:8px;
    margin:0px 30px 15px 7px;
/*    line-height:160%; */
    font-size:75% !important;
    background:#eee;
    -moz-border-radius : 8px;
    line-height :160%;
}

.i-content blockquote p {
    margin:0px !important;
    padding:0px 0px 10px 0px !important;
}


p.app {
    border:1px solid #ddd;
    font-size:75%;
    color:#333;
    width:450px;
    clear:both;
    margin:0px 0px 15px 0px;
    padding:10px;
    line-height:160%;
    -moz-border-radius : 8px;
/*  text-align:justify; */
/*    text-justify:inter-ideograph; */
}

p.masaca {
	background-color:#fff3f3;
    border:1px solid #ddd;
    font-size:75%;
    color:#333;
    width:450px;
    clear:both;
    margin:0px 0px 15px 0px;
    padding:10px;
    line-height:160%;
    -moz-border-radius : 8px;
/*    text-align:justify; */
/*    text-justify:inter-ideograph; */
}

.masaca img {
border:none !important;
margin-bottom:5px !important;
}



.i-content ul {
    margin: 0px;
    padding:0px 0px 0px 4px;
}

.i-content li {

    list-style-type: none;
    margin-bottom:0px;
    padding:0 0 0 8px;
    font-size:80%;
    line-height:170%;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}

.i-misc {
    padding:0px 0px 5px 0px;
    margin-bottom:6px;
    line-height:170%;
    border-bottom:1px solid #eee;
}

.caution {
	font-size: 90%;
}

.comments-body {
    padding:8px;
    border-left: 1px solid #eee;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;
    line-height:130%;
    font-size:80%;
    overflow:hidden;
    word-break: break-all;    

}


.comments-post {

    font-weight: normal;
    margin: 0px;
}
.comments-post b {
    color: #444;
}
.comments-body p {
    padding-left: 25px;
}


.comments-body ul {
    margin: 0px;
    padding:0px 0px 0px 4px;
}

.comments-body li {
    list-style-type: none;
    margin-bottom:6px;
    padding-left:8px;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 50%;
}

.comments-body li a {
    text-decoration:none;
/*    border-bottom:1px dotted #ccc; */
}

.comments-body li a:hover {
    text-decoration:none;
    border-bottom:1px solid #f00 !important;
}

.comments-head {
    font-family:verdana,sans-serif;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;

    font-size:95%;
    margin-top: 8px;
    font-weight: bold;
    padding: 6px;
}

.banner-bottom {
    padding:10px 0px 10px 0px;
    text-align:center;
}

.banner-top {
    padding:10px;
    text-align:center;
    border-bottom:1px solid #eee;
}



.amazon {
    padding:0px;
    margin-top:5px;
    width:300px;
}

.amazon a:link,
.amazon a:active,
.amazon a:visited {text-decoration:none;}
.amazon img {border:0px;}

img#caution {margin:0px; padding:0px;}







.gallery  {
    padding:0 0 0 10px;
}

.gallery img{
    background:#eee !important;
    border:1px solid #ccc !important;
    padding:3px !important;
    margin:0px 5px 6px 0px !important;
    width:80px !important;
    height:80px !important;
    float:left !important;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://x51.org/x/script/overlay.png); }

* html #overlay{
	background-color: #000;
	back¥ground-color: transparent;
	background-image: url(http://x51.org/x/script/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://x51.org/x/script/overlay.png", sizingMethod="scale");
}

.big-banner-bottom {
    clear:both;
    padding:5px;
    text-align:center;
    margin:0;
}







/*** sidebar ****/



#right {float: left;border-top:1px solid #eee;

;margin:0;}
#right a:link,#right a:visited,#right a:active {text-decoration:none;}
#right a:hover {text-decoration:underline;}


.wdgt {
	font-size:12px;
    padding:15px 0 15px 15px;
    margin-top:0px;
    margin-bottom:0px;
    border-bottom:1px solid #eee;
}

.wdgt h4 {
	font-family:verdana,sans-serif;
    text-decoration:none; font-size:14px;
    color: #f00;
    padding:0px 0 15px 0px;
    text-transform: uppercase;
    border:0px;
}


.wdgt p {margin:0;margin-bottom:5px;font-size:11px;}

.wdgt p img {
    border: 1px solid #888;
    margin:0px 8px 2px 0px;
    width:80px;
    height:80px;
    float:left;
}

.wdgt ul { margin:0;padding:0;}

.wdgt li {
	font-size:12px;
    list-style-type: none;
    padding:0 0 0 8px;
    margin:0 0 6px 0;
    background-image:url('http://x51.jp/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
}


.wdgt select {margin-left:0;padding:0;height:20px;font-size:13px;} 


.misc { font-size:xx-small; text-transform: uppercase; font-family:verdana,sans-serif; } 
.misc img { margin-right:2px; margin-bottom:0px; margin-top:2px; }

/*social*/
.social {height:100px;margin-top:30px;width:300px;}
.social-btn {float:left;width:100px;}






/***/


#postdata {
border-top:1px solid #eee;
padding:20px 20px 20px 0;
margin-bottom:15px;
float:left;
width:475px;
}

.postdate {float:left;margin:10px 0;font-size:13px;}
.fb-like {float:right;margin-left:20px;}

.share-buttons{
float:right;
list-style: none;
}
.share-buttons ul {
	margin:0;
	padding:0;
}

.share-buttons li{
	display: inline;
    background-image:none;
}



.sp-adv {display:none;}



/***/
.sp-menu ,
.sidr {
display:none;
}