﻿@charset "utf-8";

* { padding: 0; margin: 0; }

@font-face {
  font-family: 'backslash';
  src: url(../fonts/ipag.ttf) format("truetype");
  unicode-range: U+005C;
}

body {
	font-size: 14px;
	line-height: 140%;
	font-family: 'backslash', "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 0px;
	position: relative;
	min-height: 100vh;
}
ul,ol,li {
	list-style: none;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,table,th,td,dl,dt,dd {
	text-align: left;
	font-weight: normal;
}
h1	{
	width: 106px;
	float: left;
}
a	{
	text-decoration: underline;
}
a:hover	{
	color: #FFF;
	text-decoration: none;
}
a#showLeftCountLink:hover,
a.view-case-detail.firstChild.lastChild {
	color: blue;
}
img	{
	border: none;
}
li img	{
	vertical-align: top;
}
main {
	padding-bottom: 100px;
}

/*========================================================================
layout
========================================================================*/
#wrapper {
	width: auto;
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper_scond {
	width: auto;
	background-repeat: repeat-x;
	background-position: top;
}
#wrapper_scond_white {
    width: auto;
    background-repeat: repeat-x;
    background-position: top;
}
#wrapper_list {
	width: auto;
	background-image: url(../../list/img/list_backimg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#header {
	width: 960px;
	/*color: #FFF;*/
        background-color: #0075c2;
	padding: 8px 0 0;
	height: 36px;
	margin: 0 auto;
}
#header-wrapper {
    background-color: #0075c2;
}
#content {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	height: auto;
}
#footer {
	color: #FFF;
	margin: 0px 0px 0px 0px;
	background-color: #999;
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	left: 0;
	bottom: 0;
}


/*========================================================================
header
========================================================================*/
#header #gnavi{
	width: 800px;
	float: right;
	padding-top: 7px;
	text-align: right;
}
#header ul{
	list-style-type: none outside;
	margin: 0;
}
#header ul li{
	display: inline;
	margin: 0 7px 0 0;
}
#header li.maginnon{
	margin-right: 0px;
}
.clear{ clear: both; }

#header a	{
	color: #FFF;
	text-decoration: underline;
}
#header a:hover	{
	color: #FFF;
	text-decoration: none;
}

/*========================================================================
footer
========================================================================*/
#footer	#copyright {
	text-align: center;
}
#footer-link {
	color: white;
}

/*========================================================================
page_head
========================================================================*/
#page_head{
	width: 960px;
	margin: 0 auto;
	margin: 14px 0 0;
	height: 32px;
}
#page_head h2{
	font-size: 20px;
	color: #3F96EB;
}

#page_head a	{
	text-decoration: underline !important;
}
#page_head a:hover	{
	text-decoration: none !important;
}
#page_head #box-a{
	width: 400px;
	float: left;
}
/* 上記IDのbox-aは少しずつclass box_aに統一する */
#page_head .box_a{
	width: 400px;
	float: left;
}
#page_head #box-b{
	width: 130px;
	float: right;
}
#page_head #box-b ul{
	margin: 2px 0 0;
}
#page_head #box-b ul li{
	display: inline;
	margin: 0 14px 0 0;
}
#page_head #box-b ul li.maginnon{
	margin-right: 0px;
}
#page_head #box-b ul li.pdf{
	padding-left: 0px;
	background-image: url(../img/icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
}

.page_head{
	width: 960px;
	margin: 0 auto;
	height: 32px;
}
.page_head h2{
	font-size: 184%;
	color: #3F96EB;
}

.page_head a	{
	color: #595959;
	text-decoration: underline !important;
}
.page_head a:hover	{
	color: #595959;
	text-decoration: none !important;
}
.page_head #box-a{
	width: 400px;
	float: left;
}
/* 上記IDのbox-aは少しずつclass box_aに統一する */
.page_head .box_a{
	width: 400px;
	float: left;
}
.page_head #box-b{
	width: 130px;
	float: right;
}
.page_head #box-b ul{
	margin: 2px 0 0;
}
.page_head #box-b ul li{
	display: inline;
	margin: 0 14px 0 0;
	font-weight: bold;
	color: #666;
}
.page_head #box-b ul li.maginnon{
	margin-right: 0px;
}
.page_head #box-b ul li.pdf{
	padding-left: 0px;
	background-image: url(../img/icon.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
}

/*========================================================================
top
========================================================================*/
#top {
	width: 960px;
	margin: 0 auto;
}

#top #main{
	width: 949px;
	margin: 0 auto;
	margin: 14px 0;
	padding: 0 4px 0 7px;
}

/*left*/
#top #left{
	width: 229px;
	float: left;
}

/*login*/
#top #left #login{
	margin:0 0 7px 0;
	background-image: url(../private/top/img/top_login_backimg.jpg);
	background-repeat: no-repeat;
	height: 159px;
}

#top #left #login a	{
	text-decoration: none;
}
#top #left #login a:hover	{
	text-decoration: none;
}

