﻿ /* 喜久屋main */
@charset "utf-8";

body  {
	margin: 0 auto;
	background-color: #dddddd;
}
/******************* コンテナ **********************/

div#container	{
	width: 850px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

/************* ヘッダー  *************/
header {
	width: 850px;
	height: 76px;
	margin: 0 auto;
	padding: 0;
	background: #63a0ff;
}
.header-logo {
	width: 850px;
	height: 65px;
	background-image: url(../k_topimg/k-shoptop850img.jpg);
	margin: 0;
}
.topline	{
	height: 7px;
	background-color: #014471;
	background-image: url(../k_topimg/line-blue.png);
	background-repeat: repeat;
	margin: 0;
}
.underline	{
	height: 4px;
	background-color: #014471;
	background-image: url(../k_topimg/top-line.png);
	background-repeat: repeat;
	margin: 0;
}

/********** 横型TOPナビボタン **********/
.k-nav	{
	border-bottom: 5px solid #018bb5;
	background-color: #00aaa6;
	background-image: url(../../blh-bec/button/bt016_bt45-21.jpg);
	margin:  1px 0px 5px 0px;
}
.k-nav ul	{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin:  0;
	padding: 0px 2px 0px 2px;
}
.k-nav li {
	flex: 1 0 auto;
}
.k-nav li a	{
	display: block;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
	margin: 0;
	padding: 6px 15px 3px 15px;
}
.k-nav li a:hover	{
	background-color: #018bb5;
	border-radius: 7px 7px 0px 0px;
}


/************** ■□□□□ 横4列IMG *************/

.k-cmbox	{
	width: 100%;
	margin: 10px 0px 10px 8px;
	padding: 0 0 0 0;
}
ul.k-cmbox li#art51	{
	position: relative;
	float: left;
	display: inline-block;
	list-style: none;

}
ul.k-cmbox li#art51 a	{
	display: inline-block;
	width: 190px;
	height: 140px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
	border: 1px dotted #cccccc;
	border-radius: 5px;
	box-shadow: 2px 2px 3px  rgba(0,0,0,0.2);
	padding: 0px;
	margin: 5px 15px 5px 0px;
}
ul.k-cmbox li#art51 a:hover	{
	color: #ff00ac;
	text-decoration: none;
	border: 1px dotted #ff00ac;
	background-color: #fffff1;
}
ul.k-cmbox li#art51  img	{
	padding: 0;
	border: 0;
	margin: 0px 0 0 0;
}
/****** cm文字 *****/
.p-kcm	{
	position: absolute;
	right: 0;
	left: 0;
	top: 5px;
	background: rgba(255,255,255,0.5);
	font-size: 14px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	text-align: center;
	text-decoration: none;
	margin: 2px 5px 0px 5px;
	padding: 0px;
}
.p-kcm	a	{
	color: #0080ff;
	text-decoration: none;

}
.p-kcm	a:hover	{
	color: #ff0000;
	text-decoration: none;
	background: rgba(255,255,255,0.0);
}


/*********** freeBox ***********/

.midashi-f	{
	font-size: 14px;
	color: #666666;
	line-height: 21px;
	text-align: center;
	padding: 0px;
	margin: 7px 5px 7px 5px;
}

/*------ Box色 ------*/

/* シルバー枠header色無 */
.midashi-c000	{
	text-align: center;
	border: solid 1px #cccccc;
	border-radius: 8px 8px 0px 0px;
	padding: 0;
}
/* シルバー枠header色有 */
.midashi-c004	{
	text-align: center;
	background-color: #;
	background-image: url(../button/bt010_block45-21.jpg);
	background-repeat: repeat-x;
	border: solid 1px #cccccc;
	border-radius: 8px 8px 0px 0px;
	padding: 0;
}
/* 薄紫heder表題有 */
.midashi-c001	{
	text-align: center;
	background-color: #ffffff;
	background-image: url(../button/bt004_block45-21.jpg);
	background-repeat: repeat-x;
	border: solid 1px #b897f2;
	border-radius: 8px 8px 0px 0px;
}
/* 薄紫heder表題無 */
.midashi-c101	{
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #b897f2;
	border-radius: 8px 8px 0px 0px;
	padding: 5px;
}

