@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 common form CSS file
 
 Color Cordination
 Key Color: 

======================================= */

/* ======================================

 common

======================================= */

#formContent_cntct
{
	clear: both;
	padding: 10px;
	font-size:12px;
}
#formContent_cntct h3
{
	margin: 0 0 15px;
}

#formContent_cntct ul
{
	margin: 0;
	padding: 0;
	list-style:none;
}

#formContent_cntct .header li
{

	list-style:none;
}

#formContent_cntct .header
{
	margin: 0 0 5px;
	color: #655229;
}
#formContent_cntct .header .supplement,
#formContent_cntct .header .tel
{
	margin: 0 0 5px;
}
#formContent_cntct .header .note
{
	color: #f00;
}
#formContent_cntct .form
{
	width: 100%;
	border-collapse:collapse;
	border: 1px solid #bbb9a9;
}
#formContent_cntct .form th
{
	padding: 10px;
	color: #4b361b;
}
#formContent_cntct .bases th,
#formContent_cntct .tel th,
#formContent_cntct .telBy th,
#formContent_cntct .person th
{
	width: 22%;
	text-align:left;
	border-collapse:collapse;
	border-bottom: 1px dotted #bbb9a9;
}
#formContent_cntct .acbase th
{
	width: 22%;
	text-align:left;
	border-collapse:collapse;
}

#formContent_cntct .form td
{
	padding: 10px;
	border: 1px dotted #bbb9a9;
	color: #4b361b;
	text-align:left;
}
#formContent_cntct .form th span.must
{
	margin-left: 0.3em;
	color: #f00;
	font-size:10px;
}
#formContent_cntct .sublabel
{
	text-align:right;
}
#formContent_cntct .sublabel2
{
	text-align:right;
	
}

#formContent_cntct .privacyPolicy
{
	width: 770px;
	height: 98px;
	margin: 0 0 10px;
	border: 1px solid #bbb9a9;
}
#formContent_cntct .agreement
{
	margin: 0 0 10px;
}
#formContent_cntct .buttons
{
	margin-top:10px;
    text-align: center;
}
#formContent_cntct .buttons li
{
	margin: 0 8px;
    display: -moz-inline-box;/*for FF2*/
    display: inline-block;/*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html #formContent_cntct .buttons li
    {
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html #formContent_cntct .buttons li
    {
        display: inline;
        zoom: 1;
    }


#formContent_cntct .person input
{
	width: 30px;
}
#formContent_cntct .zip input
{
	width: 60px;
}
#formContent_cntct .tel input,
#formContent_cntct .dateOfFair input,
#formContent_cntct .timeOfFair input,
#formContent_cntct .numberOfParty input
{
	width: 120px;
}
#formContent_cntct .nameOfGroom input,
#formContent_cntct .kanaOfGroom input,
#formContent_cntct .nameOfBride input,
#formContent_cntct .kanaOfBride input
{
	width: 180px;
}
#formContent_cntct .email input,
#formContent_cntct .emailOfConfirm input,
#formContent_cntct .address input,
#formContent_cntct .acbase input,
#formContent_cntct .bases input
{
	width: 360px;
}

#formContent_cntct .content textarea
{
	width: 97%;
	padding: 3px;
}
#formContent_cntct input.setPadding
{
	padding: 3px;
}
	html:not(:target) #formContent_cntct input.setPadding
	{
		padding: 0;
	}

/* ======================================

 confirm

======================================= */

#formContent_cntct .confirm th,
#formContent_cntct .confirm td
{
	padding: 10px 5px;
}
#formContent_cntct .confirm th
{
	
}
#formContent_cntct .confirm td
{
	padding: 10px;
	color: #f66;
	font-weight: bold;
}

/* ======================================

 complete

======================================= */

#formContent_cntct .message
{
	margin: 30px 0 20px;
	text-align: center;
	color: #4b361b;
}
#formContent_cntct .address
{
	margin: 0 0 20px;
	text-align: center;
	color: #4b361b;
	font-weight: bold;
}
#formContent_cntct .backTop
{
	margin: 0 0 60px;
}


.error-message {
	margin: 2px 0 2px 0;
	padding: 5px;
	border: 1px solid #bbb9a9;
	color: #fff;
	background: #c6c3a6;
	width:60%;
}