@charset "UTF-8";       /* 文字コードセット */


/* 全体構造
---------------------------------------------------- */

/* コンテンツ幅
---------------------------------------------------- */

/* 汎用スタイルシート
---------------------------------------------------- */

/* ブロック群
---------------------------------------------------- */
#blog-area{background: #deefca;color:#363;margin-bottom: 40px;padding: 15px;width: 220px;}

#calendar,
#recent,
#archives,
#categories{padding: 13px;background: #fff;}

#recent,
#archives,
#categories{margin-top: 15px;}

#recent .navbar,
#archives .navbar,
#categories .navbar{margin: -13px;}

#calendar h3,

#recent h3,
#archives h3,
#categories h3{color:#fff;font-size:14px;line-height:normal;padding: 10px;background: #dfdfdf;
background: linear-gradient(to left, #dfdfdf 0%,#fbfbfb 50%,#dfdfdf 100%);margin: 5px 5px 0;color:#58a30b;text-align: center;margin: -13px -13px 13px;border:1px solid #58a30b;}

#calendar h3 i,
#recent h3 i,
#archives h3 i,
#categories h3 i{margin-right: .5em;}

#recent li a:hover,#recent li a:active,#recent li a:focus,#recent li.active a,
#archives li a:hover,#archives li a:active,#archives li a:focus,#archives li.active a,
#categories li a:hover,#categories li a:active,#categories li a:focus,#categories li.active a{background: #f6f6f6;}



#recent li + li,
#archives li + li,
#categories li + li{border-top: 1px dotted #ddd;}

.EzCalendar{/* カレンダーのセンター揃え */
    width:162px;
    margin:0px auto;
    text-align:center;
    border-collapse:collapse;
    padding:1px;
    font-size:12px;

}
.EzCalendar th{ font-weight:normal;padding:1px; text-align:center;}
.EzCalendar th a{padding:0 8px;}
.EzCalendar td{ border:1px solid #ddd;padding:1px;text-align:center;}
.EzCalendar td a{font-weight:bold;}

#block ul {margin:0px auto;}
#block li {
    list-style:none;
    border-bottom:1px dotted #ccc;
    padding:3px 0px;
    _margin-left:-40px;
}
#block p{ margin-bottom:15px;}




/* メイン
---------------------------------------------------- */
.blog-title{display: table;width: 100%;table-layout: fixed;margin-bottom: 30px;}
.blog-title h3,.blog-title .posted{display: table-cell;vertical-align: middle;}

.blog-title h3{text-align: left;font-size: 21px;padding: 19px;border:1px solid #58a30b;border-right: none;background: #fff;}
.posted {border: 1px solid #58a30b !important;width: 80px;text-align: center;color:#fff;background: #58a30b;padding:9px;}
.posted span{display: block;line-height: 1;font-weight: bold;font-family: 'swis721',sans-serif;text-align: center;}
.year{font-size: 16px;}
.date{font-size: 21px;margin-top: 5px;padding-top: 5px;border-top: 1px dotted #999;}

.html{margin: 30px 0;}

.blog-img img{width: 100%;height: auto;}

.entry + .entry{margin-top: 90px;}



/* コメント画面
---------------------------------------------------- */
.ping_comment{background: #efefef;margin:35px -14px -14px;padding: 14px;}

.comments{border:1px dotted #ccc; padding:9px; margin-bottom:35px;background: #fff;}
.comments h4{ font-size:100%;padding:5px 10px; background-color:#eee; margin-bottom:5px;}/* コメントした人 */
.comments p{ padding-bottom:10px;}

.input{border-bottom:1px solid #ddd;padding:15px 10px;}
.input label{width:80px;float:left; }
.input input{width:390px; float:right;}

.cmt_tb{width: 100%;border-top:1px dotted #999; margin-bottom: 10px;}
.cmt_tb th{width: 80px;padding: 10px 0;border-bottom:1px dotted #999;text-align: left;}
.cmt_tb td{padding: 10px 0;border-bottom:1px dotted #999;}

.submit{text-align:center;}

.errorDiv{
    background:#f9f9f9;/* エラーコメント */
    color:#ff0000;
    margin-top:15px;
    padding:5px;
}
.blog_link{background-color:#f1f1f1; text-align:center; padding:3px; border-bottom:1px #ddd solid;}

.inbox h5{font-size: 14px;margin-bottom: 10px;color:#f60;line-height: normal;}

/* form */
.pp{border:1px solid #efefef;padding:15px 19px;height:192px;overflow-x:hidden;overflow-y:auto;background: #fff;border-radius:0 0 5px 5px;}
.agree{margin:0 0 10px;text-align:center;border-bottom:1px dotted #666;}
.confirm{width:200px;height:40px;text-align:center;}

input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;font-family:Osaka, "メイリオ", Meiryo, "ＭＳ Pゴシック", sans-serif}
input[type="text"], input[type="password"], select{border:1px solid #ccc;padding:4px;}
textarea{font-size:100%;border:1px solid #ccc;padding:4px;width:98%;}

input[type="text"]:hover,
input[type="password"]:hover,
select:hover[type="password"]{border:1px solid #ccc;padding:4px;line-height:normal;}
textarea:hover{border:1px solid #999;padding:4px;}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;padding:4px;background:#f6f6f6;}

.form{width:155px;font-size: 12px;}
.form-l{width: 98%;}

.oh{overflow: hidden;}
.h1p{height:1%;}
.wsn{white-space: nowrap;margin-right: 2em;}
.fsl{font-size: 14px;}