@charset "utf-8";
/* ===================================================================
CSS information

 file name  : supporter.css
 style info : サポーター募集

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

#contents{
	/*background: url(../images/contents/profile_img.jpg) no-repeat right bottom;*/
	/*background: url(../images/contents/profile_img.jpg) no-repeat right 110px;*/
	position: relative;
}

/* 各種共通
-----------------------------------------------------------------*/

#panList {
	width: 780px;
	height: auto;
}
#panList li {
	padding: 0 3px 0 0;
	display: inline;
}
#panList li a {
	color: #0000CC;
	text-decoration: underline;
}
#panList li a:hover {
	text-decoration: none;
}


/* プロフィール
-----------------------------------------------------------------*/
h2 {
	width: 570px;
	height: 32px;
	background: url(../images/contents/title_supporter.png) no-repeat 0 0;
	text-indent: -9999px;
	margin: 25px 0 0;
}
h3 {
	color: #0068B7;
	font-size: 138.5%;
	font-weight: bold;
	margin: 5px 0 0;
}
#linksContents {
	/*position: absolute;
	left: 10px;
	top: 125px;*/
	width: 780px;
	height: auto;
	padding: 20px 0 0;
}
#linksList {
	width: 535px;
	height: auto;
	margin: 15px 0;
}
#linksList li {
	background: url(../images/contents/arrow_right_up.png) no-repeat scroll 0 50% transparent;
	font-size: 118%;
	margin: 5px 0;
	padding: 3px 0 3px 24px;
	border-bottom: dotted 1px #333333;
	list-style-type: none;
}
#linksList li a {
}
#linksList li a:hover {
	color: #FF0000;
	text-decoration: none;
}
#linksList li span {
	margin-left: 1.5em;
}

#linksImg {
	width: 328px;
	height: 569px;
	background: url(../images/contents/profile_img.jpg) no-repeat 0 0;
	position: relative;
	left: 460px;
	top: 0;
}

#linksContents h4 {
	padding: 0 0 4px;
	margin: 0 0 8px;
	border-bottom: dotted 1px #CCCCCC;
}
#linksContents h4 span {
	font-size: 118%;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-left: solid 5px #0068B7;
}
.supporterList {
	width: auto;
	height: auto;
	padding: 0 5px 5px;
	margin: 0 0 15px;
	border: solid 1px #CCCCCC;
}
.supporterList table {
	width: 100%;
	border-collapse: collapse;
	margin: 5px 0 0;
}
.supporterList table th {
	width: 25%;
	height: auto;
	text-align: left;
	color: #FFFFFF;
	background-color: #5A9DCF;
	padding: 6px;
	border: solid 1px #FFFFFF;
}
.supporterList table th.thTitle {
	width: 14%;
	height: auto;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: #FFFFFF;
	background-color: #5A9DCF;
	padding: 6px;
	border: solid 1px #FFFFFF;
}
.supporterList table th.thTitle2 {
	width: 20%;
}
.supporterList table td {
	/*background-color: #9FD6FF;*/
	background-color: #CCE9FF;
	padding: 6px;
	border: solid 1px #FFFFFF;
}
.supporterList table td input {
	width: 250px;
	height: auto;
	padding: 2px;
}
.sendBtn {
	text-align: center;
	padding: 0 0 20px;
}
.sendBtn input {
	padding: 10px 15px;
}


#supporterText, #supporterTextOpen {
	padding: 20px;
	/*margin: 10px 0 10px;*/
	margin: 0 0 10px;
	border: solid 1px #CCCCCC;
	position: relative;
}
#supporterText {
	display: none;
}
.openClose {
	width: 100px;
	height: 30px;
	text-align: center;
	background: url(../images/contents/changebtn.gif) no-repeat 0 0;
	line-height: 25px;
	position: absolute;
	right: 20px;
	top: 10px;
	/*bottom: 0px;*/
}
.openClose a {
	color: #666666;
	/*color: #FF6600;*/
}
.openClose a:hover {
	text-decoration: none;
}
#supporterText h4, #supporterTextOpen h4 {
	color: #0068B7;
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 4px;
	/*margin: 0 0 4px;*/
	border-bottom: dotted 1px #CCCCCC;
}
#supporterText p, #supporterTextOpen p {
	padding: 4px 0 12px;
}
#supporterText dl {

}
#supporterText dt {
	color: #0068B7;
	padding: 0 0 3px;
}
#supporterText dd {
	padding: 0 0 10px 25px;

}

#supporterText p#entryInq {
	background: url(../images/contents/arrowPoint.gif) no-repeat 0 0;
	padding: 0 0 0 25px;
}
#supporterText p#entryInq span.entryInqTitle {
	font-size: 118%;
	font-weight: bold;
	padding: 0 0 4px;
}
#supporterText p#entryInq span.entryInqBody {
	font-size: 110%;
}

.sendErrTop {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 20px 0;
}
.sendErr {
	padding: 0 0 10px 30px;
}
.sendErr span {
	color: #FF3333;
	font-weight: bold;
}