/* 基本設定 */
/*////////////////////////////////////////////////////////////*/

h1,h2,h3,h4,h5,h6,dl,form,div {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

p {
	font-weight: bold;
　　　　line-height : 190% ;　　　　
}

form,input {
	display: inline;
}

.clear {
	clear: both;
}

/* アンカー設定 */
a:link{
	color: #1D4D8D;
	text-decoration:none;
}
a:visited{
	color: #1D4D8D;
	text-decoration:none;
}
a:hover{
	color: #1D4D8D;
	text-decoration:underline;
}
a:active{
	color: #1D4D8D;
	text-decoration:underline;
}
a:hover .middle_navi {
opacity:0.7;
}
/* ベースレイアウト */
/*///////////////////////////////////////////////////////////*/

html {
        background-color: #574B3D;
}


body {
	width : 840px ;
	padding : 0px ;
	margin : 0px auto ;
	text-align : center ;
        color : #666666;
        background-image: url("https://www.itsumo-coffee.com/common/images/body_bgpattern.gif");
        background-repeat: repeat;
        background-position: 0% 0%;
        margin-top: 0px ;
        font-family : 'ＭＳ Ｐゴシック','Osaka‐等幅';
}

#header {
	width : 840px ;
	margin : 0px 0px 0px 0px ;
	padding : 0px ;
/*	text-align : right;*/
        background-image: url("https://img11.shop-pro.jp/PA01055/056/etc/header.gif?20100913005748");
　　　　background-repeat: no-repeat;
        background-position: 0% 0%;
        height: 112px ;
}

.middle_navi {
        text-align: left ;
}

.navi {
	width : 800px ;
        height: 80px;
	margin : 0px ;
	padding : 0px ;
}

.navi ul {
	width: 800px;
	height: 25px;
	margin : 0px ;
	padding : 0px ;
	list-style-type : none ;
}

.navi li {
	margin : 0px ;
	padding : 0px ;
	float : left ;
display:inline;

}

#main {
	width : 800px ;
	margin : 0px auto ;
	padding : 0px ;
	text-align : left ;
	font-size : 12px ;
/*	line-height : 190% ; */
	font-weight : normal ;
}

.layout-box {
	margin-top: 5px;
	width : 800px ;
	float : right ;
}


/* カテゴリがコーヒーのレイアウト */
.layout2-left {
	width : 270px ;
	float : left ;
	margin : -5px 0px 0px -10px ;
	padding : 0px ;
}
/* カテゴリがギフトのレイアウト */
.layout2-left-gift {
	width : 270px ;
	float : left ;
	margin : -5px 0px 0px -10px ;
	padding : 0px ;
}

.layout2-left-test {
	float : left ;
}

.layout2-right {
	width : 505px ;
	float : left ;
	margin : -12px 0px 0px 25px ;
	padding : 0px ;
}

#footer {
        clear:both;
        width:100%;
　　　　height:200px;
	margin : 0px auto ;
}

#footer_menu {
       font-size:10px;
       margin-top:5px;
       margin-bottom:5px;
       width:100%;
}

.pankuzu {
	padding : 0px ;
	margin : 0px ;
	text-align : left ;
}

#pagetop {
	font-size : 10px ;
	padding : 5px 0px ;
	margin : 20px 0px 0px 0px ;
	text-align : right ;
}

.img_left {
	margin : 5px 10px 10px 0px ;
	border : 1px solid #ededed ;
}

.img_right {
	margin : 5px 0px 10px 10px ;
	border : 1px solid #ededed ;
}

.img_spacesize {
	height:30px; width: 275px;
}


/* インデックスレイアウト */
/*///////////////////////////////////////////////////////////*/

.top {
	width : 800px ;
	font-size : 12px ;
	line-height : 190% ;
	font-weight : normal ;
	margin : 0px ;
	padding : 0px ;	
}


h1 {
	letter-spacing : -0.1em;
	margin : 0px 0px 3px 0px ;
	padding : 9px 0px 1px 0px ;
	font-size : 18px ;/* 15px→18px */
	line-height : 190% ;
	font-weight : bold ;
	border-bottom : 2px solid #6d6d6d;
}

