@charset "utf-8";

/* ============================== 01 Setup */
* { margin: 0; padding: 0; text-decoration: none; text-align: left; border: none; font-weight: normal; color: #666666; font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, sans-serif; font-size: small; font-style: normal; }
body { margin:10px; color:#000; text-align: center; }
ul, ol, dl, li, dt, dd { list-style: none; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }
table { border-collapse: collapse; }
input { vertical-align: bottom; }

/* ============================== 02 CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 促*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { text-decoration: none; }

/* ============================== 03 wrap around the contents (base layout box) */

/* 共通 */
*{ margin:0; padding:0; }

#container { margin: 0 auto; width:548px; }
#contents { background: url(../../jpn/member/regist/img/bg_frame.gif) repeat-y left top; padding: 0 13px 0 0; margin: 0; height: auto !important; height: 200px; min-height: 200px;  }

#header { margin-bottom: 8px; }
#header h1 { float: left; }
#header #close { float: right; margin-top: 5px; }

h2 { margin: 0 0 10px 0; color: #1daddd; font-weight: bold; background: #fef4d3; padding: 2px 0 2px 4px; }
p { padding-bottom: 1.25em; line-height: 1.5em; }
.lead{ width: 508px; padding: 10px 20px 20px 25px; margin: 0; }
.set { padding-bottom: 10px; margin-left: 15px; }
.set p { margin-left: 10px; }
#set2 { padding-top: 15px; }
#set3 { padding-top: 15px; padding-bottom: 0px; }
table { width: 523px; margin: 10px 5px 0 0;}
th { color: #1daddd; width: 35%; padding: 5px; text-align: right; }
td { width: 65%; padding: 5px; }
input, textarea, select { border: 1px solid #ccc; }
input { padding: 0.2em; }
select { padding: 0.1em 0; }
.short { width: 50px; }
.medium { width: 136px; }
.long { width: 315px; }
.button { width: 50px; text-align: center; }
td.noborder input { border: 0; }

.button_submit { width: 528px; margin: 10px 0 0 12px; padding-bottom: 10px; text-align: center; }
.button_submit input { width: 82px; border: 0; }

/* フッター */
#footer { line-height: 1em; width: 560px; padding-top: 5px; }
#footer .credit { font-size:x-small; text-align: center; color: #D0A660; }