/*template*/
/*20150707_スマホ分マージ*/
@charset "shift_jis";


h1 #header-title {
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
}
/*トップ画像*/
#header-title img{

}

hr {
	border-color: green;
}
/*赤文字*/
.req {
	text-align: center;
	color: red;
}
/*トップページ　ログインメニュー*/
#main_login {
	float: left;
	border: 1px solid #C6C6C6;
	background-color: #FAFAFA;
	width: 67%;
	margin-left: 1%;
	padding: 16px 16px 16px 16px;
	color: #767676;
}
/*マイページ ログインメニュー*/
#mypage_login {
	float: left;
	border: 1px solid #C6C6C6;
	background-color: #FAFAFA;
	/* [disabled]width: 67%;
*/
	margin-left: 1%;
	padding: 16px 16px 6px 16px;
	color: #767676;
	width: 780px;
}
/*タイトルバー*/
.titlebar_main {
	width: 100%;
	background-color: #359500;
	height: 40px;
}
.titlebar_main h2 {
	margin-left: 0.5em;
	color: #FFF;
	line-height: 2;
	font-size: 16pt;
}
/*サブタイトル　通常時*/
.subtitle_default {
	margin-top: 0.5em;	
	margin-left: 1em;
	color: green;
	font-size: 14pt;
	line-height: 1;
	line-height: 1;
}
/*サブタイトル　中央*/
.subtitle_center {
	margin-left: 1em;
	color: green;
	font-size: 14pt;
	line-height: 1.2;
	text-align:center;
}
/*注意事項(リクエストで利用)*/
.tyuuijikou {
	margin-left: 1.4em;
	color: #767676;
}
/*センター寄せ*/
.tyuuijikou_c {
	margin-left: 1.4em;
	color: #767676;
	text-align: center;
	margin-top:0.5em;
}
/*テーブル table_input*/
.tb_input {
	border: 1px solid #D2D2D2;
	width: 100%;
}
.tb_input .title {
	background-color: #359500;
	color: #FFF;
	margin-left: 6em;
	font-size: 12pt;
	padding-top: 5px;
	padding-bottom: 3px;
	font-weight:normal;
}
.tb_input_subtitle {
	background-color: #E2EEE2;
	color: #767676;
	padding: 1em;
	font-weight:normal;
	vertical-align: top;
}
.tb_input_2dan {
	padding-top:10px;
	padding-bottom:10px;
}
.tb_input td {
	padding: 1em;
	color: #767676;
	border: 1px solid #D2D2D2;
}
/*テーブル table_inpu2t*/
.tb_input2 {
	border: 1px solid #D2D2D2;
	width: 100%;
}
.tb_input2 .title {
	background-color: #E2EEE2;
	color: #000;
	padding: 1em;
	margin-left: 6em;
	font-size: 12pt;
	text-align: center;
}
.tb_input2 td {
	border: 1px solid #D2D2D2;
}
.tb_input2_subtitle {
	background-color: #E2EEE2;
	color: #767676;
	padding: 1em;
}
.tb_input2 td {
	padding: 1em;
	color: #767676;
}
/*テーブル table_input3*/
.tb_input3 {
	border: 1px solid #D2D2D2;
	width: 100%;
}
.tb_input3 .title {
	background-color: #359500;
	color: #FFF;
	padding: 1em;
	margin-left: 6em;
	font-size: 12pt;
	padding-top: 5px;
	padding-bottom: 3px;
}
}
.tb_input3 th {
}
.tb_input3 td {
	padding: 1em;
	border: 1px solid #D2D2D2;
}
.tb_input3_subtitle {
	background-color: #E2EEE2;
	color: #767676;
	text-align: center;
}
.tb_input3_content {
	color: #767676;
	text-align: center;
}
/*プラン詳細のアイコン群*/
.tb_input img{
	margin: 2px;
}

/*ボタン　通常時*/
.button_normal {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 230px;
}
.button_normal_login_back {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 230px;
	margin-right: 15px;
}

.button_small {
    padding-left: 0em;
    padding-right: 0em;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 150px;
}
.button_small2 {
    padding-left: 0em;
    padding-right: 0em;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 80px;
}

/*ボタン　送信時*/
.button_large {
	font-weight: bold;
	font-size:16px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	min-width: 230px;
}
/*必須マーク*/
.req_n {
	color: #fff;
	background-color: #F00;
	padding: 3px 5px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	white-space:nowrap;
	font-size:8pt;
	display: inline-block;
	float:right;
}
/*予約番号・会員番号*/
.res_number {
	font-size: 26pt;
	color: #000;
}
/*エリア　tb_intro ログイン画面など*/
	/*abセット*/
