@charset "EUC-JP";
/* CSS Document */

*{ margin:0; padding:0; }

body                    { 
	                      background:url(../images/bg.png) repeat-y center top; 
	                      font-size:80%; 
	                      font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
		                  line-height:1.8em; 
		                  padding:0;
	                    }

ul, li                  { list-style:none; margin:0; padding:0; }
a                       {-moz-outline:none;}
a:link                  { color:#004f9d; }
a:visited               { color:#004f9d; }
a:hover                 { color:#ff7800; }
a:active                { color:#ff7800; }
a img                   { border:none; margin:0; padding:0; line-height:0; }
em                      { color:#cb0000; font-style:normal; }

#wrapper                { width:700px; margin:0 auto; padding:0; }
#header                 { width:700px; height:81px; background:url(../images/header.png) no-repeat left top; }
#header h1              { font-size:0; text-indent:-9999px; }
#body                   { width:650px; margin:0; padding:25px; background:#fff; }
#body h2                { width:650px; height:140px; margin:0 0 15px 0; }
#body h3                { height:30px; margin:0 0 10px 0; }
#body h4                { margin-bottom:5px; }
#body p                 { margin:0 0 5px 0; color:#333; }
#body p.top             { margin-bottom:30px; }
#kiyaku h3              { text-align:center; margin:0; height:inherit; font-size:150%; }
#kiyaku h4              { margin:0 0 5px 0; color:#333; font-style:normal; font-weight:normal; font-size:120%; border-bottom:1px solid #ccc; }
#kiyaku p               { margin:0 0 15px 0; line-height:1.5em; }
#kiyaku p.end           { margin:0 0 30px 0; line-height:1.5em; }
#kiyaku p.attention     { color:#f00; }
#kiyaku div#add         { text-align:right; width:650px; }
#regist                 { width:504px; margin:0 auto 30px auto; }
#regist p               { margin:5px 0 0 0; font-size:80%; line-height:1.4em; }
#regist a.rules         { font-size:80%; background:url(../images/arrow.png) no-repeat left center; padding:0 0 0 10px; }
#login                  { width:650px; margin:40px auto 20px auto; }
#login h3               { 
                          font-size:0px;
						  text-indent:-9999px;
						  width:650px; 
						  height:31px; 
						  margin:0; 
						  background:url(../images/ttl4.png) no-repeat left top; 
						}
#login div              { width:618px; padding:10px 15px; border:1px solid #bbb; border-top:none; background:#fbfbfb; }
#login p                { line-height:1.5em; margin-bottom:0; }
#login fieldset         { border:none; width:578px; margin:10px auto; }
#login table            { border-collapse:collapse; }
#login th,
#login td               { padding:3px 5px; }
#login th               { font-weight:normal; text-align:right; }
#login fieldset a       { font-size:80%; background:url(../images/arrow.png) no-repeat left center; padding:0 0 0 10px; }
#login input.field1     { width:200px; margin:0 10px 0 0; }
#step                   { margin:0 0 20px 0; width:410px; height:50px; }
#regform                { border:none; }
#regform table          { border-collapse:collapse; width:650px; margin:0 0 20px 0; }
#regform th,
#regform td             { padding:10px; text-align:left; font-weight:normal; border-bottom:1px solid #e6e6e6; color:#4d4d4d; }
#regform tr.top         { border-top:1px solid #e6e6e6; }
#regform th             { background:#f2f2f2; width:180px; }
#regform td             { background:#fcfcfc; }
#regform input.field1   { width:180px; margin:2px; }
#regform input.field2   { width:300px; margin:2px; }
#regform input.field3   { width:100px; margin:2px; }
#regform textarea.field4   { width:400px; height:100px; margin:2px; }
#regform input.btn      { margin:10px; }

#user                   { padding:20px; border:1px solid #bbb; margin:0 0 20px 0; }
#user span              { font-size:120%; font-weight:bold; }
#user a                 { font-size:80%; margin:0; line-height:2em; background:url(../images/arrow.png) no-repeat left center; padding:0 0 0 10px; }
#membermenu             { width:610px; margin:0 20px; }
#membermenu dt          { margin:0 0 5px 0; padding:5px 0 5px 15px; background:url(../images/arrow.png) no-repeat 5px center #ebebeb; }
#membermenu dd          { margin:0 0 20px 0; padding:0 0 0 10px; }

#box2                   { width:650px; margin:0; padding:0 }
#box2 div.right         { float:right; width:480px; margin:0; padding:0 }
#box2 div.left          { float:left; width:150px; margin:0; }
#box2 div.left ul       { width:150px; }
#box2 div.left li       { width:150px; margin:0 0 1px 0; padding:0; }
#box2 div.left a        { 
                          display:block; 
						  width:150px; 
						  background:url(../images/arrow.png) no-repeat 145px center #ebebeb;
						  padding:5px;
						}

table#backnumber        { border-collapse:collapse; width:480px; }
#backnumber th,
#backnumber td          { padding:4px 10px; border:1px solid #fff; }
#backnumber th          { background:#2872bb; color:#fff; font-weight:normal; }
#backnumber td.ttl1,
#backnumber td.no1,
#backnumber td.date1    { background:#f4f8fc; text-align:left; }
#backnumber td.ttl2,
#backnumber td.no2,
#backnumber td.date2    { background:#e6eff8; text-align:left; }
#backnumber td.ttl1,
#backnumber td.ttl2     { width:250px; }
#backnumber td.date1,
#backnumber td.date2,    
#backnumber td.no1,
#backnumber td.no2      { text-align:center; }

#regform2               { border:none; }
#regform2 table         { border-collapse:collapse; width:480px; margin:0 0 20px 0; }
#regform2 th,
#regform2 td            { padding:8px 5px; text-align:left; font-weight:normal; border-bottom:1px solid #e6e6e6; color:#4d4d4d; }
#regform2 tr.top        { border-top:1px solid #e6e6e6; }
#regform2 th            { background:#f2f2f2; }
#regform2 td            { background:#fcfcfc; }
#regform2 input.field1  { width:100px; margin:2px; }
#regform2 input.field2  { width:250px; margin:2px; }
#regform2 input.field3  { width:80px; margin:2px; }
#regform2 input.btn     { margin:10px; }


#pager                  { width:650px; text-align:center;}
#pager2                 { width:430px; text-align:center;}
#complete               { 
                          width:588px; 
						  border:1px solid #bbb; 
						  background:#fbfbfb; 
						  text-align:center; 
						  color:#cb0000; 
						  font-size:150%; 
						  font-weight:bold; 
						  padding:30px;
						  margin:30px 0; 
						}
#error                  { 
                          width:608px; 
						  border:1px solid #cb0000; 
						  background:#FFF8F8; 
						  color:#cb0000; 
						  font-weight:bold; 
						  padding:15px;
						  margin:30px 0; 
						}
#complete2              { 
                          width:450px; 
						  border:1px solid #bbb; 
						  background:#fbfbfb; 
						  text-align:center; 
						  color:#cb0000; 
						  font-size:150%; 
						  font-weight:bold; 
						  padding:50px 10px;
						  margin:30px 0; 
						}
