@charset "utf-8";
/* ===================================================================
 style info : ブランドサイト
 author     : Yumi Ito
=================================================================== */

/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
	width: 960px;
	height: 169px;
	margin: 0 auto 20px auto;
}

hgroup {
	width: 155px;
	height: 169px;
	margin: 0 auto;
}

*:first-child+html hgroup {
	top: 0;
}

header h1 a {
	cursor: pointer;
	display: block;
    width: 155px;
	height: 38px;
	margin: 0 auto 16px auto;
	background: url(../images/aderia.png) 0 0 no-repeat;
}

*:first-child+html header h1 a {
    width: 155px;
	height: 38px;
	background: url(../images/aderia.png) 0 50% no-repeat;
}

header h2 a {
    cursor: pointer;
	display: block;
    width: 107px;
	height: 114px;
	margin: 30px auto 0 auto;
	background: url(../images/logo.png) 0 0 no-repeat;
}

/*----------------------------------------------------
	global navigation
----------------------------------------------------*/
ul.lavaLampWithImage {
    position: relative;
    top: 30px;
	width:960px;
    height: 30px;
    margin: 0 auto;
}
		
.lavaLampWithImage li {
    float: left;
    cursor: pointer;
}
				
.lavaLampWithImage li.back {
    background: url("../images/musubikiri.png") no-repeat 50% 0 ;
    width: 46px; 
    height: 20px;
    position: absolute;
    bottom: -15px;
	z-index: 300;
}
					
.lavaLampWithImage li.back .left {
    background: url("../images/musubikiri.png") no-repeat 50% 0;
    height: 20px;
	position: absolute;
	z-index: 200;
}
						
.lavaLampWithImage li a {
    text-align: center;
    display: block;
    float: left;
    height: 15px;
    margin: auto 0; 
}
					
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
}

li.home a {
    display: block;
    width: 43px;
    height: 15px;
    background: url("../images/nav_home_on.png") 0 0 no-repeat;
}

li.message a {
    width: 70px;
    height: 15px;
    background: url("../images/nav_message_on.png") 0 0 no-repeat;
}

li.history a {
    width: 103px;
    height: 15px;
    background: url("../images/nav_history_on.png") 0 0 no-repeat;
}

li.newproducts a {
    width: 91px;
    height: 15px;
    background: url("../images/nav_newproducts_on.png") 0 0 no-repeat;
}

li.letsenjoy a {
    width: 109px;
    height: 15px;
    background: url("../images/nav_letsenjoy_on.png") 0 0 no-repeat;
}

li.recipe a {
    width: 84px; /* 2012.4.20 伊藤修正 */
    height: 15px;
    background: url("../images/nav_recipe_on.png") 0 0 no-repeat;
}

li.tips a {
    width: 109px;
    height: 15px;
    background: url("../images/nav_tips_on.png") 0 0 no-repeat;
}

li.home {
margin-right: 129px;
}

li.message {
margin-right: 45px;
}

li.history {
margin-right: 43px; /* 2012.4.20 伊藤修正 */
}

li.newproducts {
margin-right: 43px; /* 2012.4.20 伊藤修正 */
}

li.letsenjoy {
margin-right: 43px; /* 2012.4.20 伊藤修正 */
}

li.recipe {
margin-right: 43px; /* 2012.4.20 伊藤修正 */
}

#line {
width: 100%;
height: 20px;
position: relative;
top: 35px;
z-index: 1;
margin-bottom: 100px;
background: url("../images/mizuhiki.png") 0 0 repeat-x;
}

nav {
position: relative;
z-index: 5;
}

/*----------------------------------------------------
	contents
----------------------------------------------------*/
#container {
    overflow: hidden;
	zoom: 1;
    width: 960px;
	height: auto;
	margin: 70px auto 0 auto;
}

.container-inner {
    width: 960px;
	height: auto;
}

.container-inner-l {
    float: left;
    width: 480px;
	height: auto;
}

.container-inner-r {
    float: right;
    width: 480px;
	height: auto;
}

