@charset   "UTF-8";

@-ms-viewport	{width: device-width;}

/*--- appendix.css ----*/

*{
	margin:0;
	padding:0;
}

body{
/*	font-family : "ＭＳ 明朝";*/
	font-family : "メイリオ";
/*	font-size : 87.5%;*/
	background-image : url(../wh_note/yamakawa_hyousi_moyo.gif);
}

#container{
	width : 95%;
	border-style : none;
	margin : auto;
	margin-bottom : 800px;
}

#header{
	width : 100%;
	height : 36px;
	background-image : url(../wh_note/yamakawa_hyousi_moyo.gif);
	color : white;
/*	margin :10px auto;*/
	}

#mondai_header{
	width : 100%;
	height : 36px;
	background-image : url(../wh_note/yamakawa_hyousi_moyo.gif);
}

/*
#movile-header{
	display : none;
	}
*/	
#navigation{
	background-color : firebrick;
	margin-top : 10px;
	margin-bottom:10px;
	display : block;
/*	padding-top : 6px;*/
	height : 34px;
	}

#navigation img{
	float : left;
	width : 200px;
	height : 34px;
	margin-right : 10px;
	}
/*
#navigation a img{
	float : left;
	width : 200px;
	height : 34px;
	margin-right : 5%;
	}
*/	

#navigation p{
	background-color : firebrick;
	padding-top : 6px;
	height : 28px;
	}

#navigation .pc{
	background-color : firebrick;
	padding-top : 4px; 
	height : 28px;
	}
#navigation .pc a{
	float : right;
	text-decoration : none;
	font-weight : bold;
	color : firebrick ;
	background : lightyellow;
	height : 22px;
	padding-left : 10px;
	padding-right : 10px;
	margin-right : 10px;
	margin-top : 3px;
	}
	
#navigation .pc{
	display : block;
	}
	
#navigation span{
	color : yellow;
	font-weight:bold;
	font-size : 14pt;
/*	width : 60%;*/
	}

/*	
#navigation p span{
	color : green;
	font-weight:bold;
	font-size : 5;
	width : 60%;
	}
*/

.navi_mokuji{
	float : right;
	margin-right : 10px;
	padding-top : 2px;
	padding-left : 6px;
	padding-right : 6px;
	background-color : lightyellow;
	color : navy;
	font-weight : bold;
	text-decoration : none;
	}

.goto-list{
	float : right;
/*	margin-top:3px;*/
	margin-right:10px;
	padding : 1px 10px 3px 10px;
	border-width : 1px;
	border-style : dotted;
	background : yellow;
}

#header a{
	text-decoration : none;
	font-weight : bold;
	color : firebrick ;
	background : lightyellow;
	height : 20px;
	padding-left : 10px;
	padding-right : 10px;*/
/*	float : right;
	margin-right : 10px;
/*	margin-bottom : 10px;*/
	}

#header a:hover{
	background : yellow;
	}
#navigation .mobile{
	display : none;
	}
#navigation .mobile2{
	display : none;
	}

/*--- rules[7] ----*/
#note_menu{
	float : left;
	height : 20px;
	text-align : right;
	padding-right : 40px;
	background-color : pink;
	display : none;
	}

#contents{
	width : 100%;
	float : left;
	height : 100%;
	border-style : none;
/*	margin-top : 50px; */
	margin-bottom : 12px;
	background-color : sandybrown;
	}


/*--- rules[8] ----*/
#main{
	float : left;
	width : 100%;
	height : 100%;
	}

/*--- rules[9]  background-color #fffafa = snow ----*/
#inner{
/*	height : 90%; */
/*	min-height : 250px; */
	margin-left : 200px;
/*	padding-left : 10px; */
	background-color : white;
	line-height : 150%;
/*	letter-spacing : -1pt;*/
/*	overflow : auto; */
/*	padding-right : 10px; */
/*	padding-bottom : 20px; */
	}

/*--- rules[10] ----*/
#sub{
	float : left;
	width : 200px;
	margin-left : -100%; 
	line-height : 120%;
	color : darkgreen;
/*	font-weight : bold;*/
}

#sub a{
	text-decoration : none;
	}

.subTable{
	text-align: left;
	width : 176px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 16px;
	border-spacing: 4px;
}
.subTh{
	background-color: maroon;
	color:white;
	font-size : 12pt;
}

.subTd{
	background-color: lemonchiffon;
	color:darkgreen;
	border-right-width : 2px;
	border-bottom-width : 2px;
	border-right-style : solid;
	border-bottom-style : solid;
	border-right-color : darkblue;
	border-bottom-color : darkblue;
	padding : 0px 4px 4px 4px;
	text-align : left;
	font-size : 9pt;
}

