@charset "utf-8";

* {margin:0;padding:0;} 
html, body {height: 100%;
            width: 100%; 
}

body{
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin: 0; 
	padding: 0; 
	font-size:12px;
	text-align: center;
	min-width: 907px;
	background-color: #E5F8FF; 
	color: #333333;  
/*     color: #bbbbbb;*/
}

#wrapper{ 
	width: 907px;
	text-align: center;
	border: 0;  
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
        background: url('../images/BGmiddle.jpg') repeat-y;
	} 

#wrapperTop{ 
	width: 907px;
	height: 4px;
	text-align: center;
	border: 0;  
	padding: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#wrapperBottom{ 
	width: 907px;
	height: 4px;
	text-align: center;
	border: 0;  
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#container { 
	width:868px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 40px;
/*	margin: 0 auto; */
/*	padding: 0; */
	border:0;
} 

#banner {
	width 868px;
/*
	padding-left: 30;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
*/
	margin: 0 auto;
	padding: 0;
	border:0;
}



#flashContent {
	width: 100%;
	height: 100%;
}

.darkblueCenter {
	color: darkblue;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
}

.darkblueCenter a { color: darkblue; }
.darkgreenCenter { 
	color: darkgreen;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
}
.darkgreenCenter a { color: darkgreen; }
.darkredCenter { 
	color: darkred;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
}
.darkredCenter a { color: darkred; }

.darkblue { color: darkblue; }
.darkgreen { color: darkgreen; }
.darkred { color: darkred; }

.price {
       color: #222222;
       font-size: 10pt;
       float: right;
       padding-right: 10pt;
}       

.large {
       font-size: 12pt;
       color: red;
}

.blue, .blue a {
       color: blue;
}
.darkgreen, .darkgreen a {
       color: darkgreen;
}

.darkred, .darkred a {
/*       color: #B2317A; */
       color: darkorange;
}
#contents {
       border-collapse: collapse;
       width: 100%;
       margin-top: 40px;
       margin-bottom: 20px;
}

#contents th, #contents tr {
       border: 1px solid;
       padding: 4px;
}

#contents th {
       background-color: #DDF4FA;
}

#contents th {
       padding: 0px 6px 0px 0px;
}
       

h1{ margin: 0; padding: 0; border:0; text-indent:-9999px; width:140px; height:75px; background: url(../img/logo.png) top left no-repeat;
}
a#h1{ margin:0; padding: 0; border:0; text-indent:-9999px; width:140px; height:75px; display:block; position:absolute; top:0;}

h2#h2_productIPA{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerIPA.jpg) top left no-repeat;}
h2#h2_productPLady{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerPLady.jpg) top left no-repeat;}
h2#h2_productIPower{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerIPower.jpg) top left no-repeat;}
h2#h2_Concept{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerConcept.jpg) top left no-repeat;}
h2#h2_Products{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerProducts.jpg) top left no-repeat;}
h2#h2_News{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerNews.jpg) top left no-repeat;}
h2#h2_QandA{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerQandA.jpg) top left no-repeat;}
h2#h2_Company{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerCompany.jpg) top left no-repeat;}
h2#h2_Contact{ margin:0; padding: 0; border:0; text-indent:-9999px; width:868px; height:127px; background: url(../images/bannerContact.jpg) top left no-repeat;}


h2#h2_menu{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:135px;	background: url(../img/h2_menu.png) top left no-repeat;}
h2#h2_party{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:135px; background: url(../img/h2_party.png) top left no-repeat;}
h2#h2_access{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:135px; background: url(../img/h2_access.png) top left no-repeat;}
h2#h2_contact{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:135px; background: url(../img/h2_contact.png) top left no-repeat;}

h3#lunchtime{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../menu/img/lunchtime.png) top left no-repeat;}
h3#cafetime{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../menu/img/cafetime.png) top left no-repeat;}
h3#dinnertime{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../menu/img/dinnertime.png) top left no-repeat;}
h3#drink{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../menu/img/drink.png) top left no-repeat;}

