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

/* 共用
---------------------------------------------------- */
.contents-container {
	clear: both;
	width: 680px;
	margin-bottom: 20px;
}
.container2-l {
	float: left;
	width: 330px;
}
.container2-r {
	float: right;
	width: 330px;
}
.side-info-1 {
	clear: both;
	width: 200px;
	margin-bottom: 10px;
}
.side-info-2 {
	clear: both;
	width: 200px;
	margin-bottom: 20px;
}


/* トップ
---------------------------------------------------- */
#top-main-img {
	clear: both;
	width: 900px;
	margin: 10px auto 20px;
}
#top-croquette {
	width: 680px;
	background: url(../top_images/croquette_bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin: 0 auto 30px;
}
#top-croquette h2 {
	width: 680px;
	height: 70px;
	background: url(../top_images/croquette_bg.gif) no-repeat left top;
	font-size: 0.1em;
	text-indent: -9999px;
}
#top-croquette p {
	width: 640px;
	margin-bottom: 10px;
	padding: 0 20px 0 20px;
}
#top-news-title {
	width: 680px;
}
#top-news-box {
	width: 680px;
	margin-bottom: 20px;
}


/* 商品ページ
---------------------------------------------------- */
.shouhin-list {
	clear: both;
	width: 680px;
	margin: 0 auto 30px;
	background-image: url(../order/images/list_bg.gif);
}
.shouhin-list-l {
	float: left;
	width: 155px;
	margin-right: 20px;
}
.shouhin-list-r {
	float: right;
	width: 155px;
}
.shouhin-list img {
    width: 155px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
.shouhin-list p {
    width: 145px;
	padding: 5px;
}
#shouhin-main-img {
	clear: both;
	width: 680px;
	margin: 0 auto 20px;
}
#shouhin-cook {
	clear: both;
	width: 580px;
	margin: 0 auto 20px;
	padding: 10px;
	background-color: #eeeeee;
	border: 1px solid #dcdcdc;
}
#shouhin-kikaku {
	clear: both;
	width: 600px;
	margin: 0 auto 20px;
}
#shouhin-kikaku table {
	width: 600px;
    border-collapse: collapse;
}
#shouhin-kikaku td {
    padding: 5px;
	border: 1px solid #dcdcdc;
}
#shouhin-kikaku .kikaku-name {
    width: 80px;
	font-weight: bold;
}
.shouhin-order {
	clear: both;
	width: 660px;
	margin: 0 auto 30px;
	padding: 10px;
	background-color: #eeeeee;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.shouhin-order-img {
	float: left;
	width: 155px;
}
.shouhin-order-set {
	float: right;
	width: 490px;
}
.shouhin-order-name {
    font-size: 14px;
	font-weight: bold;
}
#shouhin-ph {
	width: 550px;
	margin: 10px auto 10px;
	text-align: center;
}


/* インフォ
---------------------------------------------------- */
#info-midashi {
	clear: both;
	width: 680px;
	margin-bottom: 20px;
}
.info-midashi2 {
	clear: both;
	width: 660px;
	padding: 3px 10px;
	margin-bottom: 20px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: bold;
}
.company-container {
	clear: both;
	width: 680px;
	padding: 15px 0;
	border-top: 1px dotted #dcdcdc;
}
.company-container-end {
	clear: both;
	width: 680px;
	padding: 15px 0;
	border-top: 1px dotted #dcdcdc;
	border-bottom: 1px dotted #dcdcdc;
	margin-bottom: 30px;
}
.company-container-l {
	float: left;
	width: 100px;
}
.company-container-r {
	float: right;
	width: 560px;
}
.company-list {
    list-style: none;
	margin-bottom: 30px;
	font-size: 14px;
	list-style-type: disc;
	list-style-position: inside;
}
.company-img-l {
	float: left;
	width: 330px;
}
.company-img-r {
	float: right;
	width: 330px;
}
.order-l {
	float: left;
	width: 250px;
}
.order-r {
	float: right;
	width: 410px;
}


/* スペース
---------------------------------------------------- */
.bottom-10 {
    margin-bottom: 10px;
}
.bottom-15 {
    margin-bottom: 15px;
}
.bottom-20 {
    margin-bottom: 20px;
}
.bottom-30 {
    margin-bottom: 30px;
}
.bottom-50 {
    margin-bottom: 50px;
}
.t20b30 {
	margin: 20px auto 30px;
}