.subTd p{
	text-align : left;
	}

.lead{
	color : maroon;
	font-weight : bold;
	margin-top : 10px;
	margin-bottom :10px;
	margin-left : 20px;
	margin-right : 10px;
/*	line-height : 150%;*/
	}

.note-position{
	margin : 5px 0px 5px 20px;
	}


.card{
	padding-bottom : 20px;
}

#note{
	margin-left : 10px;
	margin-right : 10px;
	padding-left : 10px;
	line-height : 150%;
	letter-spacing : -1pt;
	background-color : white;
}

.note-style{
	margin-left : 10px;
	margin-right : 10px;
	padding-left : 10px;
	line-height : 150%;
	letter-spacing : -1pt;
	background-color : white;
}

.note-c{
	margin-left : 10px;
	margin-right : 10px;
	padding-left : 10px;
	line-height : 150%;
	letter-spacing : -1pt;
	background-color : white;
}

#goto_top{
	clear : both;
	text-align : right;
/*	height : 26px;  */
/*	margin-top : 8px; */
	margin-bottom : 8px;
	padding-top : 8px;
	padding-right : 10px;
}

#footer{
	clear : both;
	text-align : center;
	font-size : small;
	color : white;
	background-color : firebrick;
	padding-top : 7px;
	padding-bottom : 7px;
	margin-top : 12px;
	margin-bottom : 20px;
}

h2{
:	text-align : center;
	background:darkred;
	color:white;
/*	padding-top : 4px;*/
	font-size : 12pt;
	}

h3{
	padding-top : 5px;
	padding-bottom :4px;
	text-align : center;
	background:navajowhite;
	color:darkred;
	font-family : "メイリオ";
	font-size : 12pt;
	}

.oh_midasi{
	margin-left : -10px;
	padding-top : 5px;
	padding-bottom :4px;
	padding-left : 13px;
	text-align : center;
	background:moccasin;
	color:maroon;
	font-family : "メイリオ";
	font-size : 12pt;
	}


.midasi{
/*	background : url(midasi-back.gif) repeat-y; */
/*	background : khaki;  */
	border-left : solid darkred 10px;
	border-bottom : solid darkred 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : darkred;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
}

.midasi_short{
/*	background : url(midasi-back-short.gif) repeat-y; */
	border-left : solid darkred 10px;
	border-bottom : solid darkred 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : darkred;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
       width : 320px;
}

.ko_midasi{
	background:khaki;
	color:maroon;
	font-family : "メイリオ";
	font-weight : bold;
       padding-left : 10px;
       padding-right : 10px;
	}

.honbun{
	margin : 5px 10px 5px 3px;
}

em{
	color : navy;
	font-family : "メイリオ";
	font-weight : bold;
	}

.epi-waku{
/*	background : url(episode-back.gif) repeat-y; */
	border-left : solid darkgreen 10px;
	border-bottom : solid darkgreen 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : darkgreen;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	}

.epi-waku-long{
/*	background : url(episode-back-long.gif) repeat-y; */
	border-left : solid darkgreen 10px;
	border-bottom : solid darkgreen 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : darkgreen;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
       width : 320px;
	}

/*
.epi{
	color : white;
	padding : 3px 6px 4px 6px;
	}
*/

.syutudai-waku{
	border-bottom : solid navy 1px;
	color : navy;
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	margin-top : 5px;
	}

.syutudai{
/*	background : url(syutudai-back.gif) repeat-y;  */
	border-left : solid navy 10px;
	border-bottom : solid navy 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : navy;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	}

.news{
/*	background : url(news-back.gif) repeat-y;  */
	border-left : solid indigo 10px;
	border-bottom : solid indigo 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : indigo;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	}

.topics{
	border-left : solid darkcyan 10px;
	border-bottom : solid darkcyan 1px;
	margin-top : 10px;
	padding-left : 5px;
	padding-bottom : 0px;
	color : darkcyan;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	}

.source{
	color : steelblue;
	}

blockquote{
	margin : 5px 10px 5px 20px;
	background : azure;
	}

img{
	border-width : 0;
	margin-bottom : 4px;
	}
	
.shift-l{
	float : left;
	margin : 10px 10px 10px 10px;
/*	border-style : solid; */
/*	border-width : 1px; */
	padding : 6px;
	text-align : center;
	}
	
.shift-r{
	float : right;
	margin : 10px 10px 10px 5px;
/*	border-style : solid; */
/*	border-width : 1px;  */
	padding : 6px;
	text-align : center;
	}

.width15-35{
	width : 15%;
	}

.width25-45{
	width : 25%;
	text-decoration : none;
	}

.width35-60{
	width : 35%;
	}

.width50-100{
	width : 50%;
	text-decoration : none;
	}

