@charset "utf-8";

/* #############################################################

[ 構造設計 ]

適用範囲：フォーム

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

/* ==========================================================================
 STEP
=========================================================================== */
#str_container ul#step_view_area {
	margin:0 0 20px!important;
	text-align:center;
}
#str_container ul#step_view_area li {
	display:inline;
}


/* ==========================================================================
 h1
=========================================================================== */
#str_container #str_center h1 {
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	background:url(/resource/images/headings/bg_heading_red.gif) no-repeat 4px 0;
}
#str_container #str_center h1 span.ttl_substitution {
	display:block;
	height:20px;
}
#str_container #str_center h1 span.ttl_substitution span {
	visibility:hidden;
}

/* -------------------------------------------------------------- 
 MYGDO　(mygdo/)
-------------------------------------------------------------- */
#str_container h1#ttl_modify span.ttl_substitution {
	width:197px;
	background:url(/mygdo/change/images/ttl_modify.gif) no-repeat 0 0;
}
#str_container h1#ttl_cancel span.ttl_substitution {
	width:218px;
	background:url(/mygdo/cancel/images/ttl_cancel.gif) no-repeat 0 0;
}
#str_container h1#ttl_contact span.ttl_substitution {
	width:277px;
	background:url(/mygdo/inquiry/images/ttl_contact.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------- 
 予約フロー　(reserve/)
-------------------------------------------------------------- */
#str_container h1#ttl_realtime span.ttl_substitution {
	width:156px;
	background:url(/rsv/realtime/images/ttl_realtime.gif) no-repeat 0 0;
}
#str_container h1#ttl_request span.ttl_substitution {
	width:137px;
	background:url(/rsv/request/images/ttl_request.gif) no-repeat 0 0;
}
#str_container h1#ttl_wait_reserve span.ttl_substitution {
	width:178px;
	background:url(/rsv/wait-reserve/images/ttl_wait_reserve.gif) no-repeat 0 0;
}
#str_container h1#ttl_wait_cancel span.ttl_substitution {
	width:178px;
	background:url(/rsv/wait-cancel/images/ttl_wait_cancel.gif) no-repeat 0 0;
}
#str_container #str_center h1#ttl_oneshot{
	margin:0 0 20px 0;
	padding:0 0 0 15px;
	background:url(/resource/images/headings/bg_heading_red.gif) no-repeat 0 0;
}

#str_container h1#ttl_oneshot{
	width:310px;
}

/* -------------------------------------------------------------- 
 カレンダー　＞　プレーヤーコメント　(calendar/comment)
-------------------------------------------------------------- */
#str_container h1#ttl_comment span.ttl_substitution {
	width:197px;
	background:url(/course/comment/images/ttl_comment.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------- 
 特集キャンペーン　＞　ギアプレゼント ＞ 懸賞応募フォーム　(campaign/gear_present)
-------------------------------------------------------------- */
#str_container h1#ttl_present span.ttl_substitution {
	width:177px;
	background:url(/special/gear-present/images/ttl_present.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------- 
 コンペ ＞ GDOコンペコンシェルジュ　(compe/concierge)
-------------------------------------------------------------- */
#str_container h1#ttl_concierge span.ttl_substitution {
	width:248px;
	background:url(/concierge/images/ttl_concierge.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------- 
 コンペ ＞ GDOコンペコンシェルジュプラス　(concierge_plus)
-------------------------------------------------------------- */
#str_container h1#ttl_concierge_plus span.ttl_substitution {
	width:250px;
	background:url(/concierge_plus/images/ttl_concierge_plus.gif) no-repeat 0 0;
}

#str_container h1#ttl_concierge_plus_cancel span.ttl_substitution {
	width:218px;
	background:url(/concierge_plus/images/ttl_cancel.gif) no-repeat 0 0;
}

/* ==========================================================================
 h2
=========================================================================== */
#str_container #str_center h2 {
	margin:0 0 10px 0;
	padding:0 0 0 13px;
	background:url(/resource/images/headings/bg_heading_red.gif) no-repeat -2px 0;
	font-size:113%;
	font-weight:bold;
	line-height:1;
}


