/* CSS Document */

body {
	margin:0;
	background:#000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image:url(http://www.matsuzaka-steak.com/img/background.gif);
	background-repeat:repeat-y;
	background-position:center;
	color:#383636;
}

h1 {
	position: absolute;
	left: -9999px;
}
h2 {
	background-image:url(http://www.matsuzaka-steak.com/img/index-back.gif);
	background-repeat:repeat-x;
	color:#fff;
	font-size:100%;
	height:23px;
	padding-top:7px;
	padding-left:5px;
	margin-bottom:0;
}
h3 {
	font-size:95%;
	border-left:7px double #c00;
	padding-left:10px;
}

h4 {
	font-size:80%;
	color:#fff;
	font-weight:normal;
	margin-left:5px;
	margin:0;
	text-align:right;
}
h5 {
	font-size:85%;
	color:#383636;
	font-weight:bold;
	text-align:right;
	margin:5px;
}
p {
	font-size:85%;
	line-height:150%;
}
ul {
	font-size:85%;
	line-height:150%;
	list-style-image:url(img/arrow.gif);
	margin-top:0;
}
ol {
	font-size:85%;
	line-height:150%;
	margin-top:0;
}
li {
	margin-bottom:10px;
}

img {
	border:0;
}


a:link,a:visited {
	color:#06C;
	text-decoration:none;
}
a:hover {
	color:#06C;
	text-decoration:underline;

}

div#container {
	text-align:left;
	width:800px;
	margin:0;
	background-color:#fff;

}
div#title {
	background-image:url(http://www.matsuzaka-steak.com/img/title.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:110px;
}
div#navi {
	background-image:url(http://www.matsuzaka-steak.com/img/navi-back.gif);
	background-repeat:repeat-x;
	margin:0;
	height:31px;
	background-color:#eee;
}
div#navi img {
	background-image:url(http://www.matsuzaka-steak.com/img/navi-back.gif);
	background-repeat:repeat-x;
	margin:0;
	float:left;
}
/*
div#navi form {
	float: right;
	margin-right: 3px;
	padding-top: 5px;
	}
*/

div.main-image {
	background-image:url(http://www.matsuzaka-steak.com/img/main-image.jpg);
	background-repeat:no-repeat;
	height:300px;
	background-color:#eee;
	margin-bottom:0;
}



div#main {
	float:right;
	width:600px;
	margin-top:5px;
	padding-right:5px;
}


/*　コンセプト */

div.concept strong,div.cach strong {
	color:#c00;
}
div.concept {
	width:295px;
	float:left;
}
div.concept h2,div.media h2 {
	margin-bottom:10px;
	margin-top:10px;
}

div.media{
	width:295px;
	float:right;
}

/*ランキング*/

div#ranking {
	float:left;
	width:280px;
}


div.items {
	width:280px;
	margin-top:10px;
	font-size:85%;
	line-height:130%;
}
div.items a {
	font-weight:bold;
}
div.items img {
	float:left;
	padding-right:5px;
	width:100px;
	clear:left;
}


div#updata {

	width:295px;
	border-bottom:1px solid #ccc;
}



div#banner {

	text-align:center;
	width:295px;
	font-size:85%;
}
div#banner img {
	margin-top:5px;
}


dl.data {
	width:100%;
	font-size:80%;
	line-height:150%;
	background-color:#eee;
	border-bottom:1px solid #ccc;
}
.data dt,.data dd {
	background-color:#eee;
	margin-left:0;
	margin-bottom:0;
}
.data dt {
	padding-left:10px;
	float:left;
	width:140px;
	border-top:1px solid #ccc;
	clear:left;
}
.data dd {
	background-color:#fff;
	margin-left:150px;
	margin-bottom:0;
	border-top:1px solid #ccc;
	padding:2px 0 1px 5px;
}


/*ナビゲーション*/
div#side {
	padding-left:5px;
	margin-top:10px;
	width:180px;
	float:left;
}
div#side img {
	border:0;
}

dl.contents {
	font-size:95%;
	line-height:200%;

	}
.contents dt {
	letter-spacing:0.2em;
	background-image:url(http://www.matsuzaka-steak.com/img/side-index.gif);
	background-repeat:repeat-x;
	margin:0;
	font-weight:bold;
	padding-left:10px;
	}
.contents dd {
	margin-left:0;
	padding-left:10px;
	border-bottom:1px dotted #ccc;
	}

dl.link {
	font-size:80%;
	line-height:150%;

	}
.link dt {
	letter-spacing:0.2em;
	background-image:url(http://www.matsuzaka-steak.com/img/side-index.gif);
	background-repeat:repeat-x;
	margin:0;
	font-weight:bold;
	padding-top:2px;
	padding-left:10px;
	}
.link dd {
	margin-left:0;
	padding-left:10px;
	border-bottom:1px dotted #ccc;
	}


/* フッター */

#footer {
	clear: both;
	padding-right: 5px;
	padding-left: 5px;
}
#footer strong {
	color:#c00;
}
ｚ
/* お届けについて */

