﻿@charset "utf-8";
/*
Theme Name: bell
Theme URI: http://www.sc-ltd.co.jp/
Description: 幸村　明美
Author: SoftwareConsultantsLTD.
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: 
*/

body {
	text-align:center;
	background-color:#fdfdea;
	padding: 0px;
	margin: 0px;
	font-family: Arial, "メイリオ", Meiryo, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:1em;
	line-height: 120%;

}

h2{ 
	font-weight:bold;
	font-size:130%;
	text-align:left;
	line-height:150%;
	vertical-align:baseline;
	color:#554339;
	}
	
.post h2,h3{
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-bottom: 14px;
	padding-left: 10px;
	color: #333;
	font-size: 12px;
	margin-bottom: 8px;
}
	

.small{ font-size:85%;
	/*font-weight:bold;*/
	text-align:center;
	color:#663300;
	/*line-height:90%;*/
	vertical-align:top;
	}
	
#headerbg{
	width: 100%;
	background-color:#eae6c6;
	/*line-height:1.5;
	text-align: left;*/
	border-bottom:#6a573c solid 2px;
	margin-top:0;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;

}

#header{width : 980px;
	text-align:center;
 	margin-right: auto;
	margin-left: auto;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	background-image:url(images/t2.jpg);
	background-repeat:no-repeat;
}

#headerimg 	{/*未使用*/
	height: 92px;
	margin-top: 0px;
	/*margin-right: 9px;*/
	margin-bottom: 0;
	/*margin-left: 9px;*/
	background-image: url(images/h_3.jpg);
	}
	
/*右上　一行*/
.description h1 { 
	font-size: 80%;
	font-weight: normal;
	text-align:right;
	/*color:#669933;*/
	/*border:none;*/
	/*margin-bottom:-2px;
	margin-top:0;*/
	margin:0;
	
}

/*メニューバー*/
#topmenu {
	height:26px;
	/*width:100%;*/
	padding-bottom: 5px;
	/*margin-bottom: 5px;*/
	/*padding-right: auto;*/
	padding-left: 10px;
	background-color: #ad9570;
	/*margin-right: auto;
	margin-left: auto;*/
	/*z-index:900;*/
	/*margin-top:0;
	padding-top:0;*/
	text-align:center;
}

/*#topmenubg{
	height:26px;
	width:100%;
	background-color: #ad9570;
}
*/


/*スライド*/

.in{
	position:relative;
	width:620px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}  

.in img{
	position:absolute;
	left:0;
	top:0;
	text-align:center;
} 



div#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color:#fdfdea;
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-y;
}

div#content {
	float:right;
	/*width: 770px;*/
	width: 780px;
	/*margin-top:157px;*/
	/*margin-left:210px;*/
}


.entry{
	float:left;
	width: 600px;
	text-align:left;
	margin:10px;
	/*margin-right:10px;*/
	background-color:#fdfdea;

}

div#sidebar-r {
	float:right;
	width:160px;
	margin-top:10px;
	background-color:#eae6c6;
}

div#sidebar-l {
	float:left;
	width:200px;
	background-color:#eae6c6;
	margin-top:10px;
}
#footersetumeibg{
	width:100%;
	border-top:#6a573c solid 2px;
	/*background-image:url(images/bg2.jpg);*/
	/*background-repeat:repeat;*/
	/*background-color:#e0dcbd;*/
	background-color:#eae6c6;
	margin:0;
}
#footersetumei{
	width:980px;
	/*border: none;
	padding: 0;
	clear: both;*/
	margin-top: 0;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;
	/*border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #eae6c6;*/
	}
	
.block{
	width:215px;
	border-right: 1px solid #f39832;
	padding:15px;
	height:180px;
	font-size: 80%;
	text-align:left;
	float:left;
	/*margin-left:10px;
	margin-right:10px;*/
	line-height:110%;
}

