/*　form用　-------------------------------------------------*/


/*　ページ上部
----------------------------------------------------------------------------------*/

/*　【エラー】上部メッセージ欄　----------------------*/

div.ErrorMsg	{
	margin-bottom:10px;
	padding:10px;
	background-color:#ffefee;
	border:3px solid #fb0303;
	overflow:hidden;
}

div.ErrorMsg p	{
	padding-left:22px;
	font-weight:bold;
	background:url(/jushinryo/images/icon_error.png) no-repeat 0 0;
}

div.ErrorMsg ul	{
	margin-top:0.3em;
	padding-left:22px;
}

div.ErrorMsg ul li	{
	margin-left:20px;
	padding:2px 0;
	color:#fb0303;
	list-style-type:disc;
	/*background:url(/jushinryo/images/icon_errorlist.png) no-repeat left center;*/
}




/*　フォーム
----------------------------------------------------------------------------------*/

/*　table枠外の注意書き　------------------------*/

p.Kome	{margin:5px 0 0 225px;}



/* table枠　-------------------------------------*/

div.tableWrap	{		/*#AddressChangeInputForm*/
	padding:3px;
	background-color:#eee;
	position:relative;
}


/*　世帯同居　青　*/
div.tableWrap_sb	{
	padding:3px;
	background-color:#c6e0f4;
	position:relative;
}

/*　世帯同居　緑　*/
div.tableWrap_sg	{
	padding:3px;
	background-color:#c8e8c8;
	position:relative;
}



/*　form用table【errorは下に別記述】　-----------*/

table.formWrap,
table.rateWrap	{			/* rateWrapは受信料額表　*/
	width:100%;
	background-color:#fff;
	border-spacing:0;
	border-collapse:collapse;
}

table.formWrap th,
table.rateWrap th	{
	padding:12px;
	border:1px solid #e1e1e1;
}


/*　必須　*/
table.formWrap th.mark	{
	background:url(/jushinryo/images/icon_certainly.gif) no-repeat 96% center;
}

table.formWrap td,
table.rateWrap td	{
	padding:12px;
	border:1px solid #e1e1e1;
}

table.formWrap td p	{
	margin-bottom:5px;
	padding-top:8px;
	line-height:1.3;
}


/*　input text内　例　----------------------------*/

/*　jquery_updnWatermark.js　*/

.updnWatermark {
	width:300px;
	color: #999;
	font-weight:normal !important;
}






/*　ラジオボタン用　------------------------------*/

table.formWrap td div.radioBox	{
	padding:5px;
	overflow:hidden;
}


table.formWrap td div.radioBox label,
table.formWrap td label	{
	margin:0 0 5px 0;
	padding:7px 0;
	font-weight:bold;
}

table.formWrap td.Error div.radioBox	{
	background-color:#ffefee;
}

table.formWrap td div.over	{
	overflow:visible !important;
}


/*　契約種別　枠　---------------------------------*/


div.contactBox .jqTransformRadioWrapper	{
	padding:10px 3px 10px 0;
}

table.formWrap td div.contactBox label	{
	margin:0 20px 0 0;
	padding:10px 185px 10px 0;
}

table.formWrap td label.contactEisei	{
	background:url(/jushinryo/images/fuki_eisei.png) no-repeat right 0;
}

table.formWrap td label.contactChijou	{
	background:url(/jushinryo/images/fuki_chijou.png) no-repeat right 0;
}




/*　支払方法　枠　---------------------------------*/


table.formWrap td div.radioBox label.radioBank,
table.formWrap td div.radioBox label.radioCard,
table.formWrap td div.radioBox label.radioPaper
	{
	padding-right:70px;
}


/*　口座振替　*/

table.formWrap td div.radioBox label.radioBank	{
	background:url(/jushinryo/images/image_bank.png) no-repeat right 0;
}

/*　クレジットカード　*/

table.formWrap td div.radioBox label.radioCard	{
	background:url(/jushinryo/images/image_card.png) no-repeat right 0;
}

/*　振込用紙　*/

table.formWrap td div.radioBox label.radioPaper	{
	background:url(/jushinryo/images/image_paper.png) no-repeat right 0;
}

/*　5％お得　*/

table.formWrap td div.radioBox label.radioToku5	{
	padding-right:100px;
	background:url(/jushinryo/images/otoku_5.png) no-repeat right 9px;
}

