/* CSS for Renewal JP-Page 2016.03.29 */

#contents_jp {
}

div#contents_jp {
	float:left;
	width:100%;
	margin:0;
	font-size:12px;
}

#contents_jp input[type="button"],
#contents_jp input[type="submit"] {
	padding: 1px; 2px;
}


#contents_jp p {
	margin: 0 0 0 0;
}

#contents_jp ul.list_a,
#contents_jp a{
color:#000;
text-decoration:underline;
}

#contents_jp ul.list_a:hover,
#contents_jp a:hover{
color:#EDAD00;
}

#contents_jp #search_box{
width:558px;
margin:0px 0px 20px 0px;
}

#contents_jp #search_box #search_head{
width:558px;
height:44px;
background:url(../img/tab_bg.gif) repeat-x bottom left;
}

#search_head #others_on,
#search_head #presen_on,
#search_head #public_on,
#search_head #others,
#search_head #presen,
#search_head #public{
float:left;
width:185px;
height:44px;
}

#search_head #others_on a,
#search_head #presen_on a,
#search_head #public_on a,
#search_head #others a,
#search_head #presen a,
#search_head #public a{
width:185px;
height:44px;
display:block;
text-indent:-9999em;
overflow:hidden;
}


#search_head #public a{ background:url(../img/tab_public.gif) no-repeat top left; }
#search_head #others a{ background:url(../img/tab_other.gif) no-repeat top left; }
#search_head #presen a{ background:url(../img/tab_presen.gif) no-repeat top left; }
#search_head #public_on a{ background:url(../img/tab_public.gif) no-repeat bottom left; }
#search_head #others_on a{ background:url(../img/tab_other.gif) no-repeat bottom left; }
#search_head #presen_on a{ background:url(../img/tab_presen.gif) no-repeat bottom left; }

#others{ margin-left:2px; }
#presen{ margin-left:1px; }

#others_on{ margin-left:2px; }
#presen_on{ margin-left:1px; }

a#others img,
a#presen img,
a#public img{
width:185px;
height:44px;
border:0;
}

#contents_jp #search_box #search_contents{
border:1px solid #ccc;
border-top:0;
padding:20px;
}

#search_contents #search_table{
border-collapse:collapse;
width:100%;
margin-bottom:20px;
}



#search_contents #search_table tr th{
background:url(../img/icon_db.jpg) no-repeat 7px 7px;
font-size:100%;
color:#068b9d;
text-indent:19px;
letter-spacing:1px;
width:35%;
font-weight:bold;
}

#search_contents #search_table tr th,
#search_contents #search_table tr td{
background-color:#f2f2f2;
border-bottom:2px solid #fff;
text-align:left;
vertical-align:top;
padding:7px 0px;
}

#search_contents #search_table tr td.pad20{
padding-bottom:25px;
}

#contents_jp .slf{
/* font-size:75%; */
font-size:10px;
color:#000;
text-decoration:underline;
letter-spacing:1px;
}

#contents_jp h4 .slf{
margin-left:8px;
font-weight:normal;
}

#contents_jp .top5{
margin-top:5px;
margin-bottom:0;
}

#search_table .form_01{ width:300px; padding:0px; }
#search_table .form_02{ width:85px;  padding:0px; }
#search_table .form_03{ width:240px; padding:0px; }
#search_table .form_04{ width:46px;  padding:0px; }

.center{
text-align:center;
margin:0px auto;
border:1px solid #000;
}

#contents_jp #search_box #search_contents .search_btn{
display:inline;
position:relative;
top:0;
left:195px;
}

#contents_jp .s_attention{
font-size:10px;
line-height:16px;
text-indent:20em;
}

#contents_jp .h3_wrap{
border-bottom:1px dotted #ccc;
/* padding:7px; */
padding:7px 0 0 0;
padding-right:0px;
margin-bottom:15px;
padding-bottom:0;
}

#contents_jp .h4_wrap{
background:url(../img/h4_wrap_bg.gif) no-repeat top left;
width:100%;
height:31px;
margin-bottom:10px;
padding-bottom:5px;
padding-top:4px;
}