.mainPhoto {
    float: right;
}

.titleBox {
    width: 960px;
	height: auto;
}

#present {
    margin: 20px auto 0;
    width: 500px;
}

#sangriaBn {
    margin: 20px auto 0;
    width: 500px;
}

#amazakeBn {
    margin: 20px auto 0;
    width: 500px;
}

#akifuyusetBn {
    margin: 20px auto 0;
    width: 500px;
}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.container-inner-l h2.topCopy {
	width: 460px;
	/*height: 500px; プレゼントバナー未掲載時*/
	height: 257px;  
	margin: 30px 0 0 0;
    background: url(../images/copy.png) 0 30% no-repeat;
}

/*----------------------------------------------------
	ごあいさつ
----------------------------------------------------*/
.container-inner-l h2.messageTitle {
	width: 322px;
	height: 20px;
	margin: 0;
    background: url(../images/message/title.png) 0 0 no-repeat;
}

.container-inner-l .messageCopy {
	width: 467px;
	height: 428px;
	margin: 50px 0 0 0;
    background: url(../images/message/copy.png) 0 0 no-repeat;
}

#prdWrapper {
    float: right;
	width: 435px;
	height: auto;
	margin: 65px 0 0 0;
}

.prdBox {
    float: left;
	width: 138px;
	height: 138px;
	margin: 0 0 5px 5px;
	border: solid 1px #e7e7e7;
	cursor: pointer;
}

.contenthover {
     padding: 10px;
 }
 
.contenthover, 
.contenthover h3, 
.contenthover a { 
     color: #fff; 
}

.contenthover h3, 
.contenthover p { 
     margin: 0 0 10px 0; 
     line-height: 1.4em; 
     padding: 0; 
}

.contenthover a.pd_button { 
     display: block; 
	 width: 100px;
	 text-align: center;
	 margin-top: 30%;
	 padding:5px 10px; 
	 background: #56ba0f; 
	 font-size: 12px;
	 color: #fff; 
	 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
}

.contenthover a.pd_button:hover { 
     background: #328d23 ;
}

.contenthover a.pd_button:hover { 
     background: #328d23 ;
}

/*----------------------------------------------------
	梅酒びんの歴史
----------------------------------------------------*/
.container-inner-l h2.historyTitle {
	width: 350px;
	height: 21px;
	margin: 0;
    background: url(../images/history/title.png) 0 0 no-repeat;
}

dl#timeLine {
	width: 480px;
	height: auto;
	margin: 48px 0 0 0;
}

dl#timeLine dt {
	float: left;
	width: 76px;
	height: 18px;
	margin: 0;
}

dl#timeLine dd {
	float: left;
	width: 356px;
	height: auto;
	margin: 2px 0 38px 45px;
	background: url(../images/history/tl_red_misc.png) left 6px no-repeat;
}

.tl1962 {
    background: url(../images/history/tl_1962.png) 0 0 no-repeat;
}

.tl1962-text {
	width: 352px;
	height: 54px;
    background: url(../images/history/tl_1962_text.png) 15px 0 no-repeat;
}

.tl1963 {
    background: url(../images/history/tl_1963.png) 0 0 no-repeat;
}

.tl1963-text {
	width: 257px;
	height: 13px;
    background: url(../images/history/tl_1963_text.png) 15px 0 no-repeat;
}

.tl1971 {
    background: url(../images/history/tl_1971.png) 0 0 no-repeat;
}

.tl1971-text {
	width: 283px;
	height: 54px;
    background: url(../images/history/tl_1971_text.png) 15px 0 no-repeat;
}

.tl1972 {
    background: url(../images/history/tl_1972.png) 0 0 no-repeat;
}

.tl1972-text {
	width: 188px;
	height: 14px;
    background: url(../images/history/tl_1972_text.png) 15px 0 no-repeat;
}

.tl1973 {
    background: url(../images/history/tl_1973.png) 0 0 no-repeat;
}

.tl1973-text {
	width: 351px;
	height: 34px;
    background: url(../images/history/tl_1973_text.png) 15px 0 no-repeat;
}