.width45-100{
	width : 45%;
	}

.width60-100{
	width : 60%;
	}

.width70-100{
	width : 70%;
	}

.width85-100{
	width : 85%;
	}
	
.width360px-100par{
	width : 360px;
	}
	
.width400px-100par{
	width : 400px;
	}
	
.map-width{
	width : 380px;
	}

.prev-next{
	clear : both;
	}	

.prev-next a{
	text-decoration : none;
	}	

.prev{
	float : left;
	}	

.next{
	float : right;
	}	
	
.komoji{
	font-size : small;
	line-height : 120%;
	}

.moji_kakusu{
	display : none;
	}
	
.pointer{
	cursor : pointer;
	}

.gotic_bold{
	font-family : "メイリオ";
	color : maroon;
	font-weight : bold;
}

.left_space{
  padding-left : 20px;
}

.centering{
	text-align : center;
	margin : auto;
	}


.isan{
/*	background : url(isan-back.gif) repeat-y; */
	border-left : solid darkorange 10px;
	border-bottom : solid darkorange 1px;
	margin-top : 10px;
	padding-left : 5px;
	color : darkorange;
	font-family : "メイリオ";
	font-weight : bold;
	margin-left : -10px;
	margin-bottom : 5px;
	margin-top : 5px;
}
.back_yellow{
	background:yellow;
	
}
	
.back_mistyrose{
	background:mistyrose;
	
}
	
.back_linen{
	background:linen;
	
}
	
.back_ivory{
	background:ivory;
	
}

.waku{
  padding-top : 0pt;
  padding-left : 2pt;
  padding-right : 2pt;
  padding-bottom : 0pt;
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : navy navy navy navy;
  margin-top : 0.5pt;
  margin-bottom : -1pt;
	margin-right : 4pt;
	margin-left : 4pt;
	background-color : #e1d87d;
/*	cursor : pointer;     */
}

.u_line{
	text-decoration : underline;
/*	margin-bottom : 1pt;
	padding-bottom : 0pt;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : black;*/
/*	cursor : pointer;  */
}

.u_tensen{
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : navy;
  padding-top : 0pt;
/*	cursor : pointer;  */
}


/*　年表用　*/
dt{
	float : left;
	clear : both;
	margin-left : 1em;
/*  padding-left : 10pt; 
  color : navy;
  font-weight : bold;*/
}

dd{
	margin-left : 7em;
/*margin-left : 20px;
  padding-left : 10px;*/
}

.gyo_ake{
	margin-top : 10pt;
	margin-bottom : 4pt;
	}

.gyo_ake dd{
	margin-left : 2em;
	}

/* 左・上に実線 */
.td-1{
  border-style : solid none none solid;
  border-width : 1px 0px 0px 1px;
  border-color : navy;
}

/* 左・上・右に点線 */
.td-2{
  border-style : solid solid none;
  border-width : 1px 1px 0px 1px;
  border-color : navy;
}

/* 左・上・下に点線 */
.td-3{
  border-style : solid none solid solid;
  border-width : 1px 0px 1px 1px;
  border-color : navy;
}

/* 左・上・下・右に点線 */
.td-4{
  border-style : solid;
  border-width : 1px 1px 1px 1px;
  border-color : navy;
}

.point{
  background-color : royalblue ; 
  color : white ; 
  font-weight : bold;
  padding-left : 10px;
  padding-right : 10px;
}

.list-line{
	 list-style-position : inside;
	 list-style-type : none
	}
	
.list-line li{
	float : left;
	padding-right : 1.5em;
	}

.list-line_ol{
	 list-style-position : inside;
	}
	
.list-line_ol li{
	float : left;
	padding-right : 1.5em;
	}

#movile-disp{
	display : none;
	}

#pc-disp{
	display : block;
	}

hr{
	margin-top : 0.5em;
	margin-bottom : 0.5em;
	}
	
/*左側のサブスペースで書籍案内を本文にあわせる。スマホでは間を開けない　*/
.sub-distans{
	display : block;
	}

/*解答欄　tbody で使用　初期値をwhiteとし、javascript note_js.js でgreen に切り替える　*/
#kaito em{
		color : white;
		cursor : pointer;
	}


/* スマホ・ポートレート、ランドスコープに適用 　*/ 
@media screen and (max-width: 640px) {

#container{
	width : 100%;
	border-style : none;
	margin : auto;
/*	margin-bottom : 800px;*/
	}
#header{
	width : 100%;
	height : 57px;
	margin-top : 0px;
	margin-bottom:10px;
	border-style : none;
	}

#mondai_header{
	width : 100%;
	height : 36px;
	background-image : url(../wh_note/yamakawa_hyousi_moyo.gif);
}
	
