@charset 'utf-8';

/* パン紹介 用css */

div#container {
	text-align: left;
}

/* カラム設定 */

/* 左 */
div#l_colmn {
	float: left;
	width: 200px;
	padding: 10px;
}

/* 右 */
div#r_colmn {
	float: right;
	width: 700px;
	padding: 10px;
}

/* 詳細設定 */

/* ↓ 左メニュー ↓ */
#menu-products {
	border: 2px solid #F93;
	background: #FFF;
	padding: 16px;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	-webkit-box-shadow: 4px 4px 4px #888;
	-moz-box-shadow: 4px 4px 4px #888;
	box-shadow: 4px 4px 8px #864;
	
	behavior:url(../PIE.htc);
	position:relative;
}

#menu-products li {
	list-style-type: none;
	background-color: transparent;
	text-align: left;
	margin: 1px 0;
	padding: 5px;
	border: 1px solid #FFF;
	font-size: 90%;
	cursor: pointer;
}

#menu-products li.hover {
	background-color: #FED;
	border: 1px solid #FF9C35;
	text-align: center;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

	behavior:url(../PIE.htc);
	position:relative;
}

#menu-products li a {
	text-decoration: none;
	color: #000;
}

#menu-products li a.hover {
	color: #F84444;
}

#menu-products li a:hover {
	color: #F84444;
}

/* アイコン詳細 */
#icon_description {
	margin-top: 30px;
	border: 1px solid #8B8;
	font-size: 95%;
	text-align: center;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	behavior:url(../PIE.htc);
	position:relative;
}

#icon_description div {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px dotted #8A8;
	font-size: 90%;
}

/* 材料表示 */
#ingredients {
	margin-top: 30px;
	border: 1px solid #F93;
	text-align: center;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	behavior:url(../PIE.htc);
	position:relative;
}

#ingredients h2 {
	padding: 5px;
	font-size: 95%;
}

#ingredients ul {
	list-style-type: none;
	padding: 5px;
	font-size: 90%;
}

#ingredients li {
	padding: 2px;
}

#ingredients p {
	font-size: 90%;
	padding: 8px;
	border-top: 1px dotted #F93;
}

#tax {
	margin-top: 30px;
	padding: 0 1em;
	font-size: 90%;
	text-align: center;
}

/* ↑ 左メニュー ↑ */

/* 右側 商品紹介 */
h2 {
	padding-top: 0.4em;
	padding-left: 1em;
	padding-bottom: 0.4em;
	background-color: #FBB;

	text-shadow: 2px 2px 2px #D88;
	
	-webkit-box-shadow: 2px 2px 2px #865;
	-moz-box-shadow: 2px 2px 2px #865;
	box-shadow: 2px 2px 3px #865;

	behavior:url(../PIE.htc);
	position:relative;
}

section p {
	font-size: 95%;
	padding: 2em;
}

#products {
	list-style-type: none;
}

#products > li {
	width: 690px;
	margin-bottom: 24px;
}

#products div.frame {
	width: 680px;
	border: 3px solid #FCC;
	background-color: #FFFDFD;

	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;

	-webkit-box-shadow: 0px 0px 5px 2px #FDD inset;
	-moz-box-shadow: 0px 0px 5px 2px #FDD inset;
	box-shadow: 0px 0px 5px 2px #FDD inset;
	
	behavior:url(../PIE.htc);
	position:relative;
}

h3 {
	text-align: center;
	border-bottom: 1px solid #FCC;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #FFE;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	
	text-shadow: 2px 2px 2px #BBB;
	
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	
	behavior:url(../PIE.htc);
	position:relative;
}

.details {
	float: right;
	width: 500px;
	height: 150px;
}

.details ul {
	list-style-type: none;
	height: 24px;
}

.details li {
	float: left;
	margin-right: 6px;
}

.details li.price {
	float: right;
	padding-right: 1em;
}

.details li img {
	-webkit-box-shadow: 2px 2px 2px #866;
	-moz-box-shadow: 2px 2px 2px #866;
	box-shadow: 1px 1px 3px #866;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

	behavior:url(../PIE.htc);
	position:relative;
}

.description {
	height: 110px;
	padding-top: 16px;
	font-size: 90%;
}

.image {
	margin: 10px;
}

.image img {
	-webkit-box-shadow: 2px 2px 2px #866;
	-moz-box-shadow: 2px 2px 2px #866;
	box-shadow: 2px 2px 2px #866;

	behavior:url(../PIE.htc);
	position:relative;
}

/* 材料個別表示 */
.ingredients_individually {
	padding: 10px;
	border-top: 1px dotted #FCC;
	font-size: 90%;
}

.ingredients_individually h4 {
	padding-left: 1em;
	font-weight: bold;
}

.ingredients_individually ul {
	list-style-type: none;
	padding-left: 4em;
}

.ingredients_individually li {
	display: inline;
	margin-right: 1em;
}

.ingredients_individually table {
	margin-top: 1em;
	margin-left: 4em;
	border-collapse: collapse;
	border: 1px solid black;
}

.ingredients_individually th {
	padding: 4px 8px;
	border-bottom: 1px solid black;
	border-left: 1px dotted black;
	font-weight: bold;
}

.ingredients_individually td {
	padding: 4px 8px;
	border-bottom: 1px dotted black;
	border-left: 1px dotted black;
}

table.rollsand {
	margin: 0;
	margin-top: 1em;
	width: 100%;
}

.rollsand caption {
	margin-bottom: 4px;
	font-weight: bold;
}

.rollsand .rollkind {
	width: 100px;
}

.ingredients_individually table ul {
	padding: 0;
}