#top #left #login #column{
	padding: 22px 18px 4px 18px;
}
#top #left #login #column p.text1{
	margin-bottom: 10px;
}
#top #left #login #column .btn{
	margin: 0 auto;
	margin-bottom: 10px;
	width: 181px;
}
#top #left #login #column p.text2{
	margin-bottom: 4px;
	padding-left: 12px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*keyword*/
#top #left #keyword{
	margin:0;
	background-image: url(../private/top/img/top_keyword_backimg2.jpg);
	background-repeat: no-repeat;
/*	height: 190px;*/
	height: 202px;
}

#top #left #keyword a	{
	color: #3399FF;
	text-decoration: none;
}
#top #left #keyword a:hover	{
	color: #3399FF;
	text-decoration: none;
}

#top #left #keyword #column{
	padding: 21px 17px 0;
}
#top #left #keyword #column p.text1{
	margin-bottom: 14px;
}

#top #left #keyword #column .kform{
	width: 181px;
}

#top #left #keyword .keyword {
	background-image:url(../private/top/img/form_bg.jpg);
	background-repeat:no-repeat;
	border:1px solid #B7B7B7;
	width: 159px;
	padding:3px 21px 3px 1px;
	margin-right:4px;
	margin-bottom:8px;
	padding-left: 7px;
	height: 16px;
}

#top #left #keyword #column .btn{
	margin: 0 auto;
	margin-bottom: 10px;
	width: 142px;
}
#top #left #keyword #column p.text2{
	padding-left: 12px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*right*/
#top .right{
	width: 710px;
	float: right;
}
#top .right table .main_r{
	margin-right: 10px;
}
#top .right table .main_b{
	margin-bottom: 10px;
}

#top #left #keyword #column p.text0{
    line-height:100%;
    margin-bottom: 6px;
}



/*========================================================================
list
========================================================================*/
#list{
	width: 960px;
	margin: 0 auto;
}
#list a	{
	text-decoration: none;
}
#list a:hover	{
	text-decoration: none;
}

/*navi*/
#list .navi{
	width: 960px;
	margin: 0 auto;
	padding: 21px 0 10px;
	font-size: 16px;
}

#list .navi .page a {
/*	padding: 3px 6px; 3桁のページNOだと入らないため、左右マージンを3pxに変更*/
	padding: 3px 3px;
	text-decoration: none;
}
#list .navi .page a:link,
#list .navi .page a:visited {
	color:#3399FF;
	border: solid 1px #00AFF1;
}
/* マウスあてたとき */
#list .navi .page a:hover {
	color:#3399FF;
	border: solid 1px #00AFF1;
}
/* 現在いる場所 */
#list .navi .page .page_now {
	border: solid 1px #ccc;
	padding: 3px 6px;
	text-decoration: none;
}

#list .navi .left{
  width: 300px;
  float: left;
}
#list .navi .left h3{
	margin-left: 38px;
}
#list .navi .right{
/*	width: 590px;*/
	width: 630px;
	float: right;
}
#list .navi ul{
	list-style-type: none outside;
	margin: 0 0 0 10px;
	text-align: right;
}
#list .navi ul li{
	display: inline;
	margin: 0 5px 0 0;
}
#list .navi li.maginnon{
	margin-right: 0px;
}

/*messageArea*/
#topicsMessageArea{
	margin-top: 15px;
	margin-bottom: 1px;
/*	width: 90%;
	height: 118px;*/
	color: white;
	padding-top: 27px;
	padding-bottom: 30px;
	padding-left: 300px;
	background-image: url(../private/topics/img/topics_restricted2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size:100% auto;
}

/*main*/
#list #main{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 22px;
}

#list #entrys{
	width: 99%;
	margin: 0 auto;
	background-color: whitesmoke;
	height: 127px;
	padding: 30px 0px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
#list #entrys .left{
	width: 254px;
	float: left;
}
#list #entrys .right{
/*	width: 650px;*/
	width: 640px;
	float: right;
}

#list #entrys table td.label{
	background-color: darkgray;
	margin: 0;
	color: #FFF;
	padding: 2px;
	text-align: center;
	width: 80px;
	vertical-align: top;
	/*letter-spacing: 0.1%;*/
}

#list #entrys #box2{
	width: 690px;
	padding-top: 1px;
}
.advanced-search-heading-band {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 6px 0;
}

#list #entrys #list-image-and-button{
	width: 566px;
	float: left;
	padding: 6px;
	margin-bottom: 10px;
}
#list #entrys #list-image-and-button ul{
	list-style-type: none outside;
	margin: 0;
}
#list #entrys #list-image-and-button ul li{
	display: inline-block;
	margin: 0 5px 0 0;
}
#list #entrys #list-image-and-button ul li img.maginnon{
	margin-right: 0px;
}
#list #entrys #list-image-and-button ul li img.magin{
	margin: 40px 0;
}
ul.slick-dots {
	bottom: -30px;
}
.slick-dots li button:before{
	font-size: 8px!important;
}

