@charset "utf-8";

/*=============== 全体 ===============*/
.tomonokaiBody {
	float: right;
	width: 770px;
	padding-right: 46px;
	margin-bottom: 10px;
}

/*=== 項目エリア ===*/
.tomonokaiBody .docArea {
	width: 704px;
	text-align: left;
	background: url(../../images/docArea_bg1.jpg) no-repeat;
	padding: 16px 33px 10px;
}

/*=== 見出し ===*/
.docArea .tomonoTitle1 {
	background: url(../../images/tomonokaiTitle_bg.gif) no-repeat;
	height: 29px;
	width: 694px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-left: 8px;
}

.docArea .tomonoTitle1 h1 {
	float: left;
	font-size: 130%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	width: 400px;
	border-left: 4px solid #9A6A03;
	padding-left: 4px;
	padding-top: 0px;
	margin-top: 1px;
}

.docArea .tomonoTitle1 p.tomonoBtn1 {
	background: url(../../images/tomono_btn01_over.gif) no-repeat;
	float: right;
	height: 22px;
	width: 130px;
	margin-left: 4px;
}

.docArea .tomonoTitle1 p.tomonoBtn1 a,
.docArea .tomonoTitle1 p.tomonoBtn1 a:visited {
	background: url(../../images/tomono_btn01_up.gif) no-repeat;
	display: block;
	height: 19px;
	width: 130px;
	font-size: 14px;
	line-height: 110%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
}

.docArea .tomonoTitle1 p.tomonoBtn1 a:hover {
	background: url(none);
	color: #FFFF00;
	text-decoration: none;
}

.docArea p.tomonoCatchcopy {
	margin-bottom: 20px;
	padding-left: 20px;
}

/*=== 本文 ===*/
.docArea .docBody {
	margin-bottom: 16px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}

.docArea .docBody h2 {
	font-size: 110%;
	line-height: 110%;
	font-weight: bold;
	color: #006600;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 2px dotted #669900;
	margin-top: 8px;
}

.docArea .docBody h3 {
	font-size: 100%;
	line-height: 110%;
	font-weight: bold;
	color: #006600;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #009900;
	padding-top: 2px;
}

.docArea .docBody p {
	text-indent: 1em;
	line-height: 150%;
}

.docArea .docBody p.leftIndent {
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 2em;
	line-height: 120%;
	padding-bottom: 4px;
}

/*=== 項目エリア（入会方法） ===*/
.tomonokaiBody .docArea2 {
	width: 704px;
	text-align: left;
	background: url(../../images/docArea_bg2.jpg) no-repeat;
	padding: 16px 33px 10px;
	margin-bottom: 20px;
}

.tomonokaiBody .docArea2 .tomonoTitle1 h1,
.tomonokaiBody .docArea2 .tomonoTitle1 h2 {
	font-size: 130%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	border-left: 4px solid #9A6A03;
	padding-left: 4px;
	padding-top: 0px;
	margin-top: 1px;
	float: left;
	width: 400px;
}

.tomonokaiBody .docArea2 .tomonoTitle1 {
	background: url(../../images/tomonokaiTitle2_bg.gif) no-repeat;
	height: 29px;
	width: 694px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-left: 8px;
}

.tomonokaiBody .docArea2 .tomonoTitle1 p.tomonoBtn2 {
	background: url(../../images/tomono_btn02_over.gif) no-repeat;
	float: right;
	height: 22px;
	width: 187px;
	margin: 0px;
	padding: 0px;
}

.tomonokaiBody .docArea2 .tomonoTitle1 p.tomonoBtn2 a,
.tomonokaiBody .docArea2 .tomonoTitle1 p.tomonoBtn2 a:visited {
	background: url(../../images/tomono_btn02_up.gif) no-repeat;
	display: block;
	height: 19px;
	width: 187px;
	font-size: 14px;
	line-height: 110%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
}

.tomonokaiBody .docArea2 .tomonoTitle1 p.tomonoBtn2 a:hover {
	background: url(none);
	color: #FFFF00;
	text-decoration: none;
}

