@charset "utf-8";
/* CSS Document */

body {
	font-size:small;
}
#headerwrap {
	width:100%;
	text-align:center;
	background-image:url(../img/global/head_bg.jpg); /* 2000�~100px */
	background-repeat:no-repeat;
	background-position: center;
}
#head {
	/*width:980px;*/
	width:100%;
	height:120px;
	display:block;
	margin:0 auto;
	position:relative;
}

.\35 0th_logo img {
    display: block;
    margin: -10px auto 10px;
}

#contents .column_left {
	width:447px;
	margin-left:36px;
}
#contents .column_left #login {
	background-image:url(../img/index/login_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:35px 16px 30px 16px;
	margin-bottom:15px;
	text-align:right;
	position:relative;
	display:inline-block;
}
#contents .column_left #login .error {
	padding:3px 10px;
	background-color:#fff;
	border:1px solid #ccc;
	width:393px;
	text-align:left;
	margin-bottom:1.5em;
	font-size:14px;
}
#contents .column_left #login img {
	float:left;
}
#contents .column_left #login ul {
	float:right;
	width:310px;
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	list-style:none;
	list-style-image:none;
}
#contents .column_left #login ul li {
	padding:10px 0;
	border-bottom:1px dotted #999;
	text-align:left;
	vertical-align:top;
	margin:-1px 0;
	display:inline-block;
	position:relative;
	width:100%;
}
#contents .column_left #login ul li label img {
	margin:5px 15px 0 0;
}
#contents .column_left #login ul li input {
	border:1px solid #ccc;
	background-color:#fff;
	width:210px;
	height:16px;
	ime-mode:disabled;
	padding:2px 0;
}
#contents .column_left #login ul li p {
	margin:5px 0 0 0;
	padding:0;
	clear:both;
	font-size:10px;
	line-height:150%;
}
#contents .column_left #login ul li#login_button input {
	width:auto;
	background-image:url(../img/index/login_button.gif);
	width:114px;
	height:33px;
	text-indent:-9999px;
	border:none;
	font-size:0;
	float:right;
	cursor:pointer;
}
#contents .column_left #login a {
	clear:both;
	float:none;
	display:inline-block;
	margin:0;
	padding:0;
	text-align:right;
}
#contents .column_left #login ul li#login_button .attention {
	margin:10px 0;
	padding:3px 10px;
	border:1px solid #f00;
}

#contents .column_left #first {
	background-color:#FFFFB3;
	padding:20px 16px 20px 119px;
	background-image:url(../img/index/first_icon.gif);
	background-repeat:no-repeat;
	background-position:16px 20px;
	display:inline-block;
	position:relative;
	width:312px;
}
#contents .column_left #first h4 {
	border-bottom:1px solid #999;
	margin:0 0 0.5em 0;
	padding:0 0 10px 0;
}
#contents .column_left #first .red {
	margin:10px 0;
}
#contents .column_left #first a {
	float:right;
	clear:both;
}
#contents .column_left #first img.registPelican {
	position:absolute;
	top:130px;
	left:0;
}
#contents .column_right {
	width:425px;
	margin-right:36px;
	display:inline;
}
#contents .column_right2 {
	width:192px;
	margin-right:36px;
	display:inline;
}
#contents .column_right #menu_info {
	margin:0 0 25px 0;
	padding:0;
	display:inline-block;
	position:relative;
	width:100%;
}
#contents .column_right #menu_info h3 {
	border:2px solid #E7F0CE;
	font-size:18px;
	margin:0;
	padding:3px 0;
	text-align:center;
}
#contents .column_right #menu_info ul {
	margin:0;
	padding:0;
	list-style:none;
}
#contents .column_right2 #menu_info ul li {
	margin:20px 0 0 0;
	padding:0 0 0 13px;
	float:left;
}
#contents .column_right #menu_info ul li a {
	margin:0;
	padding:3px 0 3px 0;
	background-image:url(../img/index/menu-info_bg.gif);
	background-repeat:none;
	width:192px;
	height:auto;
	text-align:center;
	font-weight:normal;
	font-size:15px;
	text-decoration:none;
	display:block;
	color:#555;
}
#contents .column_right #menu_info ul li a:hover {
	color:#ff6600;
}

