/*--------------------------------------------
Zbg
---------------------------------------------*/
*{ margin:0; padding:0; font-size:100%; }
img{ border:none; }
a{ text-decoration:none; }
ul,ol{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-weight:nomarl; }

/*--------------------------------------------
clearfix
---------------------------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; min-height:1%; }

/*--------------------------------------------
Rec
---------------------------------------------*/
#containerTop{ background:url(../img/community2/bgTop.gif) repeat-x top; }
#containerMid{ background:#fbe6ef; }
#containerBot{ background:url(../img/community2/bgBottom.gif) repeat-x top; }

.box { border:#ff006f solid; background:#fff;margin:0 auto; width:850px; height:auto; }
.box1{ border-width:1px 1px 0 1px; background:url(../img/community2/header.jpg) no-repeat top; width:848px; height:279px; }
.box2{ border-width:0 1px; background:#fff; width:848px; height:auto; }
.box3{ border-width:0 1px 1px 1px; background:url(../img/community2/footer.gif) no-repeat bottom; width:848px; height:117px; }

.point{ color:#ff006f; font-weight:bold; }
.text{ letter-spacing:0.1em; line-height:1.2em; }

/*-------wb_-------*/
#logo{ text-align:right; }
h1{ text-align:right; margin:0 15px 0 0; }
#intro{ font-size:14px; padding:0 0 0 320px; }
#join{ text-align:right; margin:10px 50px 0 0; }

/*--------------*/
#explanation{ width:848px; }
#midasi{ padding:20px 0 10px 0; }
#midasi img { padding:0 15px 0 20px; }
#merit{ float:left; padding:0 0 0 30px; }
#about{ float:right; background:url(../img/community2/lady.jpg) no-repeat bottom right; font-size:13px; width:400px;height:335px; padding-top:10px; }
.arrow{ padding:5px 20px; }

/*-------2ier-------*/
#midasi2{ padding:5px 0 0 20px; }
#twotier{ font-size:13px; }
#no1,#no2,#no3{ float:left; text-align:center; }
#no1{ width:177px; padding:15px 0 0 70px; }
#no2{ width:214px; padding:45px 20px 0 0;}
#no3{ width:248px; padding:0 0 0 20px;}
#pno1{ padding-top:30px; }
#pno2{ padding-top:40px; }
#pno3{ padding-top:15px; }
.arrow2{ float:left; padding-top:110px; }

/*--temp--*/
#midasi3{ padding:10px 0 0 20px; }
#tempp{float:left;margin:0 25px 0 40px;}
#tempt{float:right;font-size:13px;margin-top:35px;}
*:first-child+html #tempt{float:right;font-size:13px;margin:35px 55px 0 0;}
#tempt p{margin-bottom:1em;}

/*-------tb^-------*/
#outro{ float:left; font-size:14px; padding:55px 0 0 80px; }
#join2{ float:right; padding:50px 50px 0 0; }
#copy{ font-size:10px; text-align:center; padding:10px 0 30px 0; }