#list #entrys #right2{
	width: 100px;
	float: right;
	margin-right: 5px;
}
#list #entrys #right2 ul{
	list-style-type: none outside;
	margin: 10px 0 0;
}
#list #entrys #right2 ul li{
	padding-bottom: 10px;
}
#list #entrys #right2 li.maginnon{
	margin-right: 0px;
}

.list-table {
	border-spacing: 10px;
	margin-left: 5px;
}

/*========================================================================
advance_search
========================================================================*/
#advance_search{
	width: 960px;
	margin: 0 auto;
}
#advance_search a {
	text-decoration: none;
}
#advance_search a:hover	{
	text-decoration: none;
}

div#to_search_top {
	margin-left:30px;
	display:inline;
}

a#to_search_top_color {
	color:#3399FF;
}

/*main*/
#advance_search #main{
	width: 890px;
	margin: 0 auto;
	padding: 30px 35px 22px;
}

/*box1*/
#advance_search #main #box1{
	width: 842px;
	margin: 0 auto;
	margin-bottom: 4px;
}
#advance_search #main #left1{
	width: 388px;
	float: left;
}
#advance_search #main #right1{
	width: 453px;
	float: right;
}

#advance_search #main #box1 table td{
	padding-bottom: 26px;
}

#advance_search #main .item{
	padding-right: 6px;
}

#advance_search #main .advanced-search-form {
	height: 26px;
	width: 273px;
	padding-left: 7px;
}

#advance_search #main .character{
    margin:0px 0px 3px 0px;
}

#advance_search #main .campaign{
    margin:0px 0px 3px 0px;
}



#advance_search #main .year {
	border:1px solid light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-radius: 2px;
	padding: 0px 0px 0px 2px;
	margin: 0;
}
#advance_search #main .year:not(:target) {
    padding:7px 7px 7px 7px¥9; /* IE9 */
}

#advance_search #main .category {
	border:1px solid light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-radius: 2px;
	padding: 0px 0px 0px 7px;
	margin: 0;
	height: 30px;
	width: 284px;
}

#advance_search #main .category:not(:target) {
    padding:7px¥9; /* IE9 */
}

.advanced-search-date-select.advanced-search-form select.year {
	height: 30px;
}

.advanced-search-date-select select#year1,
.advanced-search-date-select select#year2 {
	width: 64px;
}

.advanced-search-date-select select#month1,
.advanced-search-date-select select#month2 {
	width: 42px;
}


/*box2*/
#advance_search #main #box2{
	width: 842px;
	margin: 0 auto;
	margin-bottom: 18px;
    margin: 5 auto;
}
#advance_search #main #box2 table td{
	padding-bottom: 14px;
}
/* 2014.10.08 使わないのでコメントアウト
#advance_search #main #right2{
	width: 718px;
	float: left;
	border:1px solid #ccc;
	padding: 16px 20px 0px 33px;
}
*/
#advance_search #main #check-area2{
    width: 900px;
    float: left;
    margin-top: 5px;
    padding: 30px 0px 14px 0px;
	margin-bottom:5px;
}

/*box3*/
#advance_search #main #box3{
	width: 842px;
	margin: 0 auto;
	margin-bottom: 25px;
}
#advance_search #main #box3 table td{
	padding-bottom: 14px;
}
/* 2014.10.08 使わないのでコメントアウト
#advance_search #main #right3{
	width: 718px;
	float: left;
	border:1px solid #ccc;
	padding: 16px 20px 0px 33px;
}
*/
#advance_search #main #check-area3{
    width: 900px;
    float: left;
    margin-top: 5px;
    /*padding: 16px 20px 0px 33px;*/
    padding: 30px 0px 14px 0px;
}


#advance_search #main #box2 table td.non{
	margin-bottom:0;
	padding-bottom: 0px;
}
#advance_search #main #box3 table td.non{
	margin-bottom:0;
	padding-bottom: 0px;
}

/*btn*/
#advance_search #main #btn{
	margin: 0 auto;
	width: 380px;

}
#advance_search #main #btn ul{
	list-style-type: none outside;
	margin: 0;
}
#advance_search #main #btn ul li{
	display: inline;
	margin: 0 10px 0 0;
}



.advanced-search-date-select {
	display: flex;
	justify-content: space-between;
	width: 280px;
}


/*========================================================================
case
========================================================================*/
#case{
	width: 960px;
	margin: 0 auto;
}
#case a	{
	text-decoration: none;
}
#case a:hover	{
	text-decoration: none;
}

/*main*/
#case #main{
	width: 960px;
	padding: 30px 0px 22px;
}

#case #box{
	width: 960px;
	margin: 0 auto;
}
#case #left{
	width: 398px;
	float: left;
}
#case .right{
	width: 522px;
	float: right;
}
#case #box table td.label{
	background-color: white
	margin: 0 16px 15px;
	color: #FFF;
	padding: 4px 6px;
	text-align: center;
	vertical-align: top;
	/*letter-spacing: 0.1%;*/
}
#case #box #left table td.label{
	width: 79px;
}
#case #box .right table td.label{
	width: 119px;
}

