
#form {
	margin-bottom: 50px;
}

#form,.white_form {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
	background-color: #fff;
}

.item_attention {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	color: #555555;
	line-height: 90%;
	font-size: 15px;
}
#form a:link,#form a:visited,#form a:hover {
    text-decoration: underline;
    color: #008ece !important;
}

#cvBox {
	clear: both;
	width: 760px;
}
#cvBox * {
	margin: 0;
	padding: 0;
}
#cvBox ul {
	list-style-type: none;
}
#cvBox #tabList {
	width: 750px;
    margin: 0 auto;
}
#cvBox #tabList li {
	float: left;
}
#cvBox #tabList li a {
	display: block;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
#cvBox #tabList li#tab1 a {
	width: 189px;
	background: url(/kago_img/tab1.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab2 a {
	width: 188px;
	background: url(/kago_img/tab2_g.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab3 a {
	width: 189px;
	background: url(/kago_img/tab3_g_yutai.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab3.off15 a {
	width: 189px;
	background: url(/kago_img/tab3_g_md_yutai.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab4 a {
	width:184px;
}
#cvBox #tabList li#tab1 a:hover {
	background: url(/kago_img/tab1_hover.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab2 a:hover {
	background: url(/kago_img/tab2_g_hover.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab3 a:hover {
	background: url(/kago_img/tab3_g_yutai_hover.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab3.off15 a:hover {
	background: url(/kago_img/tab3_g_md_yutai_hover.gif) 0 0 no-repeat;
}
#cvBox #tabList li#tab4 a:hover {
}
#cvBox #tabList li.tab1Selected a {
	background: url(/kago_img/tab1_selected.gif) 0 0 no-repeat!important;
}
#cvBox #tabList li.tab2Selected a {
	background: url(/kago_img/tab2_g_selected.gif) 0 0 no-repeat!important;
}
#cvBox #tabList li.tab3Selected a {
	background: url(/kago_img/tab3_g_yutai_selected.gif) 0 0 no-repeat!important;
}
#cvBox #tabList li.off15.tab3Selected a {
	background: url(/kago_img/tab3_g_md_yutai_selected.gif) 0 0 no-repeat!important;
}

#cvBox #tabList li.tab4Selected a {
}

#cvBox .bodyBox {
	clear: both;
	width: 750px;
	overflow: hidden;
	margin: 0 auto;
}
#cvBox .bodyBox .inBox {
	clear: both;
	width: 740px;
	margin: 0 0px;
	background: #ffffff;
	overflow: hidden;
}
#cvBox .bodyBox .inBoxBtm {
	clear: both;
	width: 740px;
	height: 40px;
	font-size: 1px;
}
#cvBox .linkbtnList {
	clear: both;
	margin: 0 0 0 75px;
}
#cvBox .linkbtnList li {
	float: left;
	margin: 0 3px;
}
#cvBox .linkbtnList li a {
	display: block;
	width: 200px;
	height: 40px;
	margin-top:10px;
	margin-bottom:10px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

/* P1年間購入 */
#cvBox #boxP1 .inBoxBtm {
	background: #ffffff  0 bottom no-repeat;
}
#cvBox #boxP1 {
	display: none;
	background: #cc3333 0 bottom no-repeat;
	border-bottom:solid 5px #cc3333;
	border-right:solid 5px #cc3333;
	border-left:solid 5px #cc3333;
}
#cvBox #boxP1 .clm1 {
	float: left;
	width: 415px;
}
#cvBox #boxP1 .img04Box {
	float: right;
	width: 325px;
}
#cvBox #boxP1 .clm2 {
	float: left;
	width: 460px;
}
#cvBox #boxP1 .btn {
	margin: 0 0 0 9px;
}
#cvBox #boxP1 .btn a {
	display: block;
	width: 441px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	background: url(/kago_img/cv_p1_btn1_off.jpg) 0 0 no-repeat;
}
#cvBox #boxP1 .btn a:hover {
	background: url(/kago_img/cv_p1_btn1_on.jpg) 0 0 no-repeat;
}
#cvBox #boxP1 .img06Box {
	float: right;
	width: 185px;
}
#cvBox #boxP1 .linkbtnList li.p2 a {
	background: url(/kago_img/cv_p2_btn_g.gif) 0 0 no-repeat;
}

#cvBox #boxP1 .linkbtnList li.p3 a {
	background: url(/kago_img/cv_p3_btn_g.gif) 0 0 no-repeat;
}


