/* 入力フォーム設定
---------------------------------------------------*/

input[type="text"],input[type="password"]{
	width:350px;
	margin: 0 5px 0 0;
	line-height:100%;
	/*IE6では動作しない*/
}

input[type="text"].m,input.m{
	width:300px;
}

input[type="text"].s,input.s{
	width:100px;
}

input[type="text"].ss,input.ss{
	width:50px;
}

#price{
	width:100px;
}

#username,#config_username,#password,#confirm{
	width:300px;
}

#addr,#strt{
	width:280px;
}

#zip1{
	width:30px;
	ime-mode:disabled;
}

#zip2{
	width:40px;
	ime-mode:disabled;
}

#tel1,#tel2,#tel3,#fax1,#fax2,#fax3,#mobile1,#mobile2,#mobile3,#id_start,#id_end{
	width:50px;
	ime-mode:disabled;
	margin: 0;
}

form{
	margin:0;
	padding:0;
}

form textarea{
	width:460px;
}

form table table textarea{
	width:420px;
}

form td img{
	margin:0;
	padding:0;
}

form td hr{
	border:none;
	border-bottom:1px dotted #CCCCCC;
}

form .inputMargin{
	margin-bottom:5px;
}

form input#dammy{
	filter:alpha(opacity=0); /*IE*/
	-moz-opacity:0; /*FF*/
	opacity:0;
	height:1px;
	width:1px;
}

form img.preview_img{
	max-height:250px;
	max-width:250px;
	-ms-interpolation-mode: bicubic;
}

* html form img.preview_img{
	width: expression(this.width >= this.height ? "250px" : "auto");
	height: expression(this.width <= this.height ? "250px" : "auto");
}

.tipped{
	color:#BCBCBC;
}

span label{
	font-size:12px;
	color:#313131;
}

/* フォーム関連
---------------------------------------------------*/

img.loading{
	margin:70px;
}

#attention{
	padding: 5px 10px;
	background-color: #FAFAFA;
	margin: 15px 30px;
	font-size: 10px;
	line-height: 150%;
}

.tableForm{
	background-color:#FFFFFF;
	margin:0 0 20px;
	width: 730px;
	padding: 0;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
}

.tableForm th,.tableForm td{
	padding:10px 10px 9px;
	margin-bottom:1px;
}

.tableForm th span,.tableForm td span{
	font-size:10px;
	color:#666666;
	font-weight:normal;
	letter-spacing: 2px;
	line-height: 150%;
}

.tableForm th{
	white-space: nowrap;
	text-align: right;
	background:url(../images/contents/bg_dot.gif);
	background-color:#fefdf8;
	border-top: 1px solid #CCC;
	width: auto;

	/width: 150px;/* IE6,7ハック*/
	font-size: 12px;
	min-width: 120px;
}

.tableForm th.opt{
	background:url(../images/contents/bg_dot_option.gif);
}

.tableForm i{
	font-style:normal;
	color:#313131;
	font-size:12px;
}

.tableForm td{
	background-color:#FFFFFF;
	border-top: 1px solid #CCC;
	text-align: left;
	width: inherit;
	/width:auto;/* IE6,7ハック*/
	border-collapse: collapse;
}

.tableForm td strong{
	color:#2e7996;
	border: none;
	font-size: 12px;
}

.tableForm td span strong{
	color:#C00;
	font-size:10px;
}

.tableForm td span i strong{
	font-size:12px;
}

.tableForm table,.tableForm table th,.tableForm table td{
	border:none;
	padding:5px 10px 5px 0;
	margin:0;
	background:none;
	vertical-align: top;
	width: auto;
	min-width:inherit;
}

.tableForm table th{
	text-align:right;
	/* [disabled]color: #2e7996; */
	padding-right:2px;
}

.tableForm td p,#contents .tableForm td p{
	margin:0 0 5px;
}

.tableForm td label{
	white-space:nowrap;
	margin-right:5px;
}

.tableForm td label input{
	margin-right:5px;
}

.tableForm .tablePeriod td{
	padding:0;
}

.head {
	background-color:#B1A398;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	border-right:5px solid #D0CAC4;
	white-space:nowrap;
	text-align:center;
}

.sort{
	display:none;
}

.status{
	background:url(../images/form/status1.gif) no-repeat 0 50%;
	padding:4px 0 4px 52px;
	font-size:12px;
	letter-spacing:2px;
}

#formBtn,.formBtn{
	text-align:center;
	margin:0;
	padding:0 0 20px;
}

