* {margin: 0px; padding: 0px;}
body {background: url(../images/body-bg.gif); font-family: tahoma, verdana, sans-serif;}
a {cursor: pointer; cursor: hand; text-decoration: none;}
a:hover {text-decoration: underline;}
li {list-style: none;}
img {border: none;}
.set {clear: both;}

.all {width: 970px; padding: 0 11px; background: url(../images/all-bg.gif) 0 0px repeat-y; margin: 91px auto 0; position: relative;}

.header {width: 970px; height: 403px; background: url(../images/jo-01.gif) bottom no-repeat; text-align: center;}
	.header img {width: 970px; height: 366px;}
	.header-top {width: 998px; height: 454px; position: absolute; background: url(../images/header.png) top no-repeat; top: -88px; left: -3px; _left: -1px; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header.png),sizingMethod=crop);}
	.header-text-1 {width: 681px; height: 31px; position: absolute; left: 42px; top: 315px; background: url(../images/header2.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header2.png),sizingMethod=crop);}
	.header-text-2 {width: 245px; height: 77px; position: absolute; left: 44px; top: 157px; background: url(../images/header3.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header3.png),sizingMethod=crop);}
	.header-text-3 {width: 387px; height: 39px; position: absolute; left: 256px; top: 38px; background: url(../images/header4.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header4.png),sizingMethod=crop);}

