/*  hitorikukailink-new.css  */

body	{text-align:left;
		margin:-15px 0 0 0 ;
		padding:0px; 
}
body	{scrollbar-face-color:#ddd3d3  ; 
        scrollbar-track-color:#eee4e4; 
        scrollbar-arrow-color:#ff5500;  /*  左・下矢印  */ 
        scrollbar-3dlight-color:#ff0000; 
        scrollbar-highlight-color:#dafada; 
        scrollbar-shadow-color:#dafada; 
        scrollbar-darkshadow-color:#000000;
}


/* === ヘッダー部分のスタイル === */

.head	{background-color: #008B8B;
	 width: 100%;
	 height: 100px;
}
.head td{vertical-align:middle;
	 padding-top: 10px
}
.head1	{text-align:center;		/* 表題 */
         padding-left:4px;
		font-size:34px;
	 	font-family: '有澤楷書','HG正楷書体-PRO'
	 	,Serif;
	 	color:#ffffff;
		letter-spacing: 1.1em;
		font-weight: bold; 
		text-align: center ;
		border: none;
		margin-bottom:2px;
}
#hyoudaisub{font-size: 16px;
	color:#ffff88;
	font-family: 'HG正楷書体-PRO','メイリオ','有澤楷書',sans-serif,Serif;
	margin-top:8px;
}
.head2	{width:120px;	/* 如雨 */
		font-size: 20px;
		font-family: 'HG教科書体',Serif;
		color: #ffddff ;
		letter-spacing: 1.0em;
}
.head div  {color:#ffffff;	/* 題字下部 */
         font-size:14px;
	 color:#FFE4E1;
         letter-spacing: 0.8em;
         padding-bottom:4px;
}
.headline { width:100%;  /* ページのコメント */
         font-size:15px;
         text-align: center ;
         align: center ;
         background-color: #ccff66 ;
         letter-spacing: 0.0em;
}
.headline td { padding: 4px 25px 4px;
}
.headline2 { width:100%; /* 季別リンク */
         height: 30px;
         text-align: center ;
}
.headline2 td{ 
         font-size:20px;
         font-weight: bold;
         text-align: center;
         background-color: #ffffcc ;
         letter-spacing: 1.2em;
	 border-top: #aaaa00 solid 1px;
	 border-bottom: #aaaa00 solid 1px;
	border-right: #22ff22 solid 1px;
}
.headline2  a  {color:#00aa00;
         font-size:20px;
         text-decoration: none;
}
.headline2  a:hover	{color:#aa1100
}







/* ナビゲーションメニュー */ /* 20170808追加  */



.navi {
	width: 760px;
	height: 30px;
	border-bottom: solid 1px rgba(70, 70, 70, 0.5);/* 表示ページメニューのボーダー */
	font-size: 1.1em;
}
.navi ul {
	margin: 10px 0;
	padding: 0;
}
.navi li {
	margin-left: 5px; /* 左マージン指定をliaからliに変更 */
	list-style-type: none;
	float: left;
	font-family: Verdana, Helvetica, sans-serif;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}/*-- border-top-left(right)-radiusで、ボックスの左(右)上の角丸を指定。--*/
.navi li a {
	margin: 0;
	display: block;
	width: 122px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-weight:bold;
}

/* 表示中ページのメニュー */

.navi li#navi01 {
	background-color: rgba(120, 120, 120, 1);
	margin-left: 0;
}	/* 引用文字黒灰色 */

.navi li#navi02 {
	background-color: rgba(255,105,180, 0.9);
}	/* hotpink */
.navi li#navi03 {
	background-color: rgba(255, 69, 0, 0.8);
}	/* orangered */
.navi li#navi04 {
	background-color: rgba(0, 128, 255, 0.8);
}	/* deepskyblue=0,191,255-#00bfff */
.navi li#navi05 {
	background-color: rgba(75, 0, 130, 0.8);
}	/* indigo */
.navi li#navi06 {
	background-color:rgba(255,112,0,0.8);
}	/* #ffcc00 */
.navi li a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}

/* 表示中ページのメニューのロールオーバー */

.navi li#navi01 a:hover{
	background-color: rgba(70, 70, 70, 1);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}



/* === コンテンツ部分のスタイル === */

