@charset "utf-8";

input,
select,
text,
textarea{
font-size:1.4rem;
border:solid 1px #CCC;
border-radius:5px;
}
select{
padding: 5px;
}

input { filter:Alpha(opacity=100);-moz-opacity:1;}
input:hover{ filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} 

.validateErr {
	padding:5px;
	color:#f00;
}

/* googleカスタム検索
--------------------------------*/
#googleSRC{
	margin:14px 0 0 0;
	padding:8px 10px 7px 10px;
	background-color:#F7F7F7;
}
#googleSRC li{
	display:inline-block;
	vertical-align:middle;
}
#googleSRC li.btn_google{
	padding-top:5px;
}
#googleSRC .gsc-control-cse, 
#googleSRC .gsc-control-cse-ja,
#googleSRC .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
#googleSRC table.gsc-search-box td,
#googleSRC table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#googleSRC input[type="text"]{
    height:25px !important;
	width:145px;
}
#googleSRC input[type="text"]:focus {
    border: 1px solid D9D9D9 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* ボタン */
#googleSRC input.gsc-search-button{
	padding:6px 15px !important;
}
/* ボタンの位置調整と角丸消し */
#googleSRC .gsc-search-button{
    margin:0 0 0 -5px !important;
}

/* 検索上部バー */
.ctn_src{
margin:0 0 13px 0;
}
.ctn_src ul{
background-color: #36B1E3;
border-radius: 5px;
padding:10px 13px;
}
.ctn_src ul li{
display: inline;
position:static;
margin: 0;
padding: 0;
vertical-align:middle;
}
.ctn_src ul li:nth-child(1) input{
border-radius:5px 0 0 5px;
}
.ctn_src ul li:nth-child(2) input{
border-radius:0 5px 5px 0;
background-color:#5EC1E9;
background-image:url("../img/list_ftr_serch.png");
background-repeat: no-repeat;
background-position:10px 2px;
border-color:#5EC1E9;
padding:2px 5px;
text-indent: 120%;
width:45px;
}
.ctn_src ul li:nth-child(2){
margin-left: -5px;
}
.ctn_src ul li:nth-child(3){
float: right;
color: #FFF;
margin-top:2px;
font-size:1.3rem;
max-height: 999999;
}
.ctn_src ul li:nth-child(3) span{
font-weight: bold;
}