.blockend{
	width:215px;
	/*border-right: 1px solid #f39832;*/
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	height:180px;
	font-size: 80%;
	text-align:left;
	float:left;
	/*margin-left:10px;
	margin-right:10px;*/
	line-height:110%;
}

.blockclear{
	clear:both;
	
	/*width:100%;*/
	
}



div#footerbg{
	clear:both;
	width:100%;
	margin:0;
	background-color:#ad9570;
	/*border-top:#666600 solid 2px;*/
}
div#footer{	
	clear:both;
	width:980px;
	background-color:#ad9570;
	color:#FFFFFF;
	font-size:80%;
	text-decoration:none;
	margin-top:0;
	margin-bottom:0;
	margin-right: auto;
	margin-left: auto;
	
}

div#footer a{
color:#FFFFFF;}


.haikei{background:url(images/h.jpg);}


.line{background-color:#999966;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	font-size:80%;
	vertical-align:middle;
	line-height:100%;
}

.table{ background-color:#eae6c6;
		border:none;
		}
		
.line3{	background-color:#ad9570;/*薄茶*/
   color:#FFFFFF;
   text-align:center;
   font-size:100%;
   font-weight:bold;

}
	   
.line2{
	background-color:#ad9570;/*薄茶*/
   	color:#6a573c;/*こげ茶*/
   	text-align:center;
   	font-size:90%;
   	font-weight:bold;
   /*border:#6a573c solid 1px;*/
   border-left:#663333 double 3px;
   padding-left:5px;
   line-height:200%;
}
   
   
table{font-size:85%;
	line-height:110%;
	border:none;}
	
/*.border{border:#663300 solid 2px ;
}*/



.caption{
	background:#CCCCCC;
	line-height:18px;
	margin-bottom:20px;
	padding:4px;
	text-align:center;
/*角を丸くする　影を付ける　IE未対応*/
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 4px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.3);

}  

/*リンク画像に枠がつかないように*/
a img {
	border: none;
}

/*リンクの色や線*/

A:link { color:#663333;       /* リンク 茶*/
		text-decoration: none; } /*下線を消す*/  
