@charset "utf-8";

/*----------------------------
----------------------------*/

@import "common.css";

/*####################　共通部分　####################*/

/*　ヘッダイメージ
-------------------------------------*/
#HeadImg {
	height:100px;
	margin:0px 10px 10px;
	}
#HeadImg h2,
#HeadImg p {text-indent:-9999px;}

#PageIndex    #HeadImg {height:250px;background-image:url(../img/top-main-img.jpg);}
#PageSchedule #HeadImg {background-image:url(../img/title-schedule.jpg);}
#PageNews     #HeadImg {background-image:url(../img/title-news.jpg);}
#PageInfo     #HeadImg {background-image:url(../img/title-info.jpg);}
#PageSong     #HeadImg {background-image:url(../img/title-song.jpg);}
#PageCd       #HeadImg {background-image:url(../img/title-cd.jpg);}
#PageMember   #HeadImg {background-image:url(../img/title-member.jpg);}
#PageSitemap  #HeadImg {background-image:url(../img/title-sitemap.jpg);}
#PagePrivacy  #HeadImg {background-image:url(../img/title-privacy.jpg);}
#PageContact  #HeadImg {background-image:url(../img/title-contact.jpg);}
#PageEvent    #HeadImg {background-image:url(../img/title-event.jpg);}
#PageStaff    #HeadImg {background-image:url(../img/title-staff.jpg);}


/*トップインフォメーション
-------------------------------------*/
#TopInfoBox {
	background: url(../img/top-copy-title.gif) no-repeat left top;
 margin:0px 0px 10px;
	height: 100px;
}
#TopInfoBox h3 {
 background-image:none;
 text-indent:-9999px;
	margin:0px 0px 10px;
}
#TopInfoBox p {
	margin:20px 10px 10px 30px;
}

/*新着情報
-------------------------------------*/
#TopicsBox {
	position:relative;
	border-bottom: 1px solid #D0BFA6;
	background-color:#F0EBE0;
}
#TopicsBox p {
	position:absolute;
	top:9px;
	left:515px;
	background: url(../img/arrow02.gif) no-repeat left center;
	margin:0px;
	padding-left: 15px;
	font-size:12px;
	}
#TopicsBox p a {color:#FFFFFF;}
#TopicsBox dl {
	clear:both;
	background: url(../img/dot-line.gif) repeat-x left bottom;
	margin:0px 20px;
	padding:5px 0px;
	width:550px;
	}
	 #TopicsBox dl:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
	}

#TopicsBox dl dt {
	float: left;
	clear: both;
	width: 90px;
	font-size:12px;
	}

#TopicsBox dl dd {
	float: left;
	background: url(../img/arrow.gif) no-repeat 0px 4px;
	width: 440px;
	padding-left: 15px;
	}

#TopicsBox dl dd a {
	display: inline;
}

/*トップシッピング･パートナー募集
-------------------------------------*/
#TopPartner {
	background: url(../img/top-partner-bg.jpg) no-repeat left top;
	height: 175px;
}
#TopPartner h3 {
 background-image:none;
 text-indent:-9999px;
	margin:0px 0px 10px;
}
#TopPartner p {
 background-image:none;
	margin:62px 0px 10px;
}
p.faxInfo {
 color:#FF0000;
 margin-bottom:20px;
 text-align:center;
}
div.btAdobe {
	padding: 0px 10px 10px 0px;
	float: left;
	width:auto;
	clear: both;
}
p.pdfInfo {
font-size:12px;
clear: both;
}


/*商品在庫情報
-------------------------------------*/
.soldOut {color:#FF0000;text-align:center;}

/*試飲店一覧
-------------------------------------*/
table.tasteList {font-size:12px;}



/*Typepadトップiframe読み込み一覧表示用
-------------------------------------*/
#TypepadTopList dl {
	clear:both;
	background: url(../img/dot-line.gif) repeat-x left bottom;
	margin:5px 20px;
	padding:5px 0px;
	text-align:left;
	width:530px;
	}
	 #TypepadTopList dl:after {
      content:".";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;
	}

#TypepadTopList dl dt {
	float: left;
	clear: both;
	width: 90px;
	font-size:12px;
	}

#TypepadTopList dl dd {
	float: left;
	background: url(../img/arrow.gif) no-repeat 0px 4px;
	width: 410px;
	padding-left: 15px;
	}

#TypepadTopList dl dd a {
	display: inline;
}

.entry-footer {
    background: url(../img/dot-line.gif) repeat-x left bottom;
    clear: both;
	}
#Typepad-list {
    background: url(../img/dot-line.gif) repeat-x left bottom;
	padding-top: 10px;
    clear: both;
	}