/*
 * shikaku_top_style.css
 * shikaku_topのスタイルファイル
 *
 * CSS(Cascading Style Sheets＝カスケーディング・スタイルシート)
 *
 * http://pondt.com/data/template_12/
 * from base.css & index.css
 *
 */


#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_02.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_03.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_03.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_03.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;
}