@charset "utf-8";

/* プロジェクトcssファイル */

/*** 全体 ***/
body{
	line-height:1.1;
	background-color:white;
	color:black;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "1.231 Arial", Helvetica, sans-serif;
	font-size:13px;
}

/*** リンク ***/
a:link		{color:#339999;}
a:visited	{color:#339999;}
a:hover		{color:#ff3300;}
a:active	{color:#ff3300;}

/*** 共通 ***/

/*** ブロック ***/

/* float:leftを終了させるためのdivタグ定義 */
div.floatend{
	width:100%;
	height:0px;
	clear:both;
}

/* ヘッダブロック */
div.header_block{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

/* メインブロック（左・中央・右ブロックをまとめるブロック） */
div.main_block{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

/* 左ブロック */
div.left_block{
	float:left;
	width:165px;
	margin-right:10px;
}

/* 中央ブロック */
div.center_block{
	float:left;
	width:600px;
}

/* 右ブロック */
div.right_block{
	float:left;
	width:165px;
	margin-left:10px;
}

/* フッタブロック */
div.footer_block{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}



/*** ボックス要素 ***/
/* ボックス */
div.box{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	border:1px;
	border-style:solid;
	border-color:white;
}

/* ボックス枠 */
div.box_frame{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	border:1px;
	border-style:solid;
	border-color:#66ccff;
}

/* ボックス見出し */
div.box_caption{
	height:20px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:24px;
	padding-right:2px;
	background-image:url(../img/caption_30.png);
	background-repeat:no-repeat;
	color:#339999;
	font-weight:bold;
	text-align:left;
}

/*** パーツ ***/
/* widthは、ブロック幅と同じ値を指定する。 */

/** 通常パーツ枠 **/
/* ヘッダ部用 */
div.header_block div.parts{
	width:950px;
}
/* 左部用 */
div.left_block div.parts{
	width:165px;
}
/* 中央部用 */
div.center_block div.parts{
	width:600px;
}
/* 右部用 */
div.right_block div.parts{
	width:165px;
}
/* フッタ部用 */
div.foot_block div.parts{
	width:950px;
}
/* 共通設定 */
div.parts{
	margin-bottom:10px;
	border-width:1px;
	border-color:#66cccc;
	border-style:solid;
	font-size:12px;
}
div.parts_inbox{
	margin-bottom:10px;
	border-width:1px;
	border-color:#66cccc;
	border-style:solid;
	font-size:12px;
}

/** 透明パーツ枠 **/
/* ヘッダ部用 */
div.header_block div.parts_noframe{
	width:950px;
}
/* 左部用 */
div.left_block div.parts_noframe{
	width:165px;
}
/* 中央部用 */
div.center_block div.parts_noframe{
	width:600px;
}
/* 右部用 */
div.right_block div.parts_noframe{
	width:165px;
}
/* フッタ部用 */
div.footer_block div.parts_noframe{
	width:950px;
}
/* 共通設定 */
div.parts_noframe{
	margin-bottom:10px;
	font-size:12px;
/*
	border-width:1px;
	border-color:red;
	border-style:solid;
*/
}
div.parts_noframe_inbox{
	margin-bottom:10px;
	font-size:12px;
/*
	border-width:1px;
	border-color:red;
	border-style:solid;
*/
}

/* 見出し */
div.header_block div.parts_caption{
	font-size:16px;
}
div.left_block div.parts_caption{
	font-size:14px;
}
div.center_block div.parts_caption{
	font-size:16px;
}
div.right_block div.parts_caption{
	font-size:14px;
}
div.footer_block div.parts_caption{
	font-size:16px;
}
div.parts_caption{
	height:20px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:24px;
	padding-right:2px;
	background-image:url(../img/caption_30.png);
	background-repeat:no-repeat;
	color:#339999;
	font-weight:bold;
	text-align:left;
}
div.parts_caption a{
	text-decoration:none;
}

div.header_block h2.parts_caption{
	font-size:16px;
}
div.left_block h2.parts_caption{
	font-size:14px;
}
div.center_block h2.parts_caption{
	font-size:16px;
}
div.right_block h2.parts_caption{
	font-size:14px;
}
div.footer_block h2.parts_caption{
	font-size:16px;
}

/* 見出し(h2) */
h2.caption{
	height:20px;
	margin-bottom:0px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:24px;
	padding-right:2px;
	background-image:url(../img/caption_30.png);
	background-repeat:no-repeat;
	color:#339999;
	font-weight:bold;
	text-align:left;
}
h2.caption a{
	text-decoration:none;
}

/* 内容 */
div.parts_contents{
	padding:8px;
	text-align:left;
}

/*** インデックスバー ***/

/* 各タブ項目 */
div.indexbar_tab{
	float:left;
}

/*** タイトル ***/
div.title{
	/*height:190px;*/
	height:160px;
}
/* 店名（タイトル） */
div.title h1{
	padding:8px;
	/*color:white;*/
	color:#336699;
}
/* 店の説明文 */
div.title div.shop_description{
	margin-left:16px;
	padding:4px;
	/*color:white;*/
	color:#336699;
	font-size:14px;
}

/*** バナー ***/
div.banner{
	margin-top:4px;
	margin-bottom:4px;
	text-align:center;
}

/*** 見出し ***/
h2.caption{
	height:20px;
	padding-top:8px;
	padding-bottom:2px;
	padding-left:24px;
	color:#339999;
	font-weight:bold;
	font-size:16px;
	text-align:left;
}
h2.caption a{
	text-decoration:none;
}

/*** カテゴリ ***/
div.category ul{
	margin:0;
	padding: 0 0 0 1.5em;
	line-height:1.4em;
}

/*** 店長ルーム ***/

/* 店長画像と名前が入るブロック */
div.keeper_header{
}
/* 店長画像 */
div.keeper_header div.image{
	float:left;
	padding:4px;
}
/* 店長名（画像表示ありの時） */
div.keeper_header div.name_with_image{
	margin-top:20px;
	padding:4px;
	font-weight:bold;
}
/* 店長名（画像表示なしの時） */
div.keeper_header div.name_without_image{
	padding:4px;
	font-weight:bold;
}
/* 店長PR */
div.keeper_pr{
	padding:4px;
}


/*** アイテム ***/

/* 全体 */
div.item_parts{
	margin-left:auto;
	margin-right:auto;
}

/* アイテム１個のボックス（詳細表示） */
div.item_box_full{
	float:left;
	margin:4px;
	padding:4px;
	border-width:2px;
	border-style:solid;
	border-color:#66cccc;
}

/* 画像・テキスト部が入るブロック */
div.item_box_full div.block{
	padding:4px;
}

/* ランキング */
div.ranking{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
div.ranking span.rank_1{
	color:goldenrod;
}
div.ranking span.rank_2{
	color:gray;
}
div.ranking span.rank_3{
	color:brown;
}
div.ranking span.rank_4{
	color:green;
}
div.ranking span.rank_5{
	color:green;
}

/* 画像 */
div.item_box_full div.image{
	float:left;
	padding:4px;
	text-align:center;
}

/* テキスト部 */
div.item_box_full div.text{
	float:left;
	padding:4px;
	text-align:left;
}
/* 名前 */
div.item_box_full div.name{
	padding-bottom:4px;
	font-weight:bold;
	font-size:16px;
	color:red;
}
/* 説明 */
div.item_box_full div.description{
	padding-bottom:4px;
	font-size:12px;
}
/* 価格 */
div.item_box_full div.price{
	font-weight:bold;
	font-size:14px;
	color:red;
}

/* ボタン */
div.item_box_full div.button{
	padding:4px;
	text-align:right;
}
div.item_box_full div.button img{
	padding:4px;
}

/* アイテム１個のボックス（簡易表示） */
div.item_box_simple{
	float:left;
	margin:4px;
	padding:4px;
	text-align:center;
}
/* 画像 */
div.item_box_simple div.image{
}
/* 名前 */
div.item_box_simple div.name{
}
/* 価格 */
div.item_box_simple div.price{
	color:red;
}


/* 個別商品ページ用アイテムボックス */
div.item_box_kobetsu{
}
div.item_box_kobetsu div.image{
	width:120px;
	height:110px;
	float:left;
}
div.item_box_kobetsu div.text{
	float:left;
	padding-top:5px;
	padding-left:8px;
	text-align:left;
}
div.item_box_kobetsu div.name{
	height:40px;
	font-weight:bold;
	font-size:14px;
}
div.item_box_kobetsu div.info{
	height:35px;
	padding-bottom:5px;
}
div.item_box_kobetsu div.price{
	float:left;
	width:280px;
	font-weight:bold;
	color:red;
}
div.item_box_kobetsu div.button{
	float:left;
	width:180px;
}
div.item_box_kobetsu div.links{
	height:25px;
}

div.item_box_kobetsu2{
	height:35px;
	text-align:left;
}
div.item_box_kobetsu2 div.name{
	float:left;
	padding-right:10px;
	width:300px;
	font-weight:bold;
}
div.item_box_kobetsu2 div.price{
	float:left;
	width:60px;
	color:red;
}
div.item_box_kobetsu2 div.button{
	float:left;
	width:180px;
}
div.item_box_kobetsu2 div.stock{
	float:left;
	width:30px;
}

/* ページ先頭に戻る */
div.topagetop{
	font-size:14px;
}