@charset "UTF-8";

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

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

 common form CSS file
 
 Color Cordination
 Key Color: 

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

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

 common

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

#formContent
{
	clear: both;
	width: 900px;
	padding: 20px;
	background: #fff;
}
#formContent h3
{
	margin: 0 0 15px;
}
#formContent .header
{
	margin: 0 0 5px;
	color: #655229;
}
#formContent .header .supplement,
#formContent .header .tel
{
	margin: 0 0 15px;
}
#formContent .header .note
{
	color: #f00;
}
#formContent .form
{
	width: 900px;
	margin: 0 0 15px;
}
#formContent .form th,
#formContent .form td
{
	padding: 5px;
	border: 1px solid #bdb76b;
	color: #4b361b;
}
#formContent .form th
{
	width: 20%;
	background: #f5f2d1;
}
#formContent .form th span.must
{
	margin-left: 0.3em;
	color: #f00;
}
#formContent .privacyPolicy
{
	width: 898px;
	height: 98px;
	margin: 0 0 10px;
	border: 1px solid #7f9bd9;
}
#formContent .agreement
{
	margin: 0 0 10px;
}
#formContent .buttons
{
    text-align: center;
}
#formContent .buttons li
{
	margin: 0 8px;
    display: -moz-inline-box;/*for FF2*/
    display: inline-block;/*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html #formContent .buttons li
    {
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html #formContent .buttons li
    {
        display: inline;
        zoom: 1;
    }

#formContent .tel input,
#formContent .zip input
{
	width: 60px;
}
#formContent .dateOfFair input,
#formContent .timeOfFair input,
#formContent .numberOfParty input
{
	width: 120px;
}
#formContent .nameOfGroom input,
#formContent .kanaOfGroom input,
#formContent .nameOfBride input,
#formContent .kanaOfBride input
{
	width: 180px;
}
#formContent .email input,
#formContent .emailOfConfirm input,
#formContent .address input
{
	width: 360px;
}
#formContent .content textarea
{
	width: 97%;
	padding: 3px;
}
#formContent input.setPadding
{
	padding: 3px;
}
	html:not(:target) #formContent input.setPadding
	{
		padding: 0;
	}

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

 confirm

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

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

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

 complete

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

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