@charset "utf-8";
@import "common.css";

/*################　下層ページ共通ナビゲーション部分　###############*/

#Navi {
	background: url(../images/common/navi_sub.gif) no-repeat;
	clear: both;
	height: 41px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#Navi ul {
	margin-left: 6px;
}
#Navi li {
	list-style: none;
	height: 41px;
	text-indent: -9999px;
	display: block;
	float: left;
}
#Navi li, #Navi li a {
	background: url(../images/common/navi_sub.gif) no-repeat;
	text-decoration: none;
	display: block;
	height: 41px;
}
#Navi ul li.menu11 a {
	width: 88px;
	background-position: -6px 0px;
}
#Navi ul li.menu12 a {
	width: 230px;
	background-position: -94px 0px;
}
#Navi ul li.menu13 a {
	width: 231px;
	background-position: -324px 0px;
}
#Navi ul li.menu14 a {
	width: 120px;
	background-position: -555px 0px;
}
#Navi ul li.menu15 a {
	width: 119px;
	background-position: -675px 0px;
}

/* 当該ページ設定 */
#Navi ul li.menu11 {
	width: 88px;
	background-position: -6px -41px;
}
#Navi ul li.menu12 {
	width: 230px;
	background-position: -94px -41px;
}
#Navi ul li.menu13 {
	width: 231px;
	background-position: -324px -41px;
}
#Navi ul li.menu14 {
	width: 120px;
	background-position: -555px -41px;
}
#Navi ul li.menu15 {
	width: 119px;
	background-position: -675px -41px;
}

/* ダウン時設定 */
#Navi li a:hover {
	background: url(../images/common/navi_sub.gif) no-repeat;
	text-decoration: none;
	display: block;
	height: 41px;
}
#Navi ul li.menu11 a:hover {
	width: 88px;
	background-position: -6px -41px;
}
#Navi ul li.menu12 a:hover {
	width: 230px;
	background-position: -94px -41px;
}
#Navi ul li.menu13 a:hover {
	width: 231px;
	background-position: -324px -41px;
}
#Navi ul li.menu14 a:hover {
	width: 120px;
	background-position: -555px -41px;
}
#Navi ul li.menu15 a:hover {
	width: 119px;
	background-position: -675px -41px;
}

/*################　下層ページ共通メインコンテンツ　###############*/

#Container #Main {
	width: 588px;
	float: left;
}

/* ページトップ */
#Container #Main .pagetop {
	text-align: right;
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* 10円まんじゅう写真 */
#Container #Main #MainImg1 {
	background: url(../images/common/main_img_sub1.jpg) no-repeat;
	height: 192px;
	width: 588px;
}
#Container #Main #MainImg1 h2, #Container #Main #MainImg1 p {
	text-indent: -9999px;
}
#Container #Main #MainImg2 {
	background: url(../images/common/main_img_sub2.jpg) no-repeat;
	height: 187px;
	width: 588px;
	margin-bottom: 15px;
}
#Container #Main #MainImg2 h3, #Container #Main #MainImg2 p {
	text-indent: -9999px;
}

/* タイトル */
#Container #Main h2, #Container #Main h3 {
	text-align: center;
	clear: both;
}
#Container #Main .type2 {
	margin-top: 10px;
}

/* 詳細説明 */
#Container #Main .syousai {
	clear: both;
	width: 550px;
	margin: 10px auto;
	display: block;
}
#Container #Main .syousai:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#Container #Main .syousai {
	min-height: 1px;
}
* html #Container #Main .syousai {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#Container #Main .syousai img {
	float: left;
	width: 120px;
	margin-right: 15px;
}
#Container #Main .syousai p {
	line-height: 1.5em;
	text-align: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-left: 5px;
}


/*################　黒糖まんじゅうご紹介ページ　###############*/

/* 価格表 */
#Container #Main #Kakaku {
	width: 550px;
	clear: both;
	background: url(../items/img/kakaku_list.gif) no-repeat right bottom;
	height: 245px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#Container #Main #Kakaku img {
	float: left;
	margin-top: 32px;
}
#Container #Main #Kakaku ul, #Container #Main #Kakaku li {
	text-indent: -9999px;
}


/*################　黒糖まんじゅうのこだわりページ　###############*/