h3#location{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../access/img/location.png) top left no-repeat;}
h3#location2{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:122px; background: url(../../access/img/location2.png) top left no-repeat;}
h3#access{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:35px; background: url(../../access/img/access.png) top left no-repeat;}

h3#partyplan{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:45px; background: url(../../party/img/party.png) top left no-repeat;}
h3#partyplan2{ margin:0; padding: 0; border:0; text-indent:-9999px; width:500px; height:100px; background: url(../../party/img/party2.png) top left no-repeat;}

h3#concept1{ margin:0; padding: 0; border:0; text-indent:-9999px; width:488px; height:86px; background: url(../../concept/img/concept1.png) top left no-repeat;}
h3#concept2{ margin:0; padding: 0; border:0; text-indent:-9999px; width:488px; height:101px; background: url(../../concept/img/concept2.png) top left no-repeat;}

h3#contact1{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:40px; background: url(../../contact/img/contact1.png) top left no-repeat;}
h3#contact2{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:40px; background: url(../../contact/img/contact2.png) top left no-repeat;}
h3#contact3{ margin:0; padding: 0; border:0; text-indent:-9999px; width:852px; height:86px; background: url(../../contact/img/contact3.png) top left no-repeat;}

#TopMainImg { width:852px; height:558px; border: 0; padding:0; margin: 0; background: url(../../top_img/top_img.png) top left no-repeat;}
#MainImg { width:660px; height:248px; border: 0; padding:0; margin: 0; }
.return { border: 0; padding:0; margin: 0; display:block; text-align:right; font-size:10px;}
#Main { 
	width:868px;
	margin: 0;
	padding-bottom: 65px;
	border:0;
} 

#breadcrumb{ height:48px; margin: 0; padding-top: 12px; border:0;color:darkgreen;}
#breadcrumb a{ text-decoration:underline; color:darkgreen;}
#breadcrumb a:hover{ text-decoration:none;color:darkgreen;}

.singleColumn {
        width: 868px;
	clear: both;
}

.twoColumnLeft {
        width: 375px;
	clear: left;
	float: left; 
	margin: 0px 0px 20px 50px;
	padding: 0px 0px 0px 0px;
}

.twoColumnRight {
        width: 375px;
	float: right; 
	margin: 0px 50px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
}

.twoColumnRight p {
        margin-bottom: 20px;     
}

.threeProducts {
        float: left;
        width: 289px;
	margin: 0;
	padding: 0;
	font-size:14px;
}

.threeProducts p {
        padding: 30px 0px 5px 30px;
	margin: 0;
	border: 0;
}	

.buyNow {
        float: right;
	padding-bottom: 20px;
}

.boxLeft {
        width: 180px;
        float: left;
	padding: 30px 0px 10px 20px;
	font-size: 15px;
}

.boxRight {
        width: 570px;
        float: right;
	padding: 30px 0px 10px 0px;
	font-size: 15px;
}

.boxRight ol {
        list-style-type: none;
}

.boxRight p, .boxRight ul {
        padding: 30px 0px 5px 30px;
	margin: 0;
	border: 0;
}	

.date {
        width: 100px;
	float: left;
}

.newsContent {
        width: 350px;
	display: inline;
}

.ingred {
	clear: both;
	width: 570px;
	padding-top: 0px;
}


.ingredPhoto {
	float: right;
}

.ingredPhoto img {
        margin: 10px 15px 0px 15px;
        width: 210px;
}

.ingredText {
	width: 320px;
	float: left;
}

.Q {
        font-size: 18pt;
}

.question {
        font-size: 13pt;
}

.centering {
        text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	padding: 0;
}

/* Header */  

#Header{
	width:868px;
	height:122px;
	border:0;
	margin: 0 auto;
	padding-top: 10px;
/*	padding-bottom: 0px;
	margin-bottom 10px;
*/
	font-size:12px;
	}

