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

/* ブラウザのデフォルトCSSリセット */
*{
   margin:0;
   padding:0;


}


/* コンテンツ制御用CSS */

html, body {
    height: 100%;
}

body{
   font-size: 12px;
   background-color:#000;
   background-repeat: no-repeat;
   height: 100%;
   line-height:1.5;
   font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Ghothic Pro W3","Hiragino Kaku Ghothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",Arial,Helvetica,sans-serif;
}


/* ↓IE用フォントサイズ指定↓ */
/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}
/* ↑IE用フォントサイズ指定↑ */


/* -------- 見出し指定 -------- */
h1{
}

h2{
   margin-top:80px;
}

h3{
   margin-top:30px;
}

/* -------- ヘッダー領域指定 -------- */
div#topline01{
   width:100%;
   height:2px;
   background-color:#323232;
}

div#topline02{
   width:100%;
   height:2px;
   background-color:#676767;
}

/* -------- ↓TOPページ専用ヘッダー指定↓ -------- */
div#TOPheader{
   width:900px;
   margin: 0 auto;  /* -- コンテンツ中央表示指定 -- */
   padding-top: 17px;
   padding-bottom: 20px;
   height:53px;
   position:relative;
}

div#TOPheader P#position01{
   position:absolute;
   right:0px;
   bottom:20px;
}
/* -------- ↑TOPページ専用ヘッダー指定↑ -------- */

div#wrapper{
   width:900px;
   margin: 0 auto;  /* -- コンテンツ中央表示指定 -- */
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto -100px;
}


/* コンテナー部分開始 */
div#container:after{
   display:block;
   clear:both;
   height:0;
   visibility:hidden;
   content:".";
   background-color:#ccc;
}

div#contents{
   float:right;
   width:710px;
   color:#fff;
}

div#contents P{
   font-size:100%;
   padding-top:15px;
   padding-left:15px;
}

div.yohaku01{
   height:80px;
}

.contactText{
   font-size: 184%;
   font-weight: bold;
   color:#666;
   padding-top:15px;
   margin-left:15px;
}

/* -------------↓グローバルナビ指定↓------------- */

#menu03 { 
	 position:absolute; 
}

#menu03 ul{
   list-style-type:none;
   line-height:0;
   margin-bottom:20px;
}
/* -----↓エレベーターメニュー旧↓
div#menu{
   float:left;
   width:150px;
   margin: 440px 0 0 0;
}
#menu ul{
   list-style-type:none;
   line-height:0;
   margin-bottom:20px;
}
----- */

/* -------------↑グローバルナビ指定↑------------- */

/* -----↓仮キービジュアル配置用↓----- */
div#KeyImage {
   margin: 0 auto;  /* -- コンテンツ中央表示指定 -- */
   width:900px;
   height:400px;
    margin-bottom:40px;
}

/* -------------↓TOPページ FLASH用↓------------- */

div#TopFlash{    /* -----↓スペース確保用↓----- */
   position:relative;
   width:100%;
   height:400px;
   background-color:#000;
   overflow:hidden;
   min-width:900px;
   margin-bottom:40px;
}

div#TopFlash object{    /* -----↓swf配置用↓----- */
   position:absolute;
   background-color:#fff;
   left: 50%;
   top:0px;
   margin-left:-640px;
}

/* --- Flash配置参考
#toppage #flash-area {
	position:relative;
	width:100%;
	height:471px;
	background:#000;
	overflow:hidden;
	min-width:920px;
}


#toppage #flash-area embed,
#toppage #flash-area object {
	position: absolute;
	left: 50%;
	top:0px;
	margin-left:-640px;
}
--- */



/* ------↓What's New用↓------ */
#whatsNew{
}

.whatsNewTitle{
   padding-bottom:15px;
}

.whatsNewText{
   margin:15px 15px 0px 15px;
}

.whatsNewText ul{
   list-style-type:none;
   line-height:25px;
   color:#fff;
}

.whatsNewText ul span{
  padding-right: 10px;

}

.whatsNewText ul a {
   text-decoration:underline;
   color:#fff;
}
.whatsNewText ul a:hover {
   text-decoration:none; 
   color:#fff;
   background-color:#808080;
}

/* ------↓HBHoriginal用↓------ */
#HBHoriginal{
}
img.thumbA {
    padding-left: 9px;
}
img.thumbB {
    padding-left: 9px;
	padding-left: 9px;
}

/* ------↓Concept用↓------ */
#Concept{
}
.ConceptText{
   margin-top:20px;
   margin-left:15px;
}
/* ------↓BarandList用↓------ */
#BlandList{
}
.BlandListText{
   margin-top:20px;
}

table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th, td	{
	padding: 10px 0px;
	color: #fff;
	text-align: left;
}

.BlandList th	{
	border-bottom: 1px dotted #fff;
	border-left: 20px solid #000;
	border-right: 40px solid #000;
}
.BlandList td	{
	vertical-align: text-top;
	border-left: 20px solid #000;
	border-right: 40px solid #000;
}

