@charset "utf-8";

body {
	background: url(/images/member777/muryo/img_bg.jpg) repeat-y center top #fff;
	color: #4d4d4d;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
}

a {
	color: #779a18;
	text-decoration: underline;
}

a:hover {
	color: #779a18;
	text-decoration: none;
}

p {
	line-height: 1.6;
}

ul {
	list-style: disc outside none;
	margin-left: 1.5em;
}

li {
	line-height: 1.6;
}

.f10p {
	font-size: 10px !important;
}

.f11p {
	font-size: 11px !important;
}

.f12p {
	font-size: 12px !important;
}

.f13p {
	font-size: 13px !important;
}

span.strong {
	color: #779a18;
}

/* layout */

#container {
	margin: 0 auto;
	text-align: center;
	width: 900px;
}

#main {
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: left;
	width: 900px;
}

/* header */

#header {
	height: 100px;
	position: relative;
}

h1 {
	width: 140px;
	float: left;
}

#header #sammy-logo {
	position: absolute;
	right: 0;
	top: 43px;
}

/* footer */

#footer {
	clear: both;
	font-size: 9px;
	margin-top: 20px;
	position: relative;
	text-align: left;
}

#footer-link {
	font-size: 10px;
	margin-bottom: 20px;
}

#footer-link a {
	color: #4d4d4d;
}

#copyright .right {
	position: absolute;
	right: 0;
	top: 0;
}

/* banner */

#right-banner {
	position: absolute;
	right: 30px;
	width: 150px;
}

/* content */

#container .main {
	background: #fff;
	font-size: 11px;
	position: relative;
}

#head-area {
	margin: 30px 0 20px;
}

#head-area h2 {
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
}

#form-container {
	margin: 0 auto 30px;
	text-align: left;
}

div.center {
	text-align: center;
}

/* step 1-form */

#step1-form #form-container {
	width: 500px;
}

#step1-form input.w500 {
/*	margin-bottom: 20px;*/
	padding: 5px;
}

#step1-form form div.center p {
	font-weight: bold;
	margin: 20px 0;
}

#step1-form form div.center img:hover {
	cursor: pointer;
}

.imghover:hover {
	cursor: pointer;
}

.secure {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	margin: 20px 0;
}

.secure div {
	float: left;
	width: 350px;
}

.secure ul {
	margin: 20px 0 20px 1.5em;
}

.secure .verisign {
	text-align: center;
}

#step1-form .attentionTxt ul {
	margin-left: 3em;
}

/* step 1-confirm */

#step1-confirm #form-container {
	width: 500px;
}

#step1-confirm #mail-confirm {
	border: 1px solid #d9d9d9;
	color: #000;
	font-size: 12px;
	margin: 0 0 20px 0;
	padding: 10px;
	text-align: center;
}

/* step 2-form */

#step2-form #form-container {
	width: 500px;
}

#step2-form #head-area p {
	margin: 0 auto;
	width: 500px;
	text-align: left;
}

#step2-form table {
	margin-bottom: 20px;
}

#step2-form input.w300 {
	padding: 5px;
}

#step2-form textarea.w300 {
	margin-top: 5px;
	padding: 5px;
	height: 80px;
}

#step2-form input.w230 {
	padding: 5px;
}

#step2-form textarea.w230 {
	z-index: 1;
	margin-top: 5px;
	padding: 5px;
	height: 80px;
}

#step2-form img.w60 {
	margin-bottom: -5px;
	margin-left: 10px;
}

#step2-form img.w60_2 {
	margin-bottom: -5px;
	margin-left: 10px;
}

#step2-form select {
	margin: 5px 0 15px;
}

#step2-form .button-container {
	margin-bottom: 20px;
	text-align: center;
}

/* step 2-confirm */

#step2-confirm #form-container {
	margin-bottom: 40px;
	width: 500px;
}

#step2-confirm #head-area p {
	margin: 0 auto;
	width: 500px;
	text-align: left;
}

#step2-confirm table {
	margin-bottom: 40px;
}

#step2-confirm #form-container td {
	color: #000;
}

#step2-confirm #form-container td span.q {
	color: #4d4d4d;
	font-size: 12px;
}

#step2-confirm .button-container {
	padding-left: 70px;
}

#step2-confirm .button-container p {
	display: inline;
	float: left;
}

#step2-confirm .button-container img {
	margin-right: 20px;
}

/* step 3 */

#step3 #course-table {
	margin: 0 auto;
	text-align: left;
	width: 800px;
}

#step3 #head-area img {
	margin: 40px 0 20px;
}

#step3 caption {
	color: #779a18;
	font-size: 14px;
	text-align: left;
	padding-bottom: 5px;
}

#step3 table {
	border: 1px solid #d9d9d9;
}

#step3 th,
#step3 td {
	border: 1px dotted #d9d9d9;
}

#step3 .theader {
	background: #909a8e;
	color: #fff;
}

#step3 .theader th {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

#step3 .theader th.row2 {
	font-size: 10px;
	padding: 5px;
}

#step3 .tcontent th {
	background: #779518;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	padding: 20px 10px;
	text-align: left;
	width: 200px;
}

#step3 .tcontent th span {
	font-size: 10px;
}

#step3 .tcontent td {
	font-size: 11px;
	padding: 10px;
	text-align: center;
	width: 95px;
}

#step3 .footer-caption {
	font-size: 10px;
	margin: 20px 0;
}

/* form */

select,
input,
textarea {
	color: #000;
	font-size: 14px;
	font-weight: normal;
}

select {
	font-size: 12px;
}

#form-container table {
	border: 1px solid #d9d9d9;
	width: 560px;
}

#form-container th {
	border-right: 1px dotted #d9d9d9;
	border-bottom: 1px dotted #d9d9d9;
	color: #000;
	font-size: 12px;
	line-height: 1.5;
	padding: 15px 20px;
	width: 119px;
}

#form-container td {
	border-bottom: 1px dotted #d9d9d9;
	color: #4d4d4d;
	font-size: 12px;
	padding: 10px 20px;
	width: 360px;
}

#form-container th span {
	color: #808080;
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
}

#form-container th span.strong {
	color: #779a18;
}

#form-container td span {
	color: #4d4d4d;
	font-size: 9px;
}

.w500 {
	width: 480px;
}

.w300 {
	width: 290px;
}

.w230 {
	width: 200px;
}

.w60 {
	width: 60px;
}

/* error_message */
.errorTxt {
	color: red;
}