.docArea2 .docBody {
	margin-bottom: 16px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.docArea2 .docBodyForm {
	width: 700px;
	margin: 0px auto;
	padding-top: 14px;
}

.docArea2 .docBodyForm .subTitle {
	background: url(../../images/entrance_bg.gif) no-repeat;
	height: 20px;
	width: 700px;
	margin-bottom: 10px;
	padding-top: 6px;
}

.docArea2 .docBodyForm .subTitle h2 {
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
	padding-top: 0px;
	margin-top: 1px;
}

.docArea2 .docBodyForm p {
	line-height: 150%;
}

.docArea2 .docBodyForm .red {
	color: #FF0000;
	line-height: 150%;
}

.docArea2 .docBodyForm p.notes {
	color: #006600;
	padding-top: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #006600;
	margin-bottom: 4px;
}

.docArea2 .docBodyForm form {
	margin: 0px;
	padding: 0px;
}

.docArea2 .docBodyForm .formBg {
	background: #EBEAD5;
	padding-top: 24px;
	padding-bottom: 14px;
	text-align: center;
}

.docArea2 .docBodyForm .formBg table {
	width: 653px;
	margin-right: auto;
	margin-left: auto;
}

.docArea2 .docBodyForm td {
	margin: 0px;
	padding: 0px 0px 14px;
	text-align: left;
}

.docArea2 .docBodyForm td.left {
	text-align: right;
	padding-right: 6px;
	vertical-align: top;
	padding-top: 2px;
}

.docArea2 .docBodyForm td.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.docArea2 .docBodyForm form input {
	font-size: 90%;
	line-height: 120%;
	margin: 0px;
	padding: 2px 0px 0px;
}

.docArea2 .docBodyForm form input.touroku {
	width: 14em;
}


.docArea2 .docBody p {
	line-height: 150%;
}

.boldRedPlain {
	font-weight: bold;
	color: #E30000;
}

.docArea2 .docBody p.boldRed,
.docArea2 .docBody p.boldRed a,
.docArea2 .docBody p.boldRed a:visited {
	font-size: 110%;
	line-height: 110%;
	font-weight: bold;
	color: #E30000;
	margin-bottom: 10px;
	padding-right: 4px;
}

.docArea2 .docBody p.boldRed a:hover {
	color: #0000FF;
	text-decoration: underline;
}

.docArea2 .docBody .subTitle {
	background: url(../../images/tomonokaiTitle3_bg.gif) no-repeat;
	height: 20px;
	width: 692px;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 8px;
}

.docArea2 .docBody .subTitle h4 {
	font-size: 100%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	border-left: 4px solid #9A6A03;
	padding-left: 6px;
	padding-top: 0px;
	margin-top: 1px;
}

.docArea2 .docBody p.mainName {
	font-size: 140%;
	line-height: 100%;
	color: #8E6102;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
}

.docArea2 .docBody p.adres {
	padding-left: 30px;
}

.docArea2 .docBody p.phone {
	padding-left: 30px;
	color: #8E6102;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C5AD52;
	font-size: 120%;
	line-height: 100%;
	font-weight: bold;
}

/*=== 写真エリア ===*/
.tomonokaiBody .photoArea {
	width: 684px;
	text-align: left;
	padding: 16px 33px 20px 53px;
}

.tomonokaiBody .photoArea .photoUnit {
	float: left;
	width: 160px;
	margin-right: 5px;
}

.tomonokaiBody .photoArea .photoUnit img {
	border: 1px solid #CCCCCC;
}

.tomonokaiBody .photoArea .photoUnit p {
	font-size: 90%;
	line-height: 120%;
	text-align: center;
	margin-bottom: 4px;
}

.tomonokaiBody .photoArea .photoCopyArea {
	clear: both;
	width: 682px;
	margin-bottom: 20px;
}

.tomonokaiBody .photoArea .photoCopyArea p {
	float: left;
	width: 47%;
	padding-right: 2%;
	padding-left: 1px;
}

.tomonokaiBody .photoArea .photoUnitW {
	float: left;
	width: 329px;
	margin-right: 5px;
}

.tomonokaiBody .photoArea .photoUnitW p {
	font-size: 90%;
	line-height: 120%;
	text-align: center;
	margin-bottom: 4px;
}

/*=== 年会費 ===*/
.docArea .subTitle {
	background: url(../../images/tomonokaiTitle_bg.gif) no-repeat;
	height: 29px;
	width: 694px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-left: 8px;
}

.docArea .subTitle h2 {
	font-size: 130%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	border-left: 4px solid #9A6A03;
	padding-left: 4px;
	padding-top: 0px;
	margin-top: 1px;
}

.docArea table.kaiin {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	empty-cells: show;
}

.docArea table.kaiin td {
	text-align: center;
	font-size: 120%;
	line-height: 160%;
	border: 1px solid #CC9900;
	margin: 0px;
	padding: 0px 16px;
}

.docArea table.kaiin p.kaihi {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid #CC0000;
	width: 8em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.docArea table.kaiin td.right {
	padding: 8px 16px;
	line-height: 145%;
	text-align: left;
	font-size: 100%;
	margin: 0px;
}

.docArea p.tablrFooter {
	color: #006600;
	text-indent: -1em;
	padding-left: 1em;
	padding-top: 6px;
	font-size: 90%;
	line-height: 120%;
}

/*=============== ページトップ ===============*/
.pageTop {
	width: 100%;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
}

.pageTop p {
	font-size: 90%;
	line-height: 100%;
}


.pageTop a,
.pageTop a:visited {
	line-height: 100%;
	color: #996600;
	text-decoration: none;
}


.pageTop a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/*=============== クリア ===============*/
.docClear {
	clear: both;
	width: 100%;
}

.docClear img {
	border-style: none;
}