/*アンニョン・ハシムニッカサークルページのレイアウト用css */
body {
	margin:0 auto;
	padding:0;
	background-image:url(../image/bg_body.png);
	width:100%;	
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  box-sizing: border-box;
}
a{
	border-width: 0px;
  text-decoration: none;
}

/*★class関係*/
	.small_90{
		font-size:90%;
		}
	.small_90head{
		font-size:90%;
		color:#F94F7E;
		}
	.small_80{
		font-size:80%;
		}
	.bold{
		font-weight:bold;
		}
	.bold a{
		text-decoration:none;
		}
	.normal{
		font-weight:normal;
		}
	.normal img{
		margin:0;
		padding:0;
		}
	.big_140{
		font-size:140%;
		font-weight:bold;
		color:#FF0099;
		}
	.big_160{
		font-size:160%;
		font-weight:bold;
		color:#FF0099;
		}
	.big_180{/*トップページリード文のハングル用*/
		font-size:180%;
		font-weight:bold;
		color:#FF0099;
		padding:10px;
		}

	.deco_red{
		color:#FF0000;
		}
	.deco_pink{
		/*color:#F94F7E;*/
		color:#FF00FF;
		font-weight:bold;
		}
	.deco_green{
		color:#009933;
		font-weight:bold;
		}
	._linethrough{
		text-decoration:line-through;
		}
	.back_green{/*黄緑色で網かけ*/
		background:#b2fe97;
		}
	.back_pink{/*ピンク色で網かけ*/
		background:#FFCCFF;
		}
	.back_pink_bold{/*ピンク色で網かけ太字*/
		background:#FFCCFF;
		font-weight:bold;
		color:#FF0066;
		}
	.back_skyblue{/*水色で網かけ*/
		background:#dbe9fe;
		}
	.back_skyblue_fontbl{/*水色で網かけし文字をブルーにする*/
		background:#dbe9fe;
		color:#000066;
		}
	.border_pink{/*ピンクで囲む*/
		border: solid 1px #FF00FF;
		background:#ffe2ff;
		color:#FF00FF;
		padding:2px;
		}
	.border_yellow{/*黄色で囲む*/
		border: solid 1px #fd3600;
		background:#f8feb5;
		color:#fd3600;
		padding:2px;
		}
	.border_green{/*緑色で囲む*/
		border: solid 1px #2a6101;
		background:#e2ffcd;
		color:#2a6101;
		padding:2px;
		}
	.back_top{
		padding-left:600px;
		font-weight:bold;
		font-size:75%;
		text-align:right;
		}
	.line_through{/*取り消し線をつける*/
		text-decoration:line-through;
		}
/*★ドロップシャドウ用#contents*/
#wrapper{background-image:url(../image/back_fixed.gif);
		margin:0 auto;
		width:812px;
		}
/*★wrapper関係*/
#contents{
		margin: 0 auto;
		padding: 0;
		border:solid 1px #96bcbc;/*#527c7c;*/
		background:#fafafb;
		color:#112121;
		height:auto;
		width:800px;
		}
/*★topicpath関係*/
#topicpath{
			text-align:right;
			margin:0;
			font-size:0.7rem;
			background:url(../image/bg_side.gif);
			background-position:top;
			font:#53497a bold "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3" ;
			height:20px;
			width:99.95%;
  
					}

			#topicpath p{
			margin:0;
			padding:2px;			
			}
			#topicpath p a{
			color:#04222c;
			text-decoration:none;
			}
			#topicpath p a:hover{
			background:url(../image/bg_side_link_orange.gif) bottom;
			color:#bc3500;
			}
/*★header関係*/
#header{
	margin:0;
	padding:0;
	width:100%;
	height:120px;
	/*background-color:#336666;	*/
	background-image:url(../image/head_gr.png);
	border-bottom:groove 1px #AAADBA;	
	font-style: italic;

	}
		#header img{
			padding:10px 0 0 10px;/*上右下左*/
			float:left;
		}
		#header img#mojititle{
			float:right;
			margin:0;
			padding:10px 20px 0 0;
		
			}
		#header h1{
			padding:30px 0 0 120px;
			margin:0;
			font-size:24px;
			color:#002b2f;
			}
/*navigationのスタイル*/
		/*リンクの背景画像：btn_navibl_a.gifの上の部分を使用,
		マウスを重ねたときの背景画像：btn_navibl_a.gifの下の部分を使用*/

