@charset "utf-8";

input,
textarea,
select{
	font-size:1.4rem;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	padding:3px 8px;
}

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


/* コンテンツ
--------------------------------*/
/* テーブル1 検索 */
table.tbl1{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
}
table.tbl1 tr{
	border-top:3px double #D2D2D2;
	border-bottom:3px double #D2D2D2;
}
table.tbl1 th{
	background:#F6F6F6;
	vertical-align:top;
    white-space: nowrap;
	margin:0;
	padding:18px 15px 15px 15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}
table.tbl1 td{
	padding:15px 10px 15px 15px;
}

/* テーブル1_2 結果 */
table.tbl1_2{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl1_2 th,
table.tbl1_2 td{
	padding:5px 5px 0 5px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	vertical-align:middle;
}
table.tbl1_2 th{
	background:#F6F6F6;
	vertical-align:top;
}
table.tbl1_2 tbody:nth-child(odd){
	background-color:#FFFDF4;
}


/* ボタン */
.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,#4481C4 0%,#3973B3);
	background: -webkit-gradient(linear, left top, left bottom, from(#4481C4), to(#3973B3));
	background-color:#3973B3;
	border:1px solid #666;
	border-radius:5px;
	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;
} 

/* ボタンc */
.btn_c{
	clear:both;
	text-align:center;
	word-wrap: break-word;
}
input.btn_c_submit{
	white-space:nomal;
	color:#fff;
	font-weight:bold;
	font-size:1.6rem;
	background: -moz-linear-gradient(top,#514CCD 0%,#4743B4);
	background: -webkit-gradient(linear, left top, left bottom, from(#514CCD), to(#4743B4));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#514CCD', endColorstr='#4743B4');
	background-color:#4743B4;
	border:1px solid #999;
	border-radius:5px;
	padding:10px 40px;
	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:nomal;
	color:#777;
	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 #ccc;
	border-radius:5px;
	padding:10px 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);
}
/* ボタン　グレー・小*/
input.btn_gly_s{
	white-space:nowrap;
	color:#0D1B3E;
	font-size: 14px;
	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:5px 50px;
	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);
}
/*------ ボタン・戻る ------*/
.btn00{
	text-align:center;
	padding-top:25px;
}
.btn00 a{
	white-space:nomal;
	color:#777;
	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 #ccc;
	border-radius:5px;
	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);
}
.btn00 a:hover{
	filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}


/*------ ボタン・小 ------*/
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_l{
	clear:both;
	text-align:center;
}
#btn_l ul{
	margin:2px;
	border-radius:3px;
}
#btn_l li{
	display:inline-block;
	list-style:none;
	margin:0 2px 2px 0;
}
#btn_l li a{
	font-size:1.4rem;
	font-weight:bold;
	display:block;
	color:#fff;
	background-color:#3973B3;
	border-radius:3px;
}
#btn_l li a:hover{
	opacity:0.7;
}
/* お気に入りに追加 */
#btn_l li.favorite a{
	background-image:url(../img/favorite.png);
	background-size:14px 14px;
	background-position:5px 12px;
	background-repeat:no-repeat;
	padding:10px 12px 10px 20px;
}
/* 前・戻る */
#btn_l li.previous a{
	background-image:url(../img/previous.png);
	background-size:10px 12px;
	background-position:5px 13px;
	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:75px 13px;
	background-repeat:no-repeat;
	padding:10px 20px 10px 12px;
}

/* ボタン中央揃え */
.btnCNTR{
	width:100%;
	text-align:center;
	margin:-10px 0 35px 0;
}
.btnCNTR ul{
	display:inline-block;
}
.btnCNTR ul li{
	padding:0 5px;
}
form ul.form-list{
	list-style-type:none;
	width:auto;
	display:inline-block;
	margin-bottom:-3px;
}
form ul.form-list li{
    float:left;
	padding:7px 5px 7px 0;
	display:inline-block;
	vertical-align:middle;
}
form ul.form-list li span{
	display:block;
	margin:0 0 0 3px;
	font-weight:bold;
	font-size:1.2rem;
	line-height:1.8rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#4A45BA;
 }
label{
	margin-right:10px;
}

/* textBOX,textAREA幅 */
.L{
	width:500px;
}
.M{
	width:200px;
}
.S{
	width:100px;
}

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

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

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

/* 必須項目 */
span.hissu_{
	padding-left:40px;
}


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


/*===============================================
  モニター幅939px以下
===============================================*/
@media only screen and (max-width:939px){
input,
select,
textarea{
	padding:5px 10px;
}
input[type="radio"],
input[type="checkbox"]{
    -moz-transform-origin: left center;
    -moz-transform: scale( 1.3 , 1.3 );
    -webkit-transform-origin: left center;
    -webkit-transform: scale( 1.3 , 1.3 );
}
form ul.form-list{
    width:93%;
}
form ul.form-list li{
    width:100%;
	display:block;
}
label{
	display:inline-block;
	margin-right:10px;
	line-height:150%;
}
input.btn_c_submit{
	margin:5px;
	width:95%;
}
input.btn_c_back{
	margin:5px;
	width:90%;
}
.btn00{
	margin:5px;
	padding:5px;
	width:90%;
}
.L{
	width:100%;
}
.M{
	width:80%;
}
.S{
	width:40%;
}
table.tbl1 tr{
	display:block;
	border-bottom:none;
}
table.tbl1 th{
	display:block;
	padding:7px 15px;
	display:list-item;
	list-style-type: none;
}
table.tbl1 td{
	width:100%;
	padding:15px;
	display:list-item;
	list-style-type: none;
}
}

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


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