/*base*/

a:link{
color:#333333;
}
a:visited{
color:#666666;
}
a:hover{
color:#FF6600;
}


#base {
margin-left:auto;
margin-right:auto;
padding:0px;
width:820px;
zoom:1;
}

#base:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
	
/* Mac版IEのみに適用 \*//*/ #base { overflow: hidden; } /* */	

/* baselayout*/

#header {
margin:0px;
padding:0px 0px 6px 0px;
width:800px;
background-image:url(../images/header_line.gif);
background-repeat:no-repeat;
background-position:bottom left;
zoom:1;
}

#header:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
	
/* Mac版IEのみに適用 \*//*/ #header { overflow: hidden; } /* */	

#header_logo{
background-image:url(../images/leftTop_Logo.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
width:277px;
height:30px;
float:left;
background-color:#FFFFFF;
}

#header_right{
	margin:0px;
	padding:0px;
	width:523px;
	float:right;
}
/*ヘッター会社概要・個人情報*/
#header_right_top{
/*	background-image:url(../images/header_right.jpg);*/
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:277px;
	height:29px;
}

#header_right_top #comp{
width:523px;
height:22px;
}

#comp #topNav_cmp{
margin:0px;
padding:0px;
width:523px;
list-style: none;
display:block;
zoom:1;
}

#topNav_cmp:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
	
/* Mac版IEのみに適用 \*//*/ #topNav_cmp { overflow: hidden; } /* */	

ul#topNav_cmp li{
float:left;
width:93px;
height:22px;
}

ul#topNav_cmp li h3{
font-size:10px;
visibility:hidden;

}

ul#topNav_cmp li#company a{	
height:22px;
background-image:url(../images/top_menu_li1.gif);
display:block;
background-position: 0px 0px;
text-decoration:none;	
}

ul#topNav_cmp li#company,
ul#topNav_cmp li#company a:hover{
display:block;
background-image:url(../images/top_menu_li1.gif);
background-position: 0px -30px;
text-decoration:none;
}

ul#topNav_cmp li#privacy,
ul#topNav_cmp li#privacy a:hover{
background-image:url(../images/top_menu_li2.gif);
display:block;
background-position: 0px -30px;
text-decoration:none;
}

ul#topNav_cmp li#privacy a{

height:22px;
background-image:url(../images/top_menu_li2.gif);
display:block;
background-position: 0px 0px;
text-decoration:none;
}



/*ヘッターメニュー*/
#header_menu{
margin:0px;
padding:0px;
width:523px;
background-color:#FFFFFF;
}


/*headerメニューリスト表示イメージ表示*/
#header_menu ul#topNav{
margin:0px;
padding:0px;
width:523px;
list-style: none;
zoom:1;
    }
   
ul#topNav:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    }
	
/* Mac版IEのみに適用 \*//*/ ul#topNav { overflow: hidden; } /* */	

ul#topNav li{
float:left;
width:130px;
height:30px;
}

ul#topNav li#new a{	
width:130px;
height:30px;
background-image:url(../images/top_menu_li1.gif);
display:block;
background-position: 0px 0px;
background-repeat:no-repeat;
text-decoration:none;	
}

ul#topNav li#new,
ul#topNav li#new a:hover{
width:130px;
height:30px;
display:block;
background-image:url(../images/top_menu_li1.gif);
background-position: 0px -30px;
text-decoration:none;
background-repeat:no-repeat;
text-indent:-9999px;
}

:root ul#topNav li#new a{	
width:130px;
height:30px;
display:block;
overflow:hidden;	
}

ul#topNav li#shopping,
ul#topNav li#shopping a:hover{
width:130px;
height:30px;
background-image:url(../images/top_menu_li2.gif);
display:block;
background-position: 0px -30px;
text-decoration:none;
background-repeat:no-repeat;
text-indent:-9999px;
}

ul#topNav li#shopping a{
width:130px;
height:30px;
background-image:url(../images/top_menu_li2.gif);
display:block;
background-position: 0px 0px;
text-decoration:none;
background-repeat:no-repeat;
}

:root ul#topNav li#shopping a {
width:130px;
height:30px;
display:block;
overflow:hidden;
}

ul#topNav li#ctalog,
ul#topNav li#ctalog a:hover{
width:130px;
height:30px;
background-image:url(../images/top_menu_li3.gif);
display:block;
background-position: 0px -30px;
text-decoration:none;
background-repeat:no-repeat;
text-indent:-9999px;
}

ul#topNav li#ctalog a{
width:130px;
height:30px;
background-image:url(../images/top_menu_li3.gif);
display:block;
background-position: 0px 0px;
text-decoration:none;
background-repeat:no-repeat;
}