.join-01 {width: 465px; height: 548px; background: #F3B431 url(../images/bg-007.gif); position: relative; margin: 11px 0 0 10px; _margin: 11px 0 0 5px; float: left;}
	.join-01 h2 {width: 465px; height: 46px; background: url(../images/jo-1-01.jpg) no-repeat; text-indent: -9000px; overflow: hidden;}
	.join-01 ul {margin: 15px 10px 0 28px; color: #5a1412;}
	.join-01 ul li {font-size:16px; text-align: justify; width: 400px; padding: 0 0 10px 17px; background: url(../images/bullet.gif) 0px 6px no-repeat;}
	.join-01 .thumbs {width: 425px; text-align: center; position: absolute; left: 20px; bottom: 20px;}
	.join-01 .thumbs img {width: 125px; height: 151px; background: #FFFFFF; border: 2px solid #b04804; margin: 5px;}

.join-02 {width: 465px; height: 549px; background: #F3B431 url(../images/bg-007.gif); position: relative; margin: 10px 7px 0 0; float: right;}
	.join-02 h2 {width: 465px; height: 47px; background: url(../images/jo-2-01.jpg) no-repeat; text-indent: -9000px; overflow: hidden;}
	.join-02 form {width: 384px; background: #FFFFFF; border: 1px solid #5a1412; padding: 15px 10px 0 10px; margin: 15px auto 0 auto;}
	.join-02 form div {width: 384px; clear: both; margin-bottom: 12px;}
	.join-02 form div label {width: 90px; padding-right: 15px; float: left; text-align: right; font: bold 11px Tahoma, Verdana, Arial, sans-serif; padding-top: 3px;}
	.join-02 form div strong {color: #eb0000;}
	.join-02 form div small {font-size: 10px;}
	.join-02 form div input {width: 245px;}
	.join-02 form div select {width: 250px;}
	.join-02 form div.pay label {float: none; font: bold 12px Tahoma, Verdana, Arial, sans-serif; color: #571111; padding-left: 1px; width: 200px; text-align:center;}
	.join-02 form div.pay p {padding: 10px 0 0 50px; font-size: 11px; line-height: 120%;}
	.join-02 form div.pay input {width: auto;}
	.join-02 form div.submit {text-align: center;}
	.join-02 form div.submit input {width: 169px; height: 28px;}
	.join-02 .alternative {padding: 5px; text-align: center; font-size: 11px; font-weight: bold;}
	.join-02 .alternative a {color: #57383b; text-decoration: underline;}
	.join-02 .alternative a:hover {text-decoration: none;}
	.join-02 .nocard {width: 326px; height: 19px; margin: 10px auto;}
	.join-02 .nocard span {display: block; width: 326px; height: 19px; background: url(../images/jo-2-04.gif) no-repeat; text-indent: -9000px; overflow: hidden; cursor: pointer; cursor: hand;}
	.join-02 .german {width: 465px; background: url(../images/bg-008.gif); position: absolute; left: 0px; bottom: 92px; text-align: center; font-size: 11px; padding: 8px 0;}
	.join-02 .german a {color: #050203; text-decoration: underline;}
	.join-02 .german a:hover {text-decoration: none;}
	.join-02 .billing {width: 465px; height: 32px; background: #000000 url(../images/jo-2-03.jpg) top no-repeat; padding-top: 60px; color: #FFFFFF; text-align: center; position: absolute; left: 0px; bottom: 0px; font-size: 11px; line-height: 130%;}
	.join-02 .billing a {color: #FFFFFF; text-decoration: underline;}
	.join-02 .billing a:hover {text-decoration: none;}
	.join-02 ul {margin: 15px 10px 0 28px; color: #5a1412;}
	.join-02 ul li {font-size:16px; text-align: justify; width: 400px; padding: 0 0 10px 17px; background: url(../images/bullet.gif) 0px 6px no-repeat;}

.otstup {height: 14px;}

.content-1 {display: block; width: 953px; background: #F3B431 url(../../images/bg-007.gif); margin-left: 10px;} 
	.content-center {padding: 6px 0 6px 6px;}
	.content-1 img {border: solid 3px #B04804;}
	.content-1-top {height: 34px; background: url(../../images/content-top.gif) no-repeat; padding: 4px 0 0 25px; font: 24px tahoma, verdana, sans-serif; color: #571111; position: relative;}
	.content-1-top span {font-size: 18px;}
	.content-1-top .date {position: absolute; right: 0px; top: 0px; height: 34px; padding: 10px 20px 0 0; font-size: 18px;}
	.content-1-left {width: 379px; float: left; font: 12px tahoma, verdana, sans-serif; color: #571111;}
	.content-1-left p {padding-bottom: 5px;}
	.content-1-right {width: 550px; float: left; padding: 0 0 6px 9px;}
	.content-1-right img.img-3 {width: 125px; height: 151px; background: #FFFFFF; margin: 9px 11px 0 0px; border-width: 2px;}
	.content-1-right img.img-3-end {margin-right: 0;}
	.content-1-bottom {height: 41px; background: url(../../images/content-bottom.gif) no-repeat; padding-top: 3px;}
	
	.content-1-top-2, .content-1-bottom-2 {height: 44px; background: url(../../images/content-top-2.gif) no-repeat;}
	.content-1-bottom-2 {background: url(../../images/content-bottom-2.gif) no-repeat;}
	.page-navi {padding: 13px 0 0 27px;}
	.page-navi li {height: 20px; float: left; margin-right: 2px; font: bold 12px tahoma, verdana, sans-serif; color: #885221;}
	.page-navi li a {width: 32px; height: 18px; font: bold 12px tahoma, verdana, sans-serif; color: #571111; background: url(../../images/page-navi.gif) no-repeat; display: block; text-align: center; padding-top: 2px;}
	.page-navi li a:hover {text-decoration: none;background: url(../../images/page-navi=a.gif) no-repeat;}
	.page-navi li a.first, .page-navi li a.next {width: 38px; background: url(../../images/first.gif) top no-repeat;}
	.page-navi li a.first:hover, .page-navi li a.next:hover {width: 38px; background: url(../../images/first.gif) bottom no-repeat;}
	.page-navi li a.prev {width: 63px; background: url(../../images/prev.gif) top no-repeat;}
	.page-navi li a.prev:hover {width: 63px; background: url(../../images/prev.gif) bottom no-repeat;}
	.page-a {width: 32px; height: 18px; background: url(../../images/page-navi=a.gif) no-repeat; text-align: center; padding-top: 2px;}
	.page-navi li.space {color: #D9BB77; padding-top: 8px;}

.footer {height: 65px; text-align: center; padding-top: 30px; font: 12px tahoma, verdana, sans-serif; color: #FFFFFF;}
	.footer a {font: 12px tahoma, verdana, sans-serif; color: #FFFFFF; text-decoration: none;}
	.footer a:hover {text-decoration: underline;}
	.footer strong {font-size: 12px;}