@charset "utf-8";
/* -----------------------------------------------------------
* Description: ブラウザ設定を初期化
----------------------------------------------------------- */

/* 値の初期化 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;background:white;color:black;}a{color:inherit;}ol,ul{list-style:none;}fieldset,img{vertical-align:bottom;}caption,th,td{text-align:left;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* フォント周りの初期化 */
body{font:13px Arial,Helvetica,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
select,input,textarea{font-size:99%}pre,code{font:115% monospace;font-size:100%;}

/* ブラウザ固有の問題を無効化 */
br{letter-spacing:0;}/*\*/a{overflow:hidden;}/**/li li{font-size:inherit;}hr{height:0;visibility:hidden;border:0;}



/* -----------------------------------------------------------
* Description: レイアウトの設定
----------------------------------------------------------- */
body {
background:#e2d7c1;
color:#333;
font:84% Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
letter-spacing:0.02em;
line-height:1.44em;
}
#layout {
width:656px;
margin:22px auto 0 auto;
padding:22px;
background-color:#fff;
}
#cbox {
padding:0 28px;
background:url(../images/common/box_bg.gif) repeat-y left top;
}
#cbox .box_top,
#cbox .box_bottom {
margin:0 -28px;
}
#footer {
width:700px;
margin:15px auto 22px auto;
}
#footer p {
font-size:77%;
line-height:1.5em;
}



/* -----------------------------------------------------------
* Description: 共通要素
----------------------------------------------------------- */

a         {color:#B81A35; text-decoration:underline; }
a:visited {color:#B81A35; }
a:hover   {text-decoration:none;}
p {margin-bottom:2.5em;}
.clear {
clear:both;
}

h1 {
text-align:center;
width:648px;
margin:7px 0 45px 0;
overflow:hidden;
}
h1.top {
margin:0 -24px 25px -24px;
}

/* ------------------------------
 インタビュー
------------------------------ */
/* p::::::::::::::::::::: */
p.name1full,
p.name2full,
p.name1,
p.name2 {
font-size:84%;
line-height:1.6em;
padding-left:61px;
background:no-repeat left top;
}
p.name1full {background-image:url(../images/common/name1full.gif);}
p.name2full {background-image:url(../images/common/name2full.gif);}
p.name1 {background-image:url(../images/common/name1.gif);}
p.name2 {background-image:url(../images/common/name2.gif);}
p strong.name {
display:none;
}

/* キャプション::::::::::::::::::::: */
.caption {
font-size:77%;
padding-left:61px;
}

/* 画像::::::::::::::::::::: */
.imgR img,
.imgL img {
border:1px solid #9F8124;
}
.imgR {
float:right;
margin:0 0 25px 25px;
overflow:hidden;
}
.imgL {
float:left;
margin:0 25px 25px 0;
overflow:hidden;
}
.imgC {
width:539px;
padding-left:61px;
margin-bottom:25px;
overflow:hidden;
}
.cap {font-size:77%;}

/* 画像2並び::::::::::::::::::::: */
.photo2 {
width:600px;
margin-bottom:25px;
overflow:hidden;
}
.photo2 .left {
float:left;
width:285px;
}
.photo2 .right {
float:right;
width:285px;
}
.photo2 img {
border:1px solid #9F8124;
}

/* 画像3並び::::::::::::::::::::: */
.photo3 {
width:600px;
margin-bottom:25px;
overflow:hidden;
}
.photo3 .photo {
float:left;
width:189px;
margin-right:16px;
}
.photo3 .photoLast {
float:right;
width:189px;
}
.photo3 img {
border:1px solid #9F8124;
}

/* 画像縦並び::::::::::::::::::::: */
.photoLineR {
float:right;
width:287px;
margin:0 0 25px 25px;
}
.photoLineL {
float:left;
width:287px;
margin:0 25px 25px 0;
}
.photoLineR div,
.photoLineL div {
margin-bottom:10px;
}
.photoLineR img,
.photoLineL img {
border:1px solid #9F8124;
}

/* ------------------------------
 ワインの紹介
------------------------------ */
.wineProduct {
border-bottom:1px solid #cfc092;
width:600px;
padding-bottom:35px;
margin-bottom:35px;
overflow:hidden;
}
.wineProduct .img {
float:left;
width:140px;
}
.wineProduct .text {
display:table;
float:right;
width:450px;
height:226px;
}
.wineProduct .text p {
display:table-cell;
font-size:77%;
vertical-align:middle;
}
.wineProduct .text p strong {
display:block;
margin-bottom:18px;
}

/* ------------------------------
 プロフィール
------------------------------ */
/* カラーボックスR::::::::::::::::::::: */
.colorBox {
font-size:77%;
width:600px;
margin-bottom:20px;
background:url(../images/colorBox_bottom.png) no-repeat left bottom;
}
.colorBox_top {
width:544px;
padding:28px 28px 5px 28px;
background:url(../images/colorBox_top.png) no-repeat left top;
overflow:hidden;
}
.colorBox_top .profile strong {
display:block;
padding-bottom:15px;
}
/* ボーダーボックスR::::::::::::::::::::: */
.borderBox {
font-size:77%;
width:600px;
margin-bottom:40px;
background:url(../images/borderBox_bottom.png) no-repeat left bottom;
}
.borderBox_top {
width:544px;
padding:28px;
background:url(../images/borderBox_top.png) no-repeat left top;
overflow:hidden;
}
.borderBox_top strong.storName {
display:block;
padding-bottom:15px;
}

/* ------------------------------
 チャプターナビ
------------------------------ */
#cpNav {
width:600px;
}
#cpNav li {
margin-bottom:7px;
}
#cpNav li a {
display:block;
width:328px;
height:17px;
background:no-repeat left top;
text-indent:-9999px;
}
#cpNav li a:hover {
background-position:0 -17px;
}
#cpNav li a.current {
background-position:0 -17px;
}
#cpNav li.cp1 a {background-image:url(../images/common/ctNav_1.png);}
#cpNav li.cp2 a {background-image:url(../images/common/ctNav_2.png)}
#cpNav li.cp3 a {background-image:url(../images/common/ctNav_3.png)}
#cpNav li.cp4 a {background-image:url(../images/common/ctNav_4.png)}
#cpNav li.cp5 a {background-image:url(../images/common/ctNav_5.png)}
#cpNav li.cp6 a {background-image:url(../images/common/ctNav_6.png)}
#cpNav li.cp7 a {background-image:url(../images/common/ctNav_7.png)}
#cpNav li.cp8 a {background-image:url(../images/common/ctNav_8.png)}
#cpNav li.cp0 a {background-image:url(../images/common/ctNav_0.png)}

/* ------------------------------
 キャンペーントップへ戻る
------------------------------ */
.goCampaigntop {
text-align:center;
padding:32px 0 10px 0;
}

/* ------------------------------
 ページトップへ
------------------------------ */
.goPagetop {
text-align:right;
}
.goPagetop a {
color:#9f8124;
padding-left:19px;
background:url(../images/common/icn_goPagetop.gif) no-repeat left center;
}