@charset "UTF-8";

/* index.html */


/* contents の要素 */
#contents {
	width: 802px;
	margin: 0px auto;
	padding: 0px;
}


/* 新規会員登録はこちら */

	
h3 {
	width: 792px;
	height: 22px;
	margin: 10px auto 0px;
	padding: 12px 0px 0px 10px;
	clear: left;
	font-size: 16px;
	color:#3F331F;
	background: url(../images/title885.gif) no-repeat left top;
}
#user h4 {
	width: 724px;
	height: 28px;
	margin: 15px auto 0px;
	padding: 5px 0px 0px 10px;
	color:#3F331F;
	background: url(../images/title_h4.gif) no-repeat left top;
	font-size: 14px;
}


#contents #user  p {
 	padding-top: 5px;
	padding-left: 25px;
	font-size: 12px;
	line-height: 140%;
}


#campaign {
	width: 705px;
	height: 480px;
	margin: 0px auto 0px;
	padding: 40px 0px 0px;
	background: url(../images/campaign_img.gif) no-repeat left top;
}
#campaign h5 {
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 90px;
	font-size: 14px;
	text-align: center;
}
#campaign p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#campaign ul {
	margin: 57px 0px 0px;
	padding: 0px 0px 0px 122px;
	list-style-type: none;
}
#campaign ul li {
	width: 245px;
	height: 15px;
	padding-bottom: 12px; 
	font-size: 13px;
}
#campaign ul li a {
	width: 245px;
	height: 15px;
	display: block;
	text-decoration: none;
}
#campaign ul li#profile a {
	width: 245px;
	background: url(../images/campaign_profile.gif) no-repeat left top;
}
#campaign ul li#profile a:hover {
	background: url(../images/campaign_profile.gif) no-repeat left bottom;
}
#campaign ul li#blog a {
	width: 206px;
	background: url(../images/campaign_blog.gif) no-repeat left top;
}
#campaign ul li#blog a:hover {
	background: url(../images/campaign_blog.gif) no-repeat left bottom;
}

#campaign ol {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 115px;
	list-style-type: none;
}
#campaign ol li {
	font-size: 13px;
	padding-bottom: 5px; 
}	

#campaign p.comment {
	margin: 72px 0px 0px 338px;
	padding: 0px 62px 0px 0px;
	text-align: left;
}
#campaign p.comment a {
	width: 279px;
	height: 15px;
	text-decoration: none;
	display: block;
	background: url(../images/campaign_contact.gif) no-repeat left top;
}
#campaign p.comment a:hover {
	background: url(../images/campaign_contact.gif) no-repeat left bottom;
}



#user ul#attention {
	padding: 10px 0px 5px 65px;
	list-style-type: none;
}	

#user ul#attention li {
	padding-left: 10px;
	font-size: 12px;
	line-height: 130%;
	background: url(../becomeourinstructor/images/icon_03.gif) no-repeat left center; 
}	
#contents table#form {
	width: 682px;
	font-size: 80%;
	margin: 0px auto 30px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;	 
	border-right: 1px solid #aaa;
}
table#form th {
	width: 175px;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	line-height: 130%;
	background: #fff8d4; 	
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}	
table#form td {
	width: 231px;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #aaa;
}
table#form td.wid400 {
	width: 650px;
	margin: 0px;
	padding: 10px;
	border-bottom: 1px solid #aaa;
	font-size:15px;
}

table th em, table td em, table th em.icon01, #user li em.icon01 {
	visibility: inherit;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #FF0000;
}
table th em.icon02, #user li#attention em.icon02 {
	visibility: inherit;
	font-size: 80%;
	font-weight: normal;
	font-style: normal;
	color: #009900;
}

p#submit {
	margin: 0px;
	padding: 0px 0px 30px;
	text-align: center;
}	
.input01 {
	width: 190px;
	line-height: 125%;
	font-size: 12px;
}		

table#form th.bg_purple {
	background: #EEDFFF;
}
table#form td.cam {
	width: 450px;
}
.input02 {
	width: 300px;
	font-size: 12px;
	line-height: 120%;
}		
.input03 {
	width: 450px;
	font-size: 12px;
}