#navigation{/*ナビゲーション全体のスタイル*/
		width:100%;/*ナヴィゲーションの幅のみ指定*/
		font-size:83%;
		color:#0101ab;
		overflow:hidden;
								}
#navigation ul{
		margin:0;
		padding:0;
		list-style:none;
		height:30px;
		overflow:hidden;
		border-bottom: 1px solid #AAADBA;
		background:url(../image/bg_side.gif) top;
		}
#navigation ul li, #navigation ul li.li_navi_position{
		float:left;
		width:12.38%;
		margin:0;	
		border-right:1px dotted #c8dcfb;
		text-align:center;
		font-weight:bold;
		padding:5px 0 6px 0;
						}
#navigation	ul li a{	
		display:block;
		color:#000033;
		text-decoration:none;
								}
#navigation	ul li a:hover{
		display:block;
		background:url(../image/bg_side_link.gif) top  ;
		color:#FF00CF;
		padding:0;
		
		}
#navigation ul li.right_end{
		border-right:none;
		}	
#navigation ul li.li_navi_position a:hover{
		color:#FF00CF;
				}
#navigation ul li.li_navi_position{
		float:left;
		color:#02fbc9;
						}
/*★sidemenu関係*/
#sidemenu{
		width:27%;
		float:left;
		padding:0;
		color:#37494f;
		margin:0;
		height:100%;

		}
		#sidemenu h3{
		font-weight:bold;
		margin:10px;
		font-family: "Times New Roman", Times, serif;
		font-size: 120%;
		font-style: italic;
		font-variant: normal;
				}
		#sidemenu p{
			margin:10px;
		
			}
		
		#sidemenu ul{
			text-align:left;
			padding:0;
			margin:0;
			}	
			#sidemenu ul li{	
				border-bottom:dotted #000066 1px;		
				list-style-position:inside;
				margin:5px;
				border:#CCCCCC solid 1px;
				vertical-align:middle;
				font-weight:bold;
				font-size:80%;
				padding:5px;
				background:url(../image/bg_side.gif) top;
							}
			#sidemenu ul li a{
					text-decoration:none;
					color:#000033;
					}
			#sidemenu ul li a:hover{
					background:url(../image/bg_side_link.gif) top;
					color:#FF00CF;
						}
/*★メイン関係*/
#main{
		width:100%;
		margin:0;
		height:100%;

		}

	#lastupdate{
		text-align:right;
		font: italic bold 80%/70% "Times New Roman", Times, serif;
		color:#660000;
		margin:5px;
		}
	/*★lead関係。*/
#lead{
		margin:20px auto;
		font-size:1.4rem;
		}
		#lead img.top{
				float:right;
				vertical-align:bottom;
				margin:0;
				padding:40px 0 0 0;
					}
		#lead img a,#lead p a,#lead ul a{
				text-decoration:none;
				vertical-align:bottom;
				margin:0;
				border-width:0;
				}
		#lead p{
				font-style:normal;
				padding:5px 20px 5px 40px;
				}
		.tab_1{
				margin:0;
				padding:0 30px 20px 5px;
				font-size:80%;
					}
		#lead  ul{
				margin:5px 20px 5px 0;
				}
		ul li.memo{/*メモアイコン用*/
				background:url(../image/list_memo18.gif) no-repeat;
				list-style:none;
				font-size:105%;
				padding-left:22px;
				}
		ul.star_blue{/*星アイコン用*/
				font-size:90%;
				margin:0;
				padding:0;
				}
		ul.star_blue li{
				background:url(../image/list_star_blue.gif) no-repeat;
				padding:3px 10px 5px 20px;
				list-style:none;
				margin:0 15px 0 25px;
				}
		ul li.ref_listblue{/*三角矢印アイコン用*/
				background:url(../image/list_triangle_blue16.gif) no-repeat;
				list-style:none;
				padding-left:22px;
				}
		ul li.ref_excel{/*エクセルアイコン用*/
				background:url(../image/list_excel.gif) no-repeat;
				list-style:none;
				padding-left:22px;
				}
		ul.licook{
				color:#ccc;
				font-size:2.4rem;
				}
		#lead  ul lh{
				font-weight:bold;
				margin-left:0;
				}