/* P2　3ヵ月 */
#cvBox #boxP2 .inBoxBtm {
	background: #ffffff  0 bottom no-repeat;
}
#cvBox #boxP2 {
	display: block;
	background: #FF6600 0 bottom no-repeat;	
	border-bottom:solid 5px #FF6600;
	border-right:solid 5px #FF6600;
	border-left:solid 5px #FF6600;	
}
#cvBox #boxP2 .clm1 {
	float: left;
	width: 415px;
}
#cvBox #boxP2 .img04Box {
	float: right;
	width: 325px;
}
#cvBox #boxP2 .clm2 {
	float: left;
	width: 460px;
}
#cvBox #boxP2 .btn {
	margin: 0 0 0 9px;
}
#cvBox #boxP2 .btn a {
	display: block;
	width: 441px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	background: url(/kago_img/cv_p1_btn1_off.jpg) 0 0 no-repeat;
}
#cvBox #boxP2 .btn a:hover {
	background: url(/kago_img/cv_p1_btn1_on.jpg) 0 0 no-repeat;
}
#cvBox #boxP2 .img06Box {
	float: right;
	width: 185px;
}
#cvBox #boxP2 .linkbtnList li.p1 a {
	background: url(/kago_img/cv_p1_btn.gif) 0 0 no-repeat;
}

#cvBox #boxP2 .linkbtnList li.p3 a {
	background: url(/kago_img/cv_p3_btn_g.gif) 0 0 no-repeat;
}



/* P3　毎月 */
#cvBox #boxP3 .inBoxBtm {
	background: #ffffff 0 bottom no-repeat;
}
#cvBox #boxP3 {
	display: none;
	background: #669933 0 bottom no-repeat;
	border-bottom:solid 5px #669933;
	border-right:solid 5px #669933;
	border-left:solid 5px #669933;	
}
#cvBox #boxP3 .clm1 {
	float: left;
	width: 415px;
}
#cvBox #boxP3 .img04Box {
	float: right;
	width: 325px;
}
#cvBox #boxP3 .clm2 {
	float: left;
	width: 460px;
}
#cvBox #boxP3 .btn {
	margin: 0 0 0 9px;
}
#cvBox #boxP3 .btn a {
	display: block;
	width: 441px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	background: url(/kago_img/cv_p2_btn1_off.jpg) 0 0 no-repeat;
}
#cvBox #boxP3 .btn a:hover {
	background: url(/kago_img/cv_p2_btn1_on.jpg) 0 0 no-repeat;
}
#cvBox #boxP3 .img06Box {
	float: right;
	width: 185px;
}
#cvBox #boxP3 .linkbtnList li.p1 a {
	background: url(/kago_img/cv_p1_btn.gif) 0 0 no-repeat;
}

#cvBox #boxP3 .linkbtnList li.p2 a {
	background: url(/kago_img/cv_p2_btn_g.gif) 0 0 no-repeat;
}


/* P4　単品 */
#cvBox #boxP4 .inBoxBtm {
	background: #ffffff  0 bottom no-repeat;
}
#cvBox #boxP4 {
	display: none;
	background: #66CCCC  0 bottom no-repeat;	
	border-bottom:solid 5px #66CCCC;
	border-right:solid 5px #66CCCC;
	border-left:solid 5px #66CCCC;	
}
#cvBox #boxP4 .img03Box {
	padding: 0 0 17px 0;
}
#cvBox #boxP4 .btn {
	margin: 0 0 0 9px;
}
#cvBox #boxP4 .btn a {
	display: block;
	width: 361px;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	background: url(/kago_img/cv_p3_btn1_off.jpg) 0 0 no-repeat;
}
#cvBox #boxP4 .btn a:hover {
	background: url(/kago_img/cv_p3_btn1_on.jpg) 0 0 no-repeat;
}
#cvBox #boxP4 .linkbtnList li.p1 a {
		background: url(/kago_img/cv_p1_btn.gif) 0 0 no-repeat;
}

#cvBox #boxP4 .linkbtnList li.p2 a {
	background: url(/kago_img/cv_p2_btn_g.gif) 0 0 no-repeat;
}
#cvBox #boxP4 .linkbtnList li.p3 a {
	background: url(/kago_img/cv_p3_btn_g.gif) 0 0 no-repeat;
}




/* form */

