@charset "Shift_JIS";
/* init */


body{
	color:#333333;
	margin:0;
	padding: 0;
	background-color:#ffffff;
}
.w_container{
	width:900px;
}


.w_container p{
margin:0;
}

.w_container .header h1{
margin:10px 0 0 43px;
background:url(../images/logo.jpg) no-repeat;
width:251px;
height:25px;
text-indent:-10000px;
line-height:0%;
float:left;
display:inline;
padding:0;
}

.w_container .header{
height:45px;
background:url(../images/head_bg.gif) no-repeat;
}

.w_container .header h1 a{
line-height:0%;
width:251px;
height:25px;
display:block;
overflow:hidden;
margin-bottom:-3px;
}

.w_container .navigationArea{
float:left;
height:45px;
margin-left:25px;
width:581px;
display:inline;
}

.w_container .navigationArea ul{
margin:0;
padding:0;
list-style-type:none;
}

.w_container .navigationArea li{
float:left;
width:134px;
height:45px;
display:block;
text-indent:-10000px;
}


.w_container .navigationArea  li a{
text-decoration:none;
width:134px;
height:45px;
display:block;
overflow:hidden;
}

.w_container .navigationArea li.menu01{
background: url(../images/global_navi01.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu01 a:hover{
background: url(../images/global_navi01_on.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu01_on{
background: url(../images/global_navi01_on.gif) no-repeat 0 0;
}

.w_container .navigationArea li.menu02{
background: url(../images/global_navi02.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu02 a:hover{
background: url(../images/global_navi02_on.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu02_on{
background: url(../images/global_navi02_on.gif) no-repeat 0 0;
}

.w_container .navigationArea li.menu03{
background: url(../images/global_navi03.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu03 a:hover{
background: url(../images/global_navi03_on.gif) no-repeat 0 0;
}
.w_container .navigationArea li.menu03_on{
background: url(../images/global_navi03_on.gif) no-repeat 0 0;
}


.w_container .lacalArea{
width:857px;
background:url(../images/localnavi.gif) no-repeat;
height:20px;
padding-left:43px;
}


.w_container .lacalArea ul{
margin:0;
padding:0;
list-style-type:none;
}


.w_container .lacalArea li{
float:left;
height:20px;
display:block;
text-indent:-10000px;
margin-right:31px;
}

.w_container .lacalArea li a{
height:20px;
text-decoration:none;
display:block;
overflow:hidden;
}

.w_container .lacalArea li.menu01{
width:117px;
background: url(../images/sub_navi01.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu01 a:hover{
background: url(../images/sub_navi01_on.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu01_on{
width:117px;
background: url(../images/sub_navi01_on.gif) no-repeat 0 0;
}

.w_container .lacalArea li.menu02{
width:81px;
background: url(../images/sub_navi02.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu02 a:hover{
background: url(../images/sub_navi02_on.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu02_on{
width:81px;
background: url(../images/sub_navi02_on.gif) no-repeat 0 0;
}

.w_container .lacalArea li.menu03{
width:203px;
background: url(../images/sub_navi03.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu03 a:hover{
background: url(../images/sub_navi03_on.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu03_on{
width:203px;
background: url(../images/sub_navi03_on.gif) no-repeat 0 0;
}

.w_container .lacalArea li.menu04{
width:90px;
background: url(../images/sub_navi04.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu04 a:hover{
background: url(../images/sub_navi04_on.gif) no-repeat 0 0;
}
.w_container .lacalArea li.menu04_on{
width:90px;
background: url(../images/sub_navi04_on.gif) no-repeat 0 0;
}



.top_flash{
clear:left;
margin-top:0;
margin-left:45px;
margin-bottom:0;
height:465px;
}

.top_flash .news{
background:url(../images/news_block.gif) no-repeat;
width:804px;
height:11px;
padding:7px;
}

.top_flash .news h2{
float:left;
text-indent:-10000px;
background:url(../images/news_ttl.gif) no-repeat;
margin:0 20px 0 5px;
width:33px;
height:10px;
line-height:0%;
display:block;
}

.top_flash .news p{
float:left;
font-size:10px;
color:#FFFFFF;
line-height:120%;
margin:0;
}


.top_flash .news a:link{
color:#FFFFFF;
text-decoration:underline;
}
.top_flash .news a:visited{
color:#FFFFFF;
text-decoration:underline;
}

.top_flash .news a:hover{
color:#FFFF99;
text-decoration:underline;
}

.top_flash .top_notice{
background:url(../images/notice.gif) no-repeat;
margin:5px 0 0 142px;
width:668px;
height:11px;
text-indent:-10000px;
display:block;
line-height:0%;
font-size:0;
}

.link_banner{
width:855px;
text-align:right;
margin:10px 0;
}

.link_banner img{
margin-left:10px;
}



/* ダブルのひみつ */

.about_w{
text-align:left;
background:url(../../w/images/top_bg.png) no-repeat;
width:900px;
height:475px;
border-bottom:20px solid #003F80;
}

.about_w .common_bg{
background:url(../images/spc.gif);
with:900px;
height:395px;
padding-top:80px;
}

.about_w .copy{
background:url(../../w/images/copy.gif) no-repeat;
width:435px;
height:25px;
margin-bottom:37px;
margin-left:416px;
text-indent:-10000px;
}

.about_w .point{
background:url(../../w/images/point.gif) no-repeat;
width:438px;
height:200px;
margin-left:416px;
text-indent:-10000px;
}



.about_w .point01 a{
margin-right:30px;
float:left;
width:204px;
height:200px;
text-indent:-10000px;
display:block;
overflow:hidden;
}

.about_w .point01 a:hover{
background:url(../../w/images/point01_on.gif) no-repeat;
}


.about_w .point02 a{
float:left;
width:204px;
height:200px;
text-indent:-10000px;
display:block;
overflow:hidden;
}

.about_w .point02 a:hover{
background:url(../../w/images/point02_on.gif) no-repeat;
}



.about_w .notice{
background:url(../../w/images/notice.gif) no-repeat;
width:884px;
height:11px;
margin:118px 0 4px 8px;
text-indent:-10000px;
font-size:10px;
}


/* プリン体99％カット */

.about_w2{
text-align:left;
background:url(../../w/images/bg.jpg) no-repeat top;
width:900px;
height:475px;
border-bottom:20px solid #003F80;
}

.about_w2 .common_bg{
background:url(../images/spc.gif);
with:900px;
height:441px;
padding-top:34px;
}

.about_w2 h2{
background:url(../../w/images/midashi01.gif) no-repeat;
width:264px;
height:54px;
text-indent:-10000px;
margin:0 0 11px 476px;
}

.about_w2 .txt{
background:url(../../w/images/txt01.gif) no-repeat;
width:356px;
height:106px;
margin-left:476px;
text-indent:-10000px;
}

.flash{
margin-left:476px;
margin-bottom:7px;
}

.about_w2 .copy{
background:url(../../w/images/copy02.gif) no-repeat;
text-indent:-10000px;
width:379px;
height:39px;
margin:18px 0 0 476px;
}

/* プリン体とは？ */


.about_w3{
text-align:left;
background:url(../../w/images/bg_nomark.jpg) no-repeat top;
width:900px;
height:475px;
border-bottom:20px solid #003F80;
}

.about_w3 .common_bg{
background:url(../images/spc.gif);
with:900px;
height:448px;
padding-top:27px;
}

.about_w3 .about_prin{
text-align:left;
background:url(../../w/images/about_prin.png) no-repeat top;
width:400px;
height:352px;
margin:0 0 0 466px;
}

.about_w3 .about_prin h2{
font-size:0;
text-indent:-10000px;
line-height:0%;
margin:0;
}

.about_w3 .about_prin .prin{
font-size:0;
text-indent:-10000px;
line-height:0%;
}

.about_w3 .about_prin .other a{
text-indent:-10000px;
display:block;
width:172px;
height:15px;
overflow:hidden;
margin:264px 0 0 208px;
}

.about_w3 .copy{
background:url(../../w/images/copy02.gif) no-repeat;
text-indent:-10000px;
width:379px;
height:39px;
margin:18px 0 0 476px;
}


/* ワインポリフェノール */

.about_w4{
text-align:left;
background:url(../../w/images/bg2.jpg) no-repeat top;
width:900px;
height:475px;
border-bottom:20px solid #003F80;
}


.about_w4 .common_bg{
background:url(../images/spc.gif);
with:900px;
height:455px;
padding-top:20px;
}

.about_w4 h2{
background:url(../../w/images/midashi02.gif) no-repeat;
width:381px;
height:38px;
text-indent:-10000px;
margin:0 0 0 476px;
}

.about_w4 .txt{
background:url(../../w/images/txt02.gif) no-repeat;
width:381px;
height:102px;
margin-left:476px;
text-indent:-10000px;
}


.about_w4 .copy{
background:url(../../w/images/copy03.gif) no-repeat;
text-indent:-10000px;
width:382px;
height:44px;
margin:22px 0 0 476px;
}

/* さらにうれしい！ */

.about_w5{
text-align:left;
background:url(../../w/images/bg_nomark.jpg) no-repeat top;
width:900px;
height:475px;
border-bottom:20px solid #003F80;
}

.about_w5 .common_bg{
background:url(../images/spc.gif);
with:900px;
height:450px;
padding-top:25px;
}


.about_w5 .copy{
background:url(../../w/images/copy04.gif) no-repeat;
text-indent:-10000px;
width:382px;
height:66px;
margin:-5px 0 0 476px;
}



/* ボタンが１つの場合 */
.btn{
height:21px;
width:58px;
margin-left:798px;
}

.btn .next_btn a{
float:left;
background:url(../../w/images/next.gif) no-repeat;
width:58px;
height:21px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.btn .next_btn a:hover{
background:url(../../w/images/next_on.gif) no-repeat;
}

.btn .prev_btn a{
float:left;
background:url(../../w/images/prev.gif) no-repeat;
width:58px;
height:21px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.btn .prev_btn a:hover{
background:url(../../w/images/prev_on.gif) no-repeat;
}


/* ボタンが2つの場合 */

.btn2{
height:21px;
width:126px;
margin-left:730px;
}

.btn2 .next_btn a{
float:left;
background:url(../../w/images/next.gif) no-repeat;
width:58px;
height:21px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.btn2 .next_btn a:hover{
background:url(../../w/images/next_on.gif) no-repeat;
}

.btn2 .prev_btn a{
margin-right:10px;
float:left;
background:url(../../w/images/prev.gif) no-repeat;
width:58px;
height:21px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.btn2 .prev_btn a:hover{
background:url(../../w/images/prev_on.gif) no-repeat;
}


/* 商品概要 */
.outline{
background:url(../../outline/images/bg.jpg) no-repeat top;
width:900px;
height:443px;
padding-top:52px;
}

.outline h2{
font-size:0px;
text-indent:-10000px;
margin:0;
}

.outline h3{
text-indent:-10000px;
font-size:0px;
margin:0;
}
.outline .info{
background:url(../../outline/images/txt01.png) no-repeat;
width:384px;
height:231px;
margin-left:476px;
margin-top:0;
}

.outline dd{
text-indent:-10000px;
font-size:0px;
margin:0;
padding:0;
}

.outline dl{
margin:0;
padding:0;
}

.outline ul{
font-size:0px;
margin:0;
padding:0;
}

.outline li{
text-indent:-10000px;
font-size:0px;
margin:0;
padding:0;
}

.outline dt{
text-indent:-10000px;
font-size:0px;
margin:0;
padding:0;
}

.outline .map{
margin-left:476px;
background:url(../../outline/images/txt02.png) no-repeat;
width:385px;
height:107px;
text-indent:-10000px;
}


.outline .map li{
text-indent:-10000px;
font-size:0px;
line-height:0%;
margin:0;
padding:0;
}

.outline .map .number{
text-indent:-10000px;
font-size:0px;
line-height:0%;
margin:0;
padding:0;
}

.outline .notice{
margin-left:476px;
background:url(../../outline/images/txt03.png) no-repeat;
width:385px;
height:24px;
text-indent:-10000px;
}





/* CMギャラリー */
.cm{
background:url(../../cm/images/bg.jpg) no-repeat top;
background-color:#69B0D3;
width:900px;
}

.cm .common_bg{
background:url(../images/spc.gif);
width:900px;
padding-top:29px;
}

.cm3{
margin-left:45px;
width:764px;
border:1px solid #FFFFFF;
padding:22px;
margin-bottom:30px;
}

.cm3 .cm_img{
float:left;
width:292px;
margin-top:23px;
}


.cm3 .cm3_txt{
width:472px;
float:right;
}

.cm3 .cm3_txt h3{
background:url(../../cm/images/cm_title03.png) no-repeat;
width:310px;
height:28px;
display:block;
text-indent:-9999px;
float:left;
margin-top:11px;
}

.cm2{
width:810px;
margin-left:45px;
}

.cm2 .cm_img{
float:left;
width:170px;
}

.cm_list{
display:inline;
margin-left:24px;
width:368px;
float:left;
}

.cm h2{
background:url(../../cm/images/midashi.png) no-repeat;
text-indent:-10000px;
height:29px;
width:221px;
font-size:0px;
margin:0 0 23px 635px;
display:block;
}

.cm .h3-2{
background:url(../../cm/images/cm_title02.png) no-repeat;
float:left;
width:141px;
height:23px;
text-indent:-10000px;
font-size:0px;
margin:10px 0 24px 0;
display:block;
}
.cm .h3-1{
float:left;
background:url(../../cm/images/cm_title01.png) no-repeat;
width:166px;
height:22px;
text-indent:-10000px;
font-size:0px;
margin:10px 0 24px 0;
display:block;
}

.making_ph{
display:inline;
float:left;
margin-left:68px;
width:278px;
}

.making_list{
float:left;
display:inline;
width:488px;
}
.making_list .thum{
clear:both;
width:488px;
}

.making_list .thum img{
margin-left:6px;
margin-bottom:6px;
}

.cm .h3-making{
float:left;
background:url(../../cm/images/cm_title_m.png) no-repeat;
width:176px;
height:19px;
text-indent:-10000px;
font-size:0px;
margin:0 0 0 3px;
display:block;
}

.cm_btn{
width:131px;
margin-bottom:20px;
float:right;
display:inline
}

.cm2_btn{
width:131px;
margin-bottom:20px;
float:left;
display:inline
}


.cm3_copy{
clear:both;
text-indent:-9999px;
width:482px;
height:153px;
background:url(../../cm/images/txt03.jpg) no-repeat;
display:block;
}


.cm_btn_m{
float:right;
width:298px;
height:36px;
display:inline;
}


* html .cm_btn_m{
width:298px;
margin-bottom:12px;
display:inline;
}

.cm .win_btn a{
margin-bottom:10px;
float:left;
background:url(../../cm/images/win_btn.gif) no-repeat;
width:139px;
height:20px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.cm .qt_btn a{
float:left;
background:url(../../cm/images/qt_btn.gif) no-repeat;
width:139px;
height:20px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.cm .win_btn2 a{
margin-right:8px;
float:left;
background:url(../../cm/images/win_btn2.gif) no-repeat;
width:151px;
height:20px;
display:block;
text-indent:-10000px;
overflow:hidden;
}

.cm .qt_btn2 a{
float:left;
background:url(../../cm/images/qt_btn2.gif) no-repeat;
width:139px;
height:20px;
display:block;
text-indent:-10000px;
overflow:hidden;
}


.cm .txt02{
clear:both;
background:url(../../cm/images/txt02.gif) no-repeat;
text-indent:-10000px;
width:368px;
height:229px;
margin-bottom:20px;
}


.cm .txt01{
clear:both;
background:url(../../cm/images/txt01.gif) no-repeat;
text-indent:-10000px;
width:368px;
height:179px;
}


.cm .notice{
margin-bottom:25px;
background:url(../../cm/images/notice.gif) no-repeat;
width:368px;
height:51px;
text-indent:-10000px;
}

.cm .link{
padding:10px 0 0 10px;
background:url(../../cm/images/link_bg.gif) no-repeat;
width:482px;
height:45px;
margin-left:352px;
margin-top:12px;
}

.cm .link .wmp_link a{
float:left;
display:block;
overflow:hidden;
text-indent:-10000px;
background:url(../../cm/images/wmp_link.jpg) no-repeat;
width:252px;
height:31px;
margin:0 12px 0 0;
}


.cm .link .qt_link a{
float:left;
display:block;
overflow:hidden;
text-indent:-10000px;
background:url(../../cm/images/qt_link.jpg) no-repeat;
width:198px;
height:31px;
margin:0;
}



#clear{
clear:both;
	margin:0;
	padding:0;
}

img { border: 0;
	margin:0;
	padding:0;
	 }
a:link{
color:#666666;
	text-decoration: underline;
	}
a:visited{
	color:#666666;
	text-decoration: underline;
	}
a:hover{
	color:#999999;
	text-decoration: underline;
	} 



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/