@import url(jk_format.css);
@import url(layout-static.css);


@charset "utf-8";
/*------------------------------------------------------------------*/
/*     JK_Voice設定用CSS                                       */
/*     JK_voice設定用                                   */
/*------------------------------------------------------------------*/

/* ================================================================ */
/* ↓基本構成設定                                                ↓ */
/* ================================================================ */

/*共通------------------------------------------*/


#wrapper{
}

#main{
overflow:hidden;
text-align:left;
background: url("../img/bg_voice_main.gif") repeat-y top right;
}

#container{
width:100%;
margin:0px auto 0px 0px;
border-right:solid 1px #cccccc;
border-left:solid 1px #cccccc;
text-align:left;
}


.descriptionBase{
padding : 10px 20px;

}
/*カテゴリーナビゲーション------------------------------------------*/
#categoryNavi{
border-bottom:solid 1px #cccccc;
padding:0px;
}

.categoryNaviList{
overflow:hidden;
margin:0px 7px;
height:30px;
}

.categoryNaviList li{
float:left;
padding-left:7px;
}

.categoryNaviDescription{
background-color:#22AA33;
color:#ffffff;
padding:10px 20px;

}
/*本文---------------------------------------------------*/
/*本文全体------------------------------------------*/
#contents{
margin-right:248px;
padding:10px 20px 0px 20px;
zoom:1;
}

#staticWindowMode #staticPtBase{
float:none;
margin:0px;
padding:0px;
}

.contentsHeader{
overflow:hidden;
}

/*本文ヘッダー-----------------*/
.contentsHeader h2{
font-size:136%;
color:#37B661;
margin:0px;
padding:2px 10px;
font-weight:bold;
}

/*本文ヘッダー画像*/
.contentsHeader img{
float:left;
padding-right:10px;
}

.contentsHeaderRight{
float:left;
}

.contentsDate{
margin-bottom:20px;
}

.contentsSeminarTitle{
font-size:120%;
color:#37B661;
}

.contentsUserName{
font-size:120%;
font-weight:bold;
}

.contentsUserjob{
padding-top:5px;
display:block;
}
/*本文概要--------------*/
.contentsExcerpt{
padding:10px 0px;
border-bottom:solid 1px #CCCCCC;
color:#666666;
}

/*本文セミナー--------------*/
.contentsSeminar{
padding:20px 40px 5px 40px;
color:#cc6633;
font-size: 90%;
}

/*本文--------------*/
.contentsBody{
padding:10px 0px 30px 0px;
}
#staticPtBase .contentsBody h3{
font-size:120%;
color:#37B661;
padding:5px 0px 0px;
font-weight:bold;
background:#FFF;
border:none;
}

.contentsBody p{
padding:5px 0px;
letter-spacing:1px;
}

.contentsBody .grayText{
color:#666;
font-weight:bold;
}
.contentsBody ul{
padding:10px 5px;
letter-spacing:1px;
}

/*本文追記--------------*/
.contentsMore{
line-height: 1.4;
border: 1px solid #ccc;
padding:10px;
margin:0px 10px 20px 10px;
letter-spacing:1px;
}

.contentsMore p{
margin:0px 0px 0px 10px;
}

/*「上に戻る」------------------------------------------*/
#pageTopFiled{
padding-bottom:0px;
margin-bottom:0px;
}

/* socialボタン----------------------- */
.contents_button{
display:block;
float:right;
}
.s_button{
display:block;
width:330px;
margin-top:0px;
margin-bottom:10px;

}


.s_button .like{
float:left;
display:inline-block;
margin-top:1px;
width:105px;
}

.s_button .share{
float:left;
text-align:left;
display:inline-block;
margin-top:1px;
width:95px;
}

.s_button .tweet{
float:left;
display:inline-block;
}

/*サブメニュー------------------------------------------*/
#submenu{
float:right;
width:248px;
font-size: 90%;
}

.submenuListTitle{
margin: 0;
padding: 12px 5px 12px 20px;
line-height: 1;
font-weight: bold;
border-bottom: 1px solid #ccc;
background: #eee url("../img/list_icon_arrowlr_gray.gif") no-repeat 5px 11px;
}

/*個別記事一覧--------------*/

#submenu .listIndividual li a{
overflow:hidden;
display:block;
padding:5px;
border-bottom:solid 1px #CCC;
}

#submenu .listIndividual li img{
float:left;
padding-right:10px;
}
#submenu .listIndividual li submenuRgiht{
float:left;
padding-right:10px;
}

.submenuTitle{
font-weight:bold;
line-height:105%;
}

.submenuDate{}
.submenuUserName{
line-height:100%;
}


/*年別一覧--------------*/
#submenu .listYearly .yearly a{
overflow:hidden;
display:block;
padding:5px 5px 5px 25px;
border-bottom:solid 1px #CCC;
background:url("../img/list_icon_arrowlr_green.gif") no-repeat 5px 8px;
}

#submenu .listYearly .currentYearly a
{
overflow:hidden;
display:block;
padding:5px 5px 5px 25px;
border-bottom:solid 1px #CCC;
background:#E0F9E0 url("../img/list_icon_arrowld_green.gif") no-repeat 5px 8px;
}

#submenu .listYearly a:hover{
background-color:#FDFDD2;
cursor:pointer;
}

/*画像の設定------------------------------------------*/

.imgCenter{
text-align:center;
margin:5px auto;
padding:10px; 
}

.imgLeft{
float:left;
margin:0px 5px 5px 0px;
padding:10px; 
background-color:#EEE;
}

.imgRight{
float:right;
margin:0px 0px 5px 5px;
padding:10px; 
background-color:#EEE;
}

.imgArear{
overflow:hidden;
}

.imgCaption{
padding-top:5px;
color:#666;
}


/* permanentMenuArea 設定
------------------------------------------------------------------- */
#permanentMenuArea {
  width: 950px;
  margin: 0 auto 20px auto;
  padding: 0;
  font-size: 90%;
}

#permanentMenuArea ul {
    margin: 0;
    padding: 0;
}

#permanentMenuArea ul li {
      margin: 0;
      padding: 0 10px;
      border-right: 1px solid #888;
      display: inline;
}

#permanentMenuArea ul li.end {
        border-right: none;
}


/* copyRightsArea 設定
------------------------------------------------------------------- */
#copyRightsArea {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  font-size: 90%;
  line-height: 100%;
}

/* 画像のポップアップ設定
------------------------------------------------------------------- */
.popup-container{
padding:0px;
margin:0px;
background-color:#444444;
}