/*lead　classの箇条書きスタイル */
#lead table{
  margin:20px auto;
  padding:0 20px;
  width:95%;
  font-size:1.2rem;
}
#lead table caption{color:#4169e1;
}
#lead table th{
  background: #6495ed;
  color: #FFF;
}
#lead table td{
  background: #f0ffff;
}
#lead table td.date{
   background: #e0ffff;
  font-size:1.0rem;
}
#lead table th, #lead table td{border: solid #ccc 1px;}
#lead a{
  color:#4169e1;
}
/*★update関係annyon_index.htmlのみ*/
#update{
	margin:20px 10px;
	border-top:none;
	}

		 #update h3,div.container1 h3{
				font-size:1.0rem;
				border-left:groove 20px #7498D9;
				border-bottom:solid 1px #cccccc;
				padding:5px;
				margin:0;
				}
		#update p{
				border:solid 1px;
				border-top:none;
				padding:10px;
				margin:0 0 20px 0;
				}
		#update a,a:visited,div.container1 a,div.container1 a:visited{		
				text-decoration:none;
				border-width: 0px;
				}

		#update p img{
			margin:5px;
			vertical-align:bottom;
			}

		#update ul{
			border:solid 1px #cccccc;
			border-top:none;
			margin:0;
			padding:10px;
			}
			#update ul li,div.container1 ul.schedule li{
				list-style:disc;
				margin:10px 40px;
				padding:3px 5px;
        line-height: 1.8rem;
				}
div.container1  img{
	text-align: right;
float:right;}

			div.container1 ul.schedule lh{
				font-weight:bold;
				color:#FF00FF;
				font-size:105%;
				}
			#update ul li a,#update ul li a:hoover, #update ul li a:visited{
				border:0;
				color:#000066;
				font-weight:800;
				text-decoration:none;
				}
			#update ul.ul_ref{
				font-size:90%;
				}
			#update p a,a:hoover,a:visited{
			border-width: 0;
			text-decoration:none;
				}

/*★container1・・・#mainの中のコンテナーとして1つ1つのボックスを記述*/
	div.container1{
	margin:20px 10px;
	border:solid 1px #cccccc;
	font-size:1.4rem;
	line-height: 2.6rem;
	}		
		div.container1 h3.reference{
				border-left:groove 20px #FFCC33;
				border-bottom:solid 1px #cccccc;
				padding:2px 0;
				margin:0;
				border-right:none;
				}
		div.container1 h3.cook{
				border-left:groove 20px #ffe2ff;
				border-bottom:solid 1px #cccccc;
				padding:2px 0;
				margin:0;
				border-right:none;
				}
		div.container1 p{
				/*font-size:95%;*/
				padding:10px 10px 5px 10px;
				margin:0;
			　font-size: 16px;
				}
		div.container1 div.point{/*おさらいのページのフレーズ用*/
				font-weight:bold;
				padding:5px;
				border:#000033 dotted 2px;
				margin:10px 10px;
				width:92%;
				}
		div.container1 ol li{
				font-size:110%;
				color:#000066;
			line-height: 2.6rem;
				}
		table.reft{
				padding:10px 2px;
				margin:5px 10px;
				font-weight:bold;
				border-collapse:collapse;
				border:solid 1px #cccccc;
				color:#000066;
				width:94%;
				}
		table.reft a{
				text-decoration:none;
				font-weight:bold;
				}
				
		table.reft caption{
				text-align:left;
				font-size:85%;
				}
		table.reft caption.cap_season{/*ドラマで覚えようの季節の言葉のキャプション用*/
				text-align:left;
				font-size:120%;
				background-color:#a4fdc7;
				}
		table.reft td{
				border:solid 1px #cccccc;
				margin:0;
				}
		table.reft th{
				text-align:left;
				font-weight:bold;
				border:solid 1px #cccccc;
				background:#e0ebfd;
				vertical-align:center;
				margin:0;
				}
				.thbl{
				background:#e0ebfd;
				color:#003366;
				}
		table.reft th.thpink{
				background:#fde0e8;
				color:#fc00e7;
				margin:0;
				vertical-align:middle;
				text-align:center;
				}
		table.reft td{
				vertical-align:top;
				padding:3px 2px;
				font-weight:normal;
				}
		table.reft td.tdgreen{
				background:#ddffe6;
				font-weight:bold;
				}
		table.reft td.tdyellow{
				background:#ffffb8;
				font-weight:bold;
				vertical-align:middle;
				}
		table.reft td.tdorange{
				background:#fff1d4;
				font-weight:bold;
				vertical-align:middle;
				}
		table.reft caption{
				text-align:left;
				}
		div.container1 p img.floatright{
			float:right;
			margin:5px;
			vertical-align:bottom;
			}
		table ul{
				margin:0;
				padding:0;
				font-weight:normal;
				}
		table ul li{
				list-style-type:none;
				font-size:80%;
				background:none;
				margin:0;
				padding:0;
				list-style-position:inside;
				vertical-align:top;
				}
		table ul li.lired{
				color:#FF0000;
				}
		table ul li.ligreen{
				color:#009933;
				}
		div.container1 div.point ul.pointul{
				margin:0;
				}
		div.container1 ul.pointul li{
				color:#000066;
				list:inside decimal;
				margin:0;
				padding:3px 0;
				font-weight:bold;
				font-size:95%;
				}
		div.container1 ul.pointul lh{
				border: solid 1px #ff0000;
				color:#FF0000;
				font-weight:bold;
				margin:10px 0;
				}
		div.container1 ol{
			font-weight:bold;
			margin:0 5px 0 30px;
			padding:5px 0;
				}
		div.container1 ol li{
				}
		.ol_cook{
				font-size:110%;
				}

		div.container1 ol li p{
				font-weight:normal;
				margin:0;
				padding:0;
				color:#112121;
				}
		div.container1 ol li ol{
				margin:5px;
				padding:0;
				}
		div.container1 ol li ol li{
				list-style-type:lower-roman;
				font-weight:normal;
				}
		tr.tr_pink{
				color:#FF00FF;
				font-weight:bold;
				}
			