.tl1976 {
    background: url(../images/history/tl_1976.png) 0 0 no-repeat;
}

.tl1976-text {
	width: 353px;
	height: 14px;
    background: url(../images/history/tl_1976_text.png) 15px 0 no-repeat;
}

.tl1982 {
    background: url(../images/history/tl_1982.png) 0 0 no-repeat;
}

.tl1982-text {
	width: 293px;
	height: 14px;
    background: url(../images/history/tl_1982_text.png) 15px 0 no-repeat;
}

.tl1996 {
    background: url(../images/history/tl_1996.png) 0 0 no-repeat;
}

.tl1996-text {
	width: 358px;
	height: 34px;
    background: url(../images/history/tl_1996_text.png) 15px 0 no-repeat;
}

.tl2003 {
    background: url(../images/history/tl_2003.png) 0 0 no-repeat;
}

.tl2003-text {
	width: 358px;
	height: 34px;
    background: url(../images/history/tl_2003_text.png) 15px 0 no-repeat;
}

.tl2009 {
    background: url(../images/history/tl_2009.png) 0 0 no-repeat;
}

.tl2009-text {
	width: 358px;
	height: 33px;
    background: url(../images/history/tl_2009_text.png) 15px 0 no-repeat;
}

.tl2012 {
    background: url(../images/history/tl_2012.png) 0 0 no-repeat;
}

.tl2012-text {
	width: 244px;
	height: 13px;
    background: url(../images/history/tl_2012_text.png) 15px 0 no-repeat;
}

/*----------------------------------------------------
	新商品ご紹介
----------------------------------------------------*/
h2.newproductsTitle {
	width: 151px;
	height: 21px;
	margin: 0;
    background: url(../images/newItem/title.png) 0 0 no-repeat;
}

.titleBox { /*  新商品ご紹介/作り方・楽しみ方で使用 */
    overflow: hidden;
	zoom: 1;
	width: 960px;
	height: auto;
	margin: 50px 0 30px 0;
}

h2.akifuyusetTitle { /* 秋冬おすすめセット */
	width: 271px;
	height: 48px;
	margin: 0;
    background: url(../images/newItem/akifuyuset.png) 0 0 no-repeat;
}

.akifuyusetCopy { /* 秋冬おすすめセット */
    float: left;
	width: 670px;
	height: 82px;
	margin: -45px 0 0 300px;
    background: url(../images/newItem/akifuyuset_copy.png) 0 0 no-repeat;
}

#akifuyuset01_bn{margin-left:100px;width: 753px;}
#akifuyuset02_bn{margin-left:100px;margin-top:30px;width: 753px;}


h2.doorpocketTitle { /* ドアポケストック */
	width: 271px;
	height: 48px;
	margin: 0;
    background: url(../images/newItem/doorpocket.png) 0 0 no-repeat;
}

.doorpocketCopy { /* ドアポケストック */
    float: left;
	width: 670px;
	height: 82px;
	margin: -45px 0 0 300px;
    background: url(../images/newItem/doorpocket_copy.png) 0 0 no-repeat;
}



h2.pinkcapTitle { /* クリアピンクキャップ */
	width: 271px;
	height: 48px;
	margin: 0;
    background: url(../images/newItem/pinkcap.png) 0 0 no-repeat;
}

.pinkcapCopy { /* クリアピンクキャップ */
    float: left;
	width: 670px;
	height: 42px;
	margin: -45px 0 0 300px;
    background: url(../images/newItem/pinkcap_copy.png) 0 0 no-repeat;
}

h2.fukkokuTitle { /* 復刻梅びん */
	width: 271px;
	height: 48px;
	margin: 0;
    background: url(../images/newItem/fukkoku.png) 0 0 no-repeat;
}

.fukkokuCopy { /* 復刻梅びん*/
    float: left;
	width: 656px;
	height: 64px;
	margin: -45px 0 0 300px;
    background: url(../images/newItem/fukkoku_copy.png) 0 0 no-repeat;
}