.left {
	padding : 0px 10px 0px 0px ;
}

/* 商品特有 */
/*///////////////////////////////////////////////////////////*/

.title_markadd {
	font-family : 'ＭＳ 明朝','ＭＳ Ｐ明朝',Georgia;
	letter-spacing : -0.1em;
	margin : 0px 0px 3px 0px ;
	padding : 0px 0px 0px 25px ;
	font-size : 13px ;
	line-height : 190% ;
	font-weight : bold ;
	background : url("../common/images/cherry.gif") no-repeat left center ;
}



.right_td {
	padding : 20px 0px 0px 0px ;
}

.differ_table {
	width : 505px ;
	font-size : 13px ;
	line-height : 190% ;
	font-weight : normal ;
	margin : 0px ;
	background-color : #ededed ;
}

.differ_table td {
	background-color : #fff ;
	padding : 3px ;
}

.differ_table th {
	background-color : #efe8de ;
	padding : 3px ;
	text-align : left ;
	font-weight : normal ;
}

/* おすすめ商品レイアウト */
.layout-osusume-left {
	width : 165px ;
	float : left ;
	margin : 0px 0px 10px 0px ;
	padding : 0px ;
        height:130px;
        line-height:130%;
}

.layout-osusume-left .price{
        color:#CC0000;
}


/* お問い合わせ特有 */
/*///////////////////////////////////////////////////////////*/
.layout-box-outline {
	width : 505px;
	float : right ;
	margin : 0px 0px ;
	border-top : 1px solid #ccc ;
}

.layout-box-outline2 {
	width : 505px;
	float : right ;
	margin : 0px 0px ;
	border-top : 1px solid #ccc ;
	border-bottom : 1px solid #ccc ;
}

.layout4-outtitle {
	width : 100px ;
	float : left ;
	margin : 0px ;
	padding : 10px ;
	font-weight : bold ;	
}

.layout4-outsummary {
	width : 350px ;
	float : right ;
	margin : 0px ;
	padding : 10px ;
	border-left : 1px dotted #ededed ;
}


.layout-point-left {
	width : 200px ;
	float : left ;
	margin : 20px 0px 0px 0px ;
	padding : 0px ;
}

.layout-point-right {
	width : 360px ;
	float : right ;
	margin : 20px 0px 0px 20px ;
	padding : 0px ;
}

/* フォーム特有 */
/*///////////////////////////////////////////////////////////*/
input,select,textarea{
	/*border : 1px solid #ededed ; 削除でエンボス表示にする*/
	background-color : #f8f5ef ;
}

input {
	margin : 0px 5px 0px 0px ;
}

.cart_in input {
	margin : 10px 5px 0px 0px ;
}

.layout4-outsummary table {
	margin : 0px ;
	padding : 0px ;
	width : 400px ; 
	font-size : 13px ;
	line-height : 190% ;
}

/* その他 */
.size-S {
	font-size : 10px ;
	line-height : 180% ;
}

.toiawase-link {
	font-size : 12px ;
	line-height : 140% ;
}

/* ------------------------------------- 
 *	一覧ページ/ カテゴリー商品表示(2008.8.19テンプレートのメモリより引用)
 * ------------------------------------- */
dl#cat {
/*	width:540px;*/
	width:505px;
}
#cat dt {
	width:530px;
	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/border3.gif) no-repeat left bottom;/* ボーダーパターン３ */
	padding:0px 10px 20px 0px;
}
.cat_name {
	font-weight:bolder;
	font-size:14px;
	width:400px;
	float:left;
}

#cat dt select {
	width:120px;
}

#cat .sort_select {
	float:right;
	text-align:right;
}

#cat dd {
	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/border3.gif) no-repeat left bottom;/* ボーダーパターン３ */
	padding:10px 0px 15px 0px;
}

#cat table {
	width:505px;
}

td.cat_l {
	width:175px;
	padding:5px 0px;
}