/* ==========================================================================
 text
=========================================================================== */
#str_container #str_center ul {
	margin-bottom:10px;
}
#str_container #str_center ul li ul {
	margin-left:1em;
}
#str_container #str_center table.tbl td ul.noteList li {
	margin-bottom:0;	
}
#str_container #str_center table.tbl td p.noteTxt {
	margin-bottom:0;	
}
#str_container ul.noteList li.example {
	padding-left:2em;
	text-indent:-2em;
}
#str_container ul.form_comments_list {
	padding-left:1em;
}
#str_container ul.form_comments_list li {
	color:#666666;
	font-size:83%;
	text-indent:-1em;
}
#str_container ul.form_comments_list.txtClPink li  {
	color:#EB4055 !important;
}


/* ==========================================================================
 table
=========================================================================== */
/* -------------------------------------------------------------- 
 共通テーブル
-------------------------------------------------------------- */
#str_container #str_center table.tbl th,
#str_container #str_center table.tbl td {
	border:1px solid #CCCCCC;	
}

/* word-break追加 6/16 */
#str_container #str_center table.tbl.form_tbl_layout td div{
	word-break: break-all;
	max-width:560px;
}

#str_container #str_center table.form_tbl_layout {
	width: 100%;
}
#str_container #str_center table.form_tbl_layout td.icon div {
	vertical-align:bottom;
}
#str_container #str_center table.form_tbl_layout td.icon img {
	vertical-align:bottom;
}
#str_container #str_center table.tbl th span.subTxt {
	font-weight:normal;
	font-size:85%;
}
#str_container .form_fl {
	float:left;
}
#str_container .form_fr {
	float:right;
}

/* nest
--------------------------------------------- */
#str_container #str_center table.form_tbl_layout_inner {
	width:auto;	
	border:0!important;
}
#str_container #str_center table.form_tbl_layout_inner th,
#str_container #str_center table.form_tbl_layout_inner td {
	margin:0;
	padding:0;
	border:0!important;
}
#str_container #str_center table.form_tbl_layout_inner th {
	padding-right:30px;
	background-color:transparent;
	font-weight:normal;
}

/* error,required
-------------------------------------------------------------- */
#str_container .form_error {
	color: #eb4055;
	font-weight: bold;
}
#str_container .form_input_error {
	background: #fbd9dd;
}
#str_container td.form_input_error p.form_error {
	margin-bottom:0!important;
}
#str_container td.form_input_error ul {
	margin-bottom:0!important;
}
#str_container td.form_input_error ul li textarea {
	margin-left:20px;
}
#str_container .form_input_req {
	background: #ffff99;
}

/* GDOポイント
-------------------------------------------------------------- */
#str_center table.tbl td.gdopoint {
	background: #f3f3f3;
}

/* bg_blue
-------------------------------------------------------------- */
#str_container #str_center table.tbl td .bg_blue {
	padding:10px;
	background-color:#edf2fa;
}


/* 入力フォーム（幅指定）
-------------------------------------------------------------- */
#str_container .form_input_w_half {
	width: 49%;
}
#str_container .form_input_w_full {
	width: 100%;
}
#str_container .form_input_w_def {
	width: 290px;
}
#str_container .form_input_w_name {
	width: 110px;
}
#str_container .form_input_t_name {
	width: 80%;
}
#str_container .form_postnumber_left {
	width: 50px;
}
#str_container .form_postnumber_right {
	width: 60px;
}
#str_container .form_input_tel {
	width:3em;	
}
#str_container textarea.input_txtarea {
	width:575px;
}
#str_container textarea.nst_input_txtarea {
	width:555px;
}

/* 自動改行防止用
-------------------------------------------------------------- */
#str_container .form_nowrap {
	white-space:nowrap;
}

/* アイコン
-------------------------------------------------------------- */
#str_container #str_center table.tbl td.icon img {
	margin-right:2px;
}


#str_container #str_center table.tbl tbody ul.iconlist{
	margin:0;
}
#str_container #str_center table.tbl tbody ul.iconlist li{
	width:4em;
	margin-right:5px;
	padding: 1px 5px;
	display:block;
	float:left;
	color:#fff;
	font-size:10px;
	text-align:center;
	white-space:nowrap;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
