﻿@charset "utf-8";

input,
textarea,
select{
	font-size:1.4rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input { filter:Alpha(opacity=100);-moz-opacity:1;}
input:hover{ filter:Alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;} 




/* コンテンツ
--------------------------------*/
/* テーブル1 検索 */
table.tbl1{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl1 th,
table.tbl1 td{
	padding:5px 5px 0 5px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl1 th{
	background:#F6F6F6;
	vertical-align:top;
    white-space: nowrap;
}

/* テーブル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,#4481C4 0%,#3973B3);
	background: -webkit-gradient(linear, left top, left bottom, from(#4481C4), to(#3973B3));
	/* IE */
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4481C4', endColorstr='#3973B3');
	background-color:#3973B3;
	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);
}

/*------ ボタン・戻る ------*/
.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;
}
#btnCNTR ul{
	display:inline-block;
}
#btnCNTR ul li{
	padding:0 5px;
}

form p{
	white-space:nowrap;
	display:inline;
}

form ul{
	list-style-type:none;
	width:auto;
	display:inline-block;
}
form li{
    float:left;
	padding-right:15px;
	display:inline-block;
	vertical-align:middle;
}
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{
	color:#FFF;
	background-color:#FF5959;
	font-size:0.9rem;
	margin:0 5px;
	padding:0 5px;
}
span.hissu_{
	padding-left:40px;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:1000px){	
}


/*===============================================
  モニター幅999px以下
===============================================*/
@media only screen and (max-width:999px){
input,
select,
textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4rem;
	padding:5px;
}
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 );
}
select{
	font-size:1.4rem;
}

form p{
	display:block;
	white-space:normal;
}
form ul{
    width:90%;
}
form li{
    width:100%;
	display:block;
	padding-bottom:5px;
}
label{
	display: inline-block;
	margin-right:10px;
	line-height:150%;
}
input.btn_c_submit{
	margin:5px;
	width:90%;
}
input.btn_c_back{
	margin:5px;
	width:90%;
}
.btn00{
	margin:5px;
	padding:5px;
	width:90%;
}
.L{
	width:90%;
}
.M{
	width:80%;
}
.S{
	width:40%;
}
table.tbl1{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tbl1 tbody{
	display: block;
}
table.tbl1 tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl1 tbody th,
table.tbl1 tbody td{
	padding:5px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl1 tbody th{
/*	white-space:nowrap;*/
	background:#F6F6F6;
	margin-top:-1px;
}
table.tbl1 tbody th.thttl{
	background:#E0E0E0;
}
table.tbl1 td{
	width:100%;
}
span.hissu_{
	padding-left:0;
}
}

/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
}