#navigation{
	display : block;
	margin-bottom : 0px;
	border-style : none;
	}
#navigation img{
	float : left;
	width : 50%;
/*	width : 200px;*/
	height : 34px;
	margin-right : 5%;
	}

#navigation p{
/*	background-color : firebrick;
	padding-top : 6px;
	height : 28px;*/
	}
	
#navigation .pc{
	display : none;
	}
	
#navigation .mobile{
	display : block;
	background-color : firebrick;
	padding-top : 6px;
	height : 28px;
	}
	
#navigation .mobile2{
	background-image : url(../wh_note/yamakawa_hyousi_moyo.gif);
	display : block;
	padding-top : 5px;
	padding-left : 10px;
	height : 27px;
	color : navy;
	font-weight:bold;
	font-size : 11pt;
	border-style : none;
	}
	
#navigation .mobile2 a{
	float : right;
	
	text-decoration : none;
	font-weight : bold;
	color : firebrick ;
	background : lightyellow;
	height : 20px;
	padding-left : 10px;
	padding-right : 10px;
	margin-right : 10px;
	
/*	margin-top : 3px; */

	}
	
#navigation p span{
	font-weight:bold;
	font-size : 12pt;
	width : 60%:
	}

/*
#header a{
	text-decoration : none;
	font-weight : bold;
	color : firebrick ;
	background : lightyellow;
	height : 20px;
	padding-left : 5px;
	padding-right : 5px;
	float : right;
	margin-right : 25px;
	}
*/
/*	margin-bottom : 10px;*/

#header a:hover{
	background : yellow;
	}


#contents{
	width : 100%;
	margin : auto;
/*	float : left;*/
	height : 100%;
	border-style : none;
	margin-bottom : 12px;
	background-color : sandybrown;
	}

/*
#main{
	float : left;
	margin : auto;
	width : 100%;
	height : 100%;
	border-style : none;
}
*/	
#inner{
/*	height : 90%; */
/*	min-height : 250px; */
/*	margin-left : 200px;*/
/*	padding-left : 10px; */
	width : 100%;
	margin : auto;
	background-color : lightyellow;
	line-height : 150%;
	font-size:1em;
	padding-bottom : 8px;
/*	letter-spacing : -1pt;*/
/*	overflow : auto; */
/*	padding-right : 10px; */
/*	padding-bottom : 20px; */
	}

#sub{
/*	float : left;*/
	margin : auto;
	width : 100%;
/*	margin-left : -100%; 
	line-height : 120%;*/
	color : darkgreen;
/*	font-weight : bold;*/
	}

#go-print{
		display : none;
	}

#go-note{
		display : none;
	}

#no-disp{
		display : none;
	}

.subTable{
/*	text-align: left;*/
	width : 90%;
/*	margin-right: auto;*/
	margin-left: 5%;
	margin-top: 10px;
	margin-bottom: 16px;
}
.subTh{
/*	background-color: maroon;
	color:white;*/
	text-align : center;
}

.subTd{
	font-size : 12pt;
}

.subTd img{
	 float : left;
	margin-right : 5px;
	}

.width15-35{
	width : 35%;
	}

.width25-45{
	width : 45%;
	}

.width35-60{
	width : 60%;
	}

.width60-100{
	width : 100%;
	}

.width70-100{
	width : 100%;
	}

.width85-100{
	width : 100%;
	}

.width50-100{
	width : 100%;
	}

.width45-100{
	width : 100%;
	}

.width400px-100par{
	width : 100%;
	}
	

.width360px-100par{
	width : 100%;
	}

.map-width{
	width : 95%;
	}

.list-line{
	 list-style-position : inside;
	 list-style-type : none;
	}
/*  スマホのクロームでは、none が有効にならない　yahoo では有効になる　*/
	
.list-line li{
	foat : left;
	padding-right : 2em;
	}

#movile-disp{
	display : block;
	}

#pc-disp{
	display : none;
	}

/*左側のサブスペースで書籍案内を本文にあわせる。スマホでは間を開けない　*/
.sub-distans{
	display : none;
	}

}

/* スマホだけに適用 　ポートレート用　*/ 
@media screen and (max-width: 320px) {

.subTd{
	font-size : 9pt;
	}

.list-line{
	 list-style-position : inside;
	 list-style-type : none;
	 margin-left : 1em;
	}
	
.list-line li{
	float : left;
	}

#movile-disp{
	display : block;
	}

#pc-disp{
	display : none;
	}

.width400px-100par{
	width : 100%;
	}
	

.width360px-100par{
	width : 100%;
	}

/*左側のサブスペースで書籍案内を本文にあわせる。スマホでは間を開けない　*/
.sub-distans{
	display : none;
	}
		
}