/*　7.5％お得　*/

table.formWrap td div.radioBox label.radioToku75	{
	padding-right:115px;
	background:url(/jushinryo/images/otoku_75.png) no-repeat right 9px;
}





/*　【エラー】th　-------------------------------*/

/*　サーバー処理　*/

table.formWrap th.Error	{
	background-color:#ffefee !important;
}


/*　【エラー】コメント　-------------------------*/

/*　サーバー処理　----------------------*/

table.formWrap td p.Error	{
	/*display:none;*/
	width:185px;
	padding:5px 0 5px 23px;
	color:#fb0000;
	font-weight:bold;
	background:url(/jushinryo/images/icon_error.png) no-repeat left 4px;
}

table.formWrap td p.none	{
	width:100%;
	clear:both;
}

table.formWrap td div.radioBox p.Error	{
	width:100%;
	margin-left:15px;
	padding:13px 0 8px 23px;
	background:url(/jushinryo/images/icon_error.png) no-repeat left 13px;	
	z-index:15;
}

table.formWrap td p.Brown	{
	width:400px;
	display:inline-block;
	margin:0 0 0 2px;
	padding:6px 0 0 0 !important;
}


/*　ブラウザ処理　----------------------*/

table.formWrap td div.Error	{
	display:inline-block;
	white-space:nowrap;
	height:21px;
	padding:2px 0 2px 7px;
	color:#fff;
	text-align:center;
}


/*　jQueryで追加するDiv　*/

div.jqErrorLayer	{
	position:relative !important;
	z-index:15;	/* selectboxは10 */
}


/*　吹き出し　01：上　02：下　*/

table.formWrap td div.fuki01,
table.formWrap td div.fuki01-2	{
	position:absolute;
	background:url(/jushinryo/images/fuki_error01.png) no-repeat 0 0;
	top:-20px;
	left:3px;
}


table.formWrap td div.fuki01-2	{
	margin:5px 0 0 20px;
}

table.formWrap td div.fuki02	{
	position:absolute;
	padding-top:5px;
	background:url(/jushinryo/images/fuki_error02.png) no-repeat 0 0;
	top:25px;
	left:240px;
}


/*　吹き出し　03：横　E-mailエラー（レイヤー未使用）　*/
table.formWrap td div.fuki03	{
	float:right;
	width:193px !important;
	height:auto !important;
	white-space:normal !important;
	text-align:left !important;
	line-height:1.3;
	margin:5px 0 0 0;
	background:url(/jushinryo/images/fuki_error03.png) no-repeat 0 0;
}


/*　外字エラー　----------------------*/
div.ErrorGaiji	{
	position:relative;
	margin-top:10px;
	padding:5px 10px;
	border:1px solid #FF9797;
	color:#F90000;
}

div.ErrorGaiji img	{
	position:absolute;
	width:12px;
	height:9px;
	left:20px;
	top:-9px;
}



/*　新規：契約種別　住所変更：口座振替・クレジットカード
----------------------------------------------------------------------------------*/

/*　radioボタンを押した際に表示されるボックス　*/

div.selectBox	{
	/*display:none;*/
	width:670px;
	margin-bottom:10px;
	padding:23px 0 0 0;
	background:url(/jushinryo/images/selectbox_top.png) no-repeat 0 0;
	border-bottom:1px solid #efefef;
	clear:both;
}

div.selectBox .selectInner	{
	margin:0;
	padding:5px 0;
	background:#f2f2f2 url(/jushinryo/images/selectbox_bg.gif) repeat-y 0 0;
	border-right:1px solid #efefef;
}


/*　受信料額表のみ使用　*/
div.okinawaArea	> div.selectBox	{
	width:920px;
	background:url(/jushinryo/images/selectbox_oknw_top.png) no-repeat 0 0;
}

div.okinawaArea	> div.selectBox .selectInner	{
	padding:8px;
}




/*　郵送手続き選択時の初回お支払方法　*/

p.Info	{
	padding:5px 0 5px 26px;
	color:#fb0000;
	background:url(/jushinryo/images/icon_info.png) no-repeat left 5px;	
}

div.selectBox .selectInner p.Info	{
	/*display:none;*/
	margin-left:30px;
	font-weight:bold;
}

table.formWrap td div.radioBox > p.Info	{
	margin-top:10px;
	margin-left:30px;
	font-weight:bold;
}



/*　契約種別用　-----------------------------------*/

