@import url(jk_format.css);

@import url(layout-static.css);


@charset "utf-8";

/*------------------------------------------------------------------*/
/*     JK_journal設定用CSS                                       */
/*     JK_jounal設定用                                   */
/*------------------------------------------------------------------*/

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

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

h2,h3,h4{
font-weight:bold;
}
#container{
width:100%;
margin:0px auto 0px 0px;
border-right:solid 1px #cccccc;
border-left:solid 1px #cccccc;
text-align:left;
}

#wrapper{

}

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

.descriptionBase{
padding : 10px 20px;

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

color:#FFF;
}

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

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

.categoryNaviDescription{
color:#000;
padding:10px 20px;

}

#interest_chimei .categoryNaviDescription{
border-top:solid 5px #A5945A;
border-bottom:solid 2px #A5945A;
background:url("../img/bg_jounal_header1.gif") ;
}

#howtoread .categoryNaviDescription{
border-top:solid 5px #03594E;
border-bottom:solid 2px #03594E;
background:url("../img/bg_jounal_header2.gif") ;
}

/*本文------------------------------------------*/
/*本文全体------------------------------------------*/
#contents{
margin-right:209px;
zoom:1;
padding:10px 20px;
/*border-right:solid 1px #cccccc;*/
}

.contentsHeader{
overflow:hidden;
margin-top:30px;
*margin-top:40px; /* IE7 and below */
padding:0px 0px 10px;
}

/*本文ヘッダー-----------------*/
.contentsHeader h2{
font-size:147%;
margin:0px;
padding:2px 10px;
font-weight:bold;
overflow:hidden;
}

/*地名拾遺のタイトル設定-----------------*/
.contentsHeader h2 .titlecurrent{
position:relative;
float:left;
}
.contentsHeader h2 .titledel{
position:relative;
float:left;
}

.contentsHeader h2 .titlesyuui{
height:39px;
background:url("../img/howtoread/shuui_logo_big.gif") no-repeat 0px 0px;
padding-left:165px;
padding-top:5px;
position:relative;
float:right;
}

.contentsHeader .subtitlesmall{
padding:5px 10px 2px;
}
.contentsHeader .subtitlebig{
padding:5px 10px 2px;
font-weight:bold;
font-size:125%;
}
.contentsDate{
padding:10px 5px 0px;
}

/*ヘッダー色違い設定----------------------*/
#interest_chimei .contentsHeader{
border-top:solid 2px #A5945A;
border-bottom:solid 2px #A5945A;
}

#howtoread .contentsHeader{
border-top:solid 2px #1D7E72;
border-bottom:solid 2px #1D7E72;
}


.pagetop,
.contentsDate{
text-align:right;
}



/*本文-----------------------------------------------------*/
.contentsBody{
padding:10px 0px 30px 0px;
}
.contentsBody h3{
font-size:121%;
padding:5px 0px;
font-weight:bold;
}

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

/*本文journalより移植--------------------------*/

#contents p {
	line-height: 1.8;
	margin: 0px 0px 20px;
	font-size: 120%;
	letter-spacing:0.1em;
}



#howtoread #contents div.main p.jump {
	float: left;
}

#contents p.note2 {
	font-size: 90%;
	margin: -30px 10px 20px;
	text-align: right;
}

#contents p.note {
	font-size: 90%;
	margin: 10px 0px 15px;
	text-align: right;
}

#contents div.image {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}



#contents div.image p {
	font-size: 90%;
	line-height: 1.2;
	color: #666666;
	margin: 10px 9px;
}


#contents div.googlemap {
	margin: 10px 0px;
}
#contents div.googlemap p {
	margin: 10px 0px 20px;
	text-align: center;
}

#contents span.yosoku {
	font-size: 70%;
	line-height: 100%;
	vertical-align: bottom;

}

#contents .inyou {
	background: #FAFAFA;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 1.8;
	color: #008000;
	margin: 0px 15px 15px 16px;
	padding: 1em 15px 1em 1em;
	ruby-align: center;
}

