@charset "UTF-8";

h1 { margin: 0; padding: 0; font-size:1px; line-height:0px;}
h2 { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }
h4 { margin: 0; padding: 0; }
h5 { margin: 0; padding: 0; }

p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
form{ margin: 0; padding: 0; }

.fs10{font-size:63%; line-height:140%;}
.fs12{font-size:76%; line-height:140%;}
.fs14 { font-size: 90%; line-height: 150%;}
.fs16 { font-size: 98%; line-height: 150%;}
.fs18 { font-size: 110%; line-height: 150%;}

a img { border: none; }

a:link ,a:visited{ text-decoration:none; color:#1F4799;}
a:hover ,a:active{ text-decoration:underline; color:#FF8A00;}

.alignleft { margin:0; padding:0; display:block; float:left;}
.alignright { margin:0; padding:0; display:block; float:right;}
.aligncenter { margin:0 auto 0 auto; padding:0; text-align:center; display:block; clear:both;}
.alignleft img { margin-right:10px; margin-bottom:10px;}
.alignright img { margin-left:10px; margin-bottom:10px;}

/* float hack */
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}

/* ロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }

/* 強調 */
em{font-weight:bold; font-style:normal;}
strong{color:#FF0000;}

/* スペーサー */
.spacing05{margin-bottom:5px;}
.spacing10{margin-bottom:10px;}
.spacing15{margin-bottom:15px;}
.spacing20{margin-bottom:20px;}

/* 全体の設定 */
html{margin:0; padding:0;}
body{margin:0; padding:0; background:url("../images/bg.gif") repeat-y left top #F2F2F2;}

#wrapper{width:975px;}
#mainContener{width:760px; float:left;}
#naviBox{width:210px; padding-top:10px; float:right;}
#naviBox p{text-align:right;}
#naviBox ul li{font-size:1px; line-height:0;}

/* トップページ */
#headerTop{ background:url("../images/top_header_bg.jpg") no-repeat left top; height:273px; position:relative;}
#headerTop .vol{ position:relative; top:42px; left:407px; width:353px;}

#contents{width:700px; margin-left:40px;}
#contents .update{width:700px; height:35px; background:url("../images/bg_date.gif") repeat-x left top; text-align:right; margin-bottom:25px;}
#contents .update p{ padding-top:10px; padding-right:10px;}

#contents .topList{margin-bottom:50px;}
#contents .topList li{ background:url("../images/line01.gif") repeat-x left bottom; padding-bottom:35px; margin-bottom:30px;}
#contents .topList .topTitle{width:200px; float:left;}
#contents .topList .textArea{width:500px; float:left;}
#contents .topList .textArea .txt{width:355px; float:left;}
#contents .topList .photo{width:120px; float:right;}
#contents .topList .photo img{border:5px solid #FFF;}

/* セカンドページ */
#headerSec{ background:url("../images/sec_header_bg.jpg") no-repeat left top; height:194px; position:relative;}
#headerSec .vol{ position:relative; top:54px; left:510px; width:250px;}
#contents h2{margin-bottom:30px;}
#contents .secList li{ background:url("../images/line01.gif") repeat-x left bottom; padding-bottom:35px; margin-bottom:30px;}
#contents .secList li.end{ background-image:none; margin-bottom:0px;}
#contents .secList .photo{width:180px; float:left;}
#contents .secList .textArea{width:520px; float:left;}
#contents .secList h3{background:url("../images/sec_stitle_person.gif") no-repeat left center ; padding: 25px 0 25px 40px; margin-bottom:20px;}
#contents .secList h3.numtit{margin-bottom:0;}
#contents .secList h3 span{ font-weight:normal; font-size:82%; margin-left:10px;}
#contents .secList .txt{width:690px; margin-left:10px;}

#contents .backnum li.backtit00{ background:url("../images/back_00.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0;}
#contents .backnum li.backtit01{ background:url("../images/back_01.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0;}
#contents .backnum li.backtit02{ background:url("../images/back_02.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0;}
#contents .backnum li.backtit03{ background:url("../images/back_03.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0;}
#contents .backnum li.backtit04{ background:url("../images/back_04.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0;}
#contents .backnum li.backtit05{ background:url("../images/back_05.gif") no-repeat left center; padding:15px 0 15px 209px; margin-bottom:0; }

#contents .commentBox{width:700px; height:55px; background:url("../images/bg_comment.gif") repeat-x left top; margin-bottom:25px;}
#contents .commentBox p{ padding-top:13px; padding-left:10px;}
#contents .commentBox p img{vertical-align:middle; margin-right:12px;}

#contents .backnumber{ background:url("../images/sec_back_bg.gif") repeat-y left top; margin-bottom:50px;}
#contents .backnumber ul{margin:10px 30px;}
#contents .backnumber ul li{ background:url("../images/sec_back_ico.gif") no-repeat left center; padding-left:25px;}
#contents .backnumber .allList{ background:url("../images/sec_back_fr_bottom.gif") no-repeat left top; padding:13px 0 8px 33px; font-size:29px; line-height:29px; }


/* フッター */
#footer .footerNavi li{float:left; margin-right:12px;}
#footer .footerNavi li a{background:url("../images/footer_ico.gif") no-repeat left center; padding:5px 0 4px 20px;}
#footer .footerSub li{float:left; margin-right:12px; padding-right:13px; background:url("../images/footer_y_line.gif") no-repeat right center;}
#footer .footerSub li.end{margin-right:0; padding-right:0; background-image:none;}
#footer .copyright {margin-top:30px;}
#footer .copyright p{float:left; margin-right:12px;}
#footer .copyright p.copy{padding-top:13px; width:213px;}
#footer .copyright p.pagetop{float:right; margin-right:0; width:32px;}


/* Content ---------------------------------------------------------------- */


/* Assets */

.comment-content,
.comment-footer,
.comments-open-content,
.comments-open-footer,
.comments-closed{
    clear: both;
}

.comments{
    overflow: hidden;
    width: 100%;
    margin-left:10px;
}

.comments{
    position: static;
    clear: both;
}

.comments,
.comments-content{
    margin-bottom: 1.5em;
}

.comments-header,
.comment-content,
.comment-footer,
.comments-open-header,
.comments-open-content,
#comments-open-footer,
.comments-closed,
#comment-form-external-auth,
.comments-open-moderated,
#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me,
#comments-open-text{
    margin-bottom: .75em;
}

/* Feedback */

.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

.comment {
    margin-bottom: .5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}

.comment-content {
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
}

.comment-content p {
    margin-bottom: .5em;
}