#contents .column_right a img {
	margin:0 auto;
	display:block;
}

#contents .column_right ul {
	margin:25px 0;
	padding:0;
	list-style-image:url(../img/global/arrow_orange.gif);
}
#contents .column_right ul.about {
	border:1px solid #ccc;
	padding:10px 0 10px 25px;
}
#contents .column_right ul li {
	margin:15px;
	padding:0;
}
#contents .column_right ul li a {
	color:darkorange;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#contents .column_right ul li div {
	margin:10px 0 0 0;
}
#contents .column_right ul li div p {
	margin:10px 0 0 0;
	padding:0 0 0 1em;
	text-indent:-1em;
}
#contents .column_right ul li div p .atte {
	padding-left:2em;
	text-indent:-1em;
}
#contents .column_right input {
	float:right;
	clear:both;
	margin:40px 0;
}

#contents .column_left #pass {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}
#contents .column_left #pass th, #contents .column_left #pass td {
	padding:1em 0;
	border-bottom:1px #ccc;
	vertical-align:top;
	font-size: 12px;
	line-height: 200%;
}
#contents .column_left #pass th {
	font-weight:normal;
	text-align:left;
	border-bottom-style:solid;
	width:130px;
	white-space:nowrap;
}
#contents .column_left #pass td {
	border-bottom-style:dotted;
}
#contents .column_left #pass td input {
	ime-mode:disabled;
}
#contents .column_left #pass td.no input {
	width:75px;
}
#contents .column_left #pass td.mail input {
	width:250px;
	display:block;
}
#contents .column_left #pass td ul {
	margin:0 -20px 0 0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
#contents .column_left #pass td ul li {
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
#contents .column_left #pass td ul li input {
	width:auto;
}
#contents .column_left #pass td.bank_list a, #contents .column_left #pass td.pass_submit a, #contents .column_left #pass td.pass_back a  {
	margin:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
	height:30px;
	padding:10px 0 0 0;
}
#contents .column_left #pass td.bank_list a {
	background-image:url(../img/index/bank_list.gif);
	width:110px;
}
#contents .column_left #pass td.pass_submit a {
	background-image:url(../img/index/pass_submit.gif);
	width:96px;
	font-size:0.95em;
}
#contents .column_left #pass td.pass_back a {
	background-image:url(../img/index/pass_back.gif);
	width:96px;
	font-size:0.95em;
}
#contents .column_left #pass td .b {
	display:inline;
}

#contents .column_right#member_no {
	border:1px solid #ccc;
	padding:15px 19px;
	width:385px;
	line-height: 160%;
	font-size: 1.0em;
}
#contents .column_right#member_no ul {
	margin:-10px 0;
	padding:0;
	list-style:none;
}
#contents .column_right#member_no ul li {
	margin:10px 0;
	padding:0;
}

