@charset "utf-8";
/* CSS Document */

/* --
Basic Style
---------------------------------- */

body{
	margin:0px;
	padding:0px;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image:url("../img/common/body_bg.jpg");
	background-position:center top;
	background-repeat:repeat-x;
}
.clear{
	clear:both;
}

a{color:#cc0000;}
a:hover{color:#666666;}

a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

h1{
  width:900px;
  margin:10px auto;
  font-size:14px;
  text-align:left;
}
div.imgCenter{
  text-align:center;
  margin:0px auto;
}
div.imgCenter table{
  margin:0px auto;
}
/* -- 強調文字 -- */
span.strongTxt{
	font-weight:bold;
	color:#ed0000;
}

/* --
container
----------------------------------- */

div#container{
	width:1200px;
	margin:0px auto;
	background-image:url("../img/common/container_bg.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
	padding:0px;
}

/* --
header
----------------------------------- */

div#header{
	width:1200px;
	height:195px;
	margin:0px auto;
	text-align:center;
}

div#g_navi{
  display:block;
  width:545px;
  height:43px;
  position:relative;
  top:150px;
  margin:0px auto;
  text-align:center;
}

div#g_navi ul li{
  float:left;
}
div#g_navi ul li a img{
  margin-right:8px;
}

/* --
wrapper
----------------------------------- */

div#wrapper{
	width:940px;
	height:100%;
	clear:both;
	margin:10px auto;
	text-align:center;
	padding:5px;
}

/* --
sidebar
----------------------------------- */

div#sidebar{
	width:182px;
	float:left;
	text-align:center;
	clear:left;
	margin:0px 0px 10px 0px;
	background-image:url("../img/common/sidebar_bg.jpg");
	background-position:left top;
	background-repeat:repeat-y;
}
div#sidebar-top{
	width:182px;
	height:9px;
	background-image:url("../img/common/sidebar_top_bg.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}
div#sidebar-bottom{
	width:182px;
	height:34px;
	background-image:url("../img/common/sidebar_bottom_bg.jpg");
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* --
sidebar2
----------------------------------- */

div#sidebar2{
	width:182px;
	float:left;
	text-align:center;
	clear:left;
	margin:0px;
	background-image:url("../img/common/sidebar_bg.jpg");
	background-position:left top;
	background-repeat:repeat-y;
}
div#sidebar2 .inner p{
  text-align:center;
  background-color:#CC0000;
  color:#ffffff;
  font-weight:bold;
  margin-left:6px;
  margin-right:6px;
  padding-top:5px;
  padding-bottom:5px;
}
div#sidebar2 .inner a{
	font-size:12px;
}
div#sidebar2 .inner a img{
  margin:5px auto;
}
div#sidebar2-top{
	width:182px;
	height:9px;
	background-image:url("../img/common/sidebar_top_bg.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}
div#sidebar2-bottom{
	width:182px;
	height:34px;
	background-image:url("../img/common/sidebar_bottom_bg.jpg");
	background-position:left bottom;
	background-repeat:no-repeat;
}

/* --
main
----------------------------------- */

div#main{
	width:745px;
	float:right;
	clear:right;
	text-align:left;
}

div#main img{
	margin:10px 0px;
}

div#main h3{
	height:38px;
	background-image:url("../img/common/h3.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	line-height:38px;
	text-indent:30px;
	font-weight:bold;
	color:#ffffff;
	margin:0px auto 10px auto;
}
div#main h3 a{
  color:#ffffff;
}

/* --- かに伝からのお知らせ --- */
div#information{
	width:560px;
	margin:10px auto;
	padding:10px;
	border:1px solid #D2C3A2;
	background-color:#FFFFCC;
	line-height:1.4;
}
span.point{ width:100%;text-align:center;display:blogk;font-size:16px;font-weight:bold;color:#cc0000; }
span.point2{ display:blogk;font-size:24px;font-weight:bold;color:#006633; }

/* --
rankingBox(人気商品ランキング)
------------------------------------- */

div#rankingBox{
	width:163px;
	margin:0px auto;
}
div#rankingBox a{
	text-decoration:none;
	color:#363636;
}
div#rankingBox a:hover{
	text-decoration:underline;
}
div#rankingBox strong{
  color:#ed0000;
}
div.rankingBox_1,
div.rankingBox_2,
div.rankingBox_3{
  display:block;
  width:162px;
  height:140px;
  margin:5px auto;
  background-position:left top;
  background-repeat:no-repeat;
  text-align:right;
  font-size:80%;
}
div.rankingBox_1 p,
div.rankingBox_2 p,
div.rankingBox_3 p{
  position:relative;
  left:16px;
  top:12px;
}
div.rankingBox_1 img,
div.rankingBox_2 img,
div.rankingBox_3 img{
  display:block;
  background-color:#ededed;
  width:100px;
  height:86px;
  position:relative;
  top:12px;
  left:50px;
  margin:0px;
  padding:0px;

}
div.rankingBox_1{background-image:url("http://www.kaniden.sakura.ne.jp/img/index/ranking1.jpg");}
div.rankingBox_2{background-image:url("http://www.kaniden.sakura.ne.jp/img/index/ranking2.jpg");}
div.rankingBox_3{background-image:url("http://www.kaniden.sakura.ne.jp/img/index/ranking3.jpg");}


/* --
categoryBox(価格で選ぶカテゴリー)
------------------------------------- */