.tb_intro_a {
	margin-left: 4%;
	margin-right: 2%;
	/*padding-top: 2%;*/
	background-color: #E1EDE1;
	/*height: 300px;*/
	width: 90%;
	max-width: 90%;
}
.tb_intro_a2 {
	margin-left: 6%;
	/* [disabled]margin-right: 2%; */
	/*padding-top: 2%;*/
	background-color: #E1EDE1;
	/*height: 210px;*/
	width: 88%;
	max-width: 88%;
	margin-top: 0px;
	/* [disabled]padding-bottom: 2%; */
	/*text-align: center;*/
}
.tb_intro_b {
	background-color: #FFF;
	margin-left: 3%;
	margin-right: 3%;
	margin-top:3%;
	margin-bottom:3%;
	border: 1px solid #ABABAB;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #767676;
}
/*cd セット*/
.tb_intro_c {
	margin-left: 4%;
	margin-right: 2%;
	padding-top: 2%;
	background-color: #E1EDE1;
	height: 110px;
	width: 90%;
	max-width: 90%;
}
.tb_intro_d {
	background-color: #FFF;
	margin-left: 3%;
	margin-right: 3%;
	border: 1px solid #ABABAB;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*フォーム制御*/

#f_name{
width:200px;	
}

#f_pw{
width:350px;	
}

#f_zip{
width:100px;	
}

#f_local1{
width:200px;	
}
#f_local2{
width:400px;
margin-top:5px;
}
#f_tel{
width:100px;	
}
#f_cname{
width:400px;	
}
#henkan{
width:80px;	
}
#f_mail{
width:500px;	
}
#f_mail2{
width:400px;	
}
#f_fullname{
width:200px;	
}
#clear_button{
width:80px;
margin-top:15px;
}
#guide_font{
	font-size: 9pt;
	text-align: left;
}
#f_year{
}
#f_md{
}
#f_kigou1{
	
}

.forget-birth{
	margin-left:0px!important;
}

