@charset "utf-8";

h1.category-ttl{ text-align:center; font-size:32px; color:#381d12; line-height:1; padding:40px 0 0 0;}

#blog{ width:1024px; margin:0 auto; padding:64px 0; position:relative;}
#blog-detail{ width:1024px; margin:0 auto; padding:64px 0; position:relative;}

#blog-menu{ padding:54px 0 0 0; text-align: center; position:relative; z-index:10;}
.blog-menu-wrapper{ background:#faf7ee; margin:0 40px 40px 40px; padding:20px 0; min-width:1104px; text-align:center; display:none;}
.blog-written{ display:inline-block; min-width:216px; text-align:left;}
.blog-archive{ display:inline-block; min-width:216px; text-align:left;}
.blog-x{ display:inline-block; padding:0 15px;}
dl.pull-down{}
dl.pull-down dt{ border:1px solid #666; padding:5px 10px; cursor:pointer;}
dl.pull-down dt span{ display:block; background:url(../img/arrow_pulldown.png) no-repeat right center; background-size:10px 6px; padding-right:20px;}
dl.pull-down dd{ position:relative; display:none;}
ul.blog-menu-list{ position:absolute; width:100%; top:0; left:0; z-index:999;}
ul.blog-menu-list li{ color:#FFF; background:rgba(51,51,51,0.9); border-bottom:1px solid #555; border-left:1px solid #666; border-right:1px solid #666; padding:5px 10px;}
ul.blog-menu-list li:last-child{ border-bottom:1px solid #666;}
ul.blog-menu-list li a{ color:#FFF; display:block;}

ul.blog-list{ margin-left:-40px;}
ul.blog-list li{ float:left; margin:0 0 40px 40px; position:relative; width:314px;}
ul.blog-list li div{ width:314px; height:314px; overflow:hidden; text-align:center;}
ul.blog-list li div img{ height:100%; width:auto;}
ul.blog-list li p{ margin:10px 0; font-weight:bold;}
ul.blog-list li span{ display:inline-block; line-height:16px; }
ul.blog-list li span.new{ color:#ca1603; font-size:14px; font-weight:normal; margin-right:8px;}
ul.blog-list li span.author{ color:#FFF; font-size:12px; background:#666; padding:0 10px; margin-right:5px;}

.detail-head span.new{ display:inline-block; color:#ca1603; font-size:14px; font-weight:normal; margin-right:8px; line-height:16px;}
.detail-head span.author{ display:inline-block; color:#FFF; font-size:12px; background:#666; padding:0 10px; line-height:16px; margin-right:5px;}
.detail-head h1{ font-size:24px; font-weight:bold; line-height:1; padding:10px 0;}
.detail-head span.date{ display:block; font-size:16px;}
.detail-body{ padding-top:40px; width:700px; margin:0 auto;}
.detail-body p{ padding-bottom:20px;}
.detail-body img{ width:100%; height:auto;}
.detail-body .aligncenter{ display:block; margin:0 auto;}
.detail-body .alignleft{ display:block; margin-right:auto;}
.detail-body .alignright{ display:block; margin-left:auto;}
.detail-body a{ color:#ff6600;}
.detail-body a:hover{ text-decoration:underline;}

.detail-share{ padding-top:30px;}
.detail-share ul{ float:right;}
.detail-share ul li{ float:left; margin-left:10px;}

.blog-search{ position:absolute; top:-115px; right:0;}
.blog-search input{ vertical-align:middle;}
.blog-search input[type="text"]{ border:none; border-bottom:1px solid #666; background:#faf7ee; padding:2px; width:140px;}
.blog-search input[type="submit"]{ height:20px; width:20px; border:0; background:url(../img/roupe.png) no-repeat 0 0; background-size:contain; cursor:pointer;} 
.search-not-found{ text-align:center;}