@charset "utf-8";
/* CSS Document */

/* トップ専用レフトメニュー（点線つき） */
.leftmenu_top{
	font-size: small;
	line-height: 2em;
	color: #663300;
	text-decoration: none;
	text-align: left;
	margin: 3px;
	width: 150px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: dotted;
	border-color: #663300;
	padding:2px;
}

/* メインコンテンツの、２つ並んだバナー（プチとか） */
#top_left {
  float: left;
  width: 49%;
}
#top_right {
  float: right;
  width: 49%;
}

/* レフトメニューの、ようこそ*/
#youkoso {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	color: #663300;
}

/* 612バナーのボックス*/
.banner612 {
	height: 80px;
	width: 99%;
	vertical-align: middle;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/* ランキング */
.ranking {
	width: 200px;
	background-image: url(../images/parts/ranking-frame.jpg);
	background-repeat: no-repeat;
	font-size: small;
	text-align: left;
}

/* ランキングじゃなくて縦のバナー */
.tatebanner {
	width: 200px;
	text-align: right;
	vertical-align: text-top;
	padding-bottom: 10px;
}

/* ニュース */
td.news_waku {
	vertical-align: top;
	height: 95px;
}

/* トップのメインコンテンツのところ全体 */
table.top_sum {
	width: 612px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

/* トップのメインコンテンツ全体のテーブル */
td.top_sum {
	text-align: center;
	width: 20%;
	margin: 0px;
	padding: 0px;
	font-size: small;
	color: #663300;
	font-weight: bold;
}

/* 紅茶の本当のおいしさ */
#oisisa_left {
	float: left;
	width: 68%;
	font-size: small;
	padding: 5px;
	text-align: left;
	color: #333300;
}
#oisisa_right {
	float: right;
	width: 30%;
	text-align: right;
	vertical-align: middle;
}
td.oisisa{
	background-image: url(../images/parts/background.jpg);
	background-repeat: repeat-y;
	vertical-align: middle;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	padding: 5px;
}


/* トップのカテゴリ一覧のカテゴリ名 */
td.ichiran_1 {
	color: #663300;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	text-align: center;
	vertical-align: bottom;
	width: 24%;
}

/* トップのカテゴリ一覧の画像と説明 */
td.ichiran_2 {
	font-size: small;
	color: #333300;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	vertical-align: text-top;
	text-align: center;
	width: 24%;
}
/* トップのカテゴリ一覧のテーブル全体 */
table.ichiran {
	text-align: center;
	vertical-align: middle;
	width: 100%;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

/* 紅茶ロゴのところ */
#tea_rogo {
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/* メディアに紹介 */
td.hon {
	vertical-align: middle;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	font-size: small;
	color: #333300;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
}
#hon_left {
	float: left;
	width: 57%;
}
#hon_right {
	float: right;
	width: 40%;
	list-style-position: outside;
	list-style-type: circle;
	text-align: left;
	vertical-align: middle;
}

/* マップ */
td.map {
	vertical-align: middle;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	font-size: small;
	color: #333300;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
}
#map_left {
	float: left;
	width: 50%;
}
#map_right {
	float: right;
	width: 50%
;
	list-style-position: outside;
	list-style-type: circle;
	text-align: left;
	vertical-align: middle;
}

/* ショップ */
td.shop {
	vertical-align: middle;
	margin: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #CC9966;
	border-right-color: #CC9966;
	border-bottom-color: #CC9966;
	border-left-color: #CC9966;
	font-size: small;
	color: #333300;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
}
#shop_left {
	float: left;
	width:50
	%;
}
#shop_right {
	float: right;
	width: 48%
;
	list-style-position: outside;
	list-style-type: circle;
	text-align: left;
	vertical-align: middle;
}

.daibiki {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3399CC;
	padding: 3px;
	border: 2px solid #3399CC;
	text-align: center;
	width: 60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}