#contents .inyou rp {
	font-size: 75%;
}

#contents .inyou rt {
	font-size: 75%;
}


#contents .inyou2 {
	background: #FAFAFA;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 1.8;
	color: #008000;
	margin: 0px 15px 0px 16px;
	padding: 0.5em 15px 0.5em 2em;
	text-indent:-16px;
	ruby-align: center;
}

#contents .inyou3 {
	background: #FAFAFA;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 1.8;
	color: #008000;
	margin: 0px 15px 0px 16px;
	padding: 0.5em 15px 0.5em 3em;
	ruby-align: center;
}


#contents .inyou4 {
	background: #FAFAFA;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ 明朝", serif;
	font-size: 16px;
	line-height: 2.5;
	color: #008000;
	margin: 0px 15px 15px 16px;
	padding: 1em 15px 1em 1em;
	ruby-align: center;
}

#contents .inyou4 rp {
	font-size: 75%;
}
#contents .inyou4 rt {
	font-size: 75%;
}

div.boxmenu {
	padding:5px 0px;
	line-height: 1.8;
	font-size: 120%;
	letter-spacing:0.1em;

}
div.subbox2 {
	margin:0px;
	padding:0px 15px 10px 25px;
	display: none;
	font-size: 120%;
	text-indent:-15px;
	padding-top:10px;
	line-height: 1.8;
	letter-spacing:0.1em;
}

/*もう一つの読み方----------------*/
#howtoread #contents table {
	margin: 0px 0px 20px;
}
#howtoread #contents td {
	padding: 5px;
	vertical-align: top;
}
#howtoread #contents table.line {
	margin: 10px 0px 20px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#howtoread #contents table.line td {
	padding: 8px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#howtoread #contents div.main table.line td.title {
	white-space: nowrap;
}
/*おもしろ地名----------------*/
#interest_chimei #contents table,
#interest_chimei #contents tr,
#interest_chimei #contents td{
        border: solid 1px #ccc;
}

#interest_chimei #contents div.results {
	padding: 15px 0px 10px 5px;
	border-top: 1px dashed #CCCCCC;
}

#interest_chimei #contents div.results table,
#interest_chimei #contents div.results tr {
	border:none;
}

#interest_chimei #contents div.results th {
	border:none;
	font-size: 90%;
	text-align: center;
	background-color:#fff;
	font-weight:bold;
}
#interest_chimei #contents div.results td {
	padding: 0px 3px 5px;
	text-align: center;
	border:none;
}

/*本文追記--------------*/
.contentsMore{
padding:10px 0px 30px 0px;
}

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

/*ソーシャルボタン-----------------*/
.contents_button{
display:block;

}
.s_button{
display:block;
line-heigt:70px;
margin-top:0px;
margin-bottom:0px;
float:right;
border:1px white solid;

}
.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;
}

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

/*サブメニュー------------------------------------------------------*/
#submenu{
float:right;
width:208px;
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{
display:block;
padding:7px 5px 7px 25px;
line-height: 110%;
border-bottom:solid 1px #CCCCCC;
overflow:hidden;
}

#interest_chimei #submenu .listIndividual li a{
background:url("../img/list_icon_arrow_chimei.gif") no-repeat 7px 7px;
}
#interest_chimei #submenu .listIndividual li a:hover{
cursor:pointer;
background-color:#FFFFCC;
}

#howtoread #submenu .listIndividual li a{
background:url("../img/list_icon_arrow_howtoread.gif") no-repeat 7px 7px;
}

#howtoread #submenu .listIndividual li a:hover{
cursor:pointer;
background-color:#FAFFDD;
}

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


#submenu .titlecurrent{
position:relative;
float:left;
}
#submenu .titledel{
display:none;
}

#submenu .titlesyuui{
background:url("../img/howtoread/shuui_logo_small.gif") no-repeat 0px 0px;
padding-left:68px;
position:relative;
float:right;
}


/* 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:20px 10px 0px 10px;
}
#popup-container p
{
padding:10px 0px;
}