.formBtn{
	padding: 10px 0 25px;
	clear: both;
}

#formBtn input,#formBtn a{
	margin:0px 5px;
	cursor:pointer;
}

.error {
	background-image:url(../images/form/icon_error.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size: 12px;
	color:#CC0000;
	padding: 2px 0 2px 17px;
}

.attentionArea,.attentionArea,.attentionAreaNone,#attentionBottom{
	text-align:left;
	background:url(../images/contents/icon_attention.png) no-repeat 6px 50%;
	background-color:#ffeb32;
	padding:5px 10px 5px 32px;
	margin:0 auto 10px;
	color:#313131;
	display:block;
	font-weight: bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#attentionBottom.none{display:none;}

.attentionArea.headerNavi{
	margin:-5px auto 5px;
}

#attentionHeader{
	background-position:6px 4px;
	width:934px;
	margin:0 auto 10px;
}

.attentionAreaNone{
	display:none;
}

.attentionArea span,.attentionAreaNone span{
	font-weight:bold;
}

#attentionLite{
	padding:5px 10px 5px 32px;
	margin:0 0 10px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:url(../images/contents/bg_leave.png) #f1faff no-repeat 8px 50%;
}

#attentionLite strong{
	color:#003;
}

#rulesArea{
	font-size:10px;
	overflow:scroll;
	overflow-x:hidden;
	height:200px;
	margin:20px 0;
	border:1px solid #CCC;
	padding: 10px;
	line-height: 165%;
	background: #FFF;
}

#rulesArea h2{
	background-image:none;
	padding:3px 0 8px;
	margin:0;
	border:none;
	font-size:12px;
}

/* 確認画面
---------------------------------------------------*/

#confirm .head {
	background-color:#EFEFEF;
	color:#333333;
	border-color:#DDDDDD;
}

#confirm .head span{
	font-weight:normal;
}

#confirm .option {
	background-color:#F7F7F7;
	border-color:#EEEEEE;
}

#confirm .item {
	color:#333333;
}

#confirm #urlList ul {
	margin-left:0px;
}

#confirm #urlList a:link,#confirm #urlList a:hover,#confirm #urlList a:visited {
	text-decoration:none;
}


/* その他
---------------------------------------------------*/
.fadeInMessage{
	background-color:#ffffca;
	color:#313131;
	font-weight: bold;
	margin-left:10px;
}

i#fadeInMessageInner{
	padding:5px 7px;
	font-weight: bold;
}

/* フロー */

#flowImg{
	text-align:center;
	margin:0 0 15px;
}

/* カレンダー
---------------------------------------------------*/

/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; font-size:12px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { top:4px; left:4px; }
.ui-datepicker .ui-datepicker-next { top:4px; right:0px; }
/*.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
/*.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }*/
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* カスタマイズ */
.ui-datepicker{	background:url(../images/contents/bg_grade.gif) repeat-x 0 bottom #FFF; margin:5px 0 0; border:1px solid #d2d2d2;}

.ui-datepicker-header{ background:#000; color:#FFF; font-weight:bold; margin:0 0 3px;}/* ヘッダ */

.ui-datepicker .ui-datepicker-prev { background:url(../images/calendar/btn_prev.gif) no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next { background:url(../images/calendar/btn_next.gif) no-repeat 0 0;}

.ui-datepicker .ui-datepicker-prev .ui-icon,.ui-datepicker .ui-datepicker-next .ui-icon{text-indent:-9999px;text-align:left;}/*ナビの文字列を隠す*/

.ui-datepicker td a{ display:block; border:1px solid #DEDEDE; margin:1px;}
.ui-datepicker td.ui-datepicker-sat a { background-color:#e8e8ff; } /* 土曜 */
.ui-datepicker td.ui-datepicker-sun a { background-color:#ffe8e8; } /* 日曜 */
.ui-datepicker td.ui-datepicker-today a{  color:#787878; background-color:#EFEFEF; } /* 本日 */
.ui-datepicker td a:hover,.ui-datepicker td a.ui-state-active{ color:#FFF; border-color:#FF6600; background-color:#FF6600; }

/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 3px; }*/

.ui-datepicker th,.ui-datepicker td{ padding:0; text-align:center;}

/* IE6ハック */
* html .ui-datepicker .ui-datepicker-prev{
	margin:0 0 0 -100px;
}

/* jquery Mobile とのバッティングを削除*/
#mobile .ui-datepicker .ui-icon{
	display:none;
}