ul#topNav li#club,
ul#topNav li#club a:hover{
width:130px;
height:30px;
background-image:url(../images/top_menu_li4.gif);
display:block;
background-position: 0px -30px;
text-decoration:none;
background-repeat:no-repeat;
text-indent:-9999px;
}

:root ul#topNav li#ctalog a{
width:130px;
height:30px;
display:block;
overflow:hidden;
}

ul#topNav li#club a{
width:130px;
height:30px;
background-image:url(../images/top_menu_li4.gif);
display:block;
background-position: 0px 0px;
text-decoration:none;
background-repeat:no-repeat;
}

:root ul#topNav li#club a{
width:130px;
height:30px;
display:block;
overflow:hidden;
}

#header h1{
display:none;
}
/*ヘッター部分グラス3種*/
#header_image {
margin:0px;
padding:0px;
width:799px;
height:110px;
background-image:url(../images/20070415TOP_11.jpg)
}
#header_image h2{
display:none;
}
#header_line{
background-image:url(../images/header_line.gif);
margin:0px;
padding:0px;
width:799px;
height:10px;
}

/*メニュー領域とメイン領域*/
#contens {
	margin:0px;
	padding:0px;
	width:800px;
	height:auto;

}


/* menu layout*/
#menulist{
	padding-top:13px;
	padding-bottom:10px;
	width:200px;
	background-color:#D3DCE1;
}


#menu_design{
margin:0px 12px 0px 12px;
padding:0px 0px 10px 0px;
width:176px;
}
#banner_box{
	margin:12px 12px 0px;
	padding:0px 0px 10px;
	width:176px;
}

#menu_design ul{
margin:0 0 1em;
padding:0;
list-style:none;
}
#menu_design li{
margin:0;
padding:0;
width:176px;
height:50px;
text-indent: -9999px;
}

#menu_design li a{
text-decoration:none;
display:block;
width:176px;
height:50px;
}
#menu_design li#payment{
background:url(../images/left_menu.gif) no-repeat 0 0;
}
#menu_design li#delivery{
background:url(../images/left_menu.gif) no-repeat 0px -50px;
}
#menu_design li#delivery2{
background:url(../images/left_menu.gif) no-repeat 0px -100px;
}
#menu_design li#price{
background:url(../images/left_menu.gif) no-repeat 0px -150px;
}
#menu_design li#mypage{
background:url(../images/left_menu.gif) no-repeat 0px -200px;
}
#menu_design li#voice{
background:url(../images/left_menu.gif) no-repeat 0px -250px;
}
/*
#menu_design li#link{
background:url(../images/left_menu.gif) no-repeat 0px -300px;
}
*/
#menu_design li#store{
background:url(../images/left_menu.gif) no-repeat 0px -350px;
}
#menu_design li#contact{
background:url(../images/left_menu.gif) no-repeat 0px -400px;
}


#menu_design li#payment a:hover{
background:url(../images/left_menu.gif) no-repeat -176px 0;
}
#menu_design li#delivery a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -50px;
}
#menu_design li#delivery2 a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -100px;
}
#menu_design li#price a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -150px;
}
#menu_design li#mypage a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -200px;
}
#menu_design li#voice a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -250px;
}
/*
#menu_design li#link a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -300px;
}
*/
#menu_design li#store a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -350px;
}
#menu_design li#contact a:hover{
background:url(../images/left_menu.gif) no-repeat -176px -400px;
}




#baner{
width:176px;
height:auto;
padding-bottom:10px;
}

/* contens layout*/
#main{
margin:0px;
padding:0px;
width:600px;
float:right;
}
#main_design{
margin:0px;
padding:0px;
width:590px;
height:auto;


}
/* footer layout*/
#footer {
	margin:0px auto;
	padding:0px;
	width:800px;
	background-color:#FFFFFF;
}
#footer_adress {
padding-top:5px;
margin-left:13px;
}


.honmon_leftmenu {
	font-size: 10px;
	color: #3A93A5;
	padding-bottom: 10px;
	padding-top: 5px;
	height: 10px;
	
}
.left_menu_p {
padding-top: 1px;
}
.honmon_canpany {
	font-size: 14px;
	color: #666666;
	padding-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	
}
.honmon_canpany1 {
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	
}


.link_foot {
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
}

.info_main {
	padding-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	padding-top: 0px;
	height:auto;
	text-align:left;
	
}

.info_title {
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	vertical-align: baseline;
	padding-bottom: 5px;
	padding-top: 0px;
	
}