A:visited {                 
  color:#333333;            /* 既に見たリンク グレー*/
  text-decoration: none ;    /* 下線を消す */
}
A:active { color:#666600; } /* クリック時のリンク */
A:hover {                   /* カーソルが上にある時のリンク オレンジ*/
  color:#FF9900; 
  text-decoration: none;     /* 下線を消す */
}

A:hover.move{   
	position:relative;      /*カーソルを載せると動く*/
	top:1px;
	left:1px;
}




/*商品ページ*/
.b_table{
	border:1.5px solid #554339;
}

.photo{
	border:1px solid #554339;
	background-color:#FFFFFF;
	
}

.b_table2{
	width:275px;
	border:2px solid #554339;
	float:left;
	margin:5px;
}

.b_table3{
	width:275px;
	border:2px solid #554339;
	margin:5px;
}

.b_table4{
	width:275px;
	border:2px solid #554339;
	clear:both;
	margin:5px;
}
/*----------------------------------
商品ページメイン
----------------------------------*/
.shouhin_main{
	width:600px;
	height:380px;
	border:1px solid #554339;
	}
.shouhin_title{
	background:url(images/g-t.jpg);
	height:60px;
	line-height:100%;
}
.shouhin_title_blend{
	background:url(images/b-t.jpg);
	height:60px;
	line-height:100%;
}

.shouhin_title_premium{
	background:url(images/p-t.jpg);
	height:60px;
	line-height:100%;
}

.shouhin_title_straight{
	background:url(images/s-t.jpg);
	height:60px;
	line-height:100%;
}


.shouhin_gift{
	width:265;
	background-color:#FFFFFF;
	border:1px solid #554339;
	margin:5px;
	font-size:85%;
	line-height:100%;
	font-weight:100;
	float:left;
	text-align:center;
	padding:5px;
}

.shouhin_blend{
	width:265;
	background-color:#FFFFFF;
	border:1px solid #554339;
	margin:5px;
	font-size:85%;
	line-height:100%;
	font-weight:100;
	float:left;
	text-align:left;
	padding:5px;
}


/*商品ページ右の説明文のところ*/
.shouhin_shousai{
	width:328px;
	float:left;
	margin:5px;
	font-size:85%;
	border:none;
	}
	
/*商品ページ右の説明文のところの項目部分*/	
.itemlisttitle{
	background-color: #CCCCCC;
	text-align: center;
	/*background-image: url(images/itemback.png);*/
	color: #55433a;
	font-weight: bold;
	height: 25px;
	vertical-align: middle;
	/*font-size:85%;*/
}

/*商品リストページのタイトル部分*/	
.list_title{
	font-size:90%;
	/*border-top:#6a573c 2px solid;*/ 
	padding-top:10px;
	}
/*商品リストのスタイル*/	
.liststyle{
	/*width:280px;*/
	width:600px;
	float:left;
	font-size:85%;
}


/*ギフトページの写真下の説明部分*/	
.giftname{
	width:200px;
	font-size:90%;
	text-align:center;
	}



/*----------------------------------
おすすめ
-----------------------------------*/
.osusume{
	width:282px;
	margin:5px;
	border:2px solid #554339;
	line-height:130%;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	float:left;
}


.shouhin{
	width:265;
	background-color:#FFFFFF;
	border:1px solid #554339;
	margin:5px;
	font-size:85%;
	line-height:100%;
	font-weight:100;
}



/*-----------------------------------
 トピックス
-------------------------------------*/
.topics_waku{
	border:1px solid #554339;
	}
.topics{
	font-size: 90%;
	padding-left:10px;
	padding-right:10px;
	height:100px;
	background:url(images/topics.jpg);
	background-repeat:no-repeat;
	background-position:right center;
	/*background-color:#cbb89b;*/
	overflow: auto;
	overflow-x: hidden;
	line-height:100%;
	font-size:90%;
}

object {
	z-index: 201;
}

.post {
	margin: 0 0 10px;
	}
	
.narrowcolumn {
	float: left;
	width: 600px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left:5px;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
	
	
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	font-size:85%;
	font-weight:400;
	}
	
.post .date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	line-height: 100%;
	float: left;
	margin-right: 4px;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 0;

}

.post .date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}


.alignright {
	float: right;
	}

.alignleft {
	float: left
	}





/*------------------------------
ランキング
------------------------------*/
.ranking{
	width:160px;
	height:200px;
	/*border-top:#CCCCCC solid 1px;*/
	background:url(images/rankinghaikei.jpg);
		

}
.ranking_coffee{
	line-height:95%;
	font-weight:bold;
	font-size:80%;
	color:#663300;
	text-align:center;
	border-top:#CCCCCC solid 1px;
}
	


/*-----------------------------
店舗紹介
-----------------------------*/
.photo2{
	background: url(images/t.gif) no-repeat;
	background-position:left center;
	border:none;
	font-size:95%;
	float:left;
	width:291px;
	height:170px;
	margin:1px;
	
}

.home_sita{
	float:left;
	margin:3px;
	/*display:block;
	width:289px;*/
	}

/*---------------------------
商品リスト sidebar-l
---------------------------*/
.list{
	font-size:75%;
	text-align:left;
	/*padding-left:5px;*/
	/*padding-top:0;*/
	margin-top:0px;
	margin-left:20px;
	color:#663300;
	
}

.list2{
	font-size:75%;
	text-align:left;
	/*padding-left:5px;*/
	/*padding-top:0;*/
	margin:0px 15px;
	color:#663300;
	text-align:right;	
}




.left{
	float:left;
	margin:5px 5px;
	}


/*---------------------
商品ページのリスト
---------------------*/

html>body .entryitem ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;

	}

html>body .entryitem li {
	margin: 7px 0 8px 10px;
	}