#Container #Main #Kurozatou {
	clear: both;
	width: 558px;
	margin-right: auto;
	margin-left: auto;
	background: #FFFDE5 url(../particular/img/bg_kuro_p.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#Container #Main #Kurozatou #kurozatou2 {
	background: url(../particular/img/bg_kuro2.gif) no-repeat left top;
}
#Container #Main #Kurozatou #kurozatou2 h3 {
	text-align: left;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-top: 7px;
}
#Container #Main #Kurozatou #kurozatou2 p {
	line-height: 1.5em;
	margin-right: 15px;
	margin-left: 17px;
	text-align: left;
	padding-bottom: 10px;
}


/*################　商品情報ページ　###############*/

#Container #Main .syouhin {
	clear: both;
	width: 550px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 28px;
}
#Container #Main .syouhin:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#Container #Main .syouhin {
	min-height: 1px;
}
* html #Container #Main .syouhin {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#Container #Main .syouhin .photo {
	float: left;
	margin-right: 13px;
}

#Container #Main .syouhin form {
	width:200px;
	height:200px;
	float:left;
	margin-right:13px;
	display:inline;
	}




#Container #Main .syouhin .syouhinBox {
	clear:none;
	float: right;
	width: 330px;
	margin-left:-20px;
}
#Container #Main .syouhin .syouhinBox strong {
	font-weight: bold;
	color: #990000;
}
#Container #Main .syouhin .syouhinBox h3 {
	font-weight: normal;
	text-align: left;
	font-size: 12px;
}
#Container #Main .syouhin .syouhinBox h4 {
	font-size: 14px;
	text-align: left;
	background: url(../information/img/icn_kakaku_hyo.gif) no-repeat left center;
	padding-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* 価格表 */
#Container #Main .syouhin .syouhinBox table {
	width: 300px;
	text-align: left;
	float: left;
	margin-bottom: 5px;
	border-collapse:collapse;
}
#Container #Main .syouhin .syouhinBox td {
	border:1px solid #b8b2ac;
	vertical-align: top;
	width: 150px;
}
#Container #Main .syouhin .syouhinBox ul {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#Container #Main .syouhin .syouhinBox li {
	line-height: 1.5em;
}
#Container #Main .syouhin .syouhinBox .notes {
	text-align: right;
	width: 300px;
	font-size: 10px;
	clear: both;
	margin-bottom: 5px;
}

/* 説明部分 */
#Container #Main .syouhin .syouhinBox p.detail {
	line-height:180%;
	text-align: left;
	border-top: 1px dotted #aa9770;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top: 5px;
	padding-left: 5px;
	clear: both;
	margin-top: 0px;
}


/*################　店舗のご案内　###############*/

#Container #Main .shopPh {
	margin-top: 8px;
}
#Container #Main #ShopInfo {
	clear: both;
	width: 550px;
	margin: 15px auto;
}
#Container #Main #ShopInfo h3 {
	text-align: left;
}
#Container #Main #ShopInfo p {
	text-align: left;
	line-height: 1.4em;
	padding: 5px 5px 10px;
}
#Container #Main .shopMap {
	padding: 20px;
	border: 1px solid #CCCCCC;
}
#Container #Main .mapPrint {
	margin-top: 10px;
}




/*################　プライバシーポリシー　###############*/

#PagePrivacy #Main h2{
	margin-bottom:20px;
	}
#PagePrivacy #Main h3{
	text-align:left;
	margin-bottom:10px;
	}

#PagePrivacy #Main p{
	line-height:150%;
	margin:0 20px;
	}

#PagePrivacy #Container #Main .contentsBox{
	margin:0 15px 30px;
	text-align:left;
	}


#PagePrivacy #Container #Main .contentsBox p{
	margin-bottom:20px;
	}



/*################　会社概要　###############*/

#ComTable {
	border-collapse:collapse;
	margin:20px auto;
	width:500px;
	}

#ComTable th{
	border:1px solid #b8b2ac;
	padding:5px 15px;
	background:#f5f2ed;
	text-align:left;
	width:80px;
	}

#ComTable td{
	border:1px solid #b8b2ac;
	padding:5px 15px;
	text-align:left;
	}




/*end*/