td.form_head_1 {

          margin:0px !important;

          padding:8px !important;

          text-align:left !important;

          font-size:120%;

          font-weight:bold;

          color:#ffffff;

          background-color:#d85d5d;

        }

        td.form_head_2 {

          margin:0px !important;

          padding:8px !important;

          text-align:left !important;

          font-size:120%;

          font-weight:bold;

          color:#ffffff;

          background-color:#f89655;

        }

        td.form_head_3 {

          margin:0px !important;

          padding:8px !important;

          text-align:left !important;

          font-size:120%;

          font-weight:bold;

          color:#ffffff;

          background-color:#93b670;

        }

        td.form_head_4 {

          margin:0px !important;

          padding:8px !important;

          text-align:left !important;

          font-size:120%;

          font-weight:bold;

          color:#ffffff;

          background-color:#83A5B9;

        }

        td.form_item_head_1 {
	margin:0px !important;
	padding:4px !important;
	background-color:#d85d5d;
	font-size:100%;



          line-height:120%;

        }

        td.form_item_head_2 {

          margin:0px !important;

          padding:4px !important;

          background-color:#f89655;

          font-size:100%;

          line-height:120%;

        }

        td.form_item_head_3 {

          margin:0px !important;

          padding:4px !important;

          background-color:#93b670;

          font-size:100%;

          line-height:120%;

        }

        td.form_item_head_4 {

          margin:0px !important;

          padding:4px !important;

          background-color:#84c4d0;

          font-size:100%;

          line-height:120%;

        }

        td.form_input_head_1 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          background-color:#d85d5d;

          width:180px;

          color:#ffffff;

          font-size:100%;

          border:solid 1px #cccccc;
		vertical-align: middle;

        }

        td.form_input_head_2 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          background-color:#f89655;

          width:180px;

          color:#ffffff;

          font-size:100%;

          border:solid 1px #cccccc;
		vertical-align: middle;

        }

        td.form_input_head_3 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          background-color:#93b670;

          width:180px;

          color:#ffffff;

          font-size:100%;
			
			border: solid 1px #cccccc;
		vertical-align: middle;

        }

        td.form_input_head_4 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          background-color:#84C4D0;

          width:180px;

          color:#ffffff;

          font-size:100%;

        }

        td.form_input_body_1 {
	margin:5px !important;
	padding:7px !important;
	text-align:left !important;
	background-color:#ffedd2;
	font-size: small;
	border:solid 1px #cccccc;

        }

        td.form_input_body_2 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          font-size:small !important;

          background-color:#ffeee3;

          border:solid 1px #cccccc;

        }

        td.form_input_body_3 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          font-size:small !important;

          background-color:#eaf4e0;

          border:solid 1px #cccccc;

        }

        td.form_input_body_4 {

          margin:0px !important;

          padding:7px !important;

          text-align:left !important;

          font-size:small !important;

          background-color:#def0f3;

        }



        td.form_haisou_head_1 {

          background-color:#ff8c00;

          width:24px;

          text-align:center;

          color:#ffffff;

          font-size:100%;

        }

        td.form_haisou_head_2 {

          background-color:#339900;

          width:24px;

          text-align:center;

          color:#ffffff;

          font-size:100%;

        }

        td.form_haisou_head_3 {

          background-color:#4169e1;

          width:24px;

          text-align:center;

          color:#ffffff;

          font-size:100%;

        }

        td.form_haisou_head_4 {

          background-color:#FF6699;

          width:24px;

          text-align:center;

          color:#ffffff;

          font-size:100%;

        }



        td.form_pay_head_1 {

          margin:0px !important;

          padding:7px !important;

          background-color:#ff8c00;

          width:130px;

          text-align:left !important;

          color:#ffffff;

          font-size:100%;

        }

        td.form_pay_head_2 {

          margin:0px !important;

          padding:7px !important;

          background-color:#339900;

          width:130px;

          text-align:left !important;

          color:#ffffff;

          font-size:100%;

        }

        td.form_pay_head_3 {

          margin:0px !important;

          padding:7px !important;

          background-color:#4169e1;

          width:130px;

          text-align:left !important;

          color:#ffffff;

          font-size:100%;

        }

        td.form_pay_head_4 {

          margin:0px !important;

          padding:7px !important;

          background-color:#FF6699;

          width:130px;

          text-align:left !important;

          color:#ffffff;

          font-size:100%;

        }
		
		.both {
		clear:both;
		}
		
.title  {
	width: 60%;
	font-size: x-small;
	font-weight: bold;
	float: left;
}

.title2 {
	width: 60%;
	font-size: small;
	float: left;
}