/* テーブル1-1 検索 */
table.tblSRC1-1{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tblSRC1-1 th{
	padding:5px 5px 0 5px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tblSRC1-1 th{
	background:#F6F6F6;
	vertical-align:top;
}
.td_wd{
width: 200px;
}

/* テーブル1-2 結果 */
table.tblSRC1-2{
width:100%;
white-space: nowrap;
border-collapse:collapse;
font-size: 1.3rem;
max-height: 999999;
margin:0 auto;
margin-bottom:20px;
background-color: #FFF;
border-radius: 5px;
box-shadow:0 0 2px rgba(0,0,0,0.2);
}
table.tblSRC1-2 thead tr th,
table.tblSRC1-2 tbody tr td{
border-right:1px solid #DEDEDE;
}
table.tblSRC1-2 thead tr th:last-child,
table.tblSRC1-2 tbody tr td:last-child{
border-right: none;
}
table.tblSRC1-2 thead tr th{
padding:5px 11px 0 11px;
vertical-align:top;
font-size: 1.1rem;
max-height: 999999;
font-weight: bold;
border-bottom:1px solid #D2D2D2;
}
table.tblSRC1-2 thead tr th span{
display: inline-block;
font-size: 1.0rem;
max-height: 999999;
line-height: 1.6rem;
text-align: center;
padding:2px 6px 1px 6px;
border-radius: 5px;
color: #FFF;
}
table.tblSRC1-2 thead tr th:nth-child(9) span:first-child{
background-color:#1B4D86;
}
table.tblSRC1-2 thead tr th:nth-child(9) span:nth-child(2){
background-color:#8C969F;
}
table.tblSRC1-2 tbody tr td{
padding:9px 12px;
vertical-align:top;
}
table.tblSRC1-2 tbody tr td:first-child{
white-space:normal;
}
table.tblSRC1-2 tbody tr:nth-child(odd){
background-color:#E3F4FB;
}
table.tblSRC1-2 tbody tr td:first-child p{
font-weight: bold;
}
table.tblSRC1-2 tbody tr td ul li{
display: inline-block;
font-size: 1.1rem;
max-height: 999999;
line-height: 1.6rem;
text-align: center;
}
table.tblSRC1-2 tbody tr td ul li a{
display:block;
margin:0;
padding:2px 6px 1px 6px;
border-radius: 5px;
color: #FFF;
}
table.tblSRC1-2 tbody tr td:nth-child(9) ul:first-child li a,
table.tblSRC1-2e tbody tr td:nth-child(8) ul:first-child li a{
background-color:#1B4D86;
}
table.tblSRC1-2 tbody tr td:nth-child(9) ul:nth-child(2) li a{
background-color:#8C969F;
}
table.tblSRC1-2 tbody tr td:nth-child(10) ul li a{
background-color: #36B1E3;
width:40px;
white-space:normal;
padding:7px 3px;
}
table.tblSRC1-2 tbody tr td span{
display: none;
}
table.tblSRC1-2 tbody tr td ul li a:hover{
opacity: 0.6;
}

table.tblSRC1-2 tbody tr td:nth-child(7) ul:nth-child(2) .struct a{
background-color:#AA3;
}
/* ページナビ */
ul.pageNav{
	margin:0;
	padding: 12px;
	text-align: center;
}
ul.pageNav li{
display: inline;
margin: 0;
padding: 0;
color: #36B1E3;
}
ul.pageNav li span,
ul.pageNav li a{
	display: inline-block;
	padding:3px 12px;
	background-color: #fff;
	border-radius:5px;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav li a{
color: #36B1E3;
border: 1px solid #ccc;
}
ul.pageNav li span{
background-color: #36B1E3;
color: #FFF;
border: 1px solid #36B1E3;
}
ul.pageNav li a:hover{
	background: #efefef;
}


/* テーブル2 検索 */
table.tbl2{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	padding-top:10px;
}
table.tbl2 th,
table.tbl2 td{
	padding:10px 5px 0 5px;
}
table.tbl2 th{
	vertical-align:top;
}
table.tbl2 td{
	text-align:left;
}


/* ボタン */
.remind_btn{
	text-align:center;
	padding-top:25px;
}
.remind_btn a{
	white-space:nowrap;
	color:#fff;
	font-weight:bold;
	font-size:1.6rem;
	background: -moz-linear-gradient(top,#00B7BF 0%,#00949B);
	background: -webkit-gradient(linear, left top, left bottom, from(#00B7BF), to(#00949B));
	background-color:#00949B;
	border:1px solid #666;
	border-radius:3px;
	padding:10px;
	text-decoration:none;
	text-align:center;
	filter:Alpha(opacity=100);
	-moz-opacity:1;
}
.remind_btn a:hover{
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;opacity:0.7;
} 

/* ボタン */
.btn_c{
	clear:both;
	text-align:center;
}
.btn100{
width:100%;
}
.btn70{
	
  
}
.btn85{
	width:85%;
}
input.btn_c_submit, button.btn_c_submit{
	white-space:nowrap;
	color:#fff;
	font-weight:bold;
	font-size:1.4rem;
	background: -moz-linear-gradient(top,#36B1E3 0%,#1FA5DE);
	background: -webkit-gradient(linear, left top, left bottom, from(#36B1E3), to(#1FA5DE));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#36B1E3', endColorstr='#1FA5DE');
	background-color:#36B1E3;
	border-radius:5px;
	padding:7px 20px;
	margin:2px 3px;
	text-decoration:none;
	text-align:center;
}
input.btn_c_reset{
	white-space:nowrap;
	color:#228F95;
	font-weight:bold;
	font-size:1.2rem;
	background: -moz-linear-gradient(top,#fff 0%,#e0e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#e0e0e0');
	border:1px solid #999;
	border-radius:3px;
	padding:10px;
	text-decoration:none;
	text-align:center;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
}
input.btn_c_back{
	white-space:nowrap;
	color:#856FAE;
	font-weight:bold;
	font-size:1.6rem;
	background: -moz-linear-gradient(top,#fff 0%,#e0e0e0);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fff', endColorstr='#e0e0e0');
	border:1px solid #999;
	border-radius:3px;
	padding:15px 30px;
	text-decoration:none;
	text-align:center;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1);
}

/*------ ボタン・小 ------*/
ul.btn_s{
	border-radius:3px;
}
ul.btn_s li{
	float:left;
	list-style:none;
	margin:0 2px 2px 0;
	width:40px;
	text-align:center;
	padding:0;
	border-radius:3px;
}
ul.btn_s li a{
	font-size:1.2rem;
	font-weight:bold;
	padding:1px 3px;
	display:block;
	color:#fff;
	text-align:1.2rem;
	/* ↓色指定 background-color:; */
}
ul.btn_s li a:hover{
	opacity:0.7;
}
/* 青 */
ul.btn_s li.blue{
	background-color:#528ED1;
}
/* 赤 */
ul.btn_s li.red{
	background-color:#D5575A;
}
/* 黄 */
ul.btn_s li.yellow{
	background-color:#EDD10C;
}
/* 灰 */
ul.btn_s li.grey{
	background-color:#888;
}

/*------ ボタン・中・青 ------*/
#btn_m{
	clear:both;
	text-align:left;
/*	margin-top:-20px;*/
}
#btn_m ul{
	margin:0;
	border-radius:3px;
}
#btn_m li{
	display:inline;
	list-style:none;
}
#btn_m li a{
	font-size:1.4rem;
	display:inline-block;
	border-radius:3px;
	color:#FFF;
	background-color:#00949B;
	padding:10px 25px 10px 40px;
	margin:2px 0;
	box-shadow:0 0 3px rgba(0,0,0,0.4);
}
#btn_m li a:hover{
	opacity:0.7;
}
/* ホームページ */
#btn_m li.btn_hp a{
	background-image:url(../img/btn_hp.png);
	background-size:19px 14px;
	background-position:15px 15px;
	background-repeat:no-repeat;
}
/* SDS検索 */
#btn_m li.btn_search a{
	background-image:url(../img/btn_search.png);
	background-size:18px 18px;
	background-position:15px 13px;
	background-repeat:no-repeat;
}


/*------ ボタン・大 ------*/
#btn_l{
	clear:both;
	text-align:center;
	margin-top:-20px;
}
#btn_l ul{
	margin:2px;
	border-radius:3px;
}
#btn_l li{
	display:inline-block;
	list-style:none;
	margin:0 2px 2px 0;
	color:#CCC;
}
#btn_l li a{
	font-size:1.4rem;
	display:block;
	color:#333;
	border-radius:3px;
}
#btn_l li a:hover{
	opacity:0.7;
}
/* 前・戻る */
#btn_l li.previous a{
	background-image:url(../img/previous.png);
	background-size:10px 12px;
	background-position:5px 50%;
	background-repeat:no-repeat;
	padding:10px 12px 10px 20px;
}
/* 次・進む */
#btn_l li.next a{
	background-image:url(../img/next.png);
	background-size:10px 12px;
	background-position:right 0 bottom 50%;
	background-repeat:no-repeat;
	padding:10px 20px 10px 12px;
}

