/*
 * 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;
}
*/

/*
 * トップページ用写真
 * バックの写真は 980x180.
 */
#bg_top_image{
   width: 956px;
   height: 180px;
   background : url(./bg_photo.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;  /* 上, 右, 下, 左 */
   align: center;
   text-align: right;
/*   virtical-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;
}


#left_menu{
   float: left;
   width: 184px;
}
#left_menu ul{
/*   width:160px; */
   list-style-type:none;
   margin:5px 0 0 0;  /* 上, 右, 下, 左 */
   padding:0;
   border:solid #EEEEEE;
   border-width:1px 0 1px 0;
}
#left_menu ul li.title{
   width:180px;
   height: 34px;
   color:navy;
   font-size:16px;
   font-weight:bold;
   text-indent:4px;
   margin:2px 0 0 0;
   background : url(./img/btn044_01.gif) left center no-repeat;
/*   background : url(btn044_01.gif) left center / auto auto no-repeat scroll padding-box border-box transparent;*/
   padding:8px 0 1px 12px;
}
#left_menu ul li{
   width:180px;
/*   background : url(point002_01.gif) left top / auto auto no-repeat scroll padding-box border-box transparent; */
   background : url(./img/point002_01.gif) left top no-repeat;
   font-size:16px;
   color:navy;
   line-height:20px;
   text-indent:6px;
   margin:2px 0; /* 上下, 右左 */
   padding:0 0 0 6px; /* 上, 右, 下, 左 */
   vertical-align:middle;
}

#left_menu ul li a{
   color:navy;
   display:block;
   text-decoration:none;
/*   font-size:16px;
   line-height:18px;
   height:18px;
   width:174px;
   text-indent:4px;
   margin:2px 0 0 0; */
}
#left_menu ul li a:hover{
   color:#FF9900;
}


/*
 * メインメニュー(右)
 */

#main_contents{
   width:752px;  /* max == 755 */
   float:right;  /* 明示的に指定する必要がある? */
/*   font-size:18px; */
   background-color:white;
   margin:0 0 0 5px; /* 上, 右, 下, 左 */
/*   zoom:100%; */
}
#main_contents ul{
   list-style-type:none;
   margin-bottom:10px;
   padding:0;
/*   border:solid #EEEEEE; */
   border-width:0;
}
#main_contents ul li{
   background : url(./img/point036_01.png) left top no-repeat;
/*   background : url(point036_01.png) left top / auto auto no-repeat scroll padding-box border-box transparent;
   list-style-image: url("./point036_01.png"); */
   font-size:16px;
   line-height:20px;
   text-indent:0;
   margin:0 6px 0 18px;
   padding:4px 10px 1px 22px; /* 上, 右, 下, 左 */
   vertical-align:middle;
}
#main_contents ul li.title{
   height: 35px;
   color:navy;
   font-size:20px;
   font-weight:bolder;
   text-indent:20px;
   margin-left:0;
   padding:14px 0 3px 0; /* 上, 右, 下, 左 */
   background : url(./img/head016_01.png) 0% 0% repeat-x;
/*   background : url(head016_01.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent;*/
   margin-top:18px;
}

#main_contents:after{
   content: "";
   clear: both;
   height: 0;
   display: block;
   visibility: hidden;
}
#main_contents p{
   line-height:2.0em;
   margin:0 0 16px 0;
}


/*--------------------------------------
 * インフォーメーション in メインコンテンツ
 * 右のメニュー
 ---------------------------------------*/
#main_contents div#info{
   margin-top: 20px;
   padding:14px 0 3px 0; /* 上, 右, 下, 左 */
   background : url(./img/head016_05.png) 0% 0% repeat-x;
/*   background : url(head016_05.png) 0% 0% / auto auto repeat-x scroll padding-box border-box transparent;*/
}

#main_contents div#info h2{
   margin:0 0 5px 0;
   text-indent:20px;
   background:none;
   font-size:16pt;

   vertical-align:top;
   align: center;
   height:45px;
   line-height:45px;
}

#main_contents div#info div#info_inner{
   width:97%;
   height:200px;
   margin:0 1px 0 1px;
   overflow:auto;
   padding: 8px;
}

#main_contents div#info div#info_inner h3{
   font-size:12pt;
   border-width:0;
   margin:5px 5px 0 5px;
   text-indent:2px;
   background:none;

   color:#0099CC;
   font-weight:normal;
   height:auto;
   line-height:1.0em;
}

#main_contents div#info div#info_inner p{
   font-size:12pt;
   line-height:120%;
   margin:0 5px 12px 5px;
}