#case #box table td.fonts{
	letter-spacing: 0.1%;
}

/*Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #case #box table td.fonts { letter-spacing: -1px }

#case #box table td.column{
	padding: 4px 0 15px 17px;
}

#case #main #check{
	margin: 20px 0 0;
	width: 890px;
}
#case #main #check img{
	margin: 0 16px 24px 8px;
}
#case #main #check .maginnon{
	margin-bottom: 0;
}
#case #main #check .maginr_non{
	margin-right: 0;
}

#case #main #btn{
	margin: 14px 0 0;
	padding-left: 24px;
}
#case #main #btn ul{
	list-style-type: none outside;
	margin: 0;
}
#case #main ul li{
	display: inline;
	margin: 0 10px 0 0;
}
#case #main li.magin{
	margin-right: 18px;
}
#case #main li.maginnon{
	margin-right: 0px;
}


.case-details-gray-label {
	height:20px;
	width: 100%;
	background-color: darkgray;
	text-align: center;
	padding: 2px;
}

/*========================================================================
case-popup
========================================================================*/
#case-popup{
    width: 480px;
   /* margin: 0 auto;*/
}
#case-popup a {
    text-decoration: none;
}
#case-popup a:hover   {
    text-decoration: none;
}

/*main*/
#case-popup #main{
    width: 480px;
    /*margin: 0 auto;*/
    padding: 30px 35px 22px;
}

#case-popup #box{
    width: 480px;
    margin: 0 auto;
}
#case-popup #left{
    width: 240px;
    float: left;
}
#case-popup .right{
    width: 240px;
    float: right;
}
#case-popup #box table td.label{
    background-color: darkgray;
    margin: 0 16px 15px;
    color: #FFF;
    padding: 4px 6px;
    text-align: center;
    width: 94px;
    vertical-align: top;
    /*letter-spacing: 0.1%;*/
}
#case-popup #box table td.fonts{
    letter-spacing: 0.1%;
}

/*Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #case-popup #box table td.fonts { letter-spacing: -1px }

#case-popup #box table td.column{
    padding: 4px 0 15px 17px;
}

#case-popup #main #check{
    margin: 20px 0 0;
    width: 480px;
}
#case-popup #main #check img{
    margin: 0 16px 24px 8px;
}
#case-popup #main #check .maginnon{
    margin-bottom: 0;
}
#case-popup #main #check .maginr_non{
    margin-right: 0;
}

#case-popup #main #btn{
    margin: 14px 0 0;
    padding-left: 24px;
}
#case-popup #main #btn ul{
    list-style-type: none outside;
    margin: 0;
}
#case-popup #main ul li{
    display: inline;
    margin: 0 10px 0 0;
}
#case-popup #main li.magin{
    margin-right: 18px;
}
#case-popup #main li.maginnon{
    margin-right: 0px;
}

/*========================================================================
entry
========================================================================*/
#entry{
	width: 960px;
	margin: 0 auto;
}
#entry a	{
	text-decoration: none;
}
#entry a:hover	{
	text-decoration: none;
}

#entry #main{
	width: 500px;
/*	width: 600px;*/
	margin: 0 auto;
	padding: 30px 0 0;
}
#entry .lform {
	background-image:url(../private/login/img/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #B7B7B7;
	height: 13px;
	margin-right: 10px;
	padding:7px 7px 6px; /* all browsers, of course */
	padding:7px 7px 6px¥9; /* IE8 and below */

    *padding:7px 7px 6px; /* IE7 and below */
	_padding:7px 7px 6px;
}
#entry .lform:not(:target) {
    padding:7px 7px 6px¥9; /* IE9 */
}

#entry .name{
	width: 152px;
}
#entry .non{margin-right:0;}
#entry .area{width: 330px;}
#entry .address1{
	width: 120px;
}
#entry .address2{
	width: 183px;
}
#entry .tell1{width: 60px;}
#entry .tell2{
	width: 82px;
}
#entry .mail1{
	width: 164px;
}
#entry .mail2{
	width: 112px;
}
#entry .pass{width: 183px;}

/*#entry .rule_area{
	line-height:20px;
	width: 700px;
	margin: 10px 0 0 230px;
	padding: 0 0 0 0;
	margin-bottom:20px;
}*/

#entry .namebox{
	width: 340px;
}
#entry .namebox .left{
  width: 168px;
  float: left;
}
#entry .namebox .right{
	width: 160px;
	float: right;
}

#entry #box10{
/*	width: 340px;*/
	width: 340px;
}
#entry #box10 .left{
/*	width: 139px;*/
	width: 139px;
	float: left;
}
#entry #box10 .right{
	width: 194px;
	float: right;
}