.hissu  {
	float: left;
}
#borderB {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 15px;
}

#btn_reqOrder {
    background: rgba(0, 0, 0, 0) url("/kago_img/bottan.gif") no-repeat scroll center top;
    border: 0 none;
    height: 80px;
    width: 600px;
}

.table_item {
	border: solid 1px #cccccc;
	vertical-align: middle;
	font-size: 110% !important;
}
.total_price_wrap table { 
	border-collapse: separate;
    border-spacing: 10px;
	font-size: 95% !important;
}
.total_price_wrap table td { 
	vertical-align: middle;
}

/*------------------------------------------------------------
	クーポンカゴ用レイアウト
------------------------------------------------------------*/
.coupon_area {
  margin-top: 20px;
}

.coupon_area p {
  font-size: 110%!important;
  margin-bottom: 0!important;
}

.table_coupon {
  font-size: 110%;
	margin: 5px auto !important;
	width: 80%;
	background-color: #b0b0b0;
}

th.table_coupon_th {
	background-color: #ffe800;
	padding: 10px !important;
	color: #383838;
  font-weight: bold;
  border: 1px solid #999;
}

td.table_coupon_td {
	background-color: #ffffff;
	padding: 10px !important;
  border: 1px solid #999;
}

.input_coupon {
	font-size: 18px;
}
.notanpin {
	font-weight: normal;
	font-size: .7em;
    text-align: left;
    margin: 5px 25px 0 58px !important;
    padding: 15px 0 10px !important;
}

/*------------------------------------------------------------
	ロード
------------------------------------------------------------*/
/* カゴロード表示 */
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 20000;
}
#loader p{
	font-size: 16px;
	font-family: -apple-system, blinkMacSystemFont,'Helvetica Neue','Segoe UI',YuGothicM,YuGothic,Meiryo,sans-serif;
	margin-top: 10px;
	border: solid #999 1px;
	padding: 5px;
	color: #fff;
	background-color: #000;
	border-radius: 10px;        
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
}


/*-- course total price ------------------------*/
.confirm_hr {
	margin: 0;
	border: solid 1px #8f8f8f;
}
.confirm_table {
	background-color: #ffffff;
	padding: 10px 0 !important;
	border-collapse: initial;
}
.confirm_tit {
	width: 12%;
	background-color: #777777;
	text-align: center;
}
td.confirm_tit {
	vertical-align: middle;
}
.confirm_tit span {
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	letter-spacing: .2em;
	color: #ffffff;
	font-size: 1.2em;
	padding: 10px;
	line-height: 1.4em;
	text-align: left;
}
.confirm_text {
	padding: 10px !important;
}
p.confirm1 {
	font-size: 17px !important;
	line-height: 1.3em !important;
	margin: 0 0 10px 0 !important;
}
p.confirm2 {
	font-size: 15px !important;
	line-height: 1.5em !important;
	margin: 0 0 10px 0 !important;
}
p.confirm3 {
	font-size: 17px !important;
    letter-spacing: -0.03em !important;
    line-height: 1.5em !important;
    margin: 0 0 10px 0 !important;
}
p.confirm4 {
	text-align: right !important;
	font-size: 12px !important;
}
.merit {
	background-color: #fbf7f7;
    padding: 0 20px !important;
}
.merit_text {
	font-size: 14px !important;
    line-height: 1.6em;
    padding: 5px 0 0 0 !important;
    margin: 0 0 5px 12px !important;
}
.merit_text span {
	font-weight: bold !important;
}
.merit_text_notice {
	margin-left: 12px !important;
}
#teikiInfo_discount_all {
	font-weight: bold;
}
#teikiInfo_itemName {
	font-weight: bold;
}
#teikiInfo_gain {
	font-weight: bold;
}
.text_underline {
	text-decoration: underline;
}

/*単品時のborder非表示*/
:has(#single2:checked):has(.tab3Selected) .btn_before_notes{
	padding: 5px 0 0 !important;
}
:has(#single2:checked):has(.tab3Selected) .kago_checkTxt:not(.normal_kago) {
	border-top: none !important;
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	padding-top: 0 !important;
}
:has(#single2:checked):has(.tab3Selected) .kago_checkTxt:not(.normal_kago) + hr{
	display:none;
}

/*単品時のborder非表示（HT用）*/
:has(.tab4Selected) .kago_checkTxt:not(.normal_kago) {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
:has(.tab4Selected) .kago_checkTxt:not(.normal_kago) + hr{
    display:none;
}