/*
form p{
	white-space:nowrap;
	display:inline;
}

form ul.form{
    width:auto;
	display:inline-block;
}
form ul.form li{
    float:left;
	padding-right:15px;
	display:inline-block;
	vertical-align:middle;
}
*/
label{
	margin-right:10px;
}

/* textBOX,textAREA幅 */
.L{
	width:500px;
	padding:5px;
}
.M{
	width:200px;
	padding:5px;
}
.S{
	width:100px;
	padding:5px;
}
.LMS{
	width:60%;
	padding:8px;
	margin-right:3px;
}

/* ime-mode */
.imeJ{
	ime-mode:active;
}
.imeE{
	ime-mode:inactive;
}

/* () */
.parentheses{
	font-size:1.2rem;
	width:100%;
}

/* ※ */
.kome{
	color:#F30;
	width:100%;
}

/* 必須項目 */
span.hissu{
	color:#FF0000;
	font-size:1.2rem;
	margin:0 5px;
	font-weight:bold;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:1200px){	
}


/*===============================================
  モニター幅1199px以下
===============================================*/
@media only screen and (max-width:1199px){
input,
select,
text,
textarea{
	font-size:1.4rem;
	padding:5px 5px 10px 5px;
margin-top:5px;
}
input[type="radio"],
input[type="checkbox"]{
margin-right:5px;
    -moz-transform-origin: left center;
    -moz-transform: scale( 1.3 , 1.3 );
    -webkit-transform-origin: left center;
    -webkit-transform: scale( 1.3 , 1.3 );
}
select{
	font-size:1.4rem;
}
/*
form p{
	display:block;
	white-space:normal;
}
*/
form ul.form{
    width:90%;
}
form ul.form li{
    width:100%;
	display:block;
	padding-bottom:5px;
}
label{
	display: inline-block;
	margin-right:10px;
	line-height:150%;
}
input.btn_c_back{
	width:95%;
}
.L{
	width:90%;
}
.M{
	width:80%;
}
.S{
	width:40%;
}
.LMS{
	width:45%;
}
table.tblSRC1-1{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tblSRC1-1 tbody{
	display: block;
}
table.tblSRC1-1 tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tblSRC1-1 tbody th,
table.tblSRC1-1 tbody td{
	padding:5px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tblSRC1-1 tbody th{
	white-space:nowrap;
	background:#F6F6F6;
	margin-top:-1px;
}
table.tblSRC1-1 td{
	width:100%;
}
.ctn_src ul li:nth-child(3){
float: none;
display: block;
margin-top:10px;
}
table.tblSRC1-2 thead{
display: none;
}
table.tblSRC1-2 tbody tr td{
display:block;
float: left;
border-right:none;
padding:3px 10px;
}
table.tblSRC1-2 tbody tr td:first-child,
table.tblSRC1-2 tbody tr td:nth-child(9),
table.tblSRC1-2 tbody tr td:nth-child(10){
display:block;
width: 100%;
}
table.tblSRC1-2 tbody tr td:first-child{
padding-top:15px;
}
table.tblSRC1-2 tbody tr td:nth-child(10){
padding-bottom:12px;
}
table.tblSRC1-2 tbody tr td:first-child p{
font-size: 1.6rem;
max-height: 999999;
}
table.tblSRC1-2 tbody tr td:nth-child(9) ul li a{
padding:10px 20px;
margin: 3px 0;
}
table.tblSRC1-2 tbody tr td:nth-child(10) ul li a{
display: block;
width:100%;
white-space:normal;
padding:10px 20px;
}
table.tblSRC1-2 tbody tr td span{
display: inline-block;
font-size: 1.0rem;
max-height: 999999;
line-height: 1.1rem;
font-weight: bold;
color:#36B1E3;
border-radius:10px;
border:1px solid #ADDEF3;
background-color:#FFF;
padding:3px 5px;
margin-right: 5px;
}

.td_wd{
width: auto;
}

table.tbl2{
	display:block;
	padding:0 10px;
}
table.tbl2 tbody{
	display: block;
}
table.tbl2 tbody tr{
	display:block;
}
table.tbl2 tbody th,
table.tbl2 tbody td{
	padding:5px;
	display:list-item;
	list-style-type: none;
}
table.tbl2 tbody th{
	white-space:nowrap;
}
table.tbl2 td{
	width:100%;
}
#googleSRC input[type="text"]{
	width:100%;
}
}

/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
.ctn_form h3{
	text-align:center;
}
#btn_m li a{
	display:block;
	margin:8px 0;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
}