/* ------↓Shop Info用↓------ */
div#shopInfo{
   font-size:100%;
   position:relative;
   margin-bottom:100px;
}

div#shopInfo P#position01{
   position:absolute;
   right:-70px;
   top:130px;
}

#shopInfo p{
   font-size:100%;
   padding: 10px 15px 0px 15px;
}

#shopInfo img {

}

#shopInfo a {
   text-decoration:underline;
   color:#fff;
}
#shopInfo a:hover {
   text-decoration:underline; 
   color:#fff;
   background-color:#333;
}


.shopInfoTitle {
   width:550px;
   margin-bottom:15px;
   margin-top:15px;
   margin-left:15px;
}


.shopInfoTitle dl {
}

.shopInfoTitle dt {
   float:left;  
   clear:left;
   padding: 5px 0 5px 0;
   width:6em; /* ----↓※dd margin-leftと同じ数値を指定する---- */
}

.shopInfoTitle dd {
   padding: 5px 0 5px 0;
   margin-left:6em;  /* ----↑※dt widthと同じ数値を指定する---- */
}

.MAPmrgn{
   padding: 30px 15px 15px 15px;
   list-style-type:none;
}

.MAPmrgn a {
   text-decoration:underline;
   color:#333;
}
.MAPmrgn a:hover {
   text-decoration:underline; 
   color:#fff;
   background-color:#333;
}



/* コンテナー部分修了 */


/* -------------↓フッター指定↓------------- */
div#footer{
   clear:both;
   width:100%;
   height:100px;
   margin-top:40px;
   color:#fff;
   background-color:#808080;
   bottom: 0;
   
}

.footer, .push {
    height: 100px;
}

div#footer P#position01{
   position:absolute;
   right:0px;
   top:-25px;
}

div#footer P#CockTail01{
   position:absolute;
   left:30px;
   top:-240px;
}

div#footer P#plant{
   position:absolute;
   left:-70px;
   top:-200px;
}

div.footerInner{
   position:relative;
   width:900px;
   height:100px;
   margin:0 auto;
   font-size:92%;
}

div.footerInner ul{
   list-style-type:none;
   padding-top:10px;
      text-align:right;
}

div.footerInner li{
   display:inline;
   padding-left:7px;
}

a.OriginalItems {
   text-decoration:none;
   color:#fff;
}
a.OriginalItems:hover {
   text-decoration:none; 
   color:#fff;
   background-color:#333;
}

#footerLogo{
   position:absolute;
   right:0px;
   top:40px;
}

/* -------------↑フッター指定↑------------- */



/* -------------↓Company Profileコンテンツ用↓------------- */

div#CompanyProfile{
   font-size:100%;
   margin-top:40px;
   padding: 15px 0px;
   color:#fff;
}

div#CompanyProfile p{
   font-size:100%;
   padding: 10px 15px 0px 15px;
}

div.CompanyProfileTitle {
   margin-bottom:15px;
   margin-top:15px;
   margin-left:15px;
   color:#fff;
}

div.CompanyProfileTitle dl {
}

div.CompanyProfileTitle dt {
   float:left;  
   clear:left;
   padding: 5px 0 5px 0;
   width:9em; /* ----↓※dd margin-leftと同じ数値を指定する---- */
}

div.CompanyProfileTitle dd {
   padding: 5px 0 5px 0;
   margin-left:9em;  /* ----↑※dt widthと同じ数値を指定する---- */
}

/* --------↓取引先用↓-------- */
div.PartnerTitle {
   width:650px;
   margin-bottom:15px;
   margin-top:15px;
   margin-left:15px;
}

div.PartnerTitle a {
   text-decoration:underline;
   color:#333;
}
div.PartnerTitle a:hover {
   text-decoration:underline; 
   color:#fff;
   background-color:#333;
}

div.PartnerTitle dl {
}

div.PartnerTitle dt {
   float:left;  
   clear:left;
   padding: 5px 0 5px 0;
   width:20em; /* ----↓※dd margin-leftと同じ数値を指定する---- */
}

div.PartnerTitle dd {
   padding: 5px 0 5px 0;
   margin-left:20em;  /* ----↑※dt widthと同じ数値を指定する---- */
}
/* --------↑取引先用↑-------- */
/* -------------↑Company Profileコンテンツ用↑------------- */

/* -------------↓Contact Usコンテンツ用↓------------- */
div#ContactUs{
   padding: 15px 0 0 0;
}

div#ContactUs p{
   font-size:100%;
   padding: 15px 15px 15px 15px;
}
div#ContactUsThanks{
   margin: 40px 0 40px 0;
}

div#ContactUsThanks h3{
   margin-top:40px;
}
/* -------------↑Contact Usコンテンツ用↑------------- */


/* -------------↓Privacy Policyコンテンツ用↓------------- */
div#PrivacyPolicy p{
   font-size:100%;
   padding: 5px 15px 0 15px;
   color:#fff;
}

div#PrivacyPolicy h3{
   font-size:100%;
   padding: 15px 0 0 15px;
   color:#fff;
}

/* -------------↑Privacy Policyコンテンツ用↑------------- */