div#categoryBox{
	width:160px;
	margin:5px auto;
	border:1px solid #92bbd9;
	background-color:#d6e7f1;
	font-size:12px;
}

div#categoryBox ul{
	margin:5px auto;
}
div#categoryBox ul li a{
	display:block;
	width:150px;
	height:26px;
	color:#0a51a1;
	margin:0px auto;
	text-decoration:none;
	border-bottom:1px solid #92bbd9;
	background-image:url("../img/common/icon_topcategory.jpg");
	background-position:left top;
	background-repeat:no-repeat;
	line-height:26px;
	text-indent:30px;
}
div#categoryBox ul li a:hover{
	text-decoration:underline;
}

/* --
typeCategoryBox(種類別カテゴリー)
------------------------------------- */

div#typeCategoryBox{
	width:161px;
	margin:5px auto;
	font-size:12px;
}

div#typeCategoryBox a{
	display:block;
	width:161px;
	height:23px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px dashed #666666;
	line-height:23px;
	font-weight:bold;
	text-indent:20px;
}

div#typeCategoryBox a:hover{
	text-decoration:underline;
}

div.cat1,
div.cat2,
div.cat3,
div.cat4,
div.cat5{
	margin-bottom:5px;
}

/* --- 赤文字 --- */
div.cat1 a,
div.cat2 a,
div.cat5 a{
	color:#ff0000;
	background-image:url("../img/common/typeCatIcon_red.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}
/* --- 青文字 ---*/
div.cat3 a,
div.cat4 a{
	color:#2575b2;
	background-image:url("../img/common/typeCatIcon_blue.jpg");
	background-position:left top;
	background-repeat:no-repeat;
}
/* --
トップページボックス
------------------------------------- */

div.indexBox01{
  display:block;
  width:738px;
  margin:10px 0px;
  border:1px solid #d2c3a2;
  float:left;
  background-image:url(http://www.kaniden.jp/img/common/box_bg01.gif);
  background-position:left top;
  background-repeat:repeat;
  padding-bottom:10px;
}
div.indexBox01 h2{
  color:#ffffff;
  font-weight:bold;
  padding:5px;
  background-color:#ec0000;
  letter-spacing:0.1em;
}
div.indexBox01 p{
  line-height:140%;
  font-size:14px;
  margin:10px 10px 0px 10px;
  color:#131313;
}
div.indexBox01 strong{
  font-size:16px;
  color:#ec0000;
}

/* --
簡単かにレシピページ
------------------------------------- */

div.recipeBox img{
  float:right;
}
div.recipeBox p{
	font-size:12px;
  width:360px;
  float:left;
  padding:10px;
}
div.recipeBox h4{
  font-weight:bold;
}
ol{
  padding-left:30px;
  border:1px solid #cccccc;
}
ol li{
  list-style-type:decimal;
}

/* --
footer
------------------------------------- */

div#footer {
  width:1205px;
  margin: 0 auto;
  padding-top:40px;
  background-image:url("../img/common/footer_bg.jpg");
  background-position:left top;
  background-repeat:no-repeat;
  color: #131313;
  text-align: left;
  font-size:12px;
}
#footer .inner{
  width:930px;
  margin:0px auto 20px auto;
  text-align:center;
}
#footerBox h3{
  margin-top:3px;
  margin-bottom:3px;
  font-size:14px;
  color:#820017;
  font-weight:bold;
  text-indent:5px;
}
#footerBox p{
  padding:5px;
  letter-spacing:0.1em;
  line-height:130%;
}
/* -- お届け区分表 -- */
#footerBox p.timeBox{
  padding:5px;
  text-align:center;
}
.footerBox_T{
}
.footerBox_T table{
  width:457px;
  margin-bottom:10px;
  border:1px solid #f3db93;
  background-image:url("../img/common/footerTbl_bg.gif");
  background-position:left top;
  background-repeat:repeat-y;
}
.footerBox_T table tr th{
  width:457px;
  height:32px;
  font-size:14px;
  font-weight:bold;
  background-image:url("../img/common/footerTbl_th_bg.jpg");
  background-position:left top;
  background-repeat:no-repeat;
  text-indent:20px;
}
.footerBox_T table tr td{
  border-bottom:2px solid #ddd8c2;
}
.footerBox_L{
  width:460px;
  height:600px;
  float:left;
}
.footerBox_R{
  width:460px;
  height:600px;
  float:right;
}

/* --
その他
------------------------------------------------------- */

.red01{
	color:#820017;
	font-weight:bold;
}
.goodsAround{
  font-size:80%;
  border:1px solid #cccccc;
  background-color:#ededed;
  height:235px;
  padding:6px;
}
.goodsTbl{
  border:1px solid #cccccc;
}
p.style01{
  font-weight:bold;
}
/* -- 店長ブログ下テキスト -- */
p.style02{
  font-size:12px;
  margin:5px 10px;
  color:#131313;
  background-image:url(http://www.kaniden.jp/img/common/box_bg01.gif);
  background-position:left top;
  background-repeat:repeat;
  padding:5px;
  border:1px solid #D2C3A2;
  line-height:130%;
}
/* -- 通常価格 --*/
span.normal_price{
  font-size:12px;
  margin-top:5px;
}
span.sp_price{
  font-weight:bold;
  margin-top:5px;
  color:#FF0000;
}