/****************************************/
/************ index elements ************/
/****************************************/

.w100 {
width:100%;
}

h4.tit-essay {
  background: #f6f6f6;
border-bottom:solid 3px #00489d;
width:542px;
  line-height:25px;
  font-size:1.1em;
  font-weight:bold;
  text-align:left;
  padding: 5px 0px 5px 5px;
  margin: 0 0 10px 0;
clear:both;
}

h4.tit-essay span.title {
  border-left:solid 6px #00489d;
display:block;
padding:3px 0 0 10px;
line-height:20px;
float:left;
width:420px;
}

h4.tit-essay div.date {
padding:3px 10px 0 0px;
line-height:20px;
float:right;
display: block;
width:80px;
text-align:right;
color:#a80405;
}

.essay-main {
width:547px;
}

.essay-sub {
width:150px;
background:#f4f4f4;
padding:8px 0 5px 8px;
}


/* 講師
---------------------------------------- */
#lecturer {
padding:16px 12px;
border-top:solid 2px #e6e6e6;
border-bottom:solid 2px #e6e6e6;
}
#lecturer .right-box {
float:right;
width:385px;
}

#lecturer img, #lecturer h4 {
margin-bottom:5px;
}
#lecturer h4 {
background:url(../essay/images/lecturer.gif) no-repeat;
width:123px;
height:18px;
text-indent:-9999px;
}
#lecturer p {
font-size:77%;
}




#subcontents {
clear:both;
margin:0px 10px 20px;
}
#subcontents2 {
clear:both;
margin:0px 30px 20px;
}
#subcontents3 {
clear:both;
width:621px;
margin:0px auto 20px;
}
.imgleft {
margin-right:12px;
margin-bottom:10px;
float:left;
}
.imgright {
margin-left:12px;
margin-bottom:10px;
float:right;
}
.mainleft {
float:left;
}
.mainright {
float:right;
}
.clr {
clear:both;
}


/* エッセイ
---------------------------------------- */
#es_title {
background:url(../essay/images/title.png) no-repeat;
width:644px;
height:161px;
margin:0 auto 15px;;
text-indent:-9999px;
}
#essay {
width:644px;
margin:0 auto;
}
.round_content {
padding:0 !important;
background:url(../essay/images/bg.gif) repeat-y;
border-bottom:#dddddd 1px solid;
width:644px;
margin:0 auto 20px;
}
.round_top {
height:0 !important;
}
#es-fram {
width:620px;
margin:0 auto;
}
#es-left {
width:140px;
float:left;
margin:0 auto 50px;
}
#es-right {
width:468px;
float:right;
}


/* 最近の記事
---------------------------------------- */

#latest {
margin-bottom:50px;
}
#latest h4 {
background:url(../essay/images/latest.gif) no-repeat;
width:140px;
height:20px;
text-indent:-9999px;
}
#latest li{
background:url(../essay/images/arrow.gif) left 28% no-repeat;
border-bottom:1px dotted #666666;
padding: 5px 0 5px 12px;
font-size: 92%;
}
#latest span { display:block; 
}


/* バックナンバー
---------------------------------------- */
#back-num {
margin-bottom:50px;
}
#back-num h4 {
background:url(../essay/images/back-num.gif) no-repeat;
width:140px;
height:20px;
text-indent:-9999px;
}
#back-num li{
background:url(../essay/images/arrow.gif) left center no-repeat;
border-bottom:1px dotted #666666;
padding: 2px 0 2px 12px;
font-size: 92%;
}

/* 文章
---------------------------------------- */
#sub {
background:url(../essay/images/sub.gif) no-repeat;
margin-bottom:15px;
width: 468px;
overflow: hidden;
height: 29px;
}
#sub h4{
font-weight: bold;
font-size: 107%;
padding-left: 55px;
float:left;
line-height: 29px;
}
#sub h4 span{
font-size:85%;
font-weight:normal;
}
#sub p{
font-weight: bold;
font-size: 100%;
float:right;
color:#be0000;
line-height: 29px;
padding-right: 10px;
}
#text {
font-size:92%;
padding:0 5px;
margin:0 auto 20px auto;
text-align:justify;
text-justify: distribute;
}
#text p {
text-indent:1em;
}
#text p.no-ind {
text-indent:0;
}
#text ol {
font-size:100%;
margin:10px 0 10px 35px;
}
#text li {
font-size:100%;
}
#end { margin:20px 0 20px 20px; 
}
#text q {
text-align:right;
display: block;
}

#text-buttom {
margin-top:5px;
}
#text-buttom p {
text-align:center;
}