@charset "utf-8";



/*********** btm setup ***********/

/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
.f10 { font-size:10px !important; } /* 10px */    .f11 { font-size:11px !important; } /* 11px */
.f12 { font-size:12px !important; } /* 12px */    .f13 { font-size:13px !important; } /* 13px */
.f14 { font-size:14px !important; } /* 14px */    .f15 { font-size:15px !important; } /* 15px */
.f16 { font-size:16px !important; } /* 16px */    .f17 { font-size:17px !important; } /* 17px */
.f18 { font-size:18px !important; } /* 18px */    .f19 { font-size:19px !important; } /* 19px */
.f20 { font-size:20px !important; } /* 20px */    .f21 { font-size:21px !important; } /* 21px */
.f22 { font-size:22px !important; } /* 22px */    .f23 { font-size:23px !important; } /* 23px */
.f24 { font-size:24px !important; } /* 24px */    .f25 { font-size:25px !important; } /* 25px */

/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }     .mt45 { margin-top:45px !important; }
.mt43 { margin-top:43px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }

/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }


/* global class */
.lightbox_ph { /* lightbox呼び出し用のclassのため、ここに記述しないこと */ }
.clear { clear:both; }
.clearfix {zoom:1;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; }

.color_01 { color:#c40000; }
.color_02 { color:#384cd1; }
.color_03 { color:#ff0000; }



.ptop0 { padding-top:0 !important; }
.mtop15 { margin-top:15px !important; }
.bold {font-weight: bold;}

.no_wrap{ overflow:hidden;zoom:1; }
.hover80 input:hover,
.hover80 a:hover img,a.hover80:hover img,a:hover img.hover80 {filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.hover80 input:hover,
.hover60 a:hover img,a.hover60:hover img,a:hover img.hover60 {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}


.text_r{ text-align:right;}
.text_l{ text-align:left;}
.text_c{ text-align:center;}


/* img area */
.left_box { float:left; }
.right_box { float:right; }
.left_box_space { float:left; padding:15px 20px 0; }
.right_box_space { float:right; padding:15px 20px 0; }

.left_box_no_wrap { float:left; padding:15px 0 0 20px; }
.right_box_no_wrap { float:right;padding:15px 20px 0 0;  }

.drop1 { border:1px solid #ddd; padding:1px; }

#content .photo_center { text-align:center; padding:10px 0 0; }
span.photo_center { display:block; }


.googlemap { border:1px solid #eee; margin:15px auto 0; padding:2px; width:95%; background:#fff; }
.googlemap iframe { width:100%; height:400px; }
.googlemap small { display:block; text-align:right; padding:5px 10px !important; font-size:10px !important; }



/* content caption */
#content h2,h2#sld { position:relative; }
#content h3 { padding-top:25px; text-align:center; font-size:14px; }
#content h4 { padding-top:20px; text-align:center; }
#content h5 { padding-top:20px; text-align:center; }

#content .txt_title .bg .bg{ background:url(../common_img/title_top.jpg) no-repeat; padding:10px 10px 10px 25px; color:#fff; font-size:16px; }
#content .txt_title .bg{ display:block; background:url(../common_img/title_btm.jpg) left bottom no-repeat; }
#content .txt_title {margin-top:20px; padding:0; text-align:left; background:url(../common_img/title_mdl.jpg) repeat-y; }


#content .txt_title2 .bg .bg{ background:url(../common_img/title2_top.png) no-repeat; padding:6px 15px 6px ; color:#fff; font-size:16px; }
#content .txt_title2 .bg{ display:block; background:url(../common_img/title2_btm.png) left bottom no-repeat; }
#content .txt_title2 {margin-top:20px; padding:0; text-align:left; background:url(../common_img/title2_mdl.png) repeat-y; }

#content .txt_title3 {margin-top:15px; padding:5px 10px; text-align:left; background:#3d4e65; color:#fff; font-size:14px; }
#content .txt_title4 {margin-top:30px; padding:5px 15px; text-align:left; background:#1f2d5a; color:#fff; font-size:16px; }
#content .txt_title5 {margin-top:10px; padding:0 15px 5px; text-align: center; color:#333; font-size:20px; border-bottom:3px solid #5c5c5c; position:relative; }
#content .txt_title5 .logout { display:block; position: absolute; top:10px; right:10px; }


/* content p */
#content p { padding:15px 20px 0; }
#content p.txt_style1 { padding:15px 0 0; }
#content p.txt_style2 { line-height:2; }

/*  rollup */
#content p.page-up { padding:20px 0 0; text-align:right; }
#content p.page-up a { color:#141414; }
#content p.page-up a:hover { color:#4560aa; }


/*  パンくず */
#content #pan { font-size:10px; padding:20px 0 0; }
#content #pan span { text-decoration:underline; }
#content #pan a { color:#174576; }
#content #pan a:hover { color:#ca2b0e; }

#content #pan2 { font-size:10px; padding:0 0 0; margin-top:-20px; }
#content #pan2 span { text-decoration:underline; }
#content #pan2 a { color:#174576; }
#content #pan2 a:hover { color:#ca2b0e; }


/* content table */
.table_style { margin-top:15px; border-left:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-collapse:collapse; float:none; }
.table_style thead th { background:#3d4e65; font-size:14px; }
.table_style th { background:#545d6a; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; color:#fff; vertical-align:top; font-weight:normal; }
.table_style td { background:#ededed; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; vertical-align:top; }
.table_style td.table_in td { border:none; }

.table_style2 { margin-top:15px; border-left:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-collapse:collapse; }
.table_style2 th { background:#6a6554; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; color:#fff; vertical-align:top; font-weight:normal; }
.table_style2 td { background:#ededed; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; vertical-align:top; }

.table_style3 { margin-top:15px; border:1px solid #c7c7c7; border-collapse:collapse; }
.table_style3 th { background:#3a3a3a; border:1px solid #c7c7c7; color:#fff; vertical-align:top; font-weight:normal; padding:8px 10px 3px; }
.table_style3 td { background:#f4f4f4; border:1px solid #c7c7c7; vertical-align:top; padding:8px 10px 3px; }

.table_style4 { margin-top:15px; border-left:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-collapse:collapse; }
.table_style4 th { background:#545d6a; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; color:#fff; vertical-align:middle; font-weight:normal; }
.table_style4 td { background:#ededed; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; vertical-align: middle; }

/* content ul */
.ul_style { padding:5px 0 0; }
.ul_style li { padding:5px 30px; border-bottom:1px solid #fff; background:#ededed; }
.ul_style li.even { background:#e3e3e3; }

.ul_style2 { padding:5px 0 0; }
.ul_style2 li { padding:5px; border-bottom:1px solid #fff; background:#ededed; }
.ul_style2 li.even { background:#e3e3e3; }

.ul_style3 { padding:15px 0 0; }
.ul_style3 li { padding:5px 15px; border-bottom:1px solid #fff; background:#ededed; }
.ul_style3 li.even { background:#e3e3e3; }
/* content dl */
/*
.dl_style { padding:0 20px 0; }
.dl_style dt { font-size:14px; font-weight:bold; color:#333; padding:15px 0 0; }
.dl_style dd { }
*/



/*********** page setup ***********/



/* news */
#content #rss { padding:0 0 10px; text-align:right; }

body.news #content .newsbox .bg_h3 { border-bottom:1px solid #cbcbcb; margin:0 10px; }
body.news #content .newsbox .bg_h3 h3 { width:630px; padding:20px 0 10px 10px; margin:0; font-size:14px; color:#333; text-align:left; float:left; }
body.news #content .newsbox .bg_h3 .date { display:block; font-size:10px; color:#ca2a08; font-weight:bold; }
body.news #content .newsbox .bg_h3 .icon { float:right; padding:20px 10px 0 0; width:91px; }
body.news #content .newsbox { width:784px; background: url(../news/images/bg_newsbox_top.gif) no-repeat; }
body.news #content .bg_newsbox { width:784px; background: url(../news/images/bg_newsbox_btm.gif) left bottom no-repeat; }
body.news #content .bg2_newsbox { width:784px; margin:20px auto 0; background: url(../news/images/bg_newsbox_mdl.gif) repeat-y; }
body.news #content .bg2_newsbox.st { margin-top:0; }
body.news #content .newstxt { width:754px; padding:15px 15px 0; margin:0 auto; }
body.news #content .newstxt p { padding:0; }
body.news #content .newstxt .txt_area { padding:0 0 15px; }
body.news #content .newstxt img { margin:0 15px 15px 0; }



/* qa */
.qlist,#content .qabox,
#content .bg_qabox { width:744px; }/* 全ての横幅 */


.qlist { margin:15px auto 0px; }
.qlist li { background:#f4f4f4; padding:10px 10px; position:relative; }
.qlist li.even { background:#ffffff; }
.qlist li strong { color:#ca260a; position:absolute; left:10px; top:10px; }
.qlist a { color:#474747; padding-left:20px; display:block; }
.qlist a:hover { color:#405286; }

#content .bg_qabox { margin:25px auto 0; background:#f4f4f4; border:1px solid #ddd; }/* qaboxの背景色 */
#content .qabox { background:url(../qa/images/bg_qa.png) left bottom repeat-x; }
#content .qabox h4 { padding:13px 10px 13px 35px; margin:0 10px; text-align:left; font-weight:bold; color:#333; font-size:14px; border-bottom:1px solid #ddd; }
#content .qabox .q_box { background:url(../qa/images/bg_q.png) 10px 10px no-repeat; }
#content .qabox .a_box { padding:3px 10px 15px 45px; margin:0 0; background:url(../qa/images/bg_a.png) 10px 10px no-repeat; }
#content .qabox .a_box p { padding:10px 0 0; }

/* sitemap */
.sitemap_list { padding:10px 0 0; }
.sitemap_list li { float:left; width:31%; border-bottom:1px solid #ddd; margin:0 2% 0 0; padding:0 0 0; }
.sitemap_list li a { display:block; background:url(../sitemap/images/icon_01.gif) left 13px no-repeat; padding:8px 0 8px 15px; color:#333; }
.sitemap_list li a:hover { color:#b81212; }
.sitemap_list li#sitemap_home { width:99%; }


/* restoration */
.restoration #content h3 { padding:50px 0 0; }
.restoration #content #restore_txt { margin:19px 1px 65px; padding:0 0 0 18px; border-left:2px solid #b30707; font-size:14px; }

.restoration #content .restore_flow { border:1px solid #d5d2ce; border-top:none; }
.restoration #content .restore_flow h3 { padding:0; margin:0; }
.restoration #content .restore_flow p { padding:17px 0 0; }
.restoration #content .restore_flow .photo { float:right; padding:17px 0 0 15px; }
.restoration #content .restoration_box { border-bottom:1px solid #dbdbdb; margin:0 17px; padding:0 0 16px; }
.restoration #content .restoration_box.end { border:none; }

.restoration #content .restore_arrow { text-align:center; }


/* brandlist */

.brandlist #content h3 { padding:30px 0 0; }
.brandlist #content h4 { padding:53px 0 0 5px; text-align:left; }

#content .brand_attention { text-align:right; padding:10px 0 0; }
#content .brandlist_nav li { width:149px; float:left; padding:15px 9px 10px 0; }
#content .brandlist_nav li.end { padding-right:0; }
#content .brandlist_nav li span { display:block; text-align: center; padding:5px 0 0; }
#content .brandlist_nav li a { color:#343434; }
#content .brandlist_nav li a:hover { color:#cd2a09; }

/* woc */
#content .hosyogai { font-weight:bold; color:#ff0000; padding:0 0 0 5px; font-size:14px; }

/* security */
.qabox2 { font-size:13px; }
.qabox2 dt { background:url(../security/images/bg_q.png) no-repeat; padding:5px 0 20px 40px; margin:30px 0 0; }
.qabox2 dd { background:url(../security/images/bg_a.png) no-repeat; border-bottom:1px dashed #969696; padding:5px 0 25px 40px; }

#warrantymart { float:right; width:270px; padding:17px 0 0 40px; }
#warrantymart dt { padding-left:49px; }

#warranty1 { padding:6px 0 10px; }
#warranty1 li { float:left; padding:12px 14px 0 0;}
#warranty1 li.even { padding-right:0; }

#warranty2 { padding:19px 0 10px; }
#warranty2 li { float:left; padding:0 20px 0 0;}
#warranty2 li.end { padding-right:0; }


/* dutyfree */
#content #dutyfree_01 { border-top:1px dashed #757575; border-bottom:1px dashed #757575; margin:25px 0 0; padding:24px 0 19px 100px; }
#content #dutyfree_02 { float:right; padding:17px 135px 0 0; }
#content #dutyfree_03 { float:left; padding:20px 0 0 140px;}

/* knack */
#content #knack_step { background:url(../knack/images/bg_step.png) no-repeat; width:784px; height:591px; padding:18px 0 0; margin:56px 0 40px; }
#content #knack_step dl { position:relative; margin:29px 0 0 49px; }

#content #knack_step dl dt { position:relative; }
#content #knack_step dl dd { position: absolute; padding:66px 20px 0; top:0; left:0; width:480px; line-height:1.5; }


/* pack */
#content #pack_system_bg { background:url(../pack/images/system_bg.png) left bottom no-repeat; padding:0 0 11px; margin:26px 0 45px; }
#content #pack_system { border:1px solid #c6c4c4; background:#f4f2ee; padding:18px 18px 14px; }
#content #pack_system li { background:url(../pack/images/number_bg_mdl.gif) repeat-y #fff; }
#content #pack_system li.space { background:url(../pack/images/number_bg_space.gif) repeat-y #f4f2ee; height:17px; }

#content #pack_system li:nth-child(7) { background:#fff; }
#content #pack_system li:nth-child(8) { background:none; }

#content #pack_system li #system_01 { background:url(../pack/images/number_01.png) no-repeat; }
#content #pack_system li #system_02 { background:url(../pack/images/number_02.png) no-repeat; }

#content #pack_system li #system_03 {
	background:url(../pack/images/number_03.png) no-repeat; 
	float: left;
	margin-right: 10px;
	width: 48%;
}
#content #pack_system li #system_03_2 {
	float: right;
	width: 48%;
	height: 160px;
}
#content #pack_system li #system_03_2 img{
	position: relative;
	top:-118px;
}

#content #pack_system li #system_04 {
	background:url(../pack/images/number_04.png) no-repeat; 
	float: left;
	margin-right: 10px;
	width: 48%;
}
#content #pack_system li #system_04_2 {
	float: right;
	width: 48%;
	height: 102px;
}
#content #pack_system li #system_04_2 img{
	position: relative;
	top:-98px;
}


#content #pack_system li #system_05 { background:url(../pack/images/number_05.png) no-repeat #fff; }
#content #pack_system li .photo { padding:11px 15px 11px 0; float:right; }

#content #pack_system li #system_05 #ok { float:left; margin:7px 0 7px 55px; width:322px; border-right:1px dotted #7b7b7b; background:url(../pack/images/number_05_ok_bg.png) 227px top no-repeat; min-height:80px; }
#content #pack_system li #system_05 #ng { float:left; margin:7px 10px 7px 16px; width:322px; background:url(../pack/images/number_05_ng_bg.png) right top no-repeat; min-height:80px; }
#content #pack_system li #system_05 dt { padding:10px 0 0; }

#content #pack_system li .txt { padding:15px 10px 15px 55px;  }


/* login */
#content #login_box { width:416px; height:350px; border:1px solid #dcdcdc;  float:left;}
#content #login_box #formend{ margin-bottom:15px;}
#content #member_box{ width:334px;  height:350px;  border:1px solid #dcdcdc;   float:right; text-align:center;} 
#content #member_box .btn{ margin:70px auto 10px;} 
#content #login_box h3,#content #member_box h3 { margin:0; padding:0;}
#content #login_box .table_style{ margin:35px auto 20px;}
#content #login_box dd { padding:5px 10px; }
#content #member_box ul{ margin:10px 0 20px;}
#content #member_box li{ display:inline; margin-right:15px;}






/* mypage */
#content .mypage_name { margin:15px 10px 0; padding:0 10px 10px; text-align: left; color:#333; font-size:16px; border-bottom:1px solid #ddd; }
#content .mypage_box { width:355px; margin:15px 0 0 20px; border:1px solid #ddd; padding:1px; float:left; }
#content .mypage_box dt { background:#f2f2f2; border-bottom:3px solid #5c5c5c; }
#content .mypage_box dt span { display:block; background:url(../common_img/s_nav_icon.jpg) 8px center no-repeat; color:#333; padding:6px 0 6px 18px; font-size:14px; font-weight:bold;}
#content .mypage_box dd { background:#f2f2f2; padding:10px; }

#content .mypage_box a{ display:block; color: #333; text-decoration:none;}
#content .mypage_box a:hover{ text-decoration:underline;}

#content .mypage_box .right_box{ margin-left:10px;}

/* history */
#content .history_box { border-bottom:3px double #ddd; padding:15px 0 40px; }

/* store */
#content #cm_movie { width:480px; height:360px; margin:20px auto 0; }
#content .zasshi_box { width:230px; float:left; margin:20px 0 0 20px; border:1px solid #ddd; }
#content .zasshi_box .photo { text-align:center; padding:10px 0; border-bottom:1px solid #ddd; }
#content .zasshi_box dl { padding:10px; }
#content .zasshi_box dl dt { font-weight:bold; font-size:14px; }
#content .zasshi_box dl dd { min-height:143px; }

#content #store_concept { border:1px solid #d5d2ce; margin:20px 0 0; padding:0 0 20px; background:url(../store/images/bg_01.jpg) left 70px no-repeat; }
#content #store_concept h3 { padding:0; }
#content #store_concept p { padding-left:250px; }
#content #store_concept ul { padding:0 0 0 100px; }
#content #store_concept ul li { margin:20px 0 0 20px; float:left; background:#fff; }

#content #accessmap { width:744px; height:340px; margin:20px auto;}
#content #accessmap div { float:left;}


/* kaitori */
body.kaitori #read_box {
	position:relative;
	width:785px;
	height:322px;
	}
body.kaitori #read_box #txt_box {
	position:absolute;
	width:552px;
	left: 21px;
	top: 38px;
	}

body.kaitori #read_box #txt_box h2,
body.kaitori #read_box #txt_box h3 { text-align:left; }
body.kaitori #read_box #txt_box p { padding:30px 0 0; color:#fff; }

#content #kaitori_box01,
#content #kaitori_box02,
#content #kaitori_box03,
#content #kaitori_box04,
#content #kaitori_box05 {
	width:784px;
	}
#content #kaitori_box01 #kaitori_btn {
	background:url(../kaitori/images/brand_bg.jpg) no-repeat;
	width:784px;
	height:155px;
	}
#content #kaitori_box01 #kaitori_btn ul {
	width:762px;
	margin:0 auto;
	}
#content #kaitori_box01 li {
	float:left;
	padding-top:20px;
	display:block;
	}
#content #kaitori_box01 #kaitori_btn p {
	display:block;
	text-align:center;
	}
#content #kaitori_box01 p{ padding:0; text-align:center;}	
#content #kaitori_box02 h4 {
	padding:0 0 0;
	}
#content #kaitori_box02 .box01 {
	width:381px;
	border:#cbcbcb solid 1px;
	background:#f2f2f2;
	display:block;
	height:330px;
	margin:20px 0;
	}
#content #kaitori_box02 .box02 {
	width:781px;
	border:#cbcbcb solid 1px;
	background:#f2f2f2;
	display:block;
	clear:both;
	}
#content #kaitori_box02 .box03 {
	width:233px;
	margin:15px 0 0 15px
	}
#content #kaitori_box02 .box04 {
	width:510px;
	margin-bottom:20px;
	margin-right:15px;
	}
#content #kaitori_box02 .box04 .qr{
	margin-left:22px;
	margin-top:10px;
}
#content #kaitori_box02 .box04 .qr .btn{
	float:right;
	margin-top:15px;
}

#content #kaitori_box03 h3,
#content #kaitori_box03 h4 {
	padding:0 0 0;
	margin:0 0 0;
	}
#content #kaitori_box03 .box01 {
	width:203px;
	}
#content #kaitori_box03 .box_bg {
	background:url(../kaitori/images/brand_flow_bg.jpg) no-repeat;
	height:209px;
	}
#content #kaitori_box03 .box02 {
	width:298px;
	}
#content #kaitori_box03 p { line-height:1.6; padding:0 10px;  }
#content #kaitori_box03 .box03 {
	width:298px;
	background:url(../kaitori/images/brand_flow03.jpg) no-repeat;
	height:98px;
	margin-bottom:15px;
	}
#content #kaitori_box03 .box04 {
	width:298px;
	background:url(../kaitori/images/brand_flow04.jpg) no-repeat;
	height:98px;
	}
#content #kaitori_box03 .box03 p,
#content #kaitori_box03 .box04 p {
	padding:10px 0 0 106px;
	}


#content #kaitori_box04 h3,
#content #kaitori_box04 h4 {
	padding:0 0 0;
	margin:0 0 0;
	}
#content #kaitori_box04 .box01 {
	width:381px;
	border:#cbcbcb solid 1px;
	background:#fff;
	display:block;
	height:140px;
	margin:20px 0;
	}
#content #kaitori_box04 .box02 {
	width:781px;
	border:#cbcbcb solid 1px;
	display:block;
	clear:both;
	}
#content #kaitori_box05 .box_bg {
	background:#f7f7f7;
	width:390px;
	display:block;
	}
