﻿@charset shift-jis;

/*=== 共通 START ==================================*/
body { font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック","mono-space","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka"; }
.clear { clear:both; }
ul.navi { width:780px;}
ul.navi li { float:left;}
/*ul { display:block !important; }*/

#main { margin:40px 0 0; }
#contents {width: 780px;text-align: left;}
.kit--main--firstPic {position:relative;}
.kit--main--wappen01 {position:absolute;top:180px;left:560px;}
.kit--main--wappen02 {position:absolute;top:180px;left:500px;}
.kit--main--wappen03 {position:absolute;top:180px;left:440px;}

.kit--ttl--navi a:link { color: #333; }
.kit--ttl--navi a:visited { color: #333; }
.kit--ttl--navi a:hover { color: #333; }
.kit--ttl--navi a:active { color: #333; }
.kit--ttl--navi a { text-decoration: none; }
.kit--ttl--navi { padding:5px 0 0 ; margin:5px 0 10px 20px; float:left;}
.kit--ttl--navi li { color:#333; font-size:12px; font-weight:bold; float:right; border-right: 1px solid #595656; padding: 0 10px; }
.kit--ttl--friend { background-color:#37b8f4; padding:2px; color:#FFFFFF!important; }
.kit--ttl--friendli { border-right:none!important;}


.navi a:hover img {	opacity:0.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)"; }
.kit--ttl h2 {float:left;}
.kit--ttl p { float:left;margin:0 0 0 20px; }

.kit--news { text-align:left; height:60px; overflow: auto; border-style: solid; border-width: 2px; border-color : #dcdcdc; margin:0 0 20px; }
.kit--news__course { text-align:left; height:50px; overflow: auto; border-style: solid; border-width: 2px; border-color : #dcdcdc; margin:0 0 20px; }
.kit--news--item { font-size: 12px; line-height: 1.3em; padding: 5px; }
.kit--news--ttl { margin:10px 0 5px; text-align:left; }
.kit--newsttlArea li { float:right;}
.kit--fixGnavi--right { height:37px; float:right;}
.kit--newsttlArea--first { width:400px; text-align:left; margin-right:150px; }
.kit--newsttlArea--ss { margin:7px 0 0 10px!important; width:100px; }

.kit--cource {margin: 0 5px;font-family: "Meiryo","メイリオ","ＭＳ Ｐゴシック","mono-space","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka";}
.kit--cource li{float: left;width:57px;height:17px; margin-right:1px; background:url(<ox:path />g6/shinki/image/gnavi_border.png) no-repeat top right;}
.kit--cource a{display: table-cell;font-size: 12px;vertical-align: middle;height: 17px;width: 57px;text-align: center;color: #000000;}
.kit--cource span { font-size:12px;display:block;margin-bottom:2px; }
.kit--cource--first { border-right: solid 1px #999; padding:0 10px 0 ; }
.kit--cource .kit--cource--second:hover { background-color:#eb6097; width:57px; padding:0 -10!important; height:17px; color:#fff!important; border-radius: 5px 5px 5px 5px; }
.kit--cource--second { margin:0 10px 0 10px!important; }
.kit--cource .kit--active { background-color:#eb6097; width:57px; height:17px;font-weight:bold;color:#ffffff;border-radius: 5px 5px 5px 5px; display: inline-block;
	display: table-cell;font-size: 12px;vertical-align: middle;height: 17px;width: 57px;text-align: center;color: #fff;}
.kit--cource .kit--active a, .kit--cource .kit--active a:hover{ color:#ffffff; }
.kit--cource li a:hover { color:#000000;text-decoration:none;}

#kit--itemlist--wrap {width: 780px;_width: 780px;margin-bottom:40px;float: left;} /*2行目対応でheight:150px!important;削除*/
#kit--itemlist--wrap .bx-wrapper {width:780px !important;margin-bottom:0 !important;}
#kit--itemlist--wrap .bx-window {width:780px !important;margin:0 0 0 12px;}
.kit--itemlist { height:150px; width:750px; overflow: hidden; }

.bx-pager { text-align:right; font-size:14px; }
.bx-pager a:hover,.bx-pager a:active { background: #000; }

#shouhin_shousai_inner_popup_recommend_area {margin:0 0 0 50px;}
#shouhin_shousai_inner_popup_recommend_area > div { cursor: pointer; float: left; height: 180px;  margin: 5px; width: 140px;}
.shouhin_shousai_inner_popup_cart_plus { background: url("/g6/kit/image/plus.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 18px; width: 18px;}
.shouhin_shousai_inner_popup_cart_minus { background: url("/g6/kit/image/mainasu.png") repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 18px; width: 18px;}
 h1 { color: #990000; font-size: 20px; line-height: 120%;}
.bsimg img { margin-bottom: 10px;}
.textSB { font-size: 12px; font-weight: bold; line-height: 130%;}
table.shousai01 { margin-right: 10px; width: 98%;}
table.shousai01 td.clause span { border-left: 5px solid #231816; padding-left: 10px;}
table.shousai01 td.clause { border-top: 1px dotted #ccc; padding: 10px 0; vertical-align: top; width: 120px;}
table.shousai01 td { border-top: 1px dotted #ccc; padding: 10px 0; white-space: normal;}
table.shouhindata { margin-right: 10px; width: 98%;}
table.shouhindata td.clause span { border-left: 5px solid #231816; padding-left: 10px;}
table.shouhindata td.clause { border-top: 1px dotted #ccc; vertical-align: top; width: 120px;}
table.shouhindata td { border-top: 1px dotted #ccc; padding: 10px 0;}
#shouhin_shousai_inner_popup_window #BVRRContainer { margin: 0 auto; width: 580px;}
.recommend-item-area { border: 1px solid #cbc9c9; padding: 10px;}
.recommend-item-area img { width: 140px;}
.recommend-item-name { color: #990000; font-size: 11px; margin-top: 10px;}
.bv-cleanslate .bv-rating-top-statistic { float: right !important;}
.bv-cleanslate div[class^="bv-core-container-"], .bv-cleanslate div[class*="bv-core-container-"] {float: left !important;}
.cartBox { float: right; margin-right: 20px; width: 100px;}
.voiceHead { color: #006600; font-size: 12px; font-weight: 200; line-height: 1.1; margin: 15px 0 0; text-align: left;}
.voiceLeft, .voiceRight { float: left; margin: 0 0 10px;}
.voiceLeft { text-align: center; width: 65px;}
.serif { background: url("../../SHISHI~1/g6/shopping/oisism/image/serif02.png") repeat-y scroll center top rgba(0, 0, 0, 0)  !important; width: 410px;}
.serif p { padding: 0 30px; width: 360px;}
.voiceTTLp { margin: 0 0 20px;}
.voiceTTL { border-bottom: 1px dotted #000000; font-size: 18px; padding-bottom: 5px;}
.voiceMsg { line-height: 1; padding: 0 0 20px;}
.personal { margin: 0 0 10px;}

#kit--itemlist--wrap #kit--itemlist {font-size: 10px;margin-left:-15px;}
#kit--itemlist--wrap #kit--itemlist li {width: 108px;position:relative;}
#kit--itemlist--wrap #kit--itemlist li a { text-decoration:underline}
#kit--itemlist--wrap #kit--itemlist li {width:108px;height:140px;vertical-align:middle;margin-left:2px;float: left; margin-bottom:20px;}/*2行目対応でmargin-bottom追加、height:108から変更*/
#kit--itemlist--wrap #kit--itemlist li a span {width:120px;margin-top: 4px;float:left;margin-left: 8px;}
#kit--itemlist--wrap .bx-prev {position:absolute;top:0;left:0;}
#kit--itemlist--wrap .bx-next {position:absolute;top:0px;right:0px}
#kit--itemlist--wrap .zeinukiBaika,#kit--itemlist--wrap .zeikomiBaika{ font-size:12px; }
#kit--itemlist--wrap { position:relative; }
#kit--itemlist li {float:left; margin: 0 0 0 3px;}
#kit--itemlist--wrap .bx-prev:hover, #kit--itemlist--wrap .bx-next:hover { opacity: 0.7; }
#kit--itemlist--wrap div #kit--itemlist li a:hover div { display:block; }
.kit--itemlist--img {font-size:10px;margin:5px 0 5px 4px;}
.kit--itemlist--p {font-size:10px!important;}
.kit--itemlist--page { font-size:14px; position:absolute;top:168px;left:705px; }
.kit--itemlist--img { position:relative; cursor:pointer;}
.kit--itemlist--first { margin:0 0 0 13px!important; }
.kit--itemlist--shouhinname, .kit--itemlist--p { width:108px; margin:0 0 0 3px!important;display:inline-block; }
.kit--itemlist--img img { width: 100px; }
.kit--itemlist--img { position:relative; }

.kit--detailslider {position:relative;height:300px;margin:0 0 60px;}
.kit--detailslider--inner {position:absolute;top:30px;left:0px;}
.kit--detailslider--ttl li { float:left; }
.kit--detailslider--main { font-size:16px; font-weight:bold; width:300px; margin:-3px 0px 0px 5px;}
.kit--detailslider--side { }
.kit--detailslider--kcal { font-size:20px; font-weight:bold; margin:0 0 0 10px; }
.kit--detailslider--ttl {position:absolute;top:0px;left:0px;}
.kit--detailslider--inner .bx-wrapper {width:630px;}
.kit--detailslider--sidettl {width:210px;  margin:0 0 0 5px;text-align:left; }

.kit--main--firstPic { position:relative; }
.kit--main--therdPic { position:relative; }
.kit--main--first { position:absolute;top:180px;left:0px; }
.kit--main--therd { position:absolute;top:20px;left:50px; color:#fff; }
.kit--main--therdttl { line-height:1.5; font-size:18px; width:280px; border-style: solid; solid; border-width: 0 0  2px ; border-color : #fff; margin:0 0 10px; }
.kit--main--therdread { font-size:14px; width:280px; }
.kit--main--therdlink { position:absolute;top:197px;left:55px; color:#000; width:470px;height:65px; font-size:11px; }
.kit--main--first p { color:#fff; line-height:1.5; padding:6px 8px; }
.kit--main--buy{position:absolute;top:0px;left:630px;}
.kit--main--wrap {position:relative;}
.kit--main--buy{position:absolute;top:0px;left:630px;}
.kit--main--first { width:380px; height:50px; background: #000;opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */filter: alpha(opacity=85); /* IE lt 8 */-ms-filter: "alpha(opacity=85)"; /* IE 8 */-khtml-opacity: .85; /* Safari 1.x */-moz-opacity: .85; /* FF lt 1.5, Netscape */}

.kit--detailbtn {float:right; background-color: #eb6097; border-radius: 5px; color: #fff; display: table-cell; font-size: 12px; height: 25px; text-align: center; vertical-align: middle; width: 100px; padding:5px 0 0 ;}
.kit--detailbtn {float:right; background-color: #eb6097; border-radius: 5px; color: #fff; display: table-cell; font-size: 12px;  font-weight: bold; height: 25px; text-align: center; vertical-align: middle; width: 100px; padding:5px 0 0 ;}
.kit--detailslider--inner .bx-prev,.kit--detailslider--inner .bx-next {font-size:28px; color:#eb6097;font-weight:bold;}
.kit--detailslider--inner .bx-window {position:relative;}
.kit--detailslider--inner .bx-prev {position:absolute;top:110px;left:0px;}
.kit--detailslider--inner .bx-next {position:absolute;top:110px;left:560px;}
.kit--detailslider--inner a:hover { text-decoration: none; }
.kit--detailslider--inner .bx-wrapper  {position:relative;}
.kit--detailslider--inner .bx-wrapper .bx-pager {position:absolute;top:230px;left:0px;}

/*#pankuzu{  margin: 40px 0 10px 0!important;}*/

/*=== 共通 END ==================================*/

/*=== 単品 START ==================================*/
.kit--fixGnavi { background-color: #fff;/* border-bottom: 2px solid #595656;  left: 190px; position: absolute;top: 115px;*/height: 37px; text-align: left;  width: 780px; z-index: 9; margin-bottom:5px; }
.kit--gnavi {margin:10px 0 10px; }
.kit--logo { margin:9px 5px 4px; float:left; }
/*.kit--ttl--QA { margin:0 10px 0;}*/
.kit--cnpbnr{margin:0 0 20px;}
.kit--cource { float:left; margin:0 0 0 500px;}
.kit--thisweek--ttl, .kit--menuSuu { float:left;}
.kit--menuSuu {margin:0 0 0 5px!important;}
.kit--menuSuu--int { font-size:22px; font-weight:bold; color:#444; }
.kit--tnpninfo {width: 140px;height: 250px;border-style: solid;	border-width: 1 1 1 1; border-color: #ccc; margin: 0 0 5px;padding: 3px;font-size: 12px; text-align:center;}
.shouhintag { clear:both; }
.kit--3courseInfo { border:solid 1px #CCCCCC; padding:10px;  text-height:1.4em; text-align:center; width:755px; margin:10px 0px 20px 0px; position:absolute;}
.kit--onlyCourseInfo{ padding:10px;  text-height:1.4em; margin:20px 10px 0px 10px; text-align:center; font-size:16px;  }
.kit--registcourse{text-align:center;width:780px;margin:0 auto;}
#kit--registcourse--link a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";background: #fff;}
#kit--registcourse--btn{cursor:pointer;}
.kit--chefsTTL {text-align:left;}
.kit--info {width: 140px;border-top: 1px solid #ccc; text-align:center; font-size: 12px; padding:30px 0;}
.kit--mainname {font-weight:bold;}
.kit--tnpninfo {width: 140px;height: 250px;border-style: solid;	border-width: 1 1 1 1; border-color: #ccc; margin: 0 0 5px;padding: 3px;font-size: 12px;}
.kit--tnpninfo--txt{margin:0px 10px; color:#f33;}
.kit--tnpninfo--linkbox{background-color:#FF3333; padding:10px; font-weight:bold; width:98px; margin:0px 10px 10px 10px; text-align:center; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.kit_about_point_txt01,.kit_about_point_txt02,.kit_about_point_txt03{font-size:14px;font-weight:bold;line-height:1.4em;position:absolute;color:#231815;width:150px;top:20px;text-align:left;}
.kit_about_point_txt01{left:80px;}
.kit_about_point_txt02{left:335px;}
.kit_about_point_txt03{left:590px;}
.kit_about_img01,.kit_about_img02{width:780px;height:380px;position:relative;margin-top:20px;}
.kit_about_img03{width:780px;height:525px;position:relative;margin-top:20px;}
.kit_about_txt01,kit_about_txt02,.kit_about_txt03{font-size:14px;line-height:1.4em;position:absolute;top:170px;left:35px;color:#595757;width:300px;text-align:left;}
.kit_about_point_img{background-image:url(<ox:path />g6/kit/image/kit_about_point.gif);	position:relative;	width:780px;	height:120px;}
.kit_about_img01{background-image:url(<ox:path />g6/kit/image/kit_about_point1.jpg);}
.kit_about_img02{background-image:url(<ox:path />g6/kit/image/kit_about_point2.jpg);}
.kit_about_img03{background-image:url(<ox:path />g6/kit/image/kit_about_point3.jpg);}
.oisix_reason_img01,.oisix_reason_img02,.oisix_reason_img03{width:260px;height:345px;position:relative;margin-top:20px;float:left;}
.oisix_reason_txt01,.oisix_reason_txt02,.oisix_reason_txt03{ color: #595757;  font-size: 14px;  left: 10px; line-height: 1.4em; position: absolute; top: 55px; width: 250px;text-align:left;}
.oisix_reason_img01{background-image:url(<ox:path />g6/kit/image/kit_about_safe.jpg);}
.oisix_reason_img02{background-image:url(<ox:path />g6/kit/image/kit_about_taste.jpg);}
.oisix_reason_img03{background-image:url(<ox:path />g6/kit/image/kit_about_fresh.jpg);}
.kit--detailslider--slash{font-size:18px; margin-top:-3px;}
/*=== 単品 コース誘導部分 START ====*/
#kit_topics2 {width:758px; height:165px; padding:10px; font-weight:bold; margin-bottom:60px;}
#kit_topics2 #kit_topics_box2 {height:180px; overflow:auto; width:768px;}
#kit_topics2 ul {padding:5px 10px; text-align:left;}
#kit_topics2  ul li.topics_txt_q {padding:10px 0; color:#cc0000; margin-right:10px;}
#kit_topics2  ul li.topics_txt_a {border-bottom:1px dotted #c8c2bf; padding:10px 0; color:#544844; margin-right:10px;}
#kit_topics2  span {color:#f45675; font-size:14px; margin-right:10px;}
#kit_topics2  ul li.topics_txt {border-bottom:1px dotted #c8c2bf; padding:10px 0px 10px 25px; color:#544844;}
/*=== 単品 コース誘導部分 END ====*/
/*=== 単品 END ==================================*/


/*=== 2人前 START ===============================*/
.kit--gnavi { height:47px; wifth:600px; margin:0 0 10px; padding:0 0 10px; border-bottom: 2px solid #595656;}
.kit--cource { float:left; margin:0 0 0 400px;}
.kit--menuSuu {margin:0px 0 0 5px!important;}
.kit--thisweek--ttl { margin:0 0 5px; }
.kit--thisweek--ttl, .kit--menuSuu { float:left;}
.kounyuu_icon { float: right; padding: 5px; width: 70px;}
.set_bg { margin-bottom: 15px; padding: 10px;}
.frame_set {background-color: #ffffff; border: 1px solid #cccccc; line-height: 1.3em; padding: 10px; text-align: left;}
.set_img { border: 0 solid; float: left; margin-right: 10px; padding: 0;}
.set_buy { border: 0 solid;  float: right; line-height: 1.3em; margin: 0; text-align: left; width: 150px;}
.set_txt {line-height: 1.3em; padding: 0; text-align: left;}
div.shouhintag { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; text-align: left; }
.shouhintag { margin-bottom: 15px;}
div.tokuImage { border: 0 solid; float: left; margin: 0 0 5px; text-align: left;}
div.tokuButton { border: 0 solid; float: right; font-size: 12px; margin: 10px 0 0; text-align: left; width: 140px;}
div.tokuKikakuBig { border: 0 solid; font-size: 12px; line-height: 1.2em; margin: 0 140px 0 150px; padding: 0; text-align: left;}
.kit--chefsTTL {text-align:left;}
.kit--info {width: 140px;border-top: 1px solid #ccc; text-align:center; font-size: 12px; padding:30px 0;}
/*=== 2人前 END   ===============================*/

/*=== 3人前 START  ==============================*/
.kit--ttl--friend {background-color: #37b8f4;padding: 4px;color: #FFFFFF!important;}
/*=== 3人前 END  ==============================*/

/*=== 副菜なし START  ==============================*/
.kit--detailslider--main--only { font-size:16px; font-weight:bold; width:610px;}
/*=== 副菜なし  ==============================*/

/*=== コース共通 レコメンド START  ==============================*/
.kit--detailslider--course { position:relative; height:660px; margin:0 0 60px; }
.kit--course--recommend--ttl{ position:absolute; margin-top:10px;}
.kit--course--recommend--txt{margin:0px 0px 20px 0px; text-align:center; font-size: 14px; }
.kit--course--recommend--catch--left{background-color: #dd7c2d; color: #FFFFFF; width: 348px; padding: 5px 12px; letter-spacing: 0.1em; text-align:center; margin:0px 16px 0px 10px; position:absolute; top:5px; border-radius:6px;}
.kit--course--recommend--catch--right{background-color: #dd7c2d; color: #FFFFFF; width: 348px; padding: 5px 12px; letter-spacing: 0.1em; text-align:center; position:absolute; top:5px; left:398px; border-radius:6px;}
.kit--course--recommend--shouhin--left{float:left; position:absolute; top:30px; left:10px;}
.kit--course--recommend--shouhin--right{float:left ;position:absolute; top:30px; left:398px;}
.kit--course--recommend--bg{background-color: #fdf1e0; height:280px; width: 780px; position:absolute;  top: 375px;}

.kit--stock--arrange{ float:left;}
.kit--stock--shousaiimg img:hover{filter:alpha(opacity=100);opacity:1.0;}
/*=== コース共通 レコメンド  END  ==============================*/