dl.productsBox-d1{
    display: block;
	width: auto;
	height: 291px;
	margin: 100px auto 0 auto;
	padding-left: 100px;
}

dl.productsBox-d2{
    display: block;
	width: auto;
	height: 333px;
	margin: 100px auto 0 auto;
	padding-left: 100px;
}

dl.productsBox-d3{
    display: block;
	width: auto;
	height: 400px;
	margin: 100px auto 0 auto;
	padding-left: 100px;
}

dl.productsBox-d1 dt,
dl.productsBox-d2 dt,
dl.productsBox-d3 dt{
    float: left;
	margin: 0 20px 0 0;
}


dl.productsBox-p {
    display: block;
	width: auto;
	height: 350px;
	margin: 100px auto 0 auto;
	padding-left: 100px;
}

dl.productsBox-p dt {
    float: left;
	margin: 0 70px 0 0;
}

.circleCopy {
    position: relative;
	left: 70px;
    width: 143px;
	height: 144px;
    background: url(../images/newItem/circle_copy.png) 0 0 no-repeat;
}

dl.productsBox-f {
    display: block;
	width: auto;
	height: 320px;
	margin: -40px auto 0 auto;
	padding-left: 180px;
}

dl.productsBox-f dt {
    float: left;
	margin: 0 70px 0 0;
}

div.shopLink{
	background:url(../images/newItem/konyu_copy.png) no-repeat;
	width:350px;
	height:40px;
	margin:30px 0 0 600px;}
	
div.shopLink-sp{
	background:url(../images/newItem/konyu_copy-sp.png) no-repeat;
	width:470px;
	height:50px;
	margin:10px 0 0 380px;}
	
div.shopLink img{margin-left:180px;}
div.shopLink-sp img{margin-left:290px;margin-top:5px;}

/*----------------------------------------------------
	作り方・楽しみ方
----------------------------------------------------*/
h2.letsenjoyTitle {
	width: 198px;
	height: 21px;
	margin: 0;
    background: url(../images/make/title.png) 0 0 no-repeat;
}

h2.tsukurikataTitle { /* 作り方 */
	width: 188px;
	height: 48px;
	margin: 0;
    background: url(../images/make/tsukurikata.png) 0 0 no-repeat;
}

.tsukurikataCopy { /* 作り方 */
    float: left;
	width: 628px;
	height: 14px;
	margin: -30px 0 0 215px;
    background: url(../images/make/tsukurikata_copy.png) 0 0 no-repeat;
}

h2.tanoshimiTitle { /* 楽しみ方 */
	width: 188px;
	height: 48px;
	margin: 0;
    background: url(../images/make/tanoshimikata.png) 0 0 no-repeat;
}

.tanoshimiCopy { /* 楽しみ方 */
    float: left;
	width: 628px;
	height: 14px;
	margin: -30px 0 0 215px;
    background: url(../images/make/tanoshimi_copy.png) 0 0 no-repeat;
}

dl.movieBox {
	width: 960px;
	height: 380px;
	margin: 0 0 30px 0;
}

dl.movieBox dt {
    float: left;
	width: 210px;
	margin-left: 3px;
}

dl.movieBox dd {
    float: left;
	width: 743px;
	height: auto;
	text-align: center;
	padding: 30px 0;
	background: #feeeee;
	border: solid 1px #de0010;
}

#umeshu {
	width: 110px;
	height: 14px;
    background: url(../images/make/umeshu.png) right 0 no-repeat;
}

#sangria {
	width: 155px;
	height: 14px;
    background: url(../images/make/sangria.png) right 0 no-repeat;
}

dl.downloadBox {
	width: 958x;
	height: 35px;
	margin: 30px auto;
	padding: 30px;
	border: solid 1px #ccc;
}

dl.downloadBox  dt {
    float: left;
	width: 580px;
	margin: 0 0 10px 50px;
}

#download {
	width: 568px;
	height: 14px;
    background: url(../images/make/download_copy.png) right 0 no-repeat;
}

