body,html {background:#fff;margin:0;padding:5px 0px;text-align:center;font-size:12px;color:#000;width:99%;}
a:link {color:#09f;text-decoration:none;}
a:visited {color:#a7a;text-decoration:none;}
a:hover {color:#ad9;text-decoration:underline;}
a img {border-width:0;}
h1 {margin:0px;font-size:22px}
#Pagetop{border-style: solid; border-width:1px; padding:5px 5px 0 5px;margin:15px;background: #DBD5FB;}
#innerline{border-style: solid; border-width:1px; padding:5px;text-align:center;margin-bottom:5px;background:#fff}
/* dock - top */
.dock		{position: relative;height: 50px; text-align: center;z-index:5;text-decoration:none;}
.dock-container	{position: absolute;height: 50px;padding-left: 20px;}
a.dock-item	{display: block;width:50px;color: #000;position: absolute;top: 0px;text-decoration:none;font: 12px MS UI Gothic, Arial, Helvetica;}
.dock-item img	{border: 0px none;width:100%; margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:0px}
.dock-item span	{display: none;background-color:#FFF;text-align:left;padding:3px;width:200px;border: 1px solid #123;color:#000;cursor:pointer;}
.dock-item a{text-decoration:none;}

/* Navigation */
#labelposition{margin:0px auto;width:700px}
#label-Menu{z-index:3}
#NINCtCounterSection{z-index:2}/*忍者*/
.labelnav, .labelnav ul {list-style: none;margin: 0;padding: 0;}
.labelnav { font-family: MS UI Gothic,Arial, Helvetica;position: relative;font-size:13px;}
.labelnav li {float: left;margin: 0;padding: 0;position: relative;}
.labelnav li a, .labelnav li a:link, .labelnav li a:active, .labelnav li a:visited {color: #96d;display: block;}
.labelnav li:hover ul, .labelnav li.sfHover ul { top: 22px;}
.labelnav ul li {float: none;}
.labelnav ul a:hover {color: #000;}
.labelnav ul a.linkcheck {color:red;}
.labelnav ul {list-style: none;margin: 0;position: absolute;background-color: #fff;top: -999em;left: -1px;padding:1px 5px 3px 4px;border: solid 1px #CDCDCD;_filter:alpha(opacity=95);opacity:0.95;text-align:left;}
.labeltitle{background-color: #FCFCF1;background: url(/image/button.gif) no-repeat;width:100px;white-space: nowrap;height:23px;}
a:first-letter{font-size:125%;}

.labelnav table{font-size:12px}

/* Content */
@media all {
#content {margin:0;padding:0;text-align:left;}
div.left	{position:absolute;width:175px;left:10px;}
div.middle	{margin:0 250px 0 190px;_width:95%}
div.right	{position:absolute;right:10px;top:150px;width:230px;}
}
@media handheld {
#content {width:100%;}
div.middle {width:100%;float:none;}
}
.post a {color:#0000ff;}
h3.post-title,h2.sidebar-title{font-family: "Lucida Grande", "Trebuchet MS";font-size: 13px;padding: 3px;background-image: url('/image/gradation_180-.png'); background-repeat: repeat-y;background-position: right;background-color: #CBC9CA;_filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#CBC9CA, EndColorStr=#ffffff, GradientType=1) ;}
h2:first-letter,h3.post-title:first-letter{font-size:125% !important;}



.date-header {margin:1.5em 0 .5em;}
.date-header div{float:right;color:#06c;font:12px Arial;background-color:#DFEEFF;border-bottom:1px solid #66c;padding:1px 2px 1px 2px}
.date-header span{cursor:pointer;}

.post {border-bottom:1px dotted #444;padding-bottom:1.5em;background-color:#D4E6EA;background-image: url('/image/gradation_180L.png'); background-repeat: repeat-x;background-position: bottom;}
.commenthidden {display:none}/* ---- コメントjava用 ---- */
.commentshown {display:inline}
div.post img,div.textarea{clear:both;}
div.post-body img{float: left; MARGIN: 0pt 10px 10px 0pt;;padding:4px;border:1px solid #c0c0c0;_padding:10px}
div.post-body img.clear{float:none !important;text-align:center;}
div.textarea {float: left;background-color:#FFFFfC;font-size:12px;border:1px solid #000;padding: 3px;_word-break:break-all;overflow:auto;width:99%}
div.post-body{padding: 10px;font:14px/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;}
div.textarea,div.post-body,div.permanentLink{margin:0 2px 0 2px;font-family:MS UI Gothic;;}


.insert A:hover{border-top:1px solid #999999; border-bottom:1px solid #666666; border-left:1px; border-right:1px; background-color:#eeeeff;}
.insert A	{color:#0000FF;font-weight:800;}
.insert 	{padding: 10px 0 0 20px;color:#666666;font-weight:400;margin:0}
.post-title a {color:#ad9;}
.post-title a:hover {color:#fff;}
div.post-footer dt  {font-style:normal;margin-left:5px;border:1px dotted #DBD5FB;width:120px;padding:3px;text-align:center;background-color:#eeeeff;margin-bottom:5px}
div.post-footer dd.permanentLink{background-color:#FFFFfC;font-size:12px;border:1px solid #999;padding:0px;margin-right:12px;}
div.post-footer textarea.permanentLink{border:0px;width:100%;margin:0;padding:0;font-size:12px}
div.post-footer a{padding-right:10px}
dt{margin-top:10px}
div.post-footer dd.commentlog{border:1px solid #9ad;padding:10px;margin-right:12px;margin-bottom:5px}

.post blockquote {margin:1em 20px;}
.post blockquote p {margin:.75em 0;}
.post-title img {float:right;border:0px none; padding-top: 2px;}

h2 {margin:1.5em 0 .75em;font:bold 100%/1.4em "Trebuchet MS","MS UI Gothic",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#444;}
div.moreRecommendationsLinkDiv{font-size:12px}
/* Sidebar Content */
div.right ul	{margin:0;padding:0;list-style:none;font:98%/1.2em "MS UI Gothic"}
div.right li	{margin:0;padding-left:2px;text-indent:0px;line-height:1.5em;border-bottom:1px dotted #888;color:#777;}
div.right p	{color:#999;line-height:1.5em;}
div.right div.side-bar {border:1px dotted #444;margin-bottom:20px;padding:7px}

/*ページ*/
#page{text-align:center;margin-top:15px;}
#preview{float:left;width:45%;text-align:left;}
#preview b{float:left;width:100%}
#preview a{float:left;width:100%;clear:both;border:1px dotted #444;padding:5px;height:50px;margin:0}
#after{float:right;width:45%;text-align:right;}
#after b{float:right;width:100%}
#after a{float:right;width:100%;clear:both;border:1px dotted #444;padding:5px;height:50px;margin:0}
#bottom-space{height:15px;clear:both;}

div.comment{margin:5px 5px 10px 20px}
#commentarea{width:99%;}
#commentFORM{border:3px double #DBD5FB;margin:15px 0;padding:0 10px}
#insert_FORM{border:1px dashed #111;margin:15px 0;padding:15px 8px; background-color: #FFE1E1}
#insert_FORM img {border:1px solid #111;float:left;margin-right:20px}
#insert_FORM input {margin:2px;width:140px}


#ImageBoxOverlay{background-color: #000;padding:10px;overflow:hidden;}
#ImageBoxContainer{width: 250px;height: 250px;background-color: #ffe;border: 1px dashed #FFB366;overflow:hidden;}
#ImageBoxCaption{background-color: #ffe;border: 1px dashed #FFB366;border-top:0;padding:15px 0 5px 0;font-weight: bold;font-size: 13px;color: #000;}
#ImageBoxClose{margin:15px 0 5px 0;}
#ImageBoxCaptionText{color:blue;margin-right:20px}
#ImageBoxOuterContainer{position:relative;}

a.top{float:right;font-weight:800;margin:5px}
/*Outbrain*/
fieldset.outbrain-recommendationsFieldset,legend.Outbrain_recommendations_legend{background-color:#FFFFFF}
#outbrain_container_0_bottom{margin:20px 0 0 30px;_width:90%;}
#rakuten {text-align:center;}