/* 薄緑heder表題有 */
.midashi-c002	{
	text-align: center;
	background-color: #ffffff;
	background-image: url(../button/bt007_block45-21.jpg);
	background-repeat: repeat-x;
	border: solid 1px #7deab3;
	border-radius: 8px 8px 0px 0px;
}
/* 薄緑heder表題無 */
.midashi-c102	{
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #7deab3;
	border-radius: 8px 8px 0px 0px;
	padding: 5px;
}
/*--- 点線枠Box ---*/
.k-boxline-dot {
	text-align: center;
	background-color: #ffffff;
	border: 2px dotted #0000ff;
	border-radius: 5px;
	padding: 0px;
	margin: 7px 5px 7px 5px;
}
/******* 店舗Link専用 ******/
.midashi-cmap	{
	width: 838px;
	font-size: 16px;
	color: #0000ff;
	line-height: 21px;
	text-align: center;
	background-color: #;
	background-image: url(../button/k-curtain.png);
	background-repeat: repeat;
	border: solid 1px #cccccc;
	border-radius: 8px 8px 0px 0px;
	padding: 0px;
	margin: 7px 0px 7px 5px;
}

/********** グレー文字 **********/

.p1 {
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	text-align: left;
	text-indent: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 1px;
	margin-left: 10px;
}
/********** 黒文字 **********/
.p2 {
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}

/********** 青文字 **********/
.p14b {
	font-size: 14px;
	color: #0000ff;
	line-height: 18px;
	text-align: center;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
.p12b {
	font-size: 12px;
	color: #0000ff;
	line-height: 16px;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
/********** 赤文字 **********/

.p12r {
	font-size: 12px;
	color: #ff0000;
	line-height: 16px;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}
/********** 白文字 **********/

.p14w {
	font-size: 14px;
	color: #ffffff;
	line-height: 16px;
	text-align: left;
	text-indent: 0px;
	margin: 5px 10px 5px 10px;
}

/******** ベスト10用汎用リンクボタン ********/
/*** シルバー ***/
.blp-slnavi a:link {
	font-size: 16px;
	color: #0000ff;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	line-height: 20px;
	border: solid 1px;
	border-color: #aaaaaa;
	border-radius: 6px;
	background-image: url(../../blp-button/bec-37_140a-bt.jpg);
	background-repeat: repeat-x;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
	margin: 5px auto 10px auto;
	padding: 7px 20px 7px 20px;
}

.blp-slnavi a:visited {
	font-size: 14px;
	color: #0000ff;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	line-height: 18px;
	border-radius: 5px;
	border-color: #aaaaaa;
	background-image: url(../../blp-button/bec-37_140a-bt.jpg);
	background-repeat: repeat-x;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
	margin: 2px auto 15px auto;
	padding: 7px 15px 5px 15px;
}
.blp-slnavi a:hover {
	color: #ff0000;
}
/********* 販促用◆subtitel文字＿＿ *********/
.p-bl-b15 {
	font-size: 13px;
	color: #ff6600;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	line-height: 19px;
	margin-left: 50px;
	padding-top: 3px;
	padding-right: 100px;
	padding-bottom: 3px;
}
.p-bl-b13 {
	font-size: 13px;
	color: #c0c0c0;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	line-height: 19px;
	margin-left: 30px;
	padding-top: 3px;
	padding-right: 100px;
	padding-bottom: 3px;
}
.space-5	{
	width: 200px;
	height: 5px;
	border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.space-1	{
	width: 100px;
	height: 1px;
	border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.space-2	{
	width: 100px;
	height: 2px;
	border-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
}

/****************** フッター *******************/
hr {
	border: none;
	height: 3px;
	background: linear-gradient(90deg,rgba(176,179,179,0.1)0%,rgba(176,179,179,1)50%,rgba(176,179,179,0.1)100%);
}

div#mid-footer	{
	clear: both;
}

div#footer	{
	clear: both;
	width: 850px;
	line-height:18px;
	background-image: url(../k_topimg/line-bluew.png);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

address	{
	font-size: 12px;
	color: #0000ff;
	font-style: normal;
	text-align: center;
}

