@charset "UTF-8";
body, textarea {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
body {
 font-size: 13px;
 line-height: 1.8;
 color: #222;
 text-align: center;
 position: relative;
 background-color: #f4f4f4;
}
* {
 letter-spacing: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 font-style: normal;
 vertical-align: baseline;
 margin: 0;
 padding: 0;
}
a {
 text-decoration: none;
 color: #052465;
 cursor: pointer;
}
/*Header*/
#header {
 height: auto;
 padding-top: 10px;
 background-color: #DD5A0F;
}
#header .wrapper {
 text-align: left;
 width: 1040px;
 margin: 0 auto;
}
#header .logo {
 height: 35px;
 width: 245px;
 float: left;
 margin-top: 27px;
 margin-bottom: 27px;
}
#header .ad {
 height: 90px;
 width: 728px;
 float: right;
 padding-bottom: 10px;
}
#globalnavi {
 height: 24px;
 background-color: #EFA54B;
 clear: both;
 padding: 8px 0;
}
#globalnavi ul {
 height: 24px;
 width: 1040px;
 margin: 0 auto;
 text-align: left;
 overflow: hidden;
 color:#fff;
 list-style:none;
}
#globalnavi li {
 height: 24px;
 line-height: 24px;
 float: left;
 margin-right: 25px;
}
#globalnavi li a{
 color:#fff;
}
i.fa {
 margin-right: 2px;
 font-size: 1.2em;
}
/*本文*/
#content {
 width: 1040px;
 margin: 0 auto;
 text-align: left;
 padding-bottom: 60px;
 padding-top: 10px;
}
#main {
 height: auto;
 width: 728px;
 float: right;
}
/*RSS*/
#topRss {
 height: 205px;
 width: 1040px;
 background-color: #ffffff;
 margin-bottom: 14px;
 border: 1px solid #ddd;
}
#topRss div {
 width: 1040px;
 height: 200px;
 overflow: hidden;
 position: relative;
}
#topRss iframe {
 height: 330px;
 position: absolute;
}
.rssarticletop {
 overflow: hidden;
 border: 1px solid #ddd;
 margin-bottom: 10px;
 background: #fff;
}
.rssunder1 {
 overflow: hidden;
}
/*記事*/
div#categorytitlebody {
 background: #fff;
 padding: 3px;
 margin-bottom: 10px;
 border: 1px solid #efefef;
 text-align: center;
 font-size: 17px;
}
.article {
 height: auto;
 width: 708px;
 border: 1px solid #dadada;
 background-color: #ffffff;
 margin-bottom: 14px;
 padding: 0px 9px 30px 9px;
 word-wrap: break-word;
}
.articleHeader {
 width: 708px;
 border-bottom: 1px solid #052465;
 overflow: hidden;
 min-height: 72px;
 margin-bottom: 20px;
}
.article h2 {
 height: auto;
 width: 600px;
 float: left;
 margin: 8px 0 8px 0;
 padding-left: 15px;
 min-height: 60px;
 border-left: 13px solid #ddd;
}
.article h2 a {
 line-height: 1.2;
 font-size: 22px;
 color: #052465;
 font-weight: bold;
}
span.date {
 float: left;
}
dl.article-category {
 float: right;
}
.article-category-body dt {
 float: left;
}
.article-category-body dd {
 float: left;
 margin-right: 8px;
}
.share-btn {
 margin-bottom: 20px;
 list-style:none;
}
.share-btn> li {
 float: left;
 margin-right: 7px;
 width: 170px;
}
.twitter-btn {
 background: #00abef;
}
.facebook-btn {
 background: #507cbe;
}
.hatebu-btn {
 background: #008fde;
}
span.hatebu-icon.share-btn-icon {
 font-weight: bold;
 font-size: 1.2em;
}
.gplus-btn {
 background: #db4a39;
}
.share-btn> li a {
 color: #fff;
 font-weight: normal;
 display: block;
 height: 40px;
 line-height: 40px;
 text-align: center;
}
.clearfix {
 min-height: 1px;
}
.clearfix:after {
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 content: ".";
}
.clear:after {
 display: block;
 clear: both;
 content: "";
}
.comment-balloon {
 background-color: #B8BFAF;
 width: 68px;
 text-align: center;
 margin-top: 8px;
 float: right;
 -webkit-transition-duration: 400ms;
 -moz-transition-duration: 400ms;
 -o-transition-duration: 400ms;
 transition-duration: 400ms;
 -webkit-transition-timing-function: ease;
 -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease;
 transition-timing-function: ease;
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
}
.comment-link{
 color: #fff;
 font-weight: bold;
 padding: 6px;
 display: block;
 font-size: 14px;
 position: relative;
}
.comment-link:after {
 position: absolute;
 display: block;
 content: "";
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 10px solid #B8BFAF;
 height: 0;
 width: 0;
 right: 11px;
 bottom: -9px;
 -webkit-transition-duration: 400ms;
 -moz-transition-duration: 400ms;
 -o-transition-duration: 400ms;
 transition-duration: 400ms;
 -webkit-transition-timing-function: ease;
 -moz-transition-timing-function: ease;
 -o-transition-timing-function: ease;
 transition-timing-function: ease;
 -webkit-transition-property: all;
 -moz-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
}
h3.rssh3 {
 font-size: 20px;
 border-bottom: 3px #cc0000 solid;
 margin-bottom: 10px;
 font-weight: bold;
 margin-top: 10px;
}
/*コメント*/
h3.commenthead {
 height: 30px;
 /* width: 272px; */
 line-height: 30px;
 border-left: 4px solid #661A00;
 background-color: #FF9999;
 color: #ffffff;
 font-weight: bold;
 font-size: 16px;
 padding-left: 14px;
 margin-bottom: 10px;
}
div#commentbottom {
 margin-bottom: 20px;
}
h3.takecommenthead {
 font-size: 16px;
 font-weight: bold;
}
input#author {
 border: 1px solid #000;
 padding: 2px;
 margin-left: 10px;
 width: 250px;
}
textarea#text {
 width: 250px;
 border: 1px solid #000;
 margin-left: 10px;
 padding: 3px;
 min-height: 100px;
 margin-top: 10px;
}
.commenttext {
 margin-bottom: 20px;
}
tr.submit {
 text-align: center;
}
input.button {
 background: -moz-linear-gradient(top,#FFF 0%,#EEE);
 background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
 border: 1px solid #DDD;
 color: #111;
 width: 100px;
 padding: 10px 0;
}
tr.input-etc {
 display: none;
}
tr.input-facemark {
 display: none;
}
/*サイドメニュー*/
#sub {
 height: auto;
 width: 300px;
 float: left;
}
#sub .wrapper, #sub .sidewrapper {
 height: auto;
 width: 290px;
 border: 1px solid #dadada;
 background-color: #ffffff;
 padding: 4px 4px 20px 4px;
 margin-bottom: 14px;
}
#sub .sidetitle {
 height: 30px;
 width: 272px;
 line-height: 30px;
 border-left: 4px solid #EFA54B;
 background-color: #DD5A0F;
 color: #ffffff;
 font-weight: bold;
 font-size: 16px;
 padding-left: 14px;
 margin-bottom: 10px;
}
.plugin-categorize .sidebody:before {
 content: "\f054";
 font-family: 'entypo', sans-serif;
 margin-right: 10px;
 font: normal normal normal 14px/1 FontAwesome;
 display: inline-block;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 transform: translate(0, 0);
 margin-right: 6px;
 font-size: 0.75em;
 color: #DD1860;
}
.plugin-recent_articles a {
 display: block;
 width: 270px;
 height: auto;
 padding: 10px 0px 10px 10px;
 font-size: 14px;
 line-height: 1.6;
 border-bottom:1px dashed #ddd;
}
.t_h {/*font-size:13px;*/color:gray;}
.t_b{/*font-size:18px;*/font-weight:bold;margin-bottom:80px;}
/*広告*/
.center {
 text-align: center;
 margin-bottom: 20px;
}
.adleft {
 float: left;
 width:350px;
}
.adright {
 float: left;
 width:350px;
}
.readmore {
 text-align: center;
 /*font-size: 16px;*/
 font-weight: bold;
 width: 700px;
 background: #efefef;
 padding: 20px 2px;
}
/*フッター*/
#footer {
 border: 1px solid #dadada;
 background-color: #eeeeee;
 padding-top: 30px;
}
.recommend {
 border: 1px solid;
 padding: 5px;
 background: #efefef;
 margin-bottom: 25px;
}
.recommend H3 {
 color: #ff0000;
 font-weight: bold;
 padding: 8px;
}
ul.kotei {
 list-style: none;
 font-weight: bold;
}
li.kotei {
 list-style-position: inside;
 text-align: left;
 border-top: dashed 1px #999999;
 padding: 8px 0 10px 0;
 font-size: 0.98em;
 font-weight: bold;
}
li.kotei:hover{
	background:#f4f4f4;
	color:#000;
 text-decoration:none;
 font-weight:bold;
}
li.kotei a:hover{
	color:#ff0000;
 text-decoration:none;
}
.articleBody{ font-size: 18px;}
.mainmore{ font-size: 18px;}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="http://2chmatome.net/site.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="http://2chmatome.net/site.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>