#str_container #str_center table.tbl tbody li.dete_only{
	background:#e94057;
}
#str_container #str_center table.tbl tbody li.gdo_only{
	background:#338ccb;
}




/* -------------------------------------------------------------- 
 MYGDO 
-------------------------------------------------------------- */
/* キャンセル用テーブル
--------------------------------------------- */
#str_container #str_center table.tbl th.cancel {
	width:auto!important;
	text-align:center;
}
#str_container #str_center table.tbl th.cancel.title {
	width:170px!important;
}
#str_container #str_center table.tbl th.cancel input {
	vertical-align:middle;
}
#str_container #str_center table.tbl input.player_name {
	width:100px!important;
}
/*seta hainv 2014/09/04 Start*/
#str_container #str_center table.tbl input.player_name_new {
	width:100px!important;
}
#str_container #str_center table.tbl .user_name_block {
	display:flex;
}

::-ms-clear {display:none;}


/*seta hainv 2014/09/04 End*/
#str_container #str_center input.btn_plan {
	cursor:pointer;
}

/* -------------------------------------------------------------- 
 予約フロー 
-------------------------------------------------------------- */
/* スタート時間・人数指定用ブロック　 [F0001 input1.html] 
--------------------------------------------- */
#str_container #str_center .checkarea {
	width:608px;
	margin:0 auto;
}
/* スタート時間・人数指定 
-------------------------------------------------------------- */
#str_container #str_center table.realtime {
	width:606px;
	margin:0;
}
#str_container #str_center table.realtime th,
#str_container #str_center table.realtime td {
	text-align:center;
}

/* Eメールアドレス入力　 [F0002/F0005 input2.html] 
-------------------------------------------------------------- */
#str_container #str_center table.tbl .fw_bold_strong {
	font-weight:bold;	
	font-size:110%;
}
#str_container #str_center table.tbl .heading {
	margin-bottom:10px;
	padding:5px;
	background-color:#f3f3f3;
}
#str_container #str_center table.tbl .heading.fw_bold_strong {
	font-size:100%;
}



/* 会員情報更新のお知らせ　[F0007 complete.html]
--------------------------------------------- */
#str_container .information {
	width:606px;
	margin:0 auto;
	border:1px solid #CACACA;
}
#str_container .information .inner {
	margin:15px 15px 0 15px;
}

/* キャンセル待ち申込（案内）　[information.html]
--------------------------------------------- */
#str_container .form_window_information {
	background: #f2f2f2;
	padding:20px 20px 15px 20px;
}
#str_container #str_center ol.numberList {
	list-style-type:decimal;
	margin-left:20px;

}
#str_container #str_center ol.numberList li {
	margin:0 0 5px 0;
}



/* -------------------------------------------------------------- 
 特集＆キャンペーン ＞ ギアプレゼント ＞ 懸賞応募フォーム 
-------------------------------------------------------------- */
/* 会員規約の承認　[F0012 input.html]
--------------------------------------------- */
#str_container #form_agreement_area {
	width:100%;
	height:110px;
	border:1px solid #7B9EBD;
	overflow-y:scroll;
}
#str_container #form_agreement_area .inner {
	padding:10px;
}


/* ==========================================================================
 block
=========================================================================== */
/* -------------------------------------------------------------- 
 エラーボックス[！] 
-------------------------------------------------------------- */
#str_container .form_premium_error_box {
	background:url("/resource/images/iconmark/icn_allart.gif") no-repeat scroll 13px 6px #FCD9DD;
	padding:10px 45px;
}

/* -------------------------------------------------------------- 
 インフォメーション[i] 
-------------------------------------------------------------- */
#str_container .blockGray {
	position:relative;
	background:url("/resource/images/iconmark/icn_information.gif") no-repeat scroll 13px 6px #F3F3F3;
	margin:20px 0;
	padding:10px 10px 10px 45px;
}
#str_container .blockGray.wideS {
	width:705px;
	margin:30px auto 0 auto;
}
#str_container .blockGray img {
	position:absolute;
	top:10px;
	right:10px;
}

/* -------------------------------------------------------------- 
 blockBlue
-------------------------------------------------------------- */
#str_container .blockBlue.alignC {
	padding-top:20px;
	padding-bottom:20px;	
}