div.selectBox ul	{
	margin:5px 8px;
	padding:10px;
	overflow:hidden;
}

div.selectBox ul:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div.selectBox ul li	{
	margin-right:10px;
	float:left;
}

div.selectBox ul li .jqTransformRadioWrapper	{
	padding:5px 0 !important;
}

div.selectBox ul li label	{
	font-weight:normal;
	padding:5px 0 !important;
}


div.selectBox ul li.contract	{
	display:block !important;
	width:100%;
	clear:both !important;
}



/*　口座振替・クレジットカード選択用　--------------*/


div.selectBox dl.float	{
	margin:0 8px;
	padding:15px 15px 5px 15px;
}

div.selectBox dl.float:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div.selectBox dl.float dt	{
	width:144px;
	margin-bottom:7px;
	padding:15px 0 11px 8px;
	color:#00789f;
	float:left;
	clear:both;
}

div.selectBox dl.float dd	{
	margin:0 0 7px 157px;
	padding:6px 0 6px 35px;
}

div.selectBox dl.float dt.sizeBL	{background:url(/jushinryo/images/select_wakubluel.png) no-repeat 0 0;}
div.selectBox dl.float dt.sizeBS	{background:url(/jushinryo/images/select_wakublues.png) no-repeat 0 0;}
div.selectBox dl.float dt.sizeOS,
div.selectBox dl.float dt.sizeOS2	{background:url(/jushinryo/images/select_wakuoranges.png) no-repeat 0 0;}

div.selectBox dl.float dt.sizeOS2	{padding:6px 0 0 8px !important;}	/*　2行対応　*/


div.selectBox dl.float dd.moniB	{background:url(/jushinryo/images/icon_moniblue.png) no-repeat 4px center;}
div.selectBox dl.float dd.mailB	{background:url(/jushinryo/images/icon_mailblue.png) no-repeat 4px center;}
div.selectBox dl.float dd.moniO	{background:url(/jushinryo/images/icon_moniorange.png) no-repeat 4px center;}
div.selectBox dl.float dd.mailO	{background:url(/jushinryo/images/icon_mailorange.png) no-repeat 4px center;}


div.selectBox dl.float dt.sizeBL label,
div.selectBox dl.float dt.sizeBS label,
div.selectBox dl.float dt.sizeOS label,
div.selectBox dl.float dt.sizeOS2 label	{font-weight:normal;}


/*　ラジオボタン位置　*/

/*　青大　*/
div.selectBox dl.float dt.sizeBL .jqTransformRadioWrapper	{
	padding:17px 3px 0 0;
}

/*　青小・オレンジ小　*/
div.selectBox dl.float dt.sizeBS .jqTransformRadioWrapper,
div.selectBox dl.float dt.sizeOS .jqTransformRadioWrapper {
	padding:7px 3px 0 0;
}

/*　オレンジ小（2行）　*/
div.selectBox dl.float dt.sizeOS2 .jqTransformRadioWrapper {
	padding:17px 3px 0 0;
}



/*　初回お支払選択用　-------------------------------*/


/*　吹き出し内吹き出し用　*/

div.selectBox .selectInner .fukiImage	{
	width:620px;
	margin:0 auto;	
	padding:0 0 10px 0 !important;
}

div.selectBox .selectInner .firstPayment	{
	width:620px;
	margin:0 auto;
	padding:0 0 20px 0 !important;
}

div.selectBox .bgnone	{
	padding:0 !important;
	background:none !important;
}


div.selectBox .firstPayment dl.list	{
	padding:5px 5px 15px 5px;
}

div.selectBox .firstPayment dl.list dt	{
	padding:15px 0 0 0;
	clear:both !important;
	/*border:1px solid #00f;*/
}

div.selectBox .firstPayment dl.list dt:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;}

div.selectBox .firstPayment dl.list dd	{
	padding:0 25px;
	clear:both !important;
}

div.selectBox .firstPayment dl.list dt label	{
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	/*border:1px solid #0f0;*/
}






/*　【エラー】口座振替・カード支払い部分　------------*/

/*　サーバー処理　*/

div.selectBox ul.Error,
div.selectBox dl.Error	{
	background-color:#ffe1df;
}




/*　送信前注意エリア
----------------------------------------------------------------------------------*/

div.attArea	{
	width:80%;
	margin:20px auto 0 auto;
	padding:15px 10px;
	background-color:#ffefbf;
}