/* ----- 大家追加 ----- */
#entry #box11{
	width: 360px;
}
#entry #box11 .left{
	width: 159px;
	float: left;
}
/* ----- 大家追加 ----- */


#entry #box10 .clear{
	clear: both;
	padding-top:1px;
}

#entry table td{
	padding-bottom:20px;
}
#entry table td .box{
	margin: 4px 0 0;
}
#entry table td .boldnon{
	font-weight: normal;
	letter-spacing: 0.1px;
}
#entry .gray{
}
#entry #mail, #mail-checkbox{
	margin-bottom: 4px;
/*	padding: 10px 0 16px 0;*/
	padding: 10px 0 6px 0;
}

#entry #box_b{
	width: 214px;
	margin: 0 auto;
}
#entry #box_bm{
	width: 214px;
	margin: 0 auto;
	padding-top: 20px;
}
#entry #box_b p{
	margin-bottom: 8px;
}
#entry .text{
	margin-bottom: 4px;
	padding-left: 12px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#entry .normal{font-weight:normal;}

#entry #box_b2 {
	margin: 0 auto;
	width: 354px;
	padding-top: 24px;
}
#entry #box_b2 ul{
	list-style-type: none outside;
	margin: 0 0;
}
#entry #box_b2 ul li{
	display: inline;
	margin: 0 5px 0 0;
}
#entry #box_b2 li.maginnon{
	margin-right: 0px;
}

#entry #completion{
	font-size: 16px;
}

#entry #confirmbox {

	height: 13px;
	margin-right: 10px;
	padding:7px 7px 6px 7px; /* all browsers, of course */
	padding:7px 7px 6px 7px¥9; /* IE8 and below */

    *padding:7px 7px 6px 7px; /* IE7 and below */
	_padding:7px 7px 6px 7px;
	background-color:#EFEFEF;
}
#entry #confirmbox:not(:target) {
    padding:7px 7px 6px 7px¥9; /* IE9 */
}

#entry #confirmbox2 {

	height: 38px;
	margin-right: 10px;

	padding:7px 7px 6px 7px; /* all browsers, of course */
	padding:7px 7px 6px 7px¥9; /* IE8 and below */
    *padding:7px 7px 6px 7px; /* IE7 and below */
	_padding:7px 7px 6px 7px;
	background-color:#EFEFEF;
}
#entry #confirmbox2:not(:target) {
    padding:7px 7px 6px 7px¥9; /* IE9 */
}


/*20120131追加*/
#entry #important {
    width: 450px;
    margin-top: 20px;
}
#entry #important .bold {
    width: 100px;
    float: left;
    letter-spacing: 0px;
}
#entry #important .txt {
    width: 340px;
    float: right;
    letter-spacing: 0px;
}
#entry #important .error {
    width: 340px;
    float: right;
    letter-spacing: 0px;
    color: #F00;
}

#entry #important_list {
/*    margin: 14px 0 16px;*/
	margin: 7px 0 16px; /* add by oie*/
/*    padding: 14px 10px 8px;*/
	padding: 23px 0px 10px 20px;
    border: medium solid #CCC;
    width: 425px;
}
#entry #important_list .list {
    margin: 0;
    width: 425px;
    margin-bottom: 10px;
}
#entry #important_list .left{
  width: 20px;
  float: left;
}
#entry #important_list .right{
    width: 400px;
    float: right;
    line-height: 130%;
}


/*========================================================================
mlogin
========================================================================*/
#mlogin{
	width: 960px;
	margin: 0 auto;
}
#mlogin a	{
	text-decoration: none;
}
#mlogin a:hover	{
	text-decoration: none;
}
#mlogin #main{
	width: 839px;
	margin: 0 auto;
	padding: 60px 0 0;
}
#mlogin #main p.lead{
	margin-bottom: 34px;
}

#mlogin #main #inner{
	background-image: url(../private/login/img/login_backimg.jpg);
	background-repeat: no-repeat;
	height: 289px;
	margin-bottom: 60px;
/*	padding: 80px 96px;*/
	padding: 103px  96px 80px 96px;
/*	padding: 60px 96px;*/

}
#mlogin .lform {
/*	background-image:url(../private/member/img/form_bg.jpg);*/
	background-repeat:no-repeat;
	border:1px solid #B7B7B7;
	width: 420px;
	/*color:#666;*/
	margin-right:4px;
	margin-bottom:8px;
	height: 13px;
	padding:8px 7px 6px 7px; /* all browsers, of course */
	padding:8px 7px 6px 7px¥9; /* IE8 and below */
    *padding:8px 7px 6px 7px; /* IE7 and below */
	_padding:8px 7px 6px 7px; /* IE6 */
}
#entry .lform:not(:target) {
    padding:8px 7px 6px 7px¥9; /* IE9 */
}

#mlogin table td{
/*	padding-bottom:28px;*/
	padding-bottom:15px;
}
#mlogin table td.non{
	padding-bottom: 0;
}

#mlogin #keep{
	margin-bottom: 4px;