div.main	{margin:0 auto;

	align:center;

	width: 100%;

	background-color: #fff5f5 ;

}

.main h2  {width: 600px; /* 大区分（近詠、季別） */

         height: 40px;

         background-color: #ffcaaa ;

         font-size:35px;

         font-family: "有澤楷書",serif;

         color: #8844ff ;

	 text-align: center;

         letter-spacing: 0.1em;

         padding: 5px 20px 5px;

         border-top: solid 1px #66cc33;

         border-bottom: solid 1px #66cc33;

         margin-top: 40px;

         margin-bottom: -10px;

         border-width: 0px 15px;

	 border-style: solid;

	 border-color:  #fadaba ;

	 text-shadow:5px 3px 0px #bbbbbb ;	/*  右 下 ぼかし 影色  */

}



.main table	{border:0; 

	width:45%; height:15px; 

	background-color:#CCFFFF;

	font-size:18px;

	font-family:'HGP教科書体',serif;

	align:center;

	text-align:center;

}

.main p {font style="font-size:16px;

         background-color: #fadaba ;  /* 不反映 */

	font-family:'HGP教科書体';

	color:#006699;

}



/* 俳句欄 */

div .haiku	{background-color: #dafada;	/* 俳句欄ボックス */

	width: 650px;

	font-size: 22px; 

	font-family:"HG正楷書体-PRO","正調祥南行書体","有澤楷書",serif,Sans;

    	line-height: 1.9em ;

	text-align: left;

	padding: 10px 60px 10px;

	border: solid 1px #aaaaaa;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0 auto; /* ボックスの中央揃え隔 */

	box-shadow: 2px 2px 3px #aaaaaa;

	border-radius: 25px; /* ４角の丸み */

	overflow: hidden;

	margin-bottom:30px; /* 次のboxとの間隔 */

}

div.haiku h3 {width: 500px; /* 季節:兼題 */

	height:auto; 

	background-color: #fadaba ;

	font-size:20px;  

	font-family:'ＭＳ 明朝',"HG正楷書体-PRO",'メイリオ',serif; 

	color: #0088ff ;

	text-align: left;

	letter-spacing: 0.1em;

	line-height: 1.0em ;　 /* 親要素1.9emを打消し通常に */ 

	padding-top: 5px; /* 4個並べた場合は上右下左の順 */

	padding-right: 0px;

        padding-botomm: 3px ; 

	padding-left: 20px;

	border-top: solid 1px #66cc33;

	border-bottom: solid 1px #66cc33;

	border-style: solid 1px;

	border-color:  #fadaba  ;

	margin-top:12px; 　/*  Defaultのheightの調整  */

	margin-bottom:-22px; 　/*  line-heightの調整  */

}

div.haiku h4 {width: 500px; /* 作句年月 */ 

	height:15px;

	background-color: #66ee77 ;

	font-size:18px;

	font-family: cursive,'Arial',Sans-serif; 

        color: #cc3399 ;

	letter-spacing: 0.2em;

	text-align: right;

	line-height: 1.0em ; /* 親要素1.9emを打消す */ 

	padding-top: 5px;

	padding-left: 0px;

	padding-right: 15px;

	padding-bottom: 5px;

	margin-top:-22px; 　/*  line-heightの調整  */

	margin-bottom:-20px; 　/*  line-heightの調整  */

}

ruby	{ ruby-align: auto ;

}



.main  a  {color:#00aa00;

}

.main  a:hover	{color:#aa1100

}



/* === フッター部分のスタイル  === */

 

div#today { font-size:12pt;

	font-family:'MS ゴジック',sans-serif;

	color:$ddddff;

	letter-spacing:-0.0em;

	text-ALIGN:center;

        background-color: #ffeedd;

        padding-right: 30px;

}

div#update { font-size:12pt;

	font-family:'Arial Narrow',sans-serif;

	color:$ddddff;

	letter-spacing:-0.0em;

	text-ALIGN:right;

        background-color: #ffeedd;

        padding-right: 30px;

}

div#copyright {font-size:16px;

        text-align:left;

        background-color: #9gffaa;

        padding-top: 7px;

        padding-left: 30px;

	border-top:solid 1px green;

	letter-spacing:0.0em;

}



/*  ＥＮＤ  */