div.attArea p	{text-align:center;}



/*　受信規約に同意
----------------------------------------------------------------------------------*/

div.agreeCheck {
	width:350px;
	margin:0 auto 10px auto !important;
	padding:5px 8px;
	background-color:#ffefbf;
}

div.agreeCheck > p	{
	margin:0;
	padding:5px 0;
}

.jqTransformCheckbox	{
	margin-right:5px;
}



/*--------------------------------------------------------------------------------------------*/
/*　jQuery　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/*--------------------------------------------------------------------------------------------*/

/*　form内label　*/

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}

form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}


/*　Input
----------------------------------------------------------------------------------*/

.jqTransformInputWrapper {
	background: transparent url(/jushinryo/images/form/input_text_left.gif) no-repeat left top;
	height: 31px;
	margin-right:10px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(/jushinryo/images/form/input_text_right.gif) no-repeat right top;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

/* inputの幅　---------------------------------*/

.jqTransformInputInner div input {
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;*/
	font-family:"メイリオ", Meiryo;
	color:#404040;	
	border: none;
	padding: 4px 0;
	margin: 0 0 0 -2px;		/*　入力開始位置　*/
	background:transparent;
}


/* Ie7 */
*+ html .jqTransformInputInner div input {
	margin-left:-10px;	/*　入力開始位置　*/
}


/*　chrome&Safari　名前・住所　例文位置合わせ用　*/

@media screen and (-webkit-min-device-pixel-ratio:0){
	.jqTransformInputInner .updnWatermark	{
		padding:17px 0 0 0 !important;
	}
}




/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px !important;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px !important;}

/*error*/
.WError	{background-position:left -31px}	/* .jqTransformInputWrapper用　*/
.IError	{background-position:right -31px}	/* .jqTransformInputInner用　*/




.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* Radioボタン
----------------------------------------------------------------------------------*/

.jqTransformRadioWrapper {
	display:block;
	margin:0 4px 2px 4px;
	padding:7px 0;		/* style02.css div.radioBox labelに合わせる　*/
	float: left;
}

.radioBox .jqTransformRadioWrapper {
	clear:both;
}

div.selectBox .firstPayment .jqTransformRadioWrapper	{
	padding:0;
	/*border:1px solid #F00;*/
}


.jqTransformRadio {
	background: transparent url(/jushinryo/images/form/radio.png) no-repeat center top;
	vertical-align: middle;
	height: 17px;
	width: 17px;
	display:block;/*display: -moz-inline-block;*/
}

/*グレイアウト*/
.Radio_disabled {
	background: transparent url(/jushinryo/images/form/radiog.png) no-repeat center top;
	vertical-align: middle;
	height: 17px;
	width: 17px;
	display:block;/*display: -moz-inline-block;*/
	cursor:default;
}



/* Selects
----------------------------------------------------------------------------------*/

.jqTransformSelectWrapper {
	width: 45px;
	margin-right:8px;
	position:relative;
	height: 31px;
	background: url(/jushinryo/images/form/select_left.gif) no-repeat top left;
	float:left;
	/*border:1px solid #F00*/
}

/*　エラーのとき　*/
.slctError	{background-position: 0 -31px !important;}

/*　問題が無いとき　*/
.slctOk		{background-position: 0 -62px !important;}


/*hover*/
/*.jqTransformSelectWrapper_hover{ background-position: left -31px ;}
.jqTransformSelectWrapper_hover div.jqTransformSelectInner{ background-position: right -31px ;}*/

/*focus*/
/*.jqTransformSelectWrapper_focus{ background-position: left -62px ;}
.jqTransformSelectWrapper_focus div.jqTransformSelectInner{ background-position: right -62px ;}*/


.jqTransformSelectWrapper div span {
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}


/*　▼画像　*/

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(/jushinryo/images/form/select_right.gif) no-repeat 0 0;
}


/*　option部分　*/

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}


/* Checkboxes
---------------------------------------------------------------------------------- */

span.jqTransformCheckboxWrapper{
	display:block;
	float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(/jushinryo/images/form/checkbox.png) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;
}




/* Hidden - used to hide the original form elements
----------------------------------------------------------------------------------*/

.jqTransformHidden {display: none;}





/* Checked - Used for both Radio and Checkbox--------*/

a.jqTransformChecked { background-position: center bottom !important;}