/*	padding: 20px 0 40px 134px;*/
	padding: 20px 0 20px 136px;
}

#mlogin #box_b{
	width: 194px;
	margin: 0 auto;
}
#mlogin #box_b p{
	margin-bottom: 8px;
}
#mlogin .text{
	margin-bottom: 4px;
	padding-left: 12px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*========================================================================
member
========================================================================*/
#member {
	width: 960px;
	margin: 0 auto;
}

#member #main{
	width: 839px;
	margin: 0 auto;
	padding: 68px 0 0;
}
#member #main p.lead{
	margin-bottom: 34px;
}
#member #main div.lead{
    margin-bottom: 34px;
}

/*inner*/
#member #main #inner{
	height: 294px;
	width: 839px;
	background-repeat: no-repeat;
	/*height: 321px;*/
    height: 321px\9; /* IE8 and below */
	margin-bottom: 0px;
}
/*IE9 hack*/
#member #main #inner:not(:target) {
    height: 294px\9; /* IE9 */
}
/*IE10 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #member #main #inner { height: 294px; }
}

#member #main #navigator{
	width: 843px;
	height: 40px;
	margin-bottom: 10px;
	margin-top: 3px;
/*margin-top:100px;*/
}

#member #main #navigator #menus{
	padding-top:6px;
}
#member #main #menus #menu1{
	font-size: 14px;
	width: 836px; /* 839px + 4px(border左右分) */
	height: 66px;
	float:left;
	margin-bottom: 14px;
	width: 843px; /* 839px + 4px(border左右分) */
	/*font-size: 100%;*/
	/*font-size: 117%;*/
	/*width:419px;
	height:71px;*/
	text-align:center;
	vertical-align:middle;
	background-repeat: no-repeat;
	cursor: pointer;
	background-color: white; /* この指定がないとbuttonfaceという灰色になった */
}
#member #main #menus #menu1:hover{
	background-color: lightgray;
}
#member #main #menus #menu2{
	float:right;
	margin-bottom: 14px;
	margin-left:0px;
	/*width:419px;*/
/*	height:130px;*/
/*	height:71px;*/
	/*text-align:center;*/
	text-align:right;
	vertical-align:middle;
	background-repeat: no-repeat;
	background-position: right top;*/
	cursor: pointer;
/*	background-size:px 80px;*/
}
#menu1-p{
	vertical-align:middle;
	padding-left:149px;
	padding-top:27px;
}
#menu2-p{
	vertical-align:middle;
	padding-left:152px;
	padding-top:27px;
}


#member #main #inner a {
	color: #3399FF;
	text-decoration: none;
}
#member #main #inner a:hover	{
	color: #3399FF;
	text-decoration: none;
}

#member #main #inner #column{
	padding: 60px 17px 0 65px;
}
#member #main #inner #column p.lead2{
	margin-bottom: 14px;
}

#member #main #inner #column #memberpage-box1{
	width: 701px;
	margin: 0 auto;
	margin: 1em 0;
}
#member #main #inner #column #left{
	width: 589px;
	float: left;
}
#member #main #inner #column .right{
	width: 112px;
	float: right;
}

#member #main #inner .keyword {
/*	background-image:url(../private/member/img/form_bg.jpg);*/
	background-repeat:no-repeat;
	border:1px solid #B7B7B7;
	width: 540px;
	margin-right:4px;
	margin-bottom:8px;
	height: 15px;
	padding:8px 24px 6px 7px; /* all browsers, of course */
	padding:8px 24px 6px 7px¥9; /* IE8 and below */
    *padding:8px 24px 6px 7px; /* IE7 and below */
	_padding:8px 24px 6px 7px; /* IE6 */
}
#member #main #inner .keyword:not(:target) {
    padding:8px 24px 6px 7px¥9; /* IE9 */
}

#member #main #inner #column .btn{
	margin: 0 auto;
	margin-bottom: 10px;
	width: 112px;
}
#member #main #inner #column p.text2{
	padding-left: 12px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#member #main #inner #column #check{
	margin: 0;
}

#member #main #inner #column #check .year {
	background-repeat:repeat-x;
	border:1px solid #B7B7B7;
	padding: 0px 0px 0px 2px;
	margin: 0 3px;
}


#member #main #inner #column #check #memberpage-box2{
	width: 520px;
	margin: 0 auto;
	margin: 0 0;
}
#member #main #inner #column #check #left{
	width: 120px;
	float: left;
}
#member #main #inner #column #check .right{
	width: 400px;
	float: right;
}
#member #main #inner #column #check table td {
	padding-bottom: 14px;
}


/*========================================================================
temp
========================================================================*/
#temp {
	width: 960px;
	margin: 0 auto;
}
#temp p{
	margin-bottom: 14px;
	line-height: 120%;
}
#temp a	{
	color: #3399FF;
	text-decoration: none;
}
#temp a:hover	{
	color: #3399FF;
	text-decoration: none;
}
#temp #main{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
#temp .navi{
	width: 960px;
	margin: 0 auto;
	padding: 21px 0 10px;
	font-size: 16px;
}