#bank {
	margin:0 auto;
	width:600px;
}
#bank h2 {
	margin:0 0 1em;
	padding:0.2em 0.5em;
	background-color:#B3D66E;
	color:#fff;
	font-size:16px;
}
#bank ul {
	margin:15px -10px 0 0;
	padding:0;
	list-style:none;
}
#bank ul li {
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#bank ul li a, #bank form a, #post_no a {
	background-image:url(../img/index/bank.gif);
	display:block;
	padding-top:10px;
	width:68px;
	height:30px;
	text-decoration:none;
	text-align:center;
	color:#fff;
}
#bank ul li#post a, #bank form a {
	background-image:url(../img/index/pass_submit.gif);
	width:96px;
}
#bank p {
	margin:20px 0;
	padding:0;
	color:#f00;
	padding-left:1em;
	text-indent:-1em;
	clear:both;
	display:inline-block;
}
#bank .button {
	clear:both;
}
#bank .b {
	display:inline;
}
.bank_select {
	margin: 20px 0 0 0;
}
#bank table {
	float:left;
	margin:15px 0;
	border-collapse:separate;
	border-spacing:10px;
	table-layout:fixed;
	width:360px;
	border:1px solid #ccc;
}
#bank table td {
	text-align:center;
	font-size:15px;
}
#bank form {
	display:block;
	float:right;
	margin:15px 0;
	width:230px;
}
#bank form select {
	width:100%;
	border:1px solid #ccc;
	background-color:#F8F7EE;
	padding:2px;
}
#bank form select option {
}
#bank form a {
	clear:both;
	float:right;
	margin-top:5px;
}
#bank .button form {
	float: none;
	width: auto;
}

#post_no {
	border:1px solid #ccc;
	padding:10px 40px;
	margin:15px 0;
}
#post_no form {
	display:inline;
	width:auto;
	float:none;
	margin:0;
}
#post_no form img {
	display:block;
	margin-left:-40px;
}
#post_no form .no {
	background-color:#EEF1EA;
	padding:2px 10px;
	font-weight:bold;
	float: left;
}
#post_no form .no input {
	width:75px;
	ime-mode:disabled;
	margin:0 10px;
}
#post_no form .no .red {
	display:inline;
	font-size:11px;
}
#post_no form a {
	margin:15px -25px 15px 0;
	display:block;
	clear:both;
	float:right;
}

em {
	color: #f00;
	font-style: normal;
}

#container #contents .w600f16 {
	width:600px;
	font-size:16px;
}

#container #contents .w600f16 p {
	padding:5px 0;
	line-height:200%;
	margin:0;
}


table#account_info {
	margin:0;
	padding:0;
	border-collapse:collapse;
	width:100%;
}
table#account_info caption {
	text-align:left;
	color:#f00;
	padding-bottom:5px;
}
table#account_info th, table#account_info td {
	padding:6px 10px;
	border:1px solid #ccc;
	font-size:12px;
}
table#account_info th {
	text-align:left;
	background-color:#E7F0CE;
	white-space:nowrap;
	width:225px;
}
table#account_info td.red {
	width:290px;
}
table#account_info td .red .blue {
	display:inline;
}
table#account_info td input {
	width:300px;
}
table#account_info td.zip input {
	width:75px;
}
table#account_info td.zip input, table#account_info td.mail input, table#account_info td.tel input {
	ime-mode:disabled;
}
table#account_info td input.required {
	border: 1px solid #7F9DB9;
	background-color: #FFF2E4;
	color:#434343;
}
table#account_info td.required {
	display:table-cell;
	color:#434343;
}

table#account_info td.required input {
	border:1px solid #7F9DB9;
	background-color:#FFF2E4;
}

.w500 {
	width: 500px;
}

h1.syoshinsya {
	min-width:100%;
	height:40px;
	padding-top:35px;
	padding-left:70px;
	background-color:#fff;
	background-image:url('../img/contents/bg_syoshinsya.png');
	background-position:2% 70%;
	background-size:40px;
	background-repeat:no-repeat;
	margin-left:0;
}
h1.syoshinsya a {
	text-decoration:none;
	color:#333;
	font-size:1.1em;
	letter-spacing:0.1em;
}
h1.key {
	min-width:100%;
	height:40px;
	padding-top:35px;
	padding-left:70px;
	background-color:#fff;
	background-image:url('../img/contents/bg_key.png');
	background-position:2% 65%;
	background-size:40px;
	background-repeat:no-repeat;
	margin-left:0;
}
h1.key a {
	text-decoration:none;
	color:#333;
	font-size:1.1em;
	letter-spacing:0.1em;
}