@charset "utf-8";

/*======================================================================================================================*/
/*  topicpath   */

#topicpath {
   width: 948px;
   height: 37px;
   margin: 10px 1px 12px 1px;
   padding: 0;
   background:url(../images/topicpath-back.gif);
   background-repeat: no-repeat;
   background-position: middle center;
   text-align: left;
   clear: both;
   font-size: 11px;
   line-height: 30px;
   color: #888888;
   }

#topicpath ul {
   height: 30px;
   padding: 3px 5px 0 45px;
   }

#topicpath li {
   padding: 0 8px 0 0;
   display: inline;
   }

#topicpath li a {
   padding: 0 16px 0 0;
   background:url(../images/topicpath-arrow12.gif);
   background-repeat: no-repeat;
   background-position: center right;
   }

/*==========================================================*/
/*  contents   */

#contents {
   width: 930px;
   padding: 0 10px;
   }

body.full-list #contents {
   width: 100%;
   padding: 0 10px;
   }

/*==========================================================*/
/*  3column   */

#sub_left {
   width: 190px;
   float: left;
   margin: 0;
   padding-right: 20px;
   text-align: left;
   z-index: 50;
   display: inline;
   }

#main {
   width: 560px;
   float: left;
   padding: 0;
   margin: 0;
   text-align: left;
   z-index: 100;
   }
body.pfi-list #main {
   position: relative;
   }

#sub_right {
   width: 140px;
   float: left;
   padding: 0;
   margin: 0;
   margin-left: 18px;
   text-align: left;
   overflow: auto;
   z-index: 50;
   }

/*==========================================================*/
/*  2column   */

body.pfi-data #sub_left, 
body.ol-trust #sub_left, 
body.doc-library #sub_left,
body.ex #sub_left,
body.doc-gov #sub_left,
body.about-pic #sub_left,
body.contact #main,
body.form #sub_left
   {
   width: 190px;
   float: left;
   margin: 0;
   padding-right: 20px;
   text-align: left;
   z-index: 50;
   }
   
body.pfi-data #main,
body.member-d #main, 
body.ol-trust #main, 
body.doc-library #main,
body.ex #main,
body.doc-gov #main,
body.about-pic #main,
body.contact #main,
body.form #sub_left
   {
   width: 720px;
   float: right;
   margin: 0;
   padding: 0;
   text-align: left;
   z-index: 100;
   }

/*==========================================================*/
/*  1column   */

body.pfi-list #main {
   width: 100%;
   margin: 0;
   padding: 0;
   text-align: left;
   z-index: 100;
   }   

/*==========================================================*/
/*  sub_left */

#sub_left li.title {
   width: 190px;
   height: 150px;
   margin: 0;
   padding: 0;
   border: 0 solid #cccccc;
   border-width: 1px 1px 0 1px;
   }

#sub_left li {
   width: 190px;
   height: 50px;
   margin: 0;
   padding: 0;
   border: 1px solid #cccccc;
   border-width: 1px 1px 0 1px;
   }
 
#sub_left li.last {
   width: 190px;
   height: 50px;
   margin: 0;
   padding: 0;
   border: 1px solid #cccccc;
   border-width: 1px;
   }
   
/*==========================================================*/
/*  sub_right */
  
#right-list table {
   width: 100%;
   margin: 0;
   padding: 0;
   }

#right-list table, th, td {
   border-collapse: collapse;
   }

#right-list table td {
   padding: 5px;
   background-color: #ffffff;
   vertical-align: top;
   }

#right-list caption {
   margin-bottom: 10px;
   padding-left: 10px;
   padding-bottom: 2px;
   border-left: 5px solid #CC0000;
   text-align: left;
   }

#right-list tr {
   border-width: 0 1px;
   border-style: solid;
   border-color: #cccccc;
   }
   
#right-list tr.title {
   border-style: none;
   }

#right-list tr.color td {
   background: rgba(204,204,204,0.5);
   }

#right-list tr.gray td { /* 強調したい時 */
   background-color: #ffeedd;
   padding: 5px 2px;
   text-align: center;
   }
   
/*=====================================*/

#right-list table.right-list-t01 {
   width:100%;
   border: 1px solid #aaaaaa;
   border-collapse: separate;
   margin: 0;
   text-align:left;
   }
   
#right-list table.right-list-t01 th { /* 濃いグレー */
   padding: 3px 0;
   border-color: #eeeeee #888888 #888888 #eeeeee; /* 立体感　*/
   border-style: solid;
   border-width: 1px;
   background-color: #aaaaaa;
   padding: 3px;
}

#right-list table.right-list-t01 td.sub01 { /* 普通のグレー */
   border-color: #ffffff #cccccc #cccccc #ffffff; /* 立体感　*/
   border-style: solid;
   border-width: 1px;
   background-color: #dddddd;
   padding: 3px;
}

/*==========================================================*/
/*  inner-menu   */

#inner-menu {
   width: 99%;
   height: 30px;
   margin: 0;
   margin-bottom: 10px;
   padding: 0;
   padding-right: 1%;
   background-image:url(../images/inner-menu_back.gif);
   background-repeat: repeat;
   text-align: left;
   vertical-align: middle;
   clear: both;
   position: relative;
   font-size: 12px;
   line-height: 30px;
   }

#inner-menu ul {
   height: 30px;
   padding-left : 3px;
   }

#inner-menu li {
   padding: 0 8px 0 0;
   display: inline;
   }

#inner-menu li a {
   padding: 0 0 0 16px;
   background:url(../images/inner-menu_arrow.png);
   background-repeat: no-repeat;
   background-position: left -7px;
   }

