@charset "utf-8";
/* form */
input[type="text"] {
	border: 0;
	padding: 5px 5px;
    font-size: 20px;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	border: solid 1px #979797;
	margin: 0;
	width: 480px;
    height: 50px;
}

#nav_search input[type="text"] {
	padding: 5px 5px;
	border: solid 1px #CCC;
	height:30px;
	font-size: 15px;
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

@media screen and (max-width: 740px) {

	input[type="text"] {
		width: 75%;
	    font-size: 14px;
	}
	#top_box input, #top_box label {
   		 margin-right: 5px;
	}
}

input.btn_submit {
	padding: 5px 15px;
	cursor: pointer;
}

.nav_search_target td {
	padding: 2px 0;
}

.nav_search_target input {
	vertical-align: middle;
}

.nav_search_target td {
	vertical-align: middle;
}

select{
    color: #333;
    height: 20px;
    font-size: 100%;
    padding: 2px 20px 2px 2px !important;
    border: 1px solid #B3B3B3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background-color: #CCC;
    background: #FFF url(../images/common/select_arrow.png) no-repeat right;
}

/* IE9 hack */
@media all and (min-width:0\0) and (min-resolution: .001dpcm) {
	select { 
		border:1px solid #ccc;
		padding: 0 !important;
		background:none !important;
		background-color: #fff !important;
	}
}
select::-ms-expand {
  display: none;
}

/*
 * ラジオボタン　スタイル
 */

input[type=radio],input[type=checkbox] {
  display: none;
}

.radio {
    box-sizing: border-box;

    position: relative;
    display: inline-block;
    margin: 0 0px 8px 6px;
    padding: 12px 2px 12px 19px;
    vertical-align: middle;
    cursor: pointer;
}

ul .radio {
	box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0 0px 7px 2px;
    padding: 12px 2px 4px 19px;
    vertical-align: middle;
    cursor: pointer;
}

ul.radioGroups label {
	padding:0 !important;
}

.checkbox {
       box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: -5px 0px 0px 3px;
    padding: 3px 0px 0px 16px;
    vertical-align: middle;
    cursor: pointer;

}

.radio:after {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-image: url(../images/form/radio_off.png);
  content: '';
}

.radio:before {
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-image: url(../images/form/radio_on.png);
  content: '';
  opacity: 0;
}

.checkbox:after {
  position: absolute;
  top: 50%;
  left: -2px;
  display: block;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-image: url(../images/form/check_off.png);
  content: '';
}

.checkbox:before {
  position: absolute;
  top: 50%;
  left: -2px;
  display: block;
  margin-top: -7px;
  width: 18px;
  height: 18px;
  background-image: url(../images/form/check_on.png);
  content: '';
  opacity: 0;
}

input[type=radio]:checked + .radio:before {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

input[type=radio]:checked + .radio:after {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
}

input[type=checkbox]:checked + .checkbox:after {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

input:checked + label:after{
    top:3px;
    height:7px;
    border-left: 3px solid #E71063;
    border-bottom: 2px solid #E71063;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox.week {
	box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: -10px 0px 0px 3px;
    padding: 3px 1px 6px 16px;
    vertical-align: middle;
    cursor: pointer;
}