.entryitem {
	/*margin-left: 1em;*/
	/*font-size:1.2em;*/
	width:100%;
	float:left;
	background-color:#fdfdea;
}



/*------------
投稿ページ
------------*/

.entrypage{
	font-size:90%;
}




.ddsg-wrapper a{
	color:#55433a;
	font-size:85%;
}

.ddsg-wrapper ul li{
	list-style-type:none;
}


/*--------------
リストのスタイル
----------------*/
ul{
margin:0;
padding:0;
list-style:disc;
}


/*商品ページの説明部分*/
.itemsetumei {
	font-size:14px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15;
	margin-left: 10px;
	}	

	
/*店舗*/
.tenpo{
	margin: 20px;
	}
.tenpo_picture{
	float: left;
	height: 180px;
	width: 260px;
	/*padding: 5px;*/
	margin:5px;
	text-align: center;
	}

.tenpo_picture img {
	border: 1px solid #CCCCCC;
	}
	
	
.tenpo_right{
	float: left;
	font-size: 14px;
	width:260px;
	padding-top: 5px;
	padding-bottom: 5px;
	}


.tenpo h3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
	font-size: large;
	background-image: url("http://www.misuzucoffee.mom/wp-content/gallery/tenpo/bean.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 30px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.tenpo_hyo3{
	float: left;
	width: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-align: center;
	background-color: #cc9933;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 1px;
	color: #FFFFFF;
}
.tenpo_hyo3_FFFFFF{
	float: left;
	width: 60px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	margin: 1px;
}
.tenpo_hyo4{
	float: left;
	width: 190px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 1px;
}

/*---------------------------------------------

2019年4月9日 価格改定のためデザイン変更

----------------------------------------------*/
.blendtitle{
	text-align:center;
	font-size:130%;
	font-weight:bold;
	}
/*---------------------
商品ページのリスト
---------------------*/

/*html>body .entryblend ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;

	}

html>body .entryblend li {
	margin: 7px 0 8px 10px;
	}*/

.entryblend {
	/*margin-left: 1em;*/
	/*font-size:1.2em;*/
	width:60%;
	/*float:left;
	background-color:#fdfdea;*/
	/*background-image:url("http://www.misuzucoffee.mom/shop/wp-content/themes/bell/images/blend-back.gif");*/
	background-image:url("https://194.91.8.152/shop/wp-content/themes/bell/images/blend-back.gif");
	background-repeat:no-repeat;
	/*background-image:url(images/blend-back.gif);
	background-repeat:no-repeat;*/
	background-color:#dfdfdf;
	margin:0;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-left:20%;
}
.entrystraight {
	/*margin-left: 1em;*/
	/*font-size:1.2em;*/
	width:60%;
	/*float:left;
	background-color:#fdfdea;*/
	background:url(images/blend-back.gif) no-repeat;
	/*background-image:url(images/blend-back.gif);
	background-repeat:no-repeat;*/
	/*background-color:#dfdfdf;*/
	margin:0;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	margin-left:20%;
	border:#CCC solid 2px;
}

/*Itemblendテンプレートcss 20231002修正ここから*/
.itementry {
	background:url(images/back.gif) center no-repeat;
	position: relative;
	width: 370px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.itementry2 {
	background:url(images/back.gif) center no-repeat;
	position: relative;
	width: 385px;
	height: 325px;
	margin-left: auto;
	margin-right: auto;
}

.itemsetumei_new {
	background:url(images/back_comment.jpg) no-repeat;
	width: 192px;
	height: 107px;
	font-size: 14px;
	padding: 15px;
	}	

	.itemsetumei_new2 {
		background:url(images/back_comment.jpg) no-repeat;
		width: 192px;
		height: 107px;
		font-size: 12.5px;
		padding: 15px;
			}
	
	.itemsetumei_new3 {
		background:url(images/back_comment.jpg) no-repeat;
		width: 192px;
		height: 107px;
		font-size: 10.5px;
		padding: 15px;
					}
			
/*ここまで*/