#HeaderTopLine {
	width: 868px;
	heigth: 3px;
	margin: 0 auto;
}

#HeaderLogo {
	width: 405px;
	heigth: 75px;
	margin: 0 auto;
	padding: 15px 0px 0px 20px;
	float: left;
/*
	position: relative;
	top: 20px;
	left: 20px;
*/
}

#HeaderBuynow {
	width:142px;
	height:51px;
	float: right;
	border: 0;
	margin: 0;
	padding: 18px 10px 0px 0px;
	font-size:12px;
}

#Menu { 
	width:425px;
	height:17px;
	margin-top: 17px;
	text-align:left;
	color:#000000;
}
#Menu ul { margin:0; padding:0; border:0; display:block; list-style:none; float:right;}
#Menu ul li { margin:0; padding:0; border:0; float:left;}

#Menu ul li#Menu01 a { background:url(../images/menuHome.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu01 a:hover { background:url(../images/menuHome_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu01_active a { background:url(../images/menuHome_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu02 a { background:url(../images/menuConcept.jpg) no-repeat top left; margin:0; padding:0; border:0; width:69px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu02 a:hover { background:url(../images/menuConcept_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:69px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu02_active a { background:url(../images/menuConcept_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:69px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu03 a { background:url(../images/menuProducts.jpg) no-repeat top left; margin:0; padding:0; border:0; width:71px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu03 a:hover { background:url(../images/menuProducts_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:71px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu03_active a { background:url(../images/menuProducts_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:71px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu04 a { background:url(../images/menuNews.jpg) no-repeat top left; margin:0; padding:0; border:0; width:60px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu04 a:hover { background:url(../images/menuNews_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:60px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu04_active a { background:url(../images/menuNews_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:60px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu05 a { background:url(../images/menuQandA.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu05 a:hover { background:url(../images/menuQandA_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu05_active a { background:url(../images/menuQandA_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:47px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu06 a { background:url(../images/menuCompany.jpg) no-repeat top left; margin:0; padding:0; border:0; width:63px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu06 a:hover { background:url(../images/menuCompany_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:63px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu06_active a { background:url(../images/menuCompany_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:63px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu07 a { background:url(../images/menuContact.jpg) no-repeat top left; margin:0; padding:0; border:0; width:68px; height:17px; display:block; overflow:hidden; text-indent: -9999px; }
#Menu ul li#Menu07 a:hover { background:url(../images/menuContact_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:68px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }
#Menu ul li#Menu07_active a { background:url(../images/menuContact_onTarget.jpg) no-repeat top left; margin:0; padding:0; border:0; width:68px; height:17px; display:block; overflow:hidden; text-indent: -9999px;  }


/* Footer */  
#TopFooter{
	width: 100%;
	border-top: 0;
	padding:0;
	text-align:center;
	height: 50px;
	margin: 0;
	font-size:10px;
	color:#755822;
	display:block;
}
#Footer{
	width: 100%;
/*	border-top: 1px solid darkgreen; */
	border: 0;
	padding-top: 0px;
	margin-top: 0px;
	text-align:center;
	height: 50px;
	font-size:10px;
	color:darkgreen;
	display:block;
	clear: both;
}
#TopFooterCopy{
	width: 507px;
	border: 0;
	padding:0;
	height: 50px;
	margin: 0;
	float:left;
}
#TopFooterMenu{
	width: 500px;
	border: 0;
	padding-top:12px;
	height: 38px;
	margin: 0;
	float:right;
	font-size:9px;
	text-align:right;
	color:#755822;
}
#TopFooterMenu p{
	font-size:9px;
	padding:5px 0;
}

#FooterMenu{
	width: 100%;
	border: 0;
	padding-top:12px;
	height: 25px;
	margin: 0 auto;
}

#FooterMenu a{
	color: darkgreen;
}

#FooterMenu p{
	font-size:9px;
	padding:5px 0;
}

