@charset "utf-8";

/* wrapper */

#wrapper{
	width:680px;
	padding:0;
	margin:0 auto;
}


/* title */

div.ttl-pop h2{
	width:620px;
	height:25px;
	background:url(/shared/images/pop/ttl_bg.gif);
	background-repeat:no-repeat;
	min-height: 35px;
	_height: 35px;
	margin: 0 0 0 20px;
	padding-left: 25px;
	padding-right: 10px;
	line-height: 35px;
	display:block;
	font-size: 123%;
}

/* mainContents */

#mainContents{
	width:618px;
	border-style:solid;
	border-color:#e0dece;
	border-width:0 1px 0 1px;
	padding:20px 10px 0 10px;
	margin:0 auto;
	font-size:95%;
}

#mainContents p{
	padding:0 0 20px 0;
}

#mainContents h3{
	border-style:solid;
	border-color:#554431;
	border-width:0 0 1px 0;
	padding:0 0 10px 0;
	margin:0 0 12px 0;
	color:#554431;
	font-size: 123%;
	font-weight:bold;
}

#contentsBottom{
	width:640px;
	height:3px;
	background:url(/shared/images/pop/contents-bg_bottom.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}


/* header */

#header{
	width:auto;
	height:48px;
	padding:0 20px 0 20px;
	margin:0 auto;
}

#header img.logo{
	padding:10px 0 0 0;
}


/* footer */

#footer{
	width:auto;
	height:15px;
	padding:8px 0 0 0;
	margin:0;
}

#footer p{
	width:auto;
	height:15px;
	font-size:1px;
	display:block;
	text-indent: -10000px;
	background:url(/shared/images/pop/footer.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#wrapper div.pagetop{
	padding:12px 20px 0 0;
}



/* ウィンドウを閉じるボタン */

div.close ul{
	width:135px;
	height:27px;
	padding:20px 0 0 0;
	margin:0 auto;
}

div.close ul li a{
	display:block;
	font-size:1px;
	text-indent:-10000px;
	width:135px;
	height:27px;
	background:url(/shared/images/pop/btn_close.gif);
	background-repeat:no-repeat;
}


/* 旧コンテンツポップアップ　共通要素 */

#contentsArea{
	padding:0 19px 0 19px;
}

#contentsArea h2 {
	padding: 18px 12px 11px;
	margin: 6px 0px 9px;
	font-size: 120%;
	line-height: 140%;
	color: #333333;
	font-weight: bold;
	background: url(/shared/images/h2_bg.gif) left top no-repeat;
}

#contentsArea h2 span {
	padding: 0px 0px 0px 11px;
	margin: 0px;
	display: block;
}

#contentsArea p {
	padding: 0px;
	margin: 0px 0px 13px;
	/* except MacIE5.0 \*/
	text-align: justify;
	text-justify: distribute;
	/* end */
}

#contentsArea p strong {
	color: #333333;
}

#contentsArea .left {
	text-align: left;
}

#contentsArea .center {
	text-align: center;
}

#contentsArea .right {
	text-align: right;
}

#contentsArea .caption {
	margin: -14px 0px 20px;
	padding: 0px;
	font-size: 75%;
	_font-size: 70%;
	_font-size/* */: 75%;
	_fo\nt-size: 70%;
	line-height: 125%;
	font-weight: bold;
	color: #007f4e;
}

.code_red{
	color:#CC0000;
	font-weight: bold;	
}


#contentsArea div.generalTable {
	padding: 6px 0px 8px;
	margin: 0px 0px 13px;
}

#contentsArea div.generalTable table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-color: #cecece;
	border-style: solid;
	border-width: 3px 2px 2px 3px;
	/*\*//*/
	revise: MacIE5.0bug;
	width: 99%;
	/**/
	font-size: 100%;
	line-height: 185%;
}

#contentsArea div.generalTable caption {
	padding: 0px 0px 7px 0px;
	margin: 0px;
	line-height: 100%;
	font-size: 100%;
}

#contentsArea div.generalTable caption span.mainCaption {
	text-align: left;
	display: block;
	float: left;
	color: #333333;
	font-weight: bold;
}

#contentsArea div.generalTable caption span.subCaption {
	padding: 0px 1px 0px 0px;
	text-align: right;
	display: block;
	float: right;
}

#contentsArea .generalTable thead th {
	padding: 9px 10px 7px;
	border-color: #cecece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	background: #007f4e;
}

#contentsArea .generalTable tbody th {
	padding: 9px 10px 7px;
	border-color: #cecece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	font-weight: bold;
	color: #333333;
	vertical-align: top;
	text-align: left;
	background: #e2ede8;
}

#contentsArea .generalTable table td {
	padding: 9px 10px 7px;
	border-color: #cecece;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	vertical-align: top;
	background: #ffffff;
}

#contentsArea div.generalTable .right{
	text-align: right !important;
}

#contentsArea div.generalTable .left{
	text-align: left !important;
}

#contentsArea div.generalTable .center{
	text-align: center !important;
}