#error2                 { 
                          width:460px; 
						  border:1px solid #cb0000; 
						  background:#FFF8F8; 
						  color:#cb0000; 
						  font-weight:bold; 
						  padding:10px;
						  margin:30px 0; 
						}
#error em,
#error2 em              { font-size:140%; }
#error ul,
#error2 ul              { margin:10px 0 0 10px; }
#error li,
#error2 li              { list-style-type:disc; list-style-position:inside; }

#footer                 { width:650px; border-top:1px solid #bbb; padding:20px 25px 10px 25px; }
#footer a               { font-size:80%; margin:0; line-height:0; background:url(../images/arrow.png) no-repeat left center; padding:0 0 0 10px; }
#footer a.ci            { 
                          float:left; 
						  display:block; 
						  width:83px; 
						  height:18px; 
						  background:url(../images/ci.png) no-repeat left top; 
						  font-size:0;
						  text-indent:-9999px;
						  line-height:0;
						  margin:0;
						  padding:0;
						}
#footer ul              { margin-bottom:0; float:right; }
#footer li              { display:inline; margin:0 0 0 10px; line-height:1em; }
#footer p.copyright     { clear:both; color:#757575; font-size:80%; float:right; width:300px; text-align:right; }
#bizene                 { width:139px; height:11px; margin-left:539px; }
#bizene a               { 
                          display:block; 
						  position:absolute;
						  top:50px;
						  font-size:0;
						  text-indent:-9999px; 
						  line-height:0; 
						  width:139px; 
						  height:11px;
						  margin:0; 
						  padding:0; 
						  background:url(../images/btn_bizene.png) no-repeat left top; 
						}


/* clearfix  */
#box2:after,
#footer:after           { content: "."; display:block; height:0; clear:both; visibility:hidden; }
#box2,
#footer                 { display: inline-block; }

/* Hides from IE-mac \*/
* html box2,
* html #footer          { height:1%; }
#box2,
#footer                 { display:block; }