#contents_jp h4{
font-size:100% !important;
font-weight:bold !important;
margin:0px 0px 0px 9px;
padding:1px 0px 0px 8px;
border-left:5px solid #333;
}

#contents_jp .box_20{ margin:0px 0px 20px 0px; }
#contents_jp .box_30{ margin:0px 0px 30px 0px; }
#contents_jp .box_50{ margin:0px 0px 50px 0px; }

#contents_jp .float-right{ float:right; }
#contents_jp .float-left{ float:left; }

#contents_jp p.small-font{ font-size:100%; font-weight:normal; margin-top:15px; margin-right:5px; }


#contents_jp .icon_db{
background:url(../img/arrow_db.gif) no-repeat 0px 2px;
padding-left:10px;
}

div#contents_jp .h3_wrap .float-right .icon_db{
font-size:90%;
color:#000;
margin-bottom:0px !important;
}

div#contents_jp div.h3_wrap h3#others,
div#contents_jp div.h3_wrap h3#presen,
div#contents_jp div.h3_wrap h3#public{
text-indent:-9999px;
height:14px;
margin-bottom:0px !important;
font-size:10%;
line-height:0em;
}

h3#public{ background:url(../img/h3_public.gif) no-repeat top left; width:400px;}
h3#presen{ background:url(../img/h3_presen.gif) no-repeat top left; width:400px;}
h3#others{ background:url(../img/h3_others.gif) no-repeat top left; width:400px;}


#contents_jp .tableStyle_db{
width:100%;
border-collapse:collapse;
border-top:1px solid #068b9d;
border-left:1px solid #068b9d;
}

#contents_jp .tableStyle_db tr th,
#contents_jp .tableStyle_db tr td{
padding:5px 8px;
font-size:100%;
border-right:1px solid #068b9d;
border-bottom:1px solid #068b9d;
}

#contents_jp .tableStyle_db tr th{
background-color:#e5f6f8;
color:#068b9d;
letter-spacing:1px;
font-weight:bold;
}

#contents_jp .tableStyle_db tr td{
width:154px;
overflow:auto;
word-break:break-all;
}

#contents_jp .tableStyle_db tr td.number{ width:52px; text-align:center; }

#contents_jp .top20{ margin-top:20px; }

#contents_jp .tableStyle_db .noresult{
padding:10px 0;
color:#c00;
width:100%;
}

#contents_jp table.more{
margin-top:15px;
width:100%;
color:#999;
}

#contents_jp table.more tr td{
text-align:center;
font-size:12px;
}

#contents_jp table.more tr td.previous{
width:22%;
text-align:left;
}

#contents_jp table.more tr td.previous p{
background:url(../img/arrow_db_left.gif) no-repeat 0px 4px;
padding-left:10px;
text-align:left;
}

#contents_jp table.more tr td.next{
width:22%;
}

#contents_jp table.more tr td.next p{
background:url(../img/arrow_db.gif) no-repeat right 4px;
text-align:right;
padding-right:10px;
font-size:12px;
}

#contents_jp table.more a{
color:#000;
text-decoration:underline;
}


#contents_jp table.more a:hover{
color:#999;
text-decoration:underline;
}

#contents_jp ul.list_db{
font-size:100%;
margin-left:5px;
}

#contents_jp ul.list_db li{
line-height:1.8em;
background:url(../img/arrow_db.gif) no-repeat 0px 6px;
padding-left:12px;
}

#contents_jp .margin-left{
margin-left:20px;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media screen and (min-width: 641px) {
nav ul li {
    width:160px;
    height: 53px;
  }
}
@media screen and (max-width: 641px) {
nav ul li.nv01s {width: calc(100% / 640 * 140);}
nav ul li.nv06s {width: calc(100% / 640 * 90);}
nav ul li.nv02s {width: calc(100% / 640 * 90);}
nav ul li.nv03s {width: calc(100% / 640 * 114);}
nav ul li.nv04s {width: calc(100% / 640 * 136);}
nav ul li.nv05s {width: calc(100% / 640 * 70);}
}