#beginner a{
   text-decoration: none;
   border: 0px;
   color:#444444;
}
#beginner{
   padding-left: 0;
   width: 807px;
   margin-left: 0px;
   background: url(../img/beginner/brand-top-bg.gif) repeat-y left;
}

ul,li,dl,dt,dd{
   margin:0;
   padding:0;
   list-style: none;
}
#beginner h3{
   margin-bottom: 10px;
   margin-left: 0px;
}
#beginner .wrap{
   margin-left:20px;
}
#beginner .beginner_line{
   height: 3px;
   width:803px; 
   margin-bottom: 10px;
   background: url(../img/beginner/brand-top-bgline.png) repeat-x;
   margin-left: 2px;
}
#beginner #header {
   width: 806px;
   height:210px;
   background:none;
   position: relative;
   font-size: 12px;
}
#beginner #header h2{
   width:393px;
   height:66px;
   position:absolute;
   top:64px;
   left:30px;
}
#beginner #header p{
   width:350px;
   position:absolute;
   top:25px;
   left:445px;
   line-height: 1.8;
}
#point {
   margin-bottom: 20px;
}
#point dl{
   float: left;
   margin-right: 9px;
   position: relative;
   width:250px;
   height:108px;
   font-size: 10px;
}
#point dl dt{

}
#point dl dd{
   position:absolute;
   width:133px;
   height:43px;
   top:59px;
   left: 13px;
}
#point dl dd.btn span{
   visibility: hidden;
}
#point dl dd.btn a{
   margin-left: 139px;
   margin-top: 20px;
   width:95px;
   height:25px;
   display: block;
   background-image: url(../img/beginner/top-point-btn.png);
}
#point dl dd.btn a:hover{
   margin-left: 139px;
   margin-top: 20px;
   width:95px;
   height:25px;
   background-image: url(../img/beginner/top-point-btn_hover.png);
}
/*#point dl dd.btn a:hover{
   opacity:0.8;
   filter: alpha(opacity=10);
}*/
#choice span{
   visibility: hidden;
}
#choice a{
   display: block;
   width: 147px;
   height: 52px;
}
#choice ul {
   width:773px;
   margin: 0 auto 20px;
}
#choice ul li{
   width: 147px;
   height: 52px;
   margin-right: 9px;
   float: left;
}
#choice ul li.last{
   margin-right: 0px;
}
#choice #choice_bt01{
   background: url(../img/beginner/top-choice-btn01.gif) top no-repeat;
}
#choice #choice_bt01 a:hover{
   background: url(../img/beginner/top-choice-btn01.gif) bottom no-repeat;
}
#choice #choice_bt02{
   background: url(../img/beginner/top-choice-btn02.gif) top no-repeat;
}
#choice #choice_bt02 a:hover{
   background: url(../img/beginner/top-choice-btn02.gif) bottom no-repeat;
}
#choice #choice_bt03{
   background: url(../img/beginner/top-choice-btn03.gif) top no-repeat;
}
#choice #choice_bt03 a:hover{
   background: url(../img/beginner/top-choice-btn03.gif) bottom no-repeat;
}
#choice #choice_bt04{
   background: url(../img/beginner/top-choice-btn04.gif) top no-repeat;
}
#choice #choice_bt04 a:hover{
   background: url(../img/beginner/top-choice-btn04.gif) bottom no-repeat;
}
#choice #choice_bt05{
   background: url(../img/beginner/top-choice-btn05.gif) top no-repeat;
}
#choice #choice_bt05 a:hover{
   background: url(../img/beginner/top-choice-btn05.gif) bottom no-repeat;
}
#choice #choice_bt06{
   background: url(../img/beginner/top-choice-btn06.gif) top no-repeat;
}
#choice #choice_bt06 a:hover{
   background: url(../img/beginner/top-choice-btn06.gif) bottom no-repeat;
}
#guide{
   font-size: 10px;
   margin-bottom: 20px;
}
#guide dl{
   width: 380px;
   margin:0 9px 9px 0;
   float: left;
   background: url(../img/beginner/top-guide-bg-long.gif) bottom no-repeat;
}
#guide dl dt{
   background-color:#f8f7f1;
}
#guide dl dt img{
   vertical-align: bottom;
}