#temp .navi .page a {
/*	padding: 3px 6px; 3桁のページNOだと入らないため、左右マージンを3pxに変更*/
	padding: 3px 3px;
	text-decoration: none;
}
#temp .navi .page a:link,
#temp .navi .page a:visited {
	color:#3399FF;
	border: solid 1px #00AFF1;
}
/* マウスあてたとき */
#temp .navi .page a:hover {
	color:#3399FF;
	border: solid 1px #00AFF1;
}
/* 現在いる場所 */
#temp .navi .page .page_now {
	border: solid 1px #ccc;
	padding: 3px 6px;
	text-decoration: none;
}
#temp .navi .left{
/*  width: 300px; */
  width: 320px;
  float: left;
}
#temp .navi #left-topics{
  width: 300px;
  float: left;
}
#temp .navi .left h3{
	margin-left: 38px;
}
#temp .navi #left-topics h3{
	margin-left: 38px;
}
#temp .navi .right{
/*	width: 590px;*/
	width: 630px;
	float: right;
}
#temp .navi ul{
	list-style-type: none outside;
	margin: 0 0 0 10px;
	text-align: right;
}
#temp .navi ul li{
	display: inline;
	margin: 0 5px 0 0;
}
#temp .navi li.maginnon{
	margin-right: 0px;
}
#temp a.upper-link {
    text-decoration: underline !important;
}
#temp a.upper-link:hover {
    text-decoration: none !important;
}

/*========================================================================
inquiry
========================================================================*/
#inquiry {
    width: 960px;
    margin: 0 auto;
}

#inquiry p{
    margin-bottom: 14px;
    line-height: 120%;
}

#inquiry a {
    color: #3399FF;
    text-decoration: none;
}
#inquiry a:hover   {
    color: #3399FF;
    text-decoration: none;
}
#inquiry #main{
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}
#inquiry .navi{
    width: 960px;
    margin: 0 auto;
    padding: 21px 0 10px;
    font-size: 16px;
}

#inquiry .navi .page a {
/*  padding: 3px 6px; 3桁のページNOだと入らないため、左右マージンを3pxに変更*/
    padding: 3px 3px;
    text-decoration: none;
}
#inquiry .navi .page a:link,
#inquiry .navi .page a:visited {
    color:#3399FF;
    border: solid 1px #00AFF1;
}
/* マウスあてたとき */
#inquiry .navi .page a:hover {
    color:#3399FF;
    border: solid 1px #00AFF1;
}
/* 現在いる場所 */
#inquiry .navi .page .page_now {
    border: solid 1px #ccc;
    padding: 3px 6px;
    text-decoration: none;
}
#inquiry .navi #left{
/*  width: 300px; */
  width: 320px;
  float: left;
}
#inquiry .navi #left-topics{
  width: 300px;
  float: left;
}
#inquiry .navi #left h3{
    margin-left: 38px;
}
#inquiry .navi #left-topics h3{
    margin-left: 38px;
}
#inquiry .navi .right{
/*  width: 590px;*/
    width: 630px;
    float: right;
}
#inquiry .navi ul{
    list-style-type: none outside;
    margin: 0 0 0 10px;
    text-align: right;
}
#inquiry .navi ul li{
    display: inline;
    margin: 0 5px 0 0;
}
#inquiry .navi li.maginnon{
    margin-right: 0px;
}
#inquiry a.upper-link {
    text-decoration: underline !important;
}
#inquiry a.upper-link:hover {
    text-decoration: none !important;
}

/*========================================================================
terms
========================================================================*/
#terms {
	width: 960px;
	margin: 0 auto;
}

#terms p{
/*	margin-bottom: 14px;
	line-height: 120%;*/
	margin-bottom: 0px;
	line-height: 140%;
}


#terms a	{
	color: #3399FF;
	text-decoration: none;
}
#terms a:hover	{
	color: #3399FF;
	text-decoration: none;
}
#terms h3 {
	font-size: 18px;
	text-align: center;
}
#terms .red {
	color: #F00;
	width: 410px;
	margin-top: 12px;
	margin-left: 10px;
}

#terms #main{
	width: 839px;
	margin: 0 auto;
	padding: 26px 0;
}

#terms #main #inner{
	background-image: url(../private/terms/img/terms_backimg.jpg);
	background-repeat: no-repeat;
	height: 400px;
	margin-bottom: 60px;
	padding: 26px 40px;
/*	width: 486px;*/
	width: 700px;
/*	width: 486px;*/
	margin: 0 auto;
}


#terms #box_c {
	margin: 0 auto;
/*	width: 410px;*/
	width: 610px;

	border: 1px solid #B4B4B4;
	padding: 20px 34px;
	overflow: auto;
	height: 290px;
}

