@charset "utf-8";

/*------------------------------------------------------------
  common
------------------------------------------------------------ */

@import url(/wine/common2015/css/common.css);


/* #container

======================================================================= */

/* #contents

======================================================================= */

#contents{

width:960px;

margin:0 auto;

text-align:left;

padding:0 0 50px 0;

}



#contents:after{content:""; clear:both; display:block;}



#contents #contents_left{

float:left;

width:770px;

}



#contents #contents_right{

float:right;

width:190px;

}





/* #contents #contents_left

==================================== */

#contents_left .row{

padding:0 0 25px 0;

}



#contents_left .row:after{content:""; clear:both; display:block;}



#contents_left .row #parts_cm,

#contents_left .row #parts_factory,

#contents_left .row #parts_kodawari,

#contents_left .row #parts_enjoy{

float:left;

width:360px;

margin:0 20px 0 0;

}



/* #contents h2

======================================================================== */

#contents h2,

#contents h2 a{

display:block;

font-size:0;

line-height:0;

background:url(../img/h2_bg.png) no-repeat 0 0;

width:740px;

height:45px;

margin:0 0 15px 0;

}



#contents h2 img{

height:45px;

}



/* #contents #contents_left .row h2

------------------------------ */

#contents_left .row h2{

width:360px;

background-position:0 -50px;

overflow:hidden;

}



#contents_left .row a h2,

#contents_left .row h2 a{

width:360px;

background-position:0 -100px;

}



#contents_left .row a:hover h2,

#contents_left .row h2 a:hover{

background-position:0 -150px;

}



/* #contents #contents_right h2

------------------------------ */

#contents_right h2{

width:190px;

background-position:-500px -50px;

overflow:hidden;

}



#contents_right a h2,

#contents_right h2 a{

width:190px;

background-position:-500px -100px;

}



#contents_right a:hover h2,

#contents_right h2 a:hover{

background-position:-500px -150px;

}







/* #contents_left dl.dl_list

==================================== */

#contents_left dl.dl_list dt{

font-size:0;

line-height:0;

}



#contents_left .row dl.dl_list dt img{

width:360px;

height:200px;

}



#contents_left a:hover dl.dl_list dt img{

opacity:0.7;

filter:alpha(opacity=70);

-ms-filter:"alpha(opacity=70)";

}



#contents_left a dl.dl_list dd{

padding:10px 0 0 0;

font-size:14px;

line-height:130%;

color:#444;

}



#contents_left dl.dl_list dd .col_01{color:#c70;}

#contents_left dl.dl_list dd .font_s{font-size:11px;}

#contents_left dl.dl_list dd em{font-weight:bold;}



#contents_left a:hover dl.dl_list dd,

#contents_left a:hover dl.dl_list dd i,

#contents_left a:hover dl.dl_list dd em{

color:#c90;

text-decoration:underline;

}



/* #contents_left .row #parts_kodawari

-------------------------------------------------- */

#contents_left .row #parts_kodawari dl.dl_list dt{

width:360px;

height:116px;

overflow:hidden;

}



#contents_left .row #parts_kodawari dl.dl_list dt img{

width:360px;

height:auto;

}



#contents_left .row #parts_kodawari a dl.dl_list dd{

font-size:12px;

}





/* #contents_right .bnr_mail_mag

==================================== */

#contents_right .bnr_mail_mag{

width:190px;

height:195px;

background:url(../img/bnr_mail_mag.png) no-repeat 0 0;

}



#contents_right .bnr_mail_mag a{

display:block;

background:url(../img/bnr_mail_mag.png) no-repeat -200px 0;

width:190px;

height:195px;

text-indent:100%;

white-space:nowrap;

overflow:hidden;

font-size:0;

line-height:0;

opacity:0;

filter:alpha(opacity=0);

-ms-filter:"alpha(opacity=0)";

}



#contents_right .bnr_mail_mag a:hover{

opacity:1;

filter:alpha(opacity=100);

-ms-filter:"alpha(opacity=100)";

}