dl.downloadBox  dd {
    float: right;
	margin: -25px 60px 0 0;
}

/*
.redBtn {
    width: auto;
	height: 35px;
	font-size: 100%;
	line-height: 1em;
	padding: 0 30px;
	color: #fff;
	border: none;
	background: #de0010;
	cursor:pointer;
}
*/

.redBtn {
    background: none repeat scroll 0 0 #DE0010;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 100%;
    height: 15px;
    line-height: 1em;
    padding: 10px 30px;
    width: auto;
}

hr.dotLine {
	width: 960px;
	height: 2px;
	border: 0;
	margin: 50px auto;
    background: url(../images/dot_line.gif) 0 0 repeat-x;
}

#tanoshimi-inner {
    float: left;
    display: block;
	width: 458px;
}

#tanoshimi-sangria {
    display: block;
	width: 451px;
	height: 102px;
	margin: 0 0 10px 0;
	background: url(../images/make/sangria_copy.png) 0 0 no-repeat;
}

#photoBox {
    display: block;
	width: 458px;
	height: 460px;
}

#photoBox img {
    width: 153px;
	height: 230px;
	margin: 0 -5px -5px 0 ;
}

/*----------------------------------------------------
	レシピ
----------------------------------------------------*/
h2.recipeTitle {
	width: 515px;
	height: 22px;
	margin: 0;
    background: url(../images/recipe/title.png) 0 0 no-repeat;
}

.container-inner-l .recipeCopy {
	width: 479px;
	height: 428px;
	margin: 50px 0 0 0;
    background: url(../images/recipe/copy.png) 0 0 no-repeat;
}

#menu {
    float: right;
	width: 427px;
	height: 426px;
	margin: 50px 0 0 0;
}

#menu div {
    border: solid 1px #e7e7e7;
	width: 425px;
	height: 84px;
	margin-bottom: -1px;
}

#recipeWrapper {
	width: 960px;
	height: 576px;
	margin: 50px 0 0 0;
}

#recipeWrapper #localNav {
    float: right;
	width: 126px;
	height: auto;
	margin: 0;
}

#recipeWrapper #localNav div {
	width: 126px;
	height: 110px;
	margin: 0 0 6px 0;
}

#recipeDlBox01,#recipeDlBox02{
width: 958x;
height: 95px;
margin: 30px auto;
padding: 10px;
border: solid 1px #ccc;
}

.recipeDlImg {
float: left;
height: 89px;
}

.recipeDlDoc {
float: left;
padding-top: 30px;
padding-left: 30px;
}

.recipeDlBt {
float: left;
padding-left: 60px;
height: 35px;
padding-top: 30px;
}



/*----------------------------------------------------
	梅酒づくりのコツ
----------------------------------------------------*/
h2.tipsTitle {
	width: 560px;
	height: 21px;
	margin: 0;
    background: url(../images/point/title.png) 0 0 no-repeat;
}

#faqBox {
    float: left;
    display: block;
	width: 520px;
	height: auto;
	margin: 60px 0 0 0;
}

dl.tips-inner  {
	width: 520px;
	height: auto;
	margin: 0 0 60px 0;
}

dl.tips-inner  dt {
	width: 520px;
	height:51px;
}

dl.tips-inner  dd {
	width: 445px;
	height:75px;
	margin: 10px 0 0 70px;
	background: url(../images/point/a.png) 0 5px no-repeat;
}

dt.q1 {
	background: url(../images/point/q1.png) 0 0 no-repeat;
}

dt.q2 {
	background: url(../images/point/q2.png) 0 0 no-repeat;
}

dt.q3 {
	background: url(../images/point/q3.png) 0 0 no-repeat;
}

p.answer {
    line-height: 1.8em;
	margin:  0 0 0 45px;
}

#imageBox {
    float: right;
    display: block;
	width: 380px;
	height: auto;
	margin: 50px 0 0 0;
	border: solid 1px #e7e7e7;
}

#imageBox img {
	margin: 0 0 -5px 0;
}
