@charset 'UTF-8';

/*-----------------------------------------------
		How to (PC)
------------------------------------------------*/
/*Navigation*/
.list_nav{width: 100%; background: #ffffc8; padding: 7px 0; margin: 10px 0 30px 0;}
.list_nav ul{display: table; width: 1200px; margin: 2px auto; font-size: 111.111%; line-height: 100%;}
.list_nav ul li{display: table-cell; text-align: center; border-left: 1px solid #39ad4a; line-height: 130%;}
.list_nav ul li:last-child{border-right: 1px solid #39ad4a;}
.list_nav ul span:hover{display: block; width: 185px; height: 53px; padding: 10px 0; color: #fff; font-weight: bold; text-decoration: none; background: #39ad4a; margin: 0 4px 0 7px;}
.areanav_on{display: block; text-align: center; width: 185px; height: 53px; padding: 10px 0; color: #fff; font-weight: bold; text-decoration: none; background: #39ad4a; margin: 0 4px 0 7px;}
.areanav_off{display: block; text-align: center; width: 185px; height: 53px; padding: 10px 0; color: #39ad4a; font-weight: bold; text-decoration: none; background: #ffffc8; margin: 0 4px 0 7px;}
.list_nav ul li a{text-decoration: none; display: block;}
/* // Navigation*/

/*Navigation Control*/
.list_nav .sp_ht_v1,
.list_nav .sp_ht_v2,
.list_nav .sp_ht_v3,
.list_nav .sp_ht_v4,
.list_nav .sp_ht_v5,
.list_nav .sp_ht_v6{display: none;}
/* // Navigation Control*/

#ht_contents{width: 1200px; margin: 0 auto;}
.ht_lead1{padding: 0 55px 0 55px;}
.ht_lead2{padding: 40px 120px 0 120px; font-size: 111.111%; font-weight: bold;}
.ht_lead3{padding: 10px 0 0 0; font-size: 111.111%; font-weight: bold;}
.ht_lead4{padding: 0 120px 50px 120px; font-size: 111.111%; font-weight: bold;}
.ht_lead5{padding: 30px 0;}
.ht_box{width: 1200px; padding: 50px 0 0 0;}
.ht_box:last-child{width: 1200px; padding: 30px 0 50px 0;}


.ht_tt{padding: 20px 50px 20px 50px;}
.cb_ctbox{float: left; display: block; width: 175px; border: 1px solid #85bf3f; font-size: 111.111%; color: #008b45; font-weight: bold; padding: 18px 0; margin: 5px 20px 0 0; text-align: center;}
.ht_box_inner{width: 670px; padding: 30px 0 0 0; margin: 0 50px;}
.ht_box_inner2{width: 670px; padding: 0 0 0 0; margin: 0 50px;}
.ht_sct{width: 676px; height: 41px; background: url(../../common/images/pc_bg1_ct.png) no-repeat;}
.ht_sct .ht_sct_tt{display: block; padding: 7px 0 0 20px; color: #006837; font-size: 111.111%; font-weight: bold;}
.ht_box_tt{padding: 20px;}
.ht_box_tt_s1{padding: 0 20px 25px 20px;}
.ht_box_tt_s2{padding: 0 20px 7px 20px;}
.ht_box_tt_s3{padding: 20px 20px 25px 20px;}
.ht_box_tt_s4{padding: 10px 20px 20px 20px;}
.ht_list_note{display: block; color: #3d3d3d; font-size: 90%; padding: 0 0 6px 0;}

.ht_box_hf{width: 1130px; margin: 0 auto; padding: 25px 0;}
.ht_box_hf_l{float: left; width: 550px; margin: 0 30px 0 0;}
.ht_box_hf_r{float: left; width: 550px;}

/* =================== index.html =================== */
.ht_head_contents{width: 1200px;}
.ht_head_contents .head_l{float: left; width: 875px;}
.ht_head_contents .head_r{float: left; width: 321px;}
.ht_head_contents .head_r img{width: 100%; margin: -48px 0 0 0;}
.ht_stit_hm{width: 313px; padding: 5px 0 25px 0;}
.ht_stit_hm img{width: 100%;}

.time_table1_lead_base, .time_table2_lead_base{display: table; width: 600px;}
.time_table1_lead{display: table-cell; height: 58px; font-size: 161.111%; color: #fff; background: url(../../common/images/pc_bg3_ct_red.png) no-repeat right; vertical-align: middle; padding: 0 80px 0 30px;}
.time_table2_lead{display: table-cell; height: 58px; font-size: 161.111%; color: #fff; background: url(../../common/images/pc_bg3_ct_blue.png) no-repeat right; vertical-align: middle; padding: 0 80px 0 30px;}
#time_table1 ul li{background: url(../images/pc_point4.png) no-repeat 4px 25px; background-size: 2.5%; padding: 15px 0 15px 34px;}
#time_table2 ul li{background: url(../images/pc_point5.png) no-repeat 4px 25px; background-size: 2.5%; padding: 15px 0 15px 34px;}

#time_table1{width: 1200px; border-collapse: collapse; font-size: 144.444%; margin: 25px 0 72px 0; line-height: 140%;}
#time_table1 tr:nth-child(1n){background: #fff6dc;}
#time_table1 tr:nth-child(2n){background: #fffff1;}
#time_table1 tr:last-child{border-bottom: 1px solid #f0bf00;}
#time_table1 th{padding: 13px 0; background: #ffd200; border-top: 1px solid #f0bf00; border-left: 1px solid #f0bf00; border-right: 1px solid #f0bf00; vertical-align: middle;}
#time_table1 th.dc{text-align: left; padding: 13px 0 13px 50px;}
#time_table1 td.tm{width: 145px; padding: 6px 0 6px 35px; border-top: 1px solid #f0bf00; border-left: 1px solid #f0bf00; border-right: 1px solid #f0bf00; vertical-align: middle;}
#time_table1 td.bv{width: 310px; padding: 6px 0 6px 0; border-top: 1px solid #f0bf00; border-right: 1px solid #f0bf00; text-align: center; vertical-align: middle; line-height: 260%;}
#time_table1 td.dc{padding: 6px 0 6px 16px; border-top: 1px solid #f0bf00; border-right: 1px solid #f0bf00; line-height: 160%;/* line-height: 260%;*/ vertical-align: middle;}

#time_table1 .deco{position: relative;}
#time_table1 .deco1{position: absolute; top: 2px; right: 20px; width: 65px;}
#time_table1 .deco2{position: absolute; top: 5px; right: 35px; width: 45px;}
#time_table1 .deco3{position: absolute; top: 35px; right: 12px; width: 248px;}
#time_table1 .deco4{position: absolute; top: 5px; right: 20px; width: 64px;}
#time_table1 .deco5{position: absolute; right: 10px; bottom: -5px; width: 198px;}

#time_table2{width: 1200px; border-collapse: collapse; font-size: 144.444%; margin: 25px 0 72px 0; line-height: 140%;}
#time_table2 tr:nth-child(1n){background: #e7f6dc;}
#time_table2 tr:nth-child(2n){background: #f5fff6;}
#time_table2 tr:last-child{border-bottom: 1px solid #85bf3f;}
#time_table2 th{padding: 13px 0; background: #a7d175; border-top: 1px solid #85bf3f; border-left: 1px solid #85bf3f; border-right: 1px solid #85bf3f; vertical-align: middle;}
#time_table2 th.dc{text-align: left; padding: 13px 0 13px 50px;}
#time_table2 td.tm{width: 145px; padding: 6px 0 6px 35px; border-top: 1px solid #85bf3f; border-left: 1px solid #85bf3f; border-right: 1px solid #85bf3f; vertical-align: middle;}
#time_table2 td.bv{width: 310px; padding: 6px 0 6px 0; border-top: 1px solid #85bf3f; border-right: 1px solid #85bf3f; text-align: center; vertical-align: middle; line-height: 260%;}
#time_table2 td.dc{padding: 6px 0 6px 16px; border-top: 1px solid #85bf3f; border-right: 1px solid #85bf3f; line-height: 160%; vertical-align: middle;}
.lh_crl1{line-height: 260%;}

#time_table2 .deco{position: relative;}
#time_table2 .deco1{position: absolute; top: 2px; right: 20px; width: 65px;}
#time_table2 .deco2{position: absolute; top: 12px; right: 12px; width: 212px;}
#time_table2 .deco3{position: absolute; top: 20px; right: 25px; width: 242px;}
#time_table2 .deco4{position: absolute; top: 5px; right: 20px; width: 64px;}

/* =================== // index.html =================== */

/* =================== howto2.html =================== */
.ht_ctbox{display: block; float: left; width: 156px; border: 2px solid #85bf3f; padding: 20px 10px; margin: 6px 30px 0 0; color: #008b45; font-weight: bold; text-align: center;}
#ht_list6 ul{width: 625px; margin: 0 auto 0 auto; padding: 15px 15px 10px 10px; background: #fff9dc;}
#ht_list6 ul li{position: relative; float: none; width: 585px; padding: 0 10px 0 30px; margin: 0 0 10px 0; color: #006837; font-size: 111.111%; font-weight: bold;}
#ht_list6 ul li span{position: absolute; top: 0; left: 0;}

/*==========*/

.qbox{width: 640px; background: #f3f3f3; padding: 15px 10px; margin: 0 0 10px 0;}
.qbox .q_ico{display: inline-block; width: 40px;}
.qbox .q_ico img{width: 100%; vertical-align: middle;}
.qbox .q_text{display: inline-block; width: 393px; padding: 0 10px 0 10px; font-size: 111.111%; font-weight: bold; vertical-align: middle;}
.qbox .jump_btn{display: inline-block; width: 170px; border: 1px solid #85BF3F; text-align: center; vertical-align: middle;}
.qbox .jump_btn a{display: block; font-weight: bold; background: #fff; color: #006837; text-decoration: none; padding: 13px 1px 13px 5px;}
.qbox .jump_btn a:hover{background: #efe;}
.arw_deg_qbox{display: inline-block; color: #85bf3f; margin: 0 0 0 2px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}

/*
.qbox{display: table; padding: 25px 0; cursor: pointer; border-top: 1px solid #85bf3f;}
.abox{padding: 25px 0; border-top: 1px solid #85bf3f;}
#ht_qa2 .qbox,
#ht_qa5 .qbox,
#ht_qa10 .qbox{border-bottom: 1px solid #85bf3f;}
#ht_qa2 .abox,
#ht_qa5 .abox,
#ht_qa10 .abox{border-top: none; border-bottom: 1px solid #85bf3f;}
#ht_qa10{margin: 0 0 40px 0;}
.q_ico{display: table-cell; width: 41px; padding: 0 20px; vertical-align: top;}
.a_ico{display: table-cell; width: 41px; padding: 0 20px; vertical-align: top;}
.q_text{display: table-cell; width: 670px; padding: 0 30px 0 0; font-size: 111.111%; font-weight: bold; vertical-align: middle;}
.a_text{display: table-cell; width: 670px; padding: 0 30px 0 0; vertical-align: middle;}
#pm{position: relative; display: block; width: 54px;}
#pm .qa_bt_open{position: absolute; top: 0; left: 0; display: block; width: 34px; height: 33px; padding: 0 20px 0 0; background: url(../images/ico_plus.gif) no-repeat 0 50%; text-indent: -9999px; z-index: 2;}
#pm .qa_bt_close{position: absolute; top: 0; left: 0; display: block; width: 34px; height: 33px; padding: 0 20px 0 0; background: url(../images/ico_minus.gif) no-repeat 0 50%; text-indent: -9999px; z-index: 1;}
*/
.ht_qa_ct{font-size: 133.333%; color: #85bf3f; font-weight: bold; padding: 0 0 0 25px; margin: 10px 0 10px 20px; background: url(../images/pc_point3.png) no-repeat 0 5px;}
.ht_qa_ct_note{display: block; padding: 0 0 0 45px; margin: -5px 0 30px 0;}
/*==========*/

.ht2_pic1{width: 380px; margin: -35px 0 0 720px;}
.ht2_pic2{width: 311px; margin: 20px 0 0 740px;}
.ht2_pic3{width: 317px; margin: 10px 0 0 755px;}
.ht2_pic1 img, .ht2_pic2 img, .ht2_pic3 img{width: 100%;}

/*margin-top Control*/
.mgn_crl5{margin-top: -250px;}
.mgn_crl6{margin-top: -340px;}
.mgn_crl7{margin-top: -360px;}
.mgn_crl8{margin-top: -310px;}
/* // margin-top Control*/
/* =================== // howto2.html =================== */

/* =================== howto3.html =================== */
#ht_list1 ul{width: 600px; margin: 0 auto; padding: 15px; background: #fff9dc;}
#ht_list1 ul li{padding: 0 20px; color: #006837; font-size: 111.111%; font-weight: bold; background: url(../images/point1.png) no-repeat 0 8px; background-size: 2%;}
.ht3_pic1{width: 389px; margin: -25px 0 0 730px;}
.ht3_pic2{width: 402px; margin: 18px 0 0 730px;}
.ht3_pic3{width: 399px; margin: 100px 0 0 725px;}
.ht3_pic4{width: 430px; margin: 50px 0 0 700px;}
.ht3_pic1 img, .ht3_pic2 img, .ht3_pic3 img, .ht3_pic4 img{width: 100%;}

#ht_list2{padding: 10px 0 20px 0;}
#ht_list2 ul li{padding: 0 0 13px 0;}
#ht_list2 .elem_base{width: 652px; margin: 0 0 0 12px; background: #fff9dc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#ht_list2 .elem_l{float: left; width: 252px; background: #22ae73; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#ht_list2 .elem_r{float: left; width: 400px;}
.ht_list_ct{display: block; padding: 12px 15px; color: #fff; font-size: 111.111%; font-weight: bold;}
.ht_list_tt{display: block; padding: 12px 15px;}

/*margin-top Control*/
.mgn_crl1{margin-top: -325px;}
.mgn_crl2{margin-top: -370px;}
.mgn_crl3{margin-top: -430px;}
.mgn_crl4{margin-top: -425px;}
/* // margin-top Control*/
/* =================== // howto3.html =================== */

/* =================== howto4.html =================== */
#ht_list3 ul, #ht_list4 ul{padding: 30px 0 15px 25px;}
#ht_list3 ul li{padding: 0 0 0 20px; color: #006837; font-size: 111.111%; font-weight: bold; background: url(../images/point1.png) no-repeat 0 7px; background-size: 2.5%;}
#ht_list4 ul li{padding: 0 0 0 20px; color: #ea5a24; font-size: 111.111%; font-weight: bold; background: url(../images/pc_point2.png) no-repeat 0 8px;}
.ht_box_hf_side_dc1{display: block; position: absolute; top: -11px; left: 0; width: 62px; height: 61px; background: url(../images/ico_maru.png) no-repeat; background-size: contain;}
.ht_box_hf_ct{position: relative; width: 472px; height: 34px; background: #ececec; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; padding: 7px 0 0 75px;}
.ht_box_hf_side_dc2{display: block; position: absolute; top: -11px; left: 0; width: 62px; height: 61px; background: url(../images/ico_batsu.png) no-repeat; background-size: contain;}
.ht_box_hf_ct_text{font-size: 111.111%; font-weight: bold;}
/* =================== // howto4.html =================== */

/* =================== howto5.html =================== */
.ht_in_box{width: 1090px; margin: 0 auto 10px auto;}
.ht_in_box_ct_base{width: 1025px; padding: 6px 30px 4px 35px; background: #ececec url(../images/point1.png) no-repeat 12px 12px; background-size: 1.4%;}
.ht_in_box_ct{color: #006837; font-weight: bold; font-size: 111.111%;}
.ht_in_box_tt{padding: 15px 35px;}
.mgn_crl9{margin-bottom: 35px;}
/* =================== // howto5.html =================== */

/* =================== howto6.html =================== */
.ht_lead_base{width: 1130px; margin: 0 auto; padding: 25px 0;}
.ht_lead_l{float: left; width: 565px;}
.ht_lead_r{float: right; width: 565px;}
.check_btn a{display: block; width: 545px; height: 97px; margin: 0 0 0 20px; background: url(../images/p6_bt1.gif) no-repeat; background-size: contain; text-indent: -9999px;}
.check_btn a:hover{filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7;}

.ht6_list{width: 1200px; padding: 0 0 30px 0;}
.ht6_list li{float: left; width: 585px; margin: 0 30px 0 0; padding: 30px 0;}
.ht6_list li:nth-child(2n){margin: 0 0 0 0;}
.ht6_list_inner{width: 585px;}
.ht6_list_ct{display: table;}
.ht6_list_ct_l{display: table-cell; width: 175px; height: 60px; padding: 4px 20px 0 30px; background: #f08c1e; vertical-align: middle; border-radius: 32px 0 0 32px; -webkit-border-radius: 32px 0 0 32px; -moz-border-radius: 32px 0 0 32px;}
.ht6_list_ct_r{display: table-cell; width: 320px; height: 60px; padding: 4px 20px 0 20px; background: #fd0; vertical-align: middle; border-radius: 0 32px 32px 0; -webkit-border-radius: 0 32px 32px 0; -moz-border-radius: 0 32px 32px 0;}
.ht6_list_ct_t1{font-size: 155.555%; color: #fff; font-weight: bold;}
.ht6_list_ct_t2{font-size: 116.666%; color: #333; font-weight: bold;}
.ht6_list_tt{padding: 20px 40px 0 40px;}

#ht_list5 ul{width: 535px; margin: 20px auto 0 auto; padding: 15px 15px; background: #fff9dc;}
#ht_list5 ul li{float: none; width: 470px; padding: 10px 20px 2px 45px; margin: 0 20px 10px 25px; color: #006837; font-size: 111.111%; font-weight: bold; background: url(../images/pc_ico_check.png) no-repeat; line-height: 150%;}

/* =================== // howto6.html =================== */

/*padding-top Control*/
.pdg_crl1{padding: 20px 0 0 0;}