#guide dl dd{
   padding:7px 4px;
   text-align: center;
}
#regist{
   font-size: 11px;
   margin-bottom: 20px;
}
#regist #read{
   width:388px;
   height: auto;
   font-size: 12px;
   float: left;
}
#regist #regist_btn a{
   width:337px;
   height:98px;
   display: block;
   margin-right: 18px;
   float: right;
   background: url(../img/beginner/top-regist-btn.png) bottom no-repeat;
}
#regist #regist_btn span{
   visibility: hidden
}
#regist #regist_btn a:hover{
   width:337px;
   height:98px;
   background: url(../img/beginner/top-regist-btn_hover.png) bottom no-repeat;
}
/*#regist #regist_btn a:hover{
      background-color: #ffffff;
   opacity:0.8;
   filter: alpha(opacity=10);
}*/
#regist #regist_wrap_inner_up{
}
#regist #regist_wrap_inner_bot{
}
#regist #regist_wrap_inner_bot h4 img{
margin: -5px auto 0;
}
#regist #regist_wrap_inner_bot p{
   position: relative;
   height:66px;
   width:380px;
   float: left;
   margin-right: 9px;
}
#regist #regist_wrap_inner_bot p span{
   position:absolute;
   display: block;
   top:44px;
}
#regist #regist_wrap_inner_bot p a{
   text-decoration: underline;
}
#regist #regist_wrap_inner_bot p a:hover{
   text-decoration: none;
}
#regist #regist_wrap_inner_bot p span.r01{
   left:68px;
}
#regist #regist_wrap_inner_bot p span.r02{
   left:43px;
}
#regist #regist_wrap_inner_bot p span.r03{
   left:24px;
}
#regist #regist_wrap_inner_bot p span.r04{
   left:55px;
}
#regist #regist_wrap_inner_bot p span.r05{
   left:36px;
}
#mail{
   margin-bottom: 15px;
}
#mail p{
   margin-right: 20px;
   float: left;
}
#mail #mail_img{
   margin-left: 10px;
}
#mail #mail_txt{
   width:280px;
   margin-right: 15px;
}
#mail p#mail_btn{
   margin-right: 0px;
}
#mail p#mail_btn a{
   margin-right: 0px;
   display: block;
   width:337px;
   height:98px;
   background: url(../img/beginner/top-mail-btn.png) bottom no-repeat;
}
#mail p#mail_btn span{
   visibility: hidden;
}
#mail p#mail_btn a:hover{
   width:337px;
   height:98px;
   background: url(../img/beginner/top-mail-btn_hover.png) bottom no-repeat;
}

/*#mail p#mail_btn a:hover{
   background-color: #ffffff;
   opacity:0.8;
   filter: alpha(opacity=10);
}*/

/*mobile*/
#mobile{
   height: 358px;
   background: url(../img/beginner/top-mobile-image.jpg) no-repeat;
}
#mobile *{
   visibility: hidden;
}


/*otherlink*/
#otherlink{
   padding-bottom: 20px;
}
#otherlink dl img{
   vertical-align: bottom;
}
#otherlink dl{
   text-align: center;
   width: 255px;
   float: left;
}
#otherlink dt{
   margin-bottom: 6px;
}
#otherlink dd{
}
#otherlink dd span{
   visibility: hidden;
}
#otherlink #g_btn01 a{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn01_hover.png) bottom no-repeat;
}
#otherlink #g_btn02 a{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn02_hover.png) bottom no-repeat;
}
#otherlink #g_btn03 a{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn03_hover.png) bottom no-repeat;
}
#otherlink #g_btn01 a:hover{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn01.png) bottom no-repeat;
}
#otherlink #g_btn02 a:hover{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn02.png) bottom no-repeat;
}
#otherlink #g_btn03 a:hover{
   display: block;
   width:255px;
   height:68px;
   background: url(../img/beginner/top-mobile-btn03.png) bottom no-repeat;
}
/*#mobile dd a:hover{
   background-color: #ffffff;
   opacity:0.8;
   filter: alpha(opacity=10);
}*/