#inner-menu img.key {
   vertical-align: middle;
   padding: 5px;
   }
   
form.select_contents { 
   position:relative; top:5px;
   }
button.btn-search,
input.btn-search {
   position:relative; top:8px; right: 8px;
   }
button.btn-search02,
input.btn-search02 {
   position:relative; top:8px; right: 15px;
   }

   
#inner-menu_right {
   text-align: right;
   float: right;
   }
*html #inner-menu_right { width: 49%; }
   
.label_name, .select_contents {
   float: left;
   }   

/*==========================================================*/
/*  定義リストfloat   */

dl.ol-list {
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0em;
	border-bottom: 1px dotted #999999;
	}
*html dl.ol-list {
   margin-bottom: 1px;
   }

dl.ol-list dt {
	width: 16%;
    margin: 0;
	padding: 10px 0 0 2%;
	border-top: 1px dotted #999999;
	float: left;
	clear: left;
	}
*html dl.ol-list dt { width: 18%; }

dl.ol-list dd {
    margin-left: 18%;
	padding: 10px 0;
	border-top: 1px dotted #999999;
	}	

*html dl.ol-list dd {
   display:inline-block;
   }

dl.sounding-list {
	font-size:93%;
    width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0em;
	}
*html dl.sounding-list {
   margin-bottom: 1px;
   }

dl.sounding-list dt {
	width: 20%;
    margin: 0;
	padding: 10px 10px 5px 2%;
	border-top: 3px solid #CC0000;
	float: left;
	clear: left;
	}
*html dl.sounding-list dt { width: 18%; }

dl.sounding-list dd.subtitle {
    font-weight: bold;
    margin-left: 20%;
	padding: 12px 0 5px 5%;
	border-top: 1px dotted #999999;
	}

dl.sounding-list dd {
    margin-left: 20%;
	padding: 0 0 10px 5%;
	}	

*html dl.sounding-list dd {
   display:inline-block;
   }

dl.sounding-list dt { font-weight: bold; }

/*==========================================================*/
/*  list   */

#list table {
   width: 100%;
   border: 1px solid #cccccc;
   margin: 0;
   padding: 0;
   font-size: 93%;
   line-height: 1.5;
   }
body.pfi-data #list table, body.pfi-fs #list table, body.pfi-sig #list table,body.member-d #list table {
   font-size: 100%; line-height: 1.5; }
#list table.table-sig { margin-bottom: 40px; }

#list .thead th {
   border-top: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 2px solid #cccccc;
   background-color:#dddddd;
   color: #555555;
   padding: 5px 3px;
   }

#list table, th, td {
   border-collapse: collapse;
   border: none;
   border-spacing: 0;
   }

#list th, td {
   padding: 5px;
   }

#list table caption {
   margin: 5px 0 5px 0;
   padding-left: 10px;
   padding-bottom: 2px;
   border-left: 5px solid #CC0000;
   text-align: left;
   font-size: 126%;
   line-height: 1.5;
   font-weight: bold;
   }
*html #list table caption { margin-top: 20px; }

#list th { 
   border: 1px solid #cccccc;
   color: #555555;
   background-color: #dddddd;
   text-align: center;
   }

#list td { 
   border: 1px solid #cccccc;
   background-color: #ffffff;
   }
#list th.nowrap, 
#list td.nowrap {
   white-space: nowrap;
   }

#list tr.color td,
#list td.color {
   background-color: #eeeeee;
   }

#list tr.gray td { /* 普通のグレー */
   background-color: #eeeeee;
   padding: 2px;
   }

/*======================================================================================================================*/
/*  Link   */

#sub_left a.a_menu {
    display:block;
    width:160px;
    height:50px;
    background-image:url(../images/common/menu-back.gif);
	background-position: center middle;
	background-repeat: no-repeat;
    text-align:left;
    padding-left: 30px;
	}

#sub_left a:hover.a_menu {
    background-image:url(../images/common/menu-back_on.gif);
	}
	
a {/*リンクされた文字*/
   color:#0033ff;
   font-style:normal;
   text-decoration:none;
   }

a:link {/*未訪問のリンク*/
   color:#0033ff;
   font-style:normal;
   text-decoration:none;
   }

a:visited {/*訪問後のリンク*/
   color:#003399;
   text-decoration:none;
   }

a:hover {/*マウスをのせたとき*/
   color:#CC0000;
   font-style:normal;
   text-decoration:underline;
   }

a:active {/*クリック中*/
   text-decoration:none;
   }

/*==========================================================*/
/*  NEWS   */

p.days {
   width: 98%;
   background-color: #CC0000;
   background-image: url(../images/common/pfi-case_back.gif);
   background-repeat: repeat;
   background-position: bottom;
   padding: 1%;
   }


p.jyouhoumoto {
   color: #333333;
   width: 98%;
   border-top: 1px dotted #999999;
   background-color: #fff;
   text-align: right;
   padding: 3px 1% 3px 1%;
   margin:0;
   position: relative;
   }

/*==========================================================*/
/*  ol-propo & doc  */
	
#pad ul li {
    background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding: 0 0 0 20px;
	}
	
#pad ul li.down {
   padding-left: 15px;
   background-image:url(../images/footer_arrow_down.png);
   background-repeat: no-repeat;
   background-position: 2px 5px;
   }
#pad ul li a { font-size: 131%; font-weight: bold; }
#pad li.down a { font-size: 100%; line-height: 1.5; font-weight: normal; }

/*==========================================================*/
/*  ol-propo & doc  */

.video{
  width:100%;
}