/*----------------------------------------
	top head
----------------------------------------*/

#mainarea{width:730px;}
.whback{background-color: #FFF;}

.top_box{text-align:right;}
.top_box h1{top: 9px;}
p.top_btn{position:absolute;margin:0;left: 365px;top: 257px;background-color: #FFF;height: 145px;}

a{outline: none; }


/*----------------------------------------
	top
----------------------------------------*/
h1.top_main{ height:300px;}

.mainimg{height: 300px;overflow: hidden;}
.mainimg-item{ width:100%!important; top:20px!important;}

.topproduct_box {
	padding:0 10px;
	margin-bottom: 25px;
}
.topproduct_box .product_1{ float:left; width:300px; padding:5px 20px 15px 20px; border:5px solid #9C3; background-image: url(../images/product_bg1.jpg); background-repeat:no-repeat; background-position:center top; background-color:#FFF;}
.topproduct_box .product_2{ float:right; width:300px; padding:5px 20px 15px 20px;border:5px solid #C66; background-image: url(../images/product_bg2.jpg); background-repeat:no-repeat; background-position:center top;  background-color:#FFF;}
.topproduct_box h2{
	margin-bottom:5px;
	text-align:center;
}
.topproduct_box .price{
	margin-bottom:0px;
}
.topproduct_box .price table{ float:right}
.topproduct_box .price th{padding:0 5px;text-align:right;background-color:#e9e9d6}
.topproduct_box .price td{
	padding:0 5px;
	text-align:right;
}
.topproduct_box .order_btn{
	padding:13px 0 0 0;
}
.topproduct_box .order_btn a{ display:block;background-color:#C00; color:#FFF; width:170px; text-align:center;padding:5px 0; float:right}

.main_txt{ height:170px; margin:0;}

.mtxt_1{ padding:10px 0 0 10px; float:left;}
.mtxt_2{ padding:32px 0 0 25px; float:left;}

.news_stit{ padding:0 10px; height:30px;}

.news_box{
	overflow: hidden;
	margin-bottom:10px;
	padding:0 10px 10px 10px;
}
.news_box:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.news_box a{display:block; }
.news_box a:hover{ background-color:#e5e5e5; opacity:1;}

.news_box img{width:70px; vertical-align:middle;}
/*.news_box img:hover{opacity:0.7;filter: alpha(opacity=70);}*/

.news_box dl{overflow: hidden; line-height:20px; position:relative;  background-color:#FFF;  border:1px solid #CCC; border-top:1px solid #f5f5f5; }
.news_box dl:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}


.news_box dt{font-weight:bolder;width:598px;padding:15px 10px 10px 100px;  min-height:65px!important;background-image:url(../images/news_bg.gif); background-repeat:no-repeat; background-position:10px 10px;}
.news_box dt{color:#666;}
.news_box dd{ margin:0; width:70px; height:70px; line-height:70px;vertical-align:middle; overflow:hidden; position:absolute; top:10px; left:10px; background-color:#000;}

.information_area{width: 730px; height: 160px; padding-left: 10px; padding-right: 10px; margin-bottom: 25px;}
.information_title{margin-bottom: 20px;	width: 500px;	height: 35px;	border-bottom: 4px solid #E9E9D6;}
.information_title h2{font-size: 24px; font-weight: 600;}
.information{margin-bottom: 8px; width: 482px; height: 90px; padding: 8px; background-color: #fff; border: 3px solid #E9E9D6; border-radius: 5px;}
.information p{font-size: 14px; margin: 0px;}
.red{color: #C00; font-weight: 700;}

/*----------------------------------------
	product
----------------------------------------*/
.product_tit{ padding-bottom:10px!important;}

.product_box{}
.product_box .product_1{ float:left; width:300px; padding:15px 15px; border:2px solid #9C3; background-image: url(../images/product_bg1.jpg); background-repeat:no-repeat;}
.product_box .product_2{ float:right; width:300px; padding:15px 15px;border:2px solid #C66; background-image: url(../images/product_bg2.jpg); background-repeat:no-repeat;}
.orderbtn{ text-align:center; padding:20px 0;}
.orderbtn a{}

.product_box h2{ margin-bottom:10px; text-align:center;}
.product_box .price{margin-bottom:20px;}
.product_box .price table{ float:right}
.product_box .price th{padding:0 5px;text-align:right;background-color:#e9e9d6}
.product_box .price td{ padding:0 5px; text-align:right;}


/*----------------------------------------
	info
----------------------------------------*/
.info_line1{padding: 0 20px 20px 20px; }
.info_tit{ padding-bottom:15px!important;}

#tab_navi{
	margin-bottom:15px;
	padding-top: 3px;
}
#tab_navi li{ float:left; width:33%}
#tab_navi li a{ padding:20px; display:block; text-align:center; border:1px solid #999;}
#tab_navi li.ui-tabs-selected{ background-color:#ddd;}

#tab_area{ padding:20px 0}
#tab_area h2{
	font-size:24px;
	font-weight:bolder;
	border-bottom:1px solid #cccc99;
	padding-bottom:10px;
	margin-bottom:20px;
}
#tab_area h3{background-color:#E9E9D6;font-size:24px;padding:15px 15px 12px 15px;line-height:18px;margin-bottom:25px;}
#tab_area h4{ margin-bottom:15px;}

.info_box {margin-bottom:40px;}

.tel_num{ font-size:36px; line-height:36px; padding:10px 0; text-align:center; border:1px solid #cccc99; margin:0 0 15px 0;}
.fax_btn{float:right;width:210px;}
.fax_btn a{display:block;padding:10px 0;background-color:#C00;color:#FFF;width:210px;text-align:center;}

.fax_box{margin-bottom:10px;border-bottom:1px dashed #CCC;padding-bottom:0px;}
.fax_box .l_area{float:left;width:450px;}

.price_hyou{ width:90%; margin:0 auto;}
.price_hyou th{padding:5px 10px;background-color:#f8f8f1;text-align: center;font-weight:bolder;}
.price_hyou td{padding:5px 10px; border-bottom:1px solid #CCC; text-align:center;}

.deposit{ border:1px solid #cccc99; padding:15px 20px; margin-bottom:10px; text-align:center;}

.shipping_table{overflow-x: auto;}
.prefecture{ width:100%;white-space: nowrap;border-collapse: collapse;border: 1px solid #000000;}
.prefecture th{padding:5px 10px; border: 1px solid #000000; background-color:#CFEFDF; text-align: center;}
.prefecture .box_size{padding:5px 10px; border: 1px solid #000000; background-color:#98FB98; text-align: center;}
.prefecture .shipping_fee{ padding:5px 10px; border: 1px solid #000000; text-align:center;}

.mgn_b{ margin-bottom:15px!important;}
.mgn_c{ margin-bottom:10px!important;}

#tab_navi li{ border:3px solid #fff; width:220px; margin-left:5px;}
#tab_navi li:first-child{ margin-left:0;}
#tab_navi a{color:#333; background-color:#FFF;}
#tab_navi a:hover{ background-color:#474; color:#FFF; opacity:1;}

#tab_navi .ui-tabs-selected{border:3px solid #474;}
#tab_navi .ui-tabs-selected a{ border:1px solid #FFF;background-color:#474;color:#FFF;}

/*----------------------------------------
	about
----------------------------------------*/
.about_line1{padding: 0 20px 20px 20px; }
.about_line2{padding: 0 20px 20px 20px; }
.kounou_box{border:5px solid #cccc99;padding:20px 20px 15px 20px;}

.about_l{ float: left; width:250px;}
.about_r{ float:right; width:415px;}

/*----------------------------------------
	kodawari
----------------------------------------*/
.kodawari_line1{padding: 0 20px 20px 20px; }

.kodawari_l{ width:415px; float:left;}
.kodawari_r{ width:250px; float:right;}

.kodawari_line2{padding: 0 20px 20px 20px; }
.kodawari_box{
	padding-bottom:30px;
	border:5px solid #cccc99;
	padding:15px 25px 15px 15px;
	margin-bottom:10px;
}

.kodawari_box h3{ font-weight:bolder; font-size:24px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #cccc99}

.kodawari_box img{width:150px; float:left;}

.kodawari_box .right_txt{
	width:460px;
	float:right;
}

/*----------------------------------------
	order
----------------------------------------*/
.form_box{margin-bottom:30px;}
.form_box h2{font-size:24px;line-height:24px;margin-bottom:20px;padding-top:25px;border-bottom:1px solid #cc9;font-weight:bolder;padding-bottom:10px;}
.form_box h2 span{ font-size:40px; background-color:#C00; padding:0 10px; margin-right:10px; color:#FFF; font-weight:normal;}

.order_headtxt{margin-bottom:25px;}

.flow_box{ padding:20px 0; height:50px;}
.order_flow{background-image:url(../images/order_flow3.gif);background-repeat:no-repeat;text-indent:-9999px;width:690px;height:50px; margin-bottom:25px;}
.flow1{}
.flow2{ background-position:0 -50px;}
.flow3{ background-position:0 -100px;}

.date_amount{
	font-weight:bolder;
	font-size:16px;
	padding:5px 0;
	text-align:center;
	margin:0;
	border:1px solid #cc9
}

/* order table */
.order_tbl{ width:100%; background-color:#CCC;}
.order_tbl th{background-color:#F8F8F1;padding:5px 15px; text-align:center;}
.order_tbl td{padding:15px 15px;background-color:#FFF;}

.order_tbl .add{ text-align:right; padding:5px 15px; background-color:#f5f5f5;}
.order_tbl .add button{width:210px;background-color:#E0E0C5;padding:8px 0;border:none;cursor:pointer;border:3px solid #FFF;}
.order_tbl .add button:hover{background-color:#D8D8B8;}
.order_tbl .delete{ text-align:center; padding:5px 10px;}
.order_tbl .delete a{background-color:#999;display:block;color:#FFF;padding:2px 0;font-size:12px;}
.order_tbl .delete a:hover{ background-color:#d00;}

.order_tbl .subtotal{ text-align:right; font-weight:bolder;}
.order_tbl .total{ text-align:right; font-size:22px; line-height:22px; padding:20px 15px;}
.order_tbl .total strong{ color:#e00;}

.order_tbl .box_w{ width:150px;}
.order_tbl .product_w{ width:250px;}
.order_tbl .amount_w{ width:40px;}

.order_btm_btn{padding-top:0px;}
.order_btm_btn .next{width:340px; float:right;}
.order_btm_btn .end{width:340px; margin:0 auto 20px auto;}
.order_btm_btn a{ display:block; background-color:#696;  padding:10px; text-align:center; color:#FFF;}

.order_btm_btn .order{width:340px; float:right; margin-left:10px;}
.order_btm_btn .order a{ background-color:#C00;}
.order_btm_btn .red-text{ color: #C00;}

.order_btm_btn .card{
	width:340px;
	margin:0 auto 20px auto;
}
.order_btm_btn .card a{
	background-color:#C00;
}

.order_tbl2{ width:100%; background-color:#CCC; margin-bottom:20px;}
.order_tbl2 th{background-color:#F8F8F1;padding:5px 15px; text-align:center;}
.order_tbl2 td{padding:10px 15px;background-color:#FFF;}

.order_tbl3{ width:100%; background-color:#CCC; margin-bottom:20px;}
.order_tbl3 th{background-color:#F8F8F1;padding:5px 15px; text-align:center;}
.order_tbl3 td{padding:10px 15px;background-color:#FFF; text-align:center;}
.order_tbl3 .total{ text-align:right;}
.order_tbl3 .total strong{ color:#e00;}

/*----------------------------------------
	lightbox
----------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
   /* #cboxContent{margin-bottom:60px; overflow:visible;}*/
    #cboxContent{margin-right:60px; overflow:visible;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000;}
        #cboxLoadingGraphic{background:url(https://www.kakinohasushi.net/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxClose{text-indent:-9999px; width:40px; height:100%; position:absolute; top:0;background:url(https://www.kakinohasushi.net/images/controls2.png) no-repeat 0 0;}

        #cboxClose{background-position:7px 0; right:-50px; }
        #cboxClose:hover{background-position:-40px 0;}

/*----------------------------------------
	iframe/movie
----------------------------------------*/
.iframemovie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.iframemovie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}