table.category td {
	vertical-align:top;
}
table.delivery td {
	width:50%;
	vertical-align:top;
}
table.delivery h3 {
	background-color:#000000;
	color:#fff;
	border-bottom:2px solid #c00;
	border-top:1px solid #666;
	padding:5px;
	margin:0;
	background-image: url(http://www.matsuzaka-steak.com/img/footer-index.gif);
	padding-left: 15px;
	
}
table.delivery td p {
	margin:0;
	padding-left: 15px;
}

table#info {
	margin-bottom: 10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background-color:#fff;
	width:200px;
}

table#info td {
	font-size:90%;
	line-height:120%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
}
table#info td.local {
	background-color:#eee;
	width:45%;
}

/*パンくずナビ*/
.bread {
	font-size:80%;
	text-align:right;
}

/* カレンダー */

table.cal{
	width:100%;
	margin-top: 20px;
	background: #999999;
	font-size: 80%;
	}
	
table.cal td.on, td.title{
	background: #FFFFFF;	
	}

table.cal td {
	width:14%;
} 
table.cal td.off{
	background: #c00;
	color: #fff;	
	}
	
table.cal tr.youbi{
	background: #EEEEEE;	
	}

table.cal span.nichi{
	color: #FF0000;
	}
	
table.cal tr{
	align: center;
	}



/* 買い物カゴ周辺 */
.cartbox {
	clear:both;
}
.cartbox img.item {
	float: left;
	padding-right:10px;

}
.cartbox .item-detail {
	width:310px;
	float:right;
}
.cartbox .item-detail p {
	margin-bottom:0;
}

.cartbox .item-detail p span {
	font-size:140%;
	font-weight:bold;
	color:#c00;
}
.cartbox .item-detail form {
	margin-top:0;
}

/* カテゴリサムネイル */


.thumbnail {
	text-align:center;
	width:195px;
	height:250px;
	float:left;
	font-size:80%;
	margin-bottom:5px;
	padding:2px;

}

.thumbnail img {
	border:1px solid #ccc;
	width:190px;
}


.thumbnail2 {
	text-align:center;
	width:195px;
	height:95px;
	float:left;
	font-size:80%;
	margin-bottom:5px;
	padding:2px;

}

.thumbnail2 img {
	border:1px solid #ccc;
	width:190px;
}





/*　スタッフページ　*/

img.staff-image {
	float:left;
	margin-right:5px;
}
.staff-thmb {
	text-align:center;
	width:195px;
	height:150px;
	float:left;
	font-size:80%;
	margin-bottom:5px;
	padding:2px;
}

.staff-thmb img {
	border:1px solid #ccc;
	width:190px;
}



/*　オススメの食べ方 */
.how-to {
	clear:both;
	background-image:url(http://www.matsuzaka-steak.com/img/how-to.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:1px solid #333;
	padding:5px;
}
.space {
	padding:60px 0 0 260px;
}

/*　平成進化論 */

div.mailnews strong {
	color:#c00;
}
div.mailnews {
	background-image:url(http://www.matsuzaka-steak.com/img/mailnews/main.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:300px;
}

div.mailnews p {
	padding:100px 60px 0px 20px;
	margin:0;

}



/*　商品文字サイズ */

span.l1 {
	font-size:100%;
	line-height:150%;
	font-weight:bold;
	color:#c00;
}
span.l2 {
	font-size:150%;
	line-height:120%;
	font-weight:bold;
	color:#c00;
}
span.l3 {
	font-size:200%;
	line-height:120%;
	color:#c00;
	font-weight:bold;
}
span.l4 {
	font-size:250%;
	line-height:120%;
	color:#c00;
	font-weight:bold;
}
p.link {
	font-size:75%;
}

/*　画像関係 */
img.left {
	margin:5px 5px 5px;
	float:left;
}
img.right {
	margin:5px 5px 5px 0;
	float:right;
}

/* 牛 */
div.ushi {
	background-image:url(http://www.matsuzaka-steak.com/img/ushi.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	height:42px;
	text-align:center;
}

/*すき焼きのページ*/
div.gift2008 td {
	text-align:center;
}

div.gift2008 a:link,div.gift2008 a:visited, {
	color:#fff;
	font-weight:bold;
}


/* もつなべ */
div.border {
	height:8px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	clear:both;
}


/* お客様の声 */
td.review {
	clear:both;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
}
td.review img {
	border:1px solid #ccc;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
td.review h3 {
	border:none;
}

/* レシピ */
dl.recipe {
	font-size:85%;
	line-height:150%;
}
dl.recipe dt {
	font-weight:bold;
	border-bottom:2px solid #ccc;
}
dl.recipe dd {
	border-bottom:1px dotted #eee;
}