td.cat_r {
	padding-bottom:15px;
}

.page_link {
	margin-top:5px;
}

/*商品一覧罫線の色*/
td.cat_r .price {
	border-top:1px solid #b9917b;
	border-bottom:1px solid #b9917b;
	padding:5px;
	text-align:right;
	font-size:14px;
        color:#CC0000;
        width:300px;
}
td.cat_r .explain {
	margin:5px;
}
/* ------------------------------------- 
 *	各ページ共通/ アイテムボックス（小さいサイズの商品画像）(2008.8.19テンプレートのメモリより引用)
 * ------------------------------------- */

/*3列で表示*/
.itembox {
	width:175px;
	margin:0px 5px 5px 0px;
	text-align:center;
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/itembox_bg_175.gif) repeat-y left top;*/
        background-color: #DBD5B8;
}

.itembox .top {
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/itembox_top_175.gif) no-repeat left top;*/
        background-color: #DBD5B8;
}

.itembox .bottom {
/*	background:transparent url(https://img.shop-pro.jp/tmpl_img/20/itembox_bottom_175.gif) no-repeat left bottom;*/
	padding:10px 0px;
	z-index:9999;
        background-color: #DBD5B8;
}

.itembox img {
	display:block;
	margin:0px auto 10px auto;
}

.item_title {
	padding:3px 10px;
}

.item_price {
	padding:0px 10px;
}

/* ************************************************ 
 *	商品詳細ページ　２００８．８．２０　オレンジノートから引用
 * ************************************************ */

div.detail {
        margin:10px 0;
        width: 495px;
}

div.detail_img {width:100%;text-align:center;}

img.mainimg {
        border:1px solid #CCCCCC;
        margin-bottom: 10px;
        margin-top: 14px;
        width: 493px;
}

/* ------------------------------------- 
 *	商品のスペック表　２００８．８．２０　オレンジノートから引用
 * ------------------------------------- */
table.box {
       width:99.5%;
       margin: -13px auto 20px auto;
}

table.spec {

        /*background:#CCCCCC none repeat scroll 0% 50% 商品価格表-罫線の色*/
        background:#B2A590 none repeat scroll 0 50%;
	width:100%;
}

table.cart_button {/* カートボタンのテーブル */
        align: right;
	width:100%;
	margin: 10px 0 15px;
}

table.spec th {/*商品価格表右側セルの文字色*/
        /*background:#EFEFEF none repeat scroll 0%;商品価格表右側セルの背景色*/
        background:#DBD5B8 none repeat scroll 0 50%;
        font-weight:normal;
        padding:5px;
        text-align:left;
        width:100px;
}

table.spec td {
        /*background:#FFFFFF none repeat scroll 0% 50%;商品価格表左側セルの背景色*/
        background-color:#DBD5B8;/*商品価格表左側セルの背景色*/
	padding:5px 5px 5px 10px;
        line-height:18px;
}

table.spec table.num td {padding:0px;}

table.spec td.sales {
	color:#CC0000;/*商品価格表-販売価格の文字色*/
	font-weight:bolder;
}

/* 「カートに入れる」ボタン */
div.cart_in {
	text-align:right;
	margin-top: 0px;
}
div.cart_in img {
	width:132px;
	height:34px;
}

/* 商品の説明 */
div.explain {
        margin:0px 0 0 0;
}

/* 「この商品について問い合わせる」等のボタン */
div.etc {
	text-align:center;
	margin-top:10px;
}
div.etc img {
        margin:5px;
}
/* ------------------------------------- 
 *	商品一覧・検索結果・詳細ページ共通２００８．８．２０　オレンジノートから引用
 * ------------------------------------- */