#terms #box_b {
	margin: 0 auto;
	width: 354px;
	padding-top: 24px;
}
#terms ul{
	list-style-type: none outside;
	margin: 0 0;
}
#terms ul li{
	display: inline;
	margin: 0 5px 0 0;
}
#terms li.maginnon{
	margin-right: 0px;
}

/*========================================================================
tnp_float
========================================================================*/
#mainbox{
	width: 960px;
	margin: 0 auto;
	border: 1px solid #F2EAD8;
	margin: 1em 0;
}

#box-a{
	width: 480px;
	float: left;
}
.box_a{
	width: 480px;
	float: left;
}

#box-b{
	width: 480px;
	float: right;
}

#box-c{ clear: both; }

.maginb_non{
	margin-bottom: 0;
}
.maginr_non{
	margin-right: 0;
}


/*========================================================================
caution
========================================================================*/
.button-outer-ul {
	display: flex;
	gap: 0px 10px;
}
.button-outer-ul > li:nth-child(1) {
	flex: 2
}
.button-outer-ul > li:nth-child(2) {
	flex: 1
}

#caution{
	width: 960px;
	margin: 0 auto;
}
#caution #main{
	width: 890px;
	margin: 0 auto;
	padding: 80px 0px 40px 56px;
}
#caution #main #inner{
	height: 400px;
	width: 675px;
	margin-bottom: 0px;
	padding: 0px 80px 0px 80px;
}

#caution #main #inner .text01{
	padding-left: 10px;
}


#caution #box_c {
	margin: 0 auto;
	width: 410px;
	border: 1px solid #B4B4B4;
	padding: 20px 34px;
	overflow: auto;
	height: 290px;
}

#caution #box_b {
	margin: 0 auto;
	width: 454px;
	padding-top: 18px;
}
#caution ul li{
	margin: 0 5px 10px 0;
	list-style: square;
}
#box_b .button-outer-ul li{
	list-style: none;
}
.caution-image {
	padding: 25px 0 25px 0;
}

#caution-credit-download {
	color:#3399FF;
}

#topics #main{
	width: 839px;
	margin: 0 auto;
	padding: 0 0 0;
}
a.no-outline:active{
	outline: none !important;
}
a.no-outline:focus{
	outline: none !important;
}

table.table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    line-height: 120%;
    text-align: left;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table.table-01 td a{
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    color: #bfbec3 !important;
}
input::-webkit-input-placeholder { /* WebKit browsers */
     font-style: italic;
     color: #bfbec3 !important;
}

.alert-mark {
    width: 14px;
}

#caution #notice {
	font-size: 20px;
	margin-bottom: 25px;
	margin-left: -22px;
}

/*========================================================================
2024年モダン化共通設定
========================================================================*/
.css-button {
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	border-radius: 6px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}
.css-button:hover {
	cursor: pointer;
	opacity: 0.6;
}
.blue-button {
	color: white;
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: linear-gradient( #499aeb, #1f7ce4);
}
.lightblue-button {
	color: white;
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: linear-gradient( #49b8eb, #17a4c7);
}
.green-button {
	color: white;
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: linear-gradient( #3cb371, #3cb371);
}
.grey-button {
	color: darkslategray;
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: linear-gradient( #d3d3d3, #d1d1d1);
	display: inline-block;
}
.grey-button:hover {
	color: darkslategray;
}
.case-detail-button {
	display: inline-flex;
	width: 255px;
	height: 40px !important;
	line-height: 0px !important;;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
.case-detail-back-button {
	color: white;
	width: 110px !important;
	background: linear-gradient( #acacac, #acacac);
}
.disable-button {
	color: rgb(167, 185, 185);
	height: 30px;
	width: 100%;
	line-height: 30px;
	background: linear-gradient( #e2e0e0, #e2e1e1);
	display: inline-block;
}
.disable-button:hover {
	color:  rgb(167, 185, 185);
}
.using-point {
	font-size:0.9em;
	text-decoration: underline;
	width: 100px;
	display: inline-block;
	text-align: center;
}
.using-point:hover	{
	color: #3399FF;
}
.background-rectangle-box {
	border: 2px solid #d3d3d3;
	border-radius: 6px;
}
.advanced-search-table {
	width: 100%;
	padding-bottom: 27px;
}
.list-button {
	width: 100px;
	height: 42px;
	line-height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: right;
	margin: 5px 0px;
}
/* Tooltip container */
.listpage-tooltip {
	position: relative;
  }
/* Tooltip text */
.listpage-tooltip .listpage-tooltiptext {
	visibility: hidden;
	width: 150px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.listpage-tooltip:hover .listpage-tooltiptext {
	visibility: visible;
}
.listpage-tooltip .listpage-tooltiptext {
	width: 150px;
	bottom: 100%;
	left: 50%; 
	margin-left: -75px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.listpage-tooltip .listpage-tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}


  

.tool-subheading {
	border: none;
	text-decoration: underline;
	padding-bottom: 18px;
}

select#year1.year,
select#month1.year,
select#year2.year,
select#month2.year {
	font-size:14px;
}