/* -------------------------------------------------------------- 
 赤枠（背景白）
-------------------------------------------------------------- */
#str_container .frameRed {
	border:1px solid #eb4055;
}

/* ==========================================================================
 sectionGray
=========================================================================== */
#str_container .sectionGray {
	width:790px;
	padding:0;
}
#str_container .sectionGray h2 {
	width:790px;
	margin:0!important;
	padding:0!important;
	background:none!important;
}
#str_container .sectionGray p {
	margin-top:0;
}
#str_container .sectionGray .inner {
	width:770px;
	background:url(/resource/images/section/bg_section_gray_790.gif) no-repeat bottom left;
}
#str_container .sectionGray .form_address_Area {
	width:573px;
	margin:10px auto;
	padding:10px 0 10px 15px!important;
	background-color:#edf2fa;
}

/* -------------------------------------------------------------- 
 入力フォーム（メールアドレス）
-------------------------------------------------------------- */
#str_container .sectionGray .form_address_Area input {
	width:267px;
}
#str_container .sectionGray .form_address_Area textarea {
	width:552px;
}


/* ==========================================================================
 ボタン（戻る、送信ボタン
=========================================================================== */
#str_container .form_submit_btn {
	margin: 30px 0 50px;
	text-align: center;
}


/* ==========================================================================
 入力完了画面
=========================================================================== */
/* -------------------------------------------------------------- 
 MYGDO 
-------------------------------------------------------------- */
#str_container #str_center .form_window_info_chg_complete {
	margin:0 0 20px;
	padding:50px 0;
	text-align:center;
}

/* -------------------------------------------------------------- 
 予約リクエスト（ボックス小）
-------------------------------------------------------------- */
#str_container #str_center .form_window_info_request_complete {
	margin:20px 0;
	padding:0;
	text-align:center;
}

/* -------------------------------------------------------------- 
 特集＆キャンペーン ＞ ギアプレゼント　懸賞応募フォーム
-------------------------------------------------------------- */
#str_container .form_window_member_add_complete {
	margin:0 0 20px 0;
	padding:50px 0;
	background:none repeat scroll 0 0 #EDF2FA;
	text-align:center;
}


/* ==========================================================================
 コンペ ＞ GDOコンペコンシェルジュ
=========================================================================== */
/* -------------------------------------------------------------- 
 注釈・ボタン
-------------------------------------------------------------- */
#str_container .form_information ul {
	float:left;
	width:533px;
	margin-bottom:0!important;
}

#str_container .form_information ul li {
	margin-bottom:0;
}

#str_container .form_information img {
	float:right;
	width:237px;
}


/* ==========================================================================
 Javascript制御用
=========================================================================== */
/* -------------------------------------------------------------- 
 予約フロー・コンペ ＞ GDOコンペコンシェルジュ
-------------------------------------------------------------- */
#str_container input.disabled {
	background-color:#EBEBEB;
}

/* -------------------------------------------------------------- 
 カレンダー ＞ プレーヤーコメント
-------------------------------------------------------------- */
#str_container table#caddieService.disabled,
#str_container table#selfPlay.disabled {
	background-color:#E0E0E0!important;	
	color:#999999!important;	
}
#str_container table#caddieService.disabled th,
#str_container table#selfPlay.disabled th {
	background-color:#E0E0E0!important;	
}

/* -------------------------------------------------------------- 
 特集＆キャンペーン ＞ ギアプレゼント　懸賞応募フォーム
-------------------------------------------------------------- */
#str_container .playDay select.disabled {
	background-color:#EBEBEB;
}
#str_container .playWeek select.disabled {
	background-color:#EBEBEB;
}

/* -------------------------------------------------------------- 
 予約フロー・コンペ ＞ GDOコンペコンシェルジュプラス
------------------------------------------------------------------ */
/* プレー希望日*/
.preferred_date {
    padding:0;
    cursor: pointer;
	text-align:right;
}
.txtblue_ul {
color:#0000FF;
text-decoration:underline;
}
.answer {
    padding:0;
}
#str_container .form_input_date {
	width: 40px;
}