/* 自家焙煎コーヒ商品詳細の名前（背景：薄オレンジ） */
/* 商品カテゴリー名・商品名文字色(商品詳細・商品一覧結果共通) */
.detail_title_cup {
	background:#EFEFEF url(https://www.itsumo-coffee.com/common/images/smallcup.gif) no-repeat;
	background-position:6px;
	color:<{$alltitle_fontcolor}>;
	font-weight:bolder;
	padding:3px 35px;
        width:435px;
}
/* コーヒーギフトボックス商品詳細の名前（背景：薄オレンジ） */
/* 商品カテゴリー名・商品名文字色(商品詳細・商品一覧結果共通) */
.detail_title_box {
	background:#EFEFEF url(https://www.itsumo-coffee.com/common/images/smallbox.gif) no-repeat;
	background-position:6px;
	color:<{$alltitle_fontcolor}>;
	font-weight:bolder;
	padding:3px 35px;
        width:435px;
}


/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */
dl {
	margin-bottom:10px;
} 

/* ------------------------------------- 
 *	灰色の部分（画像の上の重なり　左側カテゴリリストとカート状況）
 * ------------------------------------- */
#grayzone {
/*	margin-bottom:10px ;*/
margin-top:200px
}

#grayzone dl {margin:0px 5px;}

#grayzone dt img {margin:2px 5px;}

/* リストのタイトル部分（四角の枠） */
#grayzone dt {
	font-weight:bolder;
	background:#FFF;
	margin-bottom:5px;
	padding-top:3px;
}

/* リスト部分（左端にオレンジ色の丸の画像） */
#grayzone dd {
	background-position:0px 6px;
	padding-left:12px;
	margin-bottom:3px;
}

#grayzone dd.sp {
	background:none;
	padding:0px;
	margin:3px;
}
/* 画面左側の商品リスト　コーヒー豆マークの表示 */
.title_beansmark {
         background:url("https://www.itsumo-coffee.com/common/images/smallbeans.gif")  no-repeat scroll left center transparent;
         padding:0 0 0 22px;
         font-weight:bold;
}
/* 画面左メニュー　カテゴリ名タイトル */
.category-title{
         margin-left:20px;
         line-height:2.5;
}
/* 画面左メニュー　画像タイトル */
.category-title img {
         margin-top:2px;
         margin-bottom:5px;
}
/* 画面左メニュー　サブカテゴリ名タイトル */
.subcategory-title{
         margin-top:1px;
         margin-left:-15px;
         list-style-type:none;
         line-height:1.7;
         color:#574B3D;
         font-weight:bold;
}
/* 画面左メニュー　商品名 */
li.syouhin-title{
         margin-left:-15px;
         list-style-type:none;
         line-height:2.2;
}
/* 画面左メニュー　商品名後ろの新商品NEWマーク */
.newMark {
         border: medium none ;
         margin: 0px;
         padding: 0px!important;
         display: inline;
         width: auto;
}
/* 画像を左に配置し右に文章を配置 */
.leftimg {
         clear:both;
         float:left;
         margin:0 10px 10px 5px !important;
}
/* 幅450ピクセルの画像を左に配置する */
.leftimg450 {
         clear:both;
         float:left;
         margin:5px 10px 10px 0 !important;
}

/* 文字サイズ設定 */
.big {
    font-size: 120% !important;
}
.big2 {
    font-size: 150% !important;
}
.big3 {
    font-size: 180% !important;
}
.small {
    font-size: 80% !important;
}
/* 文字色設定 */
.red {
    color: #FF0000 !important;
}
.crimson {
    color: #dc143c !important;
}
.blue {
    color: #0000DD !important;
}
.green {
    color: #008000 !important;
}
.yellow {
    color: #FFFF00 !important;
}
.navy {
    color: #1F26A9 !important;
}
.orange {
    color: #FF6600 !important;
}
.pink {
    color: #CC6699 !important;
}
.purple {
    color: #660099 !important;
}
.olive {
    color: #808000 !important;
}
.darkolivegreen {
    color: #556B2F !important;
}
.saddlebrown {
    color: #8B4513 !important;
}
.lime {
    color: #00FF00 !important;
}
.aqua {
    color: #167FA6 !important;
}
.black {
    color: #000000 !important;
}
.gray {
    color: #CCCCCC !important;
}
.white {
    color: #FFFFFF !important;
}