/*
 * index_contents.css
 * index.htm 用の contents
 *
 * CSS(Cascading Style Sheets＝カスケーディング・スタイルシート)
 */

/*--------------------------------------
  トップページCSS (index.css)
---------------------------------------*/

/*
#main_image{
   width: 690px;
   height: 290px;
   background: url(../img/top/main_image.jpg) no-repeat;
   padding: 5px;
   background-color:mistyrose;
   position: absolute;
   top: 0px;
   left: 5px;
}

#main_image p{
   line-height: 160%;
}

#main_image div#info{
	background:url(../img/top/bg_info_main.gif) repeat-y;
}

#main_image div#info h2{
	margin:0;
	text-indent:0;
	background:none;
}

#main_image div#info div#info_inner{
	margin:0 1px 0 1px;
	overflow:auto;
	height:200px;
}

#main_image div#info div#info_inner h3{
	border-width:0;
	margin:5px 5px 0 5px;
	text-indent:0;
	background:none;
	font-size:100%;
	color:#0099CC;
	font-weight:normal;
	height:auto;
	line-height:1.0em;
}

#main_image div#info div#info_inner p{
	line-height:150%;
	margin:0 5px 12px 5px;
}
*/

/*
 * トップページ用写真
 * バックの写真は 980x360.
 * # id="bg_top_image"
 */
#bg_top_image{
   width: 980px;
   height: 360px;
   background : url(./bg_sakura1960x720.jpg) no-repeat;
/*   background : url("./bg_photo.jpg") 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;*/
/*   background-color:white;
   position: relative; */
   margin: 10px 10px 0 10px;
   padding: 5px 25px 0 0;  /* 上, 右, 下, 左 */

   color:yellow;

/*   align: center;*/
   text-align: left;
/*
   virtical-align: middle;
*/
}

#bg_top_image div{
   font-size:14pt;
   line-height: 25pt;

   margin: 100px 40px 0px 40px;
   padding: 0px 50px 0px 50px;  /* 上, 右, 下, 左 */
   text-align: left;
}

#bg_top_image h2{
   font-size:42pt;
   letter-spacing: 25pt;
   font-weight: bold;
   color:yellow;

   margin: 0px 40px 120px 40px;
   padding: 0px 50px 0px 50px;  /* 上, 右, 下, 左 */
   text-align: center;
/*
   text-align: middle;
*/

}

/*
 * top 以外
 *
 */
div#top_image{
   width: 980px;
   height: 200px;
   margin: 15px 0px 10px 0px;
   background-color: deepskyblue;
   color: yellow;
}

div#top_image div{
   font-size:14pt;
   line-height: 25pt;

   margin: 10px 40px 0px 40px;
   padding: 50px 50px 0px 50px;  /* 上, 右, 下, 左 */
   text-align: left;
}

div#top_image h2{
   font-size:42pt;
   letter-spacing: 15pt;

   font-weight: bold;
   color:yellow;

   margin: 0px 40px 120px 40px;
   padding: 0px 50px 0px 50px;  /* 上, 右, 下, 左 */
   text-align: center;
/*
   text-align: middle;
*/

}

/*--------------------------------------
 * コンテンツメニュー
---------------------------------------*/
#contents{
   clear:left;
   margin:0 4px 0 4px;
   zoom:100%;
   width: 975px;
   align: center;
}
#contents:after{
   content: "";
   clear: both;
   height: 0;
   display: block;
   visibility: hidden;
}


/*
 * アメーバからコピー
 *
 */

/* 記事内の見出しタグを装飾する 2016.09.22.*/
.skin-entryBody h2 { /* 大見出し 外側に細い枠線(2本線) */
/*
  margin: 1.5em 0;
  padding: 0.5em 0 0.3em 1em;
*/
  border: double 5px white;
  padding-left: 10px;
  background-color: navy;
/*
  font-size: 130%;
*/
  font-weight: bold;
  color: white;
/*
  border-left: 8px solid #000;
  border-bttom: 1px solid #000;
  padding-left: 10px;
*/
}
.skin-entryBody h3 { /* 中見出し 背景色、左右ボーダー */
/*
  padding: .5em .75em;
*/
  border-right: 6px solid navy;
  border-left: 6px solid navy;
  padding-left: 8px;
  background-color: blanchedalmond;
/*
  border-left: 8px solid #999;
  padding-left: 10px;
*/
}
.skin-entryBody h4 { /* 小見出し 背景色、角丸 */
/*
  padding: .5em .75em;
*/
  border-radius: 8px;
  padding-left: 10px;
  background-color: blanchedalmond;
/*
  border-bottom: 1px dashed #999;
*/
}