/*カウントダウンタイマー*/
#str_container table td.timerbox{
	background-color:#FEFECB;
	text-align:center;
	vertical-align:middle;
	padding:20px;
}

#str_container .timer{
	font-size:15px;
	font-weight:bold;
}

#str_container .timer span.kigen{
	font-size:12px;
	font-weight:normal;
}

#str_container .timer span.time{
	font-size:20px;
	font-weight:bold;
	color:#FF0000;
	margin-left:10px;
}

/* ==========================================================================
 入力フォーム（テキストサイズ拡大）
=========================================================================== */
#str_container textarea ,
#str_container select ,
#str_container option {
font-size:125%;
background-color:#fefefe;	
}

#str_container input {
font-size:125%;
}

#str_container .txtL_form {
font-size:125%;
}

#str_container input.form_input_default {
background-color:#fefefe;	
}


#str_container label {
font-size:125%;
}

#str_container th.cancel label {
	font-size:100%!important;	
}

/* -------------------------------------------------------------- 
h2 （Gray）
-------------------------------------------------------------- */
#str_container .headingGray {
	clear:both;
}
#str_container .headingGray div {
	padding:5px 15px 0 10px;/*　OR:5px 15px 0 15px;　*/
}

/* 幅790px　（#str_container＞#str_contentsの直下）
--------------------------------------------- */

#str_container #str_center .headingGray,
#str_container #str_menuAndContents #str_contents .headingGray {
	width: 790px;
}
#str_container #str_center .headingGray,
#str_container #str_center .headingGray div,
#str_container #str_menuAndContents #str_contents .headingGray,
#str_container #str_menuAndContents #str_contents .headingGray div {
	background-image:url(/resource/images/headings/bg_heading_gray_790.gif);
}


/* -------------------------------------------------------------- 
見出しへの右回り込み（pタグのみ許可）
-------------------------------------------------------------- */
#str_container .headingCobaltBlue div,
#str_container .headingBlue div,
#str_container .headingGray div {
	zoom:1;
}
#str_container .headingCobaltBlue div:after,
#str_container .headingBlue div:after,
#str_container .headingGray div:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; line-height: 0; font-size: 0;
}
#str_container .headingCobaltBlue div p,
#str_container .headingBlue div p,
#str_container .headingGray div p {
	float:right;
	margin:0;
	text-align:right;
}

/* ==========================================================================
 Section（角丸ボーダーで区切られたかたまりのこと）
=========================================================================== */

/* -------------------------------------------------------------- 
グレー枠
-------------------------------------------------------------- */

/* 幅790px
--------------------------------------------- */
#str_container .sectionGray {
	width:790px;
	margin:0 0 10px 0;/*　OR:0 0 6px 0　*/
	padding:5px 0 0 0;
	background:url(/resource/images/section/bg_section_gray_960.gif) no-repeat;
}

#str_container .sectionGray div {
	padding-bottom:3px;
}
#str_container .sectionGray .inner {
	padding:10px 10px 10px 10px; /* OR:10px 15px 13px 15px */
	background:#fff url(/resource/images/section/bg_section_gray_790.gif) no-repeat bottom left;
}
/* 見出し位置調整 */
#str_container .sectionGray h2 {
	margin-top:-5px;
}
#str_container .sectionGray div h2 {
	margin-top:0;
}



/* セキュリティコード */

table.securityCode {
	margin-left:-4px;
}

table.tbl.form_tbl_layout.form_premium table.securityCode td {
	vertical-align: middle;
}
table.tbl.form_tbl_layout.form_premium table.securityCode td.noWrap {
	white-space:nowrap;
}
table.tbl.form_tbl_layout.form_premium table.securityCode td p{
	margin:0;
	padding:0;
	vertical-align: middle;
}
table.tbl.form_tbl_layout.form_premium table.securityCode td p.securityTxt_right{
	text-align:right;
}

table.tbl.form_tbl_layout.form_premium table.securityCode span {
	display:-moz-inline-box;
	display: inline-block;
	/display: inline;
	zoom: 1;
	vertical-align: middle;
}


/* テキストをグレーで小 */
#str_container .txt_gray_s{
	font-size: 85%;
	color: #666;
}
/* テキストをグレー */
#str_container .txt_gray{
	color: #666;
}