.col-sm-9-custom {
    width: 62%;
}
* {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.wide {
	width: 100%;
}
.bold {
	font-weight: bold;
}
/* テキストを省略せずに表示する */
.ui-header .ui-title, .ui-footer .ui-title, .ui-btn-inner, .ui-li-heading, .ui-li .ui-btn-text a.ui-link-inherit, .ui-li-desc {
	overflow: visible;
	white-space: normal;
}
#map {
	width: 100%;
	height: 300px;
	border: 8px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*入力フォームの背景を調整*/
textarea.ui-body-b, input.ui-body-b {
	background-color: white;
}
/*見出しとフォーム部品の間の余白を調整*/
.ui-field-contain:first-child {
	padding-top: 0;
}
.head_logo {
	margin-top: 0;
	margin-bottom: 0;
}
.bg_clr {
	background-color: #FFFFFF;
}
.titlebar_main {
	width: 100%;
	background-color: #359500;
	height: 40px;
}
.titlebar_main_2 {
  background-color: #359500;
  height: 40px;
  width: 130%;
}
.titlebar_main_2_sp {
	background-color: #359500;
	height: 40px;
}
.titlebar_main h2 {
	margin-left: 0.5em;
	color: #FFF;
	line-height: 2;
	font-size: 16pt;
	  font-weight:normal;
}
.titlebar_main_2 h2 {
	margin-left: 0.5em;
	color: #FFF;
	line-height: 2;
	font-size: 16pt;
	  font-weight:normal;
}
.titlebar_main_2_sp h2 {
	margin-left: 0.5em;
	color: #FFF;
	line-height: 2;
	font-size: 16pt;
	  font-weight:normal;
}
.titlebar_main_back{
  width: 50%;
  margin-left: 98px;
  margin-top: -5px;
  margin-bottom: -12px;
  padding: 0;
}
.titlebar_main_back h2 {
	margin-left: 0.5em;
	color: #FFF;
	line-height: 2;
	font-size: 16pt;
	  font-weight:normal;
}


.ui-navbar li .ui-btn:last-child {
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 10px;
	border: solid #D3D3D3;
}
.t_content {
/*
	text-align: center;
*/
	text-align: left;
	margin-left: 1em;

	margin-top: 1em;
	font-size: 12px;
}
.t_play {
	color: #359500;
	font-size: 14px;
	margin-left: 3%;
	font-weight: bold;
}
.bl1 {
	font-size: 12px;
	color: blue;
	margin-right: 0.5em;
	font-weight: bold;
}
.bk1 {
	font-size: 14px;
	font-weight: bold;
}
.cal td {
	text-align: center;
}
.normal_active {
	background-color: #80B780;
	color: #FFF;
	font-size: 80%;
	height: 60px;
}
.normal_active a {
	color: #FFF;
}
.golf_active {
	background-color: #FBEBDC;
	color: #EC690A;
	  height: 45px;
}
.golf_active a{
	color: #EC690A;
}


.normal_nonactive {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #F2F2F2),  color-stop(0.51, #FFFFFF),  color-stop(1, #F2F2F2) );
	background-image: -o-linear-gradient(bottom, #F2F2F2 11%, #FFFFFF 51%, #F2F2F2 100%);
	background-image: -moz-linear-gradient(bottom, #F2F2F2 11%, #FFFFFF 51%, #F2F2F2 100%);
	background-image: -webkit-linear-gradient(bottom, #F2F2F2 11%, #FFFFFF 51%, #F2F2F2 100%);
	background-image: -ms-linear-gradient(bottom, #F2F2F2 11%, #FFFFFF 51%, #F2F2F2 100%);
	background-image: linear-gradient(to bottom, #F2F2F2 11%, #FFFFFF 51%, #F2F2F2 100%);
	font-size: 80%;
}

.cat_other {
	width: 14%;
	background-color: #989898;
	color: #FFF;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
.cat_sat {
	width: 14%;
	background-color: #87A5FF;
	color: #FFF;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
.cat_sun {
	width: 15%;
	background-color: #FEBCA6;
	color: #FFF;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
.day_nonactive {
	background-color: #FBFBFB;
	color: #989898;
}
.day_nonactive_sat {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #F2FAFF),  color-stop(0.51, #FFFFFF),  color-stop(1, #F2FAFF) );
	background-image: -o-linear-gradient(bottom, #F2FAFF 11%, #FFFFFF 51%, #F2FAFF 100%);
	background-image: -moz-linear-gradient(bottom, #F2FAFF 11%, #FFFFFF 51%, #F2FAFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F2FAFF 11%, #FFFFFF 51%, #F2FAFF 100%);
	background-image: -ms-linear-gradient(bottom, #F2FAFF 11%, #FFFFFF 51%, #F2FAFF 100%);
	background-image: linear-gradient(to bottom, #F2FAFF 11%, #FFFFFF 51%, #F2FAFF 100%);
	color: #989898;
}
.day_nonactive_sun {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #FFF4F1),  color-stop(0.51, #FFFFFF),  color-stop(1, #FFF4F1) );
	background-image: -o-linear-gradient(bottom, #FFF4F1 11%, #FFFFFF 51%, #FFF4F1 100%);
	background-image: -moz-linear-gradient(bottom, #FFF4F1 11%, #FFFFFF 51%, #FFF4F1 100%);
	background-image: -webkit-linear-gradient(bottom, #FFF4F1 11%, #FFFFFF 51%, #FFF4F1 100%);
	background-image: -ms-linear-gradient(bottom, #FFF4F1 11%, #FFFFFF 51%, #FFF4F1 100%);
	background-image: linear-gradient(to bottom, #FFF4F1 11%, #FFFFFF 51%, #FFF4F1 100%);
	color: #989898;
}
.day_active {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #EDEDEF),  color-stop(0.51, #FFFFFF),  color-stop(1, #EDEDEF) );
	background-image: -o-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -moz-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -webkit-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -ms-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: linear-gradient(to bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
}
.day_active_sat {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #D5F1FF),  color-stop(0.51, #FFFFFF),  color-stop(1, #D5F1FF) );
	background-image: -o-linear-gradient(bottom, #D5F1FF 11%, #FFFFFF 51%, #D5F1FF 100%);
	background-image: -moz-linear-gradient(bottom, #D5F1FF 11%, #FFFFFF 51%, #D5F1FF 100%);
	background-image: -webkit-linear-gradient(bottom, #D5F1FF 11%, #FFFFFF 51%, #D5F1FF 100%);
	background-image: -ms-linear-gradient(bottom, #D5F1FF 11%, #FFFFFF 51%, #D5F1FF 100%);
	background-image: linear-gradient(to bottom, #D5F1FF 11%, #FFFFFF 51%, #D5F1FF 100%);
}
.day_active_sun {
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #FFDCD0),  color-stop(0.51, #FFFFFF),  color-stop(1, #FFDCD0) );
	background-image: -o-linear-gradient(bottom, #FFDCD0 11%, #FFFFFF 51%, #FFDCD0 100%);
	background-image: -moz-linear-gradient(bottom, #FFDCD0 11%, #FFFFFF 51%, #FFDCD0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFDCD0 11%, #FFFFFF 51%, #FFDCD0 100%);
	background-image: -ms-linear-gradient(bottom, #FFDCD0 11%, #FFFFFF 51%, #FFDCD0 100%);
	background-image: linear-gradient(to bottom, #FFDCD0 11%, #FFFFFF 51%, #FFDCD0 100%);
}
.helptext_1 {
	margin-left: 12px;
	color: #989898;
	font-size: 12px;
}
.tbl_month {
	border-collapse: collapse;
}
.tbl_month td {
	/*border: thin 1px gray;*/
	text-align: center;
	border-top: 1px solid gray;
 	border-left: 1px solid gray;
  	border-right: 1px solid gray;
}
.tbl_month a {
	text-decoration: none;
}
.tbl_day {
	border-collapse: collapse;
}
.tbl_day a {
	text-decoration: none;
}
.tbl_day td {
	/*border: thin 1px gray;*/
	border: 1px solid gray;
	height: 60px;
}
.ui-navbar {
	margin-top: 10px;
}
.button {
	display: block;
	border: 1px solid #D5D5D5;
	padding: 10px;
	border-radius: 10px;
	width: 10%;
	text-align: center;
	margin-top: 10px;
}
.footer {
	font-size: 12px;
	color: gray;
}
.sumi {
	text-align: right;
}
.pc {
	zoom: 0.8;
	z-index: 1000;
	position: absolute;
	display: block;
	border: 2px solid #D5D5D5;
	padding: 2px;
	border-radius: 10px;
	width: 16%;
	height:3%;
	text-align: center;
	/*margin-top: 0;*/
	font-size: 10px;
	top: 5px;
	right: 0;
	text-decoration: none;
	background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #EDEDEF),  color-stop(0.51, #FFFFFF),  color-stop(1, #EDEDEF) );
	background-image: -o-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -moz-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -webkit-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -ms-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: linear-gradient(to bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
}
.pc a{
	font-weight:normal!important;
	text-decoration:none;
}
.member_message{
font-size:10px;
padding:5px;	
}

.button_2 {
  width: 40%;
  /* margin-top: 10px; */
}
.button_3 {
	
	zoom:0.18;
	border: 2px solid #D5D5D5;
	padding: 10px;
	border-radius: 10px;
  width: 50%;
  margin-left: 23%;
  margin-top:1%;;
  margin-bottom:1%;
	text-align: center;
	margin-top: 10px;
	font-size: 10px;
text-decoration:none;
background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0.11, #EDEDEF),  color-stop(0.51, #FFFFFF),  color-stop(1, #EDEDEF) );
	background-image: -o-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -moz-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -webkit-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: -ms-linear-gradient(bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
	background-image: linear-gradient(to bottom, #EDEDEF 11%, #FFFFFF 51%, #EDEDEF 100%);
}

.menu_touroku{
margin-top:1%;
margin-bottom:1%;
}

.button3 a{
	  text-decoration:none;
  color:#000
}


.button a{
	  text-decoration:none;
  color:#000
}
.button_2 a{
	  text-decoration:none;
  color:#000
}
hr {
	border-color: green;
}

.tbl_usermenu{
	text-align:center;
	width:90%;
	margin-left:5%;
	border-collapse: collapse;
}
.tbl_usermenu td{
	text-align:center;
		border: thin 1px gray;
		font-size:12px;
}.mypage_cat{
	background-color:#DFEDE0;

	height:50px;
}
.mypage_cat_title{
  background-color: #359500;
  text-align: left;
  color: #FFF;
  padding-left: 0.5em;
  font-weight:normal;

}

.plan_name{
	 margin: 0;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.plan_price {
  color: red;
}
.plan_price2{
 font-size: 12px;
}
.plan_icon{
	
}
/*同伴者登録のフォームポジション*/
.douhan-form{
	margin-top:10px;
	margin-bottom:10px;
}
/*同伴者登録のラジオボタンポジション*/
.douhan-radio{
	margin-left:0px;
}
/*～を忘れた方*/
.remind-form{
display: inline;
width: 70%;
height: auto;
padding: auto;
}

.remind-box{
	/*padding-left: 0.8% !important;*/
	padding-right: 0;
	margin-top: 3px;
padding-right: 0em;
	
}
.remind-box1{
	padding-left: 5px;
	padding-right: 5px;	
}

.remind-1{
padding-top: 1.5em;
padding-bottom: 1em;	
}

.remind-2{
/*padding-top: 1em;*/
}
.remind-3{
padding-top: 1.5em;
}

/*ラベル要素が太字になるので打ち消す*/
label{
	font-weight:normal!important;
}

.form-group {
    /*margin-bottom: 5px;!important*/
}
/*※注意事項*/
.kome{
    font-size: 9pt;
    line-height: 1.5;
    color: #8D8D8D;
}
}