#FooterMenu ul { margin:0; padding:0; border:0; display:block; list-style:none; }
#FooterMenu ul li { margin:0; padding:0; border:0; float:left;}
#FooterMenu ul li#FooterMenu01 a { background:url(../img/FooterMenu01.jpg) no-repeat top left; margin:0; padding:0; border:0; width:85px; height:25px; display:block; overflow:hidden; text-indent: -9999px; }
#FooterMenu ul li#FooterMenu01 a:hover { background:url(../img/FooterMenu01.jpg) no-repeat top left; margin:0; padding:0; border:0; width:85px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu01_active a { background:url(../img/FooterMenuu01.jpg) no-repeat top left; margin:0; padding:0; border:0; width:85px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu02 a { background:url(../img/FooterMenu02.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px; }
#FooterMenu ul li#FooterMenu02 a:hover { background:url(../img/FooterMenu02.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu02_active a { background:url(../img/FooterMenuu02.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu03 a { background:url(../img/FooterMenu03.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px; }
#FooterMenu ul li#FooterMenu03 a:hover { background:url(../img/FooterMenu03.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu03_active a { background:url(../img/FooterMenuu03.jpg) no-repeat top left; margin:0; padding:0; border:0; width:75px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu04 a { background:url(../img/FooterMenu04.jpg) no-repeat top left; margin:0; padding:0; border:0; width:65px; height:25px; display:block; overflow:hidden; text-indent: -9999px; }
#FooterMenu ul li#FooterMenu04 a:hover { background:url(../img/FooterMenu04.jpg) no-repeat top left; margin:0; padding:0; border:0; width:65px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }
#FooterMenu ul li#FooterMenu04_active a { background:url(../img/FooterMenuu04.jpg) no-repeat top left; margin:0; padding:0; border:0; width:65px; height:25px; display:block; overflow:hidden; text-indent: -9999px;  }


/* 再使用クラス */
.fltrt { float: right; }
.fltlft { float: left; }
.floatRight { float: right; }
.floatLeft { float: left; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p { padding: 10px 0 0 0; line-height: 150%; display: block; }
p.caption{ padding: 10px 0 0 0; line-height: 150%; display: block; font-size:11px;}
p.submitbox{ padding: 0; line-height: 150%; display: block; font-size:11px; text-align:center;}
#name{ padding: 0; width:220px;}
#address1{ padding: 0; width:80px; heigh}
#address2{ padding: 0; width:496px;}
#tel{ padding: 0; width:216px;}
#mail{ padding: 0; width:277px;}
#mail2{ padding: 0; width:277px;}
#content{ padding: 0; width:496px; height:120px;}
a { text-decoration:none; color:darkblue; }
a:hover { text-decoration:underline; color: darkblue; }
a img{ border:0; text-decoration:none; }
.font_16 { font-size:16px; font-weight:bold; }
.font_18 { font-size:18px; font-weight:normal; line-height:150%;}
.font_gold { font-size:12px; font-weight:normal; line-height:150%; color:#755822; }


#contactform th{
border-width: 1px 0 0 0;
border-color: #D4D5D5;
border-style: dashed;
padding:10px 0;
text-align:left;
vertical-align:top;
color:#5F5E5E;
font-weight:normal;
}
#contactform td{
border: 0;
width:1px;
}

#contactform td.td1{
border-width: 0 1px 0 0;
border-color: #D4D5D5;
border-style: dashed;
width:3px;
}
#contactform td.td2{
border-width: 1px 0 0 0;
border-color: #D4D5D5;
border-style: dashed;
padding:10px;
}
#contactform td.td3{
border-width: 0 0 1px 0;
border-color: #D4D5D5;
border-style: dashed;
padding:5px 0;
}

table.menu td{
border: 0;
height:21px;
font-size:11px;
}


#MAP{
	width:404px;
	height:315px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	margin:0;
	padding:0;
	overflow:hidden;
	color:#000000;
}
#print{ margin:0; padding:10px 0; border:0; text-align:center }