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

frame {margin:0;}

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:304px; }
#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;}
.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 input {
    margin-top:0px;
    margin-bottom:10px;
    font-weight:normal;

}

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

/* blogbody */

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

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

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


.content p {
    padding-right:15px;
    margin:0px;
 /*   text-align:justify; */
/*    text-justify : inter-ideograph; */

}

.title {
    font-family:"ＭＳ Ｐゴシック",Verdana , sans-serif;
    font-size: 90%;
    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: 90%;
    margin-top:13px;
    margin-bottom:10px;
}

.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:80%;
    font-family:Verdana, sans-serif;
    text-align: right;
    padding:0px 20px 0px 0px;
    margin:5px 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;
}

.middlecontent {
    font-size: 80%;
    line-height: 170%;
    padding:0px;
    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:90%;
    color:#666;
    border-bottom:1px solid #eee;
    margin:0px;
    padding:14px 0px 10px 0px;
    font-family:Verdana , sans-serif;
}



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



/* rightbar */


#right {
    float: left;
    border-top:1px solid #eee;
    padding: 9px 0px 10px 0px;
    margin-top:0px;
    
}


li.rightnotes {
    text-align:right ! important;
    list-style-type:none ! important;
    padding-right:7px ! important;
    margin-top:5px ! important;
    margin-bottom:0px ! important;
    background-image:none ! important;
    font-family:verdana, sans-serif ! important;
}

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


.rightbar a:link,
.rightbar a:visited,
.rightbar a:active {
    padding-bottom:0px;
    text-decoration:none;
}

.rightbar a:hover {
    padding-bottom:0px;
    text-decoration:underline;
}


.rightbar h2, .rightbar b {
    font-family:Verdana , sans-serif;
    color: #f00;
    display:block;
    letter-spacing:0.1em;
    text-transform: uppercase;
    padding:7px 0px 2px 17px;
    font-size:95%;
    border:0px;
    text-decoration:none ! important;
}

.rightbar ul {
    padding:5px 0 5px 10px;
    margin: 0 0 5px 0px;
    border-bottom:1px solid #eee;
}

.rightbar li {
    font-size:75%;
    line-height:120%;
    list-style-type: none;
    margin:9px 0 9px 0px;
    padding:0 0 0 8px;

    background-image:url('http://x51.org/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;

/*    text-align:justify; */
/*    text-justify : inter-ideograph;     */
}

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

.notes a {
    text-decoration:underline;
}

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


/* misc */


.listcontent b  {
    font-family:Verdana , sans-serif; 
    color:#f00;
    font-size:80%;
    letter-spacing:0.1em;
    text-decoration:none ! important;
    border-bottom:1px dotted #f00;
}

.listcontent ul {
    padding:0px;
    margin:8px 0px 15px 5px;

}

.listcontent li {
    list-style:none;
    padding-left:7px;
    margin-bottom:4px;
    background-image:url('http://x51.org/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
    font-size:80%;
    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.org/x/images/ar.png');
    background-repeat:no-repeat;
    background-position:0% 15%;
    font-size:80%;
    line-height:160%;

}


/* ENEMA */

.sideicon {
    padding:4px 0px 5px 0px;
    margin-bottom:5px;
    border-bottom:1px solid #eee;
}

.sideicon p {
    margin: 0px;
}

.sideicon img {
    border: 1px solid #888;
    margin:9px 3px 7px 22px;
    width:100px;
    height:100px;
}

.sideicon b {
    border:0px;
    text-decoration:none;

}

.sideicon ul {
    padding:0 0 10px 10px;
    margin: 0px 0px 6px 0px;
    border-bottom:0px solid #eee;
}

/* 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.org/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 h1 {
    font-family:"メイリオ","ＭＳ　Ｐゴシック", verdana,"Trebuchet MS",sans-serif;
    margin-top:20px;
    margin-bottom:20px;
    font-size:105%;

}

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

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


.misc {
    padding:3px 0 20px 15px;
    font-size:xx-small;
    text-transform: uppercase;
    margin-bottom:20px;
    font-family:verdana,sans-serif;

}

.misc img {
    margin-right:2px;
    margin-bottom:0px;
    margin-top:2px;
}


.amazon {
    padding:0px 0px 0px 20px;
    margin-top:0px;
    width:280px;
}

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

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


.sideanima {
    padding:0px 10px 4px 0px;
    margin-top:0px;
    margin-bottom:5px;
    border-bottom:1px solid #eee;
    font-size:75%;
    line-height:160%;    
/*    text-align:justify;     */
/*    text-justify : inter-ideograph; */
    
}

.sideanima p {
    margin: 0px;
    margin-left:19px;
    margin-top:5px;
    margin-right:3px;
}

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

.sideanima b {border:0px; text-decoration:none; font-size:125%;}
.sideanima ul {margin-bottom:0; border-bottom:0px ! important;}
.sideanima li {font-size:100%; margin-top:2px;}

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

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

.sidenews {
    padding:8px 10px 0px 0px;
    margin-bottom:3px;
    font-size:80%;

    font-weight:bold;
    line-height:150%;
    letter-spacing:0.1em;
}

.sidenews p {
    margin: 0px;
    margin-left:16px;
    margin-top:5px;
    margin-right:3px;
}

.sidenews p img {
    border:1px solid #888;
    margin:2px 4px 5px 0px;
    width:80px;
    height:80px;
    float:left;
    background-color:#000;
}

.sidenews A:link,
.sidenews A:visited,
.sidenews A:active {
    color:#555;
}
.sidenews A:hover {
    color: #f00;
    text-decoration: underline;
}