/*

 CSS Document

*/

/*-header----------------------------- */

.f-orenge{
 color:#FF5A00;
}

div#lp a{color:#006CFF;}
div#lp a:hover{color:#FF9C00;}
div#lp a:visit{color:#006CFF;}

img{border:0;}

#side-submenu{
 width:198px; height:22px;
 background: url(../image/navi/beginner/sub_menu_ttl.gif) no-repeat;
 text-indent:-9999px;
 font-size:1px;
}
.line{
 width:571px;
 height:30px;
 background: url(../image/navi/beginner/line.gif) no-repeat 50% 50%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px; 
 margin:0 auto;
}

/*-title----------------------------- */
#title-area{
 width:571px;
 margin:5px auto 0;
}
#title-area h1{
 width:363px;
 height:149px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/lp2_title.gif) no-repeat 100% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#title-area p.txt{
 width:363px;
 height:61px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/txt2.gif) no-repeat 100% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}


/*-qa----------------------------- */
#qa-area{
 width:571px;
 margin:0 auto;
}
#qa-area h2{
 width:571px;
 height:52px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa_ttl.gif) no-repeat 100% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#qa-area #qa-box{
 width:571px;
 height:110px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa_bg.gif) no-repeat 100% 0%; 
}
#qa-area #footer{
 width:571px;
 height:19px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa_bottom.gif) no-repeat 100% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#qa-area #qa-box .inbox{
 padding-left:12px;
}
#qa-area #qa-box a.qa1{
 width:249px;
 height:27px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa1_2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
 display:block;
 float:left;
}
#qa-area #qa-box a.qa2{
 width:444px;
 height:28px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa2_2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
 display:block;
 float:left;
}
#qa-area #qa-box a.qa3{
 width:377px;
 height:28px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa3_2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
 display:block;
 float:left;
}
#qa-area #qa-box a.qa4{
 width:325px;
 height:28px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/qa4_2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
 display:block;
 float:left;
}
#qa-area #qa-box p.btn{
 float:left;
 width:100px;
}
a:hover img.hover {
    filter:alpha(opacity:60);
    opacity:0.6;
}
.line{
 width:571px;
 height:30px;
 background: url(../image/navi/technique/line.gif) no-repeat 50% 50%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px; 
 margin:0 auto;
}

/*-btn-area----------------------------- */
.btn-area{
 width:488px;
 text-align:center;
 margin:0 auto 10px;
 padding:0;
}
.btn-area2{
 width:488px;
 text-align:center;
 margin:0 auto 15px;
 padding:0;
}

/*-qa-a-area----------------------------- */
#qa-a-area{
 width:571px;
 text-align:center;
 margin:0 auto 0px;
 padding:0;
}
#qa-a-area div.img{
 width:145px;
 margin:0;
 padding:0;
 float:left;
}
#qa-a-area div.txt{
 width:426px;
 margin:0;
 padding:0;
 float:left;
}
p.q-txt{
 padding:5px 0 0 33px;
 margin:0;
 background: url(../image/navi/beginner/qa_mark1.gif) no-repeat 0% 0%; 
 font-size:14px;
 line-height:18px;
 font-weight:bold;
 color:#DE2724;
 min-height:30px;
 text-align:left;
}
p.a-txt{
 padding:5px 0 0 33px;
 margin:0 0 15px 0;
 background: url(../image/navi/technique/qa_mark2.gif) no-repeat 0% 0%;  
 text-align:left;
 font-size:12px;
 line-height:20px;
}
#qa-a-area div.txt img.img3{
 padding:0 0 0 10px;
 margin:0;
}

#qa-a-area2{
 width:571px;
 text-align:center;
 margin:0 auto 0;
 padding:0;
}
#qa-a-area2 div.img{
 width:145px;
 margin:0;
 padding:0;
 margin:0;
 padding:38px 0 0 0;
 float:right;
}
#qa-a-area2 div.txt{
 width:420px;
 margin:0;
 padding:0;
 float:left;
}

/*-technique-area----------------------------- */
#technique-area{
 width:571px;
 text-align:center;
 margin:0 auto 10px;
 padding:0;
}
#technique-area h2{
 width:571px;
 height:74px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/lp2_01h2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#technique-area p.img{
 width:155px;
 margin:0;
 padding:0;
 float:left;
 text-align:left;
}
#technique-area div.txt{
 width:416px;
 margin:0;
 padding:0;
 float:left;
}
#technique-area div.txt p{
 text-align:left;
 font-size:12px;
 line-height:20px;
 margin:0; padding:0;
}
#technique-area h4{
 width:360px;
 height:25px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/lp2_01h3.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}


/*-training-area----------------------------- */
#training-area{
 width:571px;
 text-align:center;
 margin:0 auto 10px;
 padding:0;
}
#training-area h2{
 width:571px;
 height:73px;
 margin:0;
 padding:0;
 background: url(../image/navi/beginner/lp1_02h2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#training-area p.img{
 width:245px;
 margin:0;
 padding:0;
 float:right;
 text-align:right;
}
#training-area div.txt{
 width:326px;
 margin:0;
 padding:0;
 float:left;
}
#training-area div.txt p{
 text-align:left;
 font-size:12px;
 line-height:20px;
}

/*-pro-area----------------------------- */
#pro-area{
 width:571px;
 text-align:center;
 margin:0 auto 20px;
 padding:0;
}
#pro-area h2{
 width:571px;
 height:89px;
 margin:0;
 padding:0;
 background: url(../image/navi/beginner/lp1_03h2.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#pro-area p.img{
 width:155px;
 margin:0;
 padding:0;
 float:left;
 text-align:left;
}
#pro-area div.txt{
 width:416px;
 margin:0;
 padding:0;
 float:left;
}
#pro-area div.txt p{
 text-align:left;
 font-size:12px;
 line-height:20px;
}
#pro-area h4{
 width:417px;
 height:50px;
 margin:0;
 padding:0;
 background: url(../image/navi/technique/lp1_03h3.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}
#pro-area p.sttl{
 width:417px;
 height:83px;
 margin:0;
 padding:0;
 background: url(../image/navi/beginner/lp1_03txt.gif) no-repeat 0% 0%; 
 font-size:1px;
 line-height:1px;
 text-indent:-9999px;
}