.info_sub {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin-left: 19px;
	
}
.info_miseinen {
	font-size: 16px;
	font-weight: bold;
	color: #FF6633;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	text-align: center;
	
}

.syohin_title {
	font-size: 20px;
	color: #FF6600;
	font-weight: bold;
	vertical-align: baseline;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 5px;
	}
	
.syohin_syou {
	font-size: 20px;
	color: #FF6600;
	font-weight: bold;
	vertical-align: baseline;
	padding-bottom: 5px;
	padding-top: 0px;
	margin-left: 5px;
	}	

.syohin_words {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	margin-left: 5px;
	text-align: justify;
	padding-top: 10px;
	width:350px;
	
}
.syohin_sub {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-left: 5px;
	text-align: justify;
	padding-top: 10px;
	
}
.left_top0{
text-align:right;
padding-top:1px;
margin-top:1px;


}
.syohin_price {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin-left: 10px;
	text-align: justify;
	padding-top: 10px;
	
}
#price_table{
text-align:center;
}
.syohin_subimage {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 5px;
	}

.syohin_title2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	text-align: justify;
	padding-top: 10px;
	
}
.font_12 {
font-size: 12px;
}
.font_12red {
font-size: 12px;
color:#FF0000
}
#cart{
text-align:center;
}
/*club*/
.club_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600;
	
}
.club_body {
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	
}
/*delivery*/
.delivery_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.delivery_body {
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	
}
.delivery_body_right{
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	width:500px;
	font-weight:bold
	
}

/*shopping*/
.shopping_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600;
	text-align:left;
	
}
.shopping_body {
	font-size: 12px;
	color: #666666;
	margin-bottom:10px;
		
	
}
.shopping_body_right{
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	width:500px;
	padding-left:350px;
	font-weight:bold
	
}
#beer_main {
margin-left:10px
}

#beer_main  td{
text-align:center;
font-size: 12px;
color: #666666;
padding-top:5px;
padding-bottom:5px
}

#etc_main  {
margin-left:10px;
text-align:left;
}
#etc_main  td{
text-align:center;
font-size: 12px;
color: #666666;
padding-top:5px;
padding-bottom:5px;
width:80px;
height:auto

}


/*contact*/
.contact_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.contact_body {
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	padding-bottom:20px
	
}

/*会社概要*/
.company_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.company_body {
	font-size: 16px;
	color: #666666;
	margin-left: 19px;
	padding-bottom:20px
	
}



/*会社概要*/
.recipe_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.recipe_body {

	color: #666666;
	margin-left: 19px;
	padding-bottom:20px
	
}
.recipe_text{
font-size:12px;
text-align:center;
color: #33CC00;
padding-top:5px;

}
.recipe_text_midashi{
font-size:16px;
text-align:left;
color: #33CC00;
font-weight:bold;
}
.recipe_text_midashi strong{
font-size:14px;
text-align:left;
color: #FF0000;
}

.recipe_honmmon {

font-size:14px;
text-align:left;
color: #666666;
	
}



/*個人情報*/
.privacy_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.privacy_body {
	font-size: 16px;
	color: #666666;
	margin-left: 19px;
	padding-bottom:20px
	
}
/*支払方法*/
.payment_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.payment_body {
	font-size: 14px;
	color: #666666;
	margin-left: 19px;
	padding-bottom:20px
	
}

#card_body div{
font-size: 14px;
padding-bottom:10px;
padding-top:5px;
background-color:#FFFFFF;
margin-bottom:10px;
margin-top:10px;
}
#card_body div.back{
background-color:#FFFF66;
}
.card_title {
color:#CC3300;
font-size:14px;
font-weight:bold;
}
.card_honmon_a{
margin-left:10px;
padding-top:10px;
}
.card_honmon_b{
margin-left:10px;
font-size:10px;
}

/*リンク先*/
.link_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.link_body {
	font-size: 14px;
	color: #666666;
	width: 420px;
	float:right;
	margin-left: 0px;
	padding-bottom:0px;
	
	
}
.link_flag {

	width: 80px;
	height: 76px;
	float:left;
	font-size:10px
}
.link_main {

	width: 520px;
	height:120px;
margin-left: 19px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	
}
/*お客様の声*/
.voice_title {
	padding-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	font-size: 16px;
	font-weight:bold;
	color:#FF6600
	
}
.voice_body {
	color: #666666;
	width: 420px;
	float:right;
	margin-left: 0px;
	padding-bottom:0px;
	
	
}
.voice_main {

	width: 520px;
	margin-left: 19px;
	padding-bottom:0px;
	padding-top:5px;
	margin-top:5px;
	margin-bottom:0px;
	font-size:14px
	
}
#left_box {
	width: 200px;
}