#content #kaitori_box05 #name_box {
	background:#f7f7f7;
	height:640px;
	}	
#content #kaitori_box05 #name_box li {
	float:left;
	width:165px;
	display:block;
	background:url(../kaitori/images/icon.png) no-repeat;
	padding:0 0 0 30px;
	}
#content #kaitori_box05 #name_box li.none {
	width:390px;
	display:block;
	background:none;
	padding:0 0 0 0;
	}
#content #kaitori_box05 #name_box li.col {
	float:left;
	width:165px;
	display:block;
	background:url(../kaitori/images/icon.png) no-repeat #eeeeee;
	padding:0 0 0 30px;
	}


ul.kaitori_btns{
  display: flex;
  justify-content: center;
}
ul.kaitori_btns li:first-child{
  margin: 0 5px 10px 0px;
}
ul.kaitori_btns li:last-child{
  margin: 0 0 10px 5px;
}
ul.kaitori_btns li img{
  image-rendering: -webkit-optimize-contrast;
}



.flow_box {
	border: #cbcbcb solid 1px;
	background: #f2f2f2;
	padding: 10px;
	margin-bottom: 20px;
}
.flow_box hr{
	border-top: 1px solid #ccc;
    border-bottom: none;
}
 .flow_ttl {
	padding: 5px 10px !important;
	color: #fff;
	background: #000;
	border-bottom: 5px solid #8a1817;
	font-size: 16px;
	font-weight: normal;
	text-align: left !important;
	margin-top: 20px;
}
.flow_box_head {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 20px;
	font-weight: bolder;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flow_box_head:after {
	content: "";
	display: block;
	height: 1px;
	width: 75%;
	background: #000;
}

.flow_box select {
	width: 100%;
	background: #fff;
	cursor: pointer;
	margin-bottom: 1.5em;
}
.flow_box .btn_radio {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #cc290a;
	color: #cc290a;
	border-radius: 50px;
	padding: 5px 15px;
	margin: 10px auto ;
	text-align: center;
	font-size: 135%;
}
.flow_box .btn_radio:hover {
  cursor: pointer;
  color: #fff;
	border: 1px solid #fff;
	background: #cc290a;
}
.flow_box input[type="radio"],.flow_box input[type="checkbox"]{
	display: none;
}
.flow_box input[type="radio"]:checked + label.btn_radio ,.flow_box input[type="checkbox"]:checked + label.btn_radio {
  color: #fff;
	border: 1px solid #cc290a;
	background: #cc290a;
}


.tab_box {
	display: flex;
	justify-content: space-between;
}
.tab_box .btn_tab {
	width: 49%;
	text-align: center;
	padding: 10px 0 5px;
	border-radius: 5px 5px 0 0;
	background-color: #999;
	border: 1px solid #999;
	border-bottom: none;
	color: #fff;
}
.tab_box input[type="radio"]:checked + label.btn_tab {
	background: #fff;
	color: #cc290a;
	border: 1px solid #cc290a;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}
	


.type_box {
	display: none;
}

.flow_box .cap_txt {
  margin-bottom: 15px;
  padding: 0 20px;
}

.flow_result {
	background: #fff;
	padding: 1em 1em 2em;
	border: 1px solid #cc290a;
}
.flow_result dt {
	text-align: center;
	font-size: 120%;
	background: #e2dcc6;
	margin-top: 15px;
}
.flow_result .object {
	width: 60%;
	margin: 1em auto;
	padding: 0.5em;
	border: 2px solid #cbcbcb;
}

.flow_result .copybox {
  margin: .5em 0 1em;
}
.flow_result .copytxt {
  background: #efefef;
  display: block;
  width: 60%;
	padding: 0.5em;
  margin: .5em auto;
	border-radius: 5px;
}
.flow_result button {
  display: block;
  margin: auto;
}

.btn_box {
	display: flex;
	justify-content: space-around;
}

.flow_result .btn_box {
	margin-top: 20px;
}
.btn_link a {
	width: 227px;
	position: relative;
	display: inline-block;
	padding: 6px 5px 6px 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	border-radius: 20px;
}
.btn_link a::before,
.btn_link a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
}
.btn_link a::before{
	right: 15px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #c2160c;
}
.btn_link a::after{
	right: 15px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #000;
}
.btn_link a:hover {
	background: #f89293;
}
.btn_link a:hover::after {
	border-left: 3px solid #f89293;

}
.flow_box_ttl {
	text-align: center;
	/* background: #e2dcc6; */
	color: #000;
	border-bottom: 1px dotted #000;
	padding: 5px 0;
	margin-top: 0.5em;
	margin-bottom: 1em;
	font-size: 120%;
}