/*  ----------------------------------------
バランタイン
CSS "bal-sub.css" index.html"以外"用CSS

1.サブページ共通
2.メニュー
3.
4.
------------------------------------------ */


/* サブページ共通---------------------------------------------------------- */

h1 {
	float: left;
	margin-top: 150px;
	font-weight: bold;
	font-size: 120%;
	color: #ffffff;
}

#bal-sub {
}
#whole {
	background: url("img/bg-sub.jpg") no-repeat top left #ffffff;
}
#nav {
	height: 210px;
}

#bal-cake #whole {
	background: url("img/bg-sub-imo.jpg") no-repeat top left #ffffff;
}
#bal-cake #nav {
	height: 280px;
}
#bal-cake #nav h1 {
	display: none;
}
#cake_body p {
	padding: 5px 0px 10px 30px;
	font-size: 85%;
	line-height: 1.3;
}
#cake_box {
	margin: 5px auto;
	padding: 10px 20px;
	width: 593px;
	height: 113px;
	background: url('img/bg_imo_box.png') no-repeat center top;
}
#cake_btn {
	margin-top: 10px;
	text-align: center;
}


/* メニューページ---------------------------------------------------------- */

#menulist {
	float: right;
	width: 200px;
	padding: 9px;
	background: #f7ebdc;
	border: 2px solid #d59758;
}
#menulist h2 {
	font-weight: bold;
	font-size: 85%;
}
#menulist h3 {
	text-indent: -9999px;
}
#menulist dl {
}
#menulist dl dt {
	clear: right;
	width: 150px;
	padding-top: 8px;
	font-size: 75%;
}
#menulist dl dd {
	float: right;
	margin-top: -1em;
	font-size: 75%;
}

#hLnc {
	background: url("img/dc-lunch.jpg") no-repeat 100% 8px;
	padding: 5px 185px 5px 0px;
}
#hCfe {
	padding: 5px 0px 5px 185px;
	background: url("img/dc-cake.jpg") no-repeat 0% 8px;
}
#hDnr {
	padding: 5px 185px 5px 0px;
	background: url("img/dc-pizza.jpg") no-repeat 100% 8px;
	border-bottom: 2px solid #7a5d3c;
}
.topics {
	width: 230px;
	height: 138px;
	border-top: 2px solid #7a5d3c;
}
.topics h2 {
	padding: 5px 0px 4px 0px;
	font-weight: bold;
}
.topics p {
	text-indent: 1em;
	font-size: 80%;
	line-height: 125%;
}


/* ペンギン ---------------------------------------------------------- */

#penexpln {
	float: right;
	width: 220px;
	padding: 8px;
	background: #eeeeee;
	border: 2px solid #555555;
}
#penexpln p {
	margin-top: 8px;
	text-indent: 0.5em;
	font-size: 75%;
	line-height: 125%;
}

#penguin {
	width: 395px;
}
#penguin h2 {
	font-weight: bold;
}
#penguin p {
	width: 200px;
	background: url("img/dc-pen.jpg") no-repeat 100% 8px;
	padding: 5px 185px 5px 0px;
	margin: 8px 0px 10px 0px;
	text-indent: 1em;
	font-size: 80%;
	line-height: 125%;
}
#penguin ul {
	margin-top: 5px;
}
#penguin ul li {
	float: left;
	margin: 0px 5px 5px 0px;
}


/* コーヒー ---------------------------------------------------------- */

#orderrule {
	float: right;
	width: 220px;
	padding: 7px;
	background: #f7ebdc;
	border: 2px solid #d59758;
}
#orderrule h2 {
	padding: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 85%;
}
#orderrule h3 {
	padding: 5px 0px 5px 0px;
	font-size: 80%;
}
#orderrule p {
	line-height: 120%;
	text-indent: 0.5em;
	font-size: 75%;
}
#orderrule dl dt {
	margin: 0px 0px 3px 0px;
	font-size: 75%
}
#orderrule dl dd {
	margin: 0px 0px 6px 0.5em;
	font-size: 70%;
	line-height: 120%;
}
#orderrule dl dd ul li {
	margin-top: 2px;
}
#orderrule table {
	border-collapse: collapse;
}
#orderrule table th,
#orderrule table td {
	border: 1px solid #666666;
}
#orderrule table td {
	width: 3em;
}

#coffeeintro {
}
#coffeeintro h2 {
	margin-bottom: 7px;
}
#coffeeintro p {
	text-indent: 1em;
	font-size: 80%;
	line-height: 125%;
}
#coffeelist {
}
#coffeelist dt {
	clear: left;
	margin: 10px 0px 5px 0px;
	font-weight: bold;
	font-size: 85%;
	clear: left;
}
#coffeelist dd {
	font-size: 75%;
	line-height: 120%;
}
#coffeelist dd img {
	float: left;
	padding: 0px 5px 10px 3px;
}
.coffee {
	width: 390px;
	padding: 8px;
}
.coffee h2 {
	font-weight: bold;
	font-size: 90%;
}
.str {
	color: #ff3333;
}
.i-flag {
	vertical-align: top;
	margin: 1px 3px 0px 3px;
}

/* 注文フォーム ---------------------------------------------------------- */

#orderform {
	margin: 0px ;
	padding: 10px;
	width: 380px;
	border: 1px solid #cccccc;
}
#orderform h2 {
	margin-bottom: 8px;
	font-size: 90%;
	font-weight: bold;
}
table {
	background: #999999;
}
th {
	padding: 3px;
	font-size: 80%;
	background: #ffeeee;
}
td {
	padding: 3px;
	font-size: 80%;
	background: #ffffff;
}
td input, td textarea {
	border: 1px solid #999999;
	padding-left: 3px;
	overflow: hidden;
}
.price {
	border: none;
}
#num {
}
#num td {
	text-align: right;
}
#num input {
	text-align: right;
}
#prv {
	margin: 5px 0px 5px 0px;
}
#sub {
	font-size: 85%;
	font-weight: bold;
	color: #ffffff;
	background: #d59758;
	border: 2px solid #e5a768;
}
td.must {
	border: 1px solid #ff9999;
}
span.must {
	padding-left: 0.2em;
	font-size: 80%;
	color: red;
}
.attention {
	margin-bottom: 10px;
	font-size: 75%;
	color: red;
}

#cake_descriptions {
	margin: 10px;
	padding: 10px 15px 5px 0px;
	background: #f9dddd;
}
#cakeform table {
	margin-bottom: 5px;
	width: 390px;
	border-collapse: collapse;
}
#cakeform table th,
#cakeform table td {
	border: 1px solid #666666;
}
#cakeform select,
#cakeform textarea,
#cakeform input.text {
	padding: 2px;
	border: 1px solid #666666;
	font-size: 110%;
}
.pricebox {
	text-align: right;
}
#submit {
	margin-top: 3px;
	width: 370px;
	text-align: center;
}
#submit input {
	border: 2px outset #666666;
}
#submit a {
	padding: 2px;
	border: 2px outset #666666;
	background: #eeeeee;
	text-decoration: none;
}