@charset  "UTF-8";

/*
============================
form.css masida styled
============================
*/

/*
formBox
{ 
bg: #EEE;
bd: #F90;
th: #F60;
}

*/

/*
++++++++++++++++++++
form page property
++++++++++++++++++++
*/

.formPage
{
	margin-bottom: 20px;
	width: auto;
}

/*
++++++++++++++++++++
form common
++++++++++++++++++++
*/

.error
{
	color: Red;
	font-weight: bold;
}

form table
{
	margin-top: 10px;
	background: #EEE;
	border: 1px solid #F90;
}

form th, form td
{
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #CCC;
}

form th { padding: 10px; }

form td
{
	padding: 10px 20px 10px 10px;
	width: 100%;
}

.firstRow th, .firstRow td { border-top: 0; }

form th
{
	color: #F60;
	padding-right: 0;
	white-space: nowrap;
}

form th span
{
	font-weight: normal;
	font-size: smaller;
	color: Black;
}

td input.txt, .formPage textarea
{
	display: block;
	width: 100%;
}

.formPage input.ID, td input.PW
{
	width: 160px;
	margin-right: 10px;
}

.formPage input.name
{
	width: 160px;
	margin-right: 10px;
}

td textarea { height: 5em; }
textarea#formComment { height: 15em; }

td p input.txt, td p textarea
{
	display: inline;
	width: auto;
}

.formPage p.downSide { margin-top: 10px; }
.formPage p.rightSide { text-align: right; }

.submit {
	text-align: center;
	padding: 10px;
}

.submitDel {
	text-align: right;
}

.pageNotice {
	margin: 30px 0 20px;
}

.pageNotice ul,
.pageNotice ol {
	margin-left: 1.5em;
}

.pageNotice h2 {
	margin-bottom: 5px;
}

.pageNotice p {
	margin-bottom: 10px;
}

.pageNotice ul {
	margin-bottom: 10px;
}

.pageNotice ul li {
	list-style: disc;
}

.pageNotice ul li li {
	list-style: square;
}

form p.note { font-size: smaller; }
td .lastLine { margin-bottom: 0; }
.formPage .leadTxt { margin: 0 0 20px 20px; }
.formPage p select { margin-right: 10px; }

div.resizeHandle
{
	text-align: right !important;
	margin-top: 3px !important;
}

/*
--------------------
h1 style
--------------------
*/

.formPage h1
{
	color: #F60;
	font-size: 160%;
	margin-bottom: 10px;
}

/*
++++++++++++++++++++
#46 homeModDiary
++++++++++++++++++++
*/

.homeModDiaryPage .firstRow .error { margin-left: 10px; }

/*
++++++++++++++++++++
#38 .homeModKwPage
++++++++++++++++++++
*/

.detailInfo input.txt { width: 200px; }

/*
++++++++++++++++++++
#57 .homeModUserPage
++++++++++++++++++++
*/

.homeModUserPage div.block {
	margin-bottom: 50px;
}

.homeModUserPage ol {
	margin-left: 1.5em;
}

.homeModUserPage ol li {
	list-style: decimal;
}

.homeModUserPage textarea {
	height: 8em;
}

.detailSetting td div { margin-bottom: 5px; }
.detailSetting .childElement { margin-left: 2em; }

/*
++++++++++++++++++++
#54 .joinPage
++++++++++++++++++++
*/


/*
++++++++++++++++++++
#55 .joinAgreementPage
++++++++++++++++++++
*/

.joinAgreementPage textarea
{
	width: 90%;
	height: 240px;
	padding: 1em;
	margin: 20px auto;
}

.joinAgreementPage h2 { text-align: center; }

.joinAgreementPage .ruleTxt
{
	text-align: left;
	border: 1px solid #CCC;
	padding: 2em;
	margin: 10px 10px 20px 10px;
}

.joinAgreementPage .ruleTxt h2
{
	text-align: left;
	margin: 1em 0 0.5em 0;
}

.joinAgreementPage .ruleTxt p { margin-left: 1em; }

.joinAgreementPage .ruleTxt h1
{
	color: Black;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

/*
++++++++++++++++++++
#00 .homeInvitePage
++++++++++++++++++++
*/

.homeInvitePage .block { margin-bottom: 20px; }
.homeInvitePage h2 { font-size: 120%; }