/*★postscript関係*/
#postscript{
	margin:20px 10px;
	border: dashed #CCC 1px;
	padding:10px;
	font-size:2.4rem;
	}
	#postscript h3{
		font-size:16px;
		margin:0;
		text-decoration:underline;
		}
	#postscript img{
		float:right;
		margin:0;
		}
		#postscript p{
		margin:5px;
		font-size:14px;
		}
/*★footer*/
#footer{
		font-family: "Times New Roman", Times, serif;
		font-size: 95%;
		text-align: center;
		border-top: dashed 1px #CCCCCC;
		padding: 8px;
		background:#20424c;
		color:#CCCCCC;
		width:auto;
		font-style:italic;
		}
/*★掲示版*/
#board{
		}
		#board table{
			margin:5px 10px;
			border: 1px #D9D9D9 solid;
    		border-collapse: collapse;
    		border-spacing: 0;
			width:97%;
			}
		#board table tr{
			text-align:left;
			border-top: 1px #D9D9D9 solid;

			}
		#board table th{
			background:url(../image/bg_side.gif) center;
			margin:0;
			text-align:left;
			color:#E21352;
			padding:5px;
				}
		#board table th.boarddate{
			text-align:right;
			font-style:italic;
			padding:5px;
			margin:0;
			color:#330000;
			font-size:90%;
			font-weight:600;
				}
		#board table th.boarddate img{
			vertical-align:baseline;
			margin:0;
			padding:0;
			}
		#board table td{
	padding: 10px;
	font-size: 90%;
	vertical-align: text-top;
				}
		#board table td img{
			padding:10px 0 0 10px;/*上右下左*/
			float:right;
			}
		/*掲示版の中に表を作る場合*/
		#board table.small_tabl{
				border:solid 1px #999999;
				margin:5px 20px 2px 20px;
				border-collapse: collapse;
				}
		#board table caption{
				text-align:left;
				margin:2px 10px;
				padding:0;
				font-weight:bold;
				color:#000099;
				}
		#board table.small_tabl th{
				border:solid 1px #999999;
				margin:0;
				color:#F94F7E;
				background:#99CCFF;
				}
		#board table.small_tabl td{
				border:solid 1px #999999;
				padding:2px 5px;
				}

/*★広告関係　楽天アフリエイトの書籍を紹介するため右側に配置*/
	#advertise{
			width:12%;
			float:right;
			clear:both;
			vertical-align:top;	
			background:none;
			font-size:70%;
			line-height:1.4em;
			text-align:left;
			margin:0;
			}
		#advertise p{
			font-weight:bold;
			color:#18187b;
			font-size:140%;
			font-style:italic;
			border:#000066 dotted 1px;
			background:#b9b9fd;
			padding:10px;
			width:95%;
			margin:0;
			}
		#advertise table{
			border:0;
			background:#efeffd;
			width:90%;
			margin:10px 0;
			padding:10px 3px;
			}
		#advertise table tr td.td_img{
		  	text-align:center;
			}
		


/*このページに合う色#336666（モスグリーン系）#80acba(headグラデーション一番濃い色)*/