html{color:#000;}
a{transition:background-color 0.3s,color 0.3s;text-decoration:none;}

div#howto_body{display:inline-block;box-sizing:border-box;width:1000px;margin:0 10px;}
div#howto_body h2{text-align:left;border:none;font-size:24px;color:#000;padding:0;margin-top:50px;}
span.howto_nav1,span.howto_nav2{letter-spacing:-10px;text-align:left;display:inline-block;width:1000px;}
span.howto_nav1 a,span.howto_nav2 a{text-align:center;letter-spacing:normal;display:inline-block;background-color:#2C982B;color:#fff;text-decoration:none;font-size:15px;padding:10px 0;}
span.howto_nav1 a{width:25%;border-bottom:#ccc solid 2px;margin-bottom:50px;}
span.howto_nav2 a{letter-spacing:normal;display:inline-block;width:120px;}
span.howto_nav1 a.current,span.howto_nav1 a:hover,span.howto_nav2 a.current,span.howto_nav2 a:hover{background-color:#e5e5e5;color:#000;}


/* page top */
#page-top{position:fixed;bottom:20px;right:20px;}
#page-top a{display:block;background:rgba(0,0,0,0.3);color:#fff;width:60px;height:60px;border-radius:50%;box-sizing:border-box;}
#page-top a:hover{background:#060;text-decoration:none;}


/* body */
span.howto_nav{display:inline-block;width:1000px;letter-spacing:-10px;}
span.howto_nav span.howto_prev,span.howto_nav span.howto_next{display:inline-block;width:50%;}
span.howto_nav span.howto_prev{text-align:left;}
span.howto_nav span.howto_next{text-align:right;}
span.howto_nav span.howto_prev a,span.howto_nav span.howto_next a{display:inline-block;letter-spacing:normal;background-color:#2D982E;color:#fff;text-decoration:none;padding:10px 25px;font-size:15px;}
span.howto_nav span.howto_prev a{background:#2D982E url(../img/howtouse/arw_prev.png) no-repeat left 20px center;padding-left:35px;}
span.howto_nav span.howto_next a{background:#2D982E url(../img/howtouse/arw_next.png) no-repeat right 20px center;padding-right:35px;}
span.howto_nav span.howto_prev a.current,span.howto_nav span.howto_next a.current,
span.howto_nav span.howto_prev a.current:hover,span.howto_nav span.howto_next a.current:hover{
background:#eee;padding:10px 20px;color:#666;}
span.howto_nav span.howto_prev a:hover,span.howto_nav span.howto_next a:hover{background-color:#060;}
span.howto_innerlink{display:inline-block;vertical-align:top;text-align:left;width:520px;}
span.howto_innerlink a{display:inline-block;font-size:22px;color:#000;text-decoration:none;border:#ccc solid 1px;border-radius:2px;padding:5px 40px 5px 10px;margin:0 0 12px 60px;line-height:32px;background:#fff url(../img/howtouse/bk_inner.png) no-repeat right 20px center;}
span.howto_innerlink a strong{color:#060;}
span.howto_innerlink a small{display:inline-block;font-size:16px;}
span.howto_innerlink a:hover{background-color:#ccc;}
span.howto_single{display:inline-block;box-sizing:border-box;width:1000px;text-align:left;}
span.howto_single img.signle_img{float:right;}
span.howto_single h3{color:#000;font-weight:normal;font-size:24px;line-height:32px;border-bottom:#ccc solid 1px;padding:10px 0 5px 0;}
span.howto_single h3 strong{color:#060;}
span.howto_single h3 small{font-size:16px;}
span.howto_single p{padding-left:30px;font-size:14px;line-height:1.8em;width:810px;}
span.photo_base{display:inline-block;box-sizing:border-box;width:1000px;background-color:#eee;}
a.nrm_link{text-decoration:underline;color:#060;}
a.nrm_link:hover{color:#0a0;}
span.howto_single p span.col_right{display:inline-block;width:650px;}

/* index.html */
span.cont_column{display:inline-block;width:305px;vertical-align:top;text-align:left;margin:0 10px;}
span.cont_column a{text-decoration:none;display:inline-block;color:#000;line-height:1.8em;}
span.cont_column a h3{text-decoration:none;color:#000;margin:20px 0 5px 0;font-size:19px;}
span.cont_column a h3 span{display:inline-block;font-size:14px;line-height:1em;padding-left:5px;}
span.cont_column a span.more{display:inline-block;color:#080;background:url(../img/howtouse/icn_nxt.png) no-repeat right center;padding-right:15px;}
span.cont_column a:hover span.more{text-decoration:underline;}


/* footer */
div#howto_footer{display:inline-block;box-sizing:border-box;background-color:#999;color:#fff;padding:20px 40px 50px 40px;width:1000px;margin:0 10px;}
div#howto_footer h2{font-size:24px;border:none;text-align:left;font-weight:normal;margin-bottom:25px;}
div#howto_footer a{color:#fff;text-decoration:none;}
span.foot_column{margin:0 15px;display:inline-block;width:220px;vertical-align:top;text-align:left;letter-spacing:-10px;}
span.foot_column h3{font-size:12px;color:#fff;font-weight:normal;border-bottom:#fff solid 1px;letter-spacing:normal;margin-bottom:15px;}
span.foot_column a{display:inline-block;width:100%;letter-spacing:normal;margin-bottom:10px;}
span.foot_column a.foot_link_head{font-weight:normal;border-bottom:#fff solid 1px;margin-bottom:15px;}
span.foot_column a.model_l{display:inline-block;width:55%;}
span.foot_column a.model_r{display:inline-block;width:45%;}
div#howto_footer a:hover{text-decoration:underline;}


/* crown */
span.crown_innerlink{box-sizing:border-box;background:#000 url(../img/howtouse/crown_ttl.jpg) no-repeat 0 0;display:inline-block;width:1000px;height:400px;text-align:left;padding:40px 0 0 50px;}
span.crown_innerlink h3{color:#fff;font-size:23px;}
span.crown_innerlink a{display:inline-block;color:#fff;font-size:16px;border:#999 solid 1px;border-radius:2px;padding:3px 40px 3px 10px;margin:0 0 8px 30px;line-height:32px;background:url(../img/howtouse/bk_inner_w.png) no-repeat right 20px center;}
span.crown_innerlink a:hover{background-color:rgba(255,255,255,0.4);text-decoration:none;}


/* point */
.point_nav{font-size:16px;color:#ccc;}
.point_nav a{display:inline-block;margin:0 5px;text-decoration:underline;color:#060;}
.point_nav a:hover{color:#0a0;}
.point_list{font-size:12px;}
.point_list tr td{padding:3px 20px;}
span.howto_single h3{line-height:1em;padding-bottom:0;}
span.howto_single h3 img{vertical-align:middle;}
h4.howto_ssub{margin:30px 0 10px 23px;font-size:16px;border-bottom:#999 dotted 1px;}


/* model_list */
span.model_list{letter-spacing:-10px;}
span.model_list a{font-size:14px;text-align:left;letter-spacing:normal;display:inline-block;box-sizing:border-box;background:#f2f2f2 url(../img/howtouse/model_tn_ex1.png) no-repeat right center;width:280px;height:120px;padding:10px;margin:5px;border-radius:5px;color:#000;box-shadow:2px 2px 5px rgba(0,0,0,0.2);transition:box-shadow 0.3s,color 0.3s;}
span.model_list a:hover{box-shadow:3px 3px 7px rgba(0,0,0,0.5);background-color:#fff;}
span.model_list a span.ttl,span.model_list a span.more{display:inline-block;width:170px;}
span.model_list a span.ttl{height:80px;}
span.model_list a span.more{box-sizing:border-box;font-size:12px;text-align:right;color:#080;background:url(../img/howtouse/icn_nxt.png) no-repeat right center;padding-right:15px;}


/* model */
span.howto_innerlink span{display:block;font-size:22px;margin-bottom:20px;}
span.howto_innerlink span span.addition{display:block;font-size:14px;color:#999;padding-left:32px;margin-top:5px;}


/* Q&A*/
h2 span.t_small{font-size:18px;}
div.howto_qa_q,div.howto_qa_a{box-sizing:border-box;display:block;width:900px;font-size:16px;text-align:left;padding:15px 0 15px 45px;}
div.howto_qa_q{background:#f0f0f0 url(../img/howtouse/arw01.png) no-repeat right 10px center;cursor:pointer;position:relative;border-bottom:#fff solid 1px;}
div.active{background-image:url(../img/howtouse/arw02.png);}
div.howto_qa_q:nth-child(odd){background-color:#f0f0f0;}
div.howto_qa_a{line-height:28px;display:none;}
div.howto_qa_q:before{content:'Ｑ';color:#999;font-weight:bold;position:absolute;font-size:30px;left:10px;}