@charset "utf-8";
/*------------------------------------------------------------------------------
CSS Information

File name:index.css
- Top Pages
------------------------------------------------------------------------------*/

#liqueur_document a:link,
#liqueur_document a:hover,
#liqueur_document a:active,
#liqueur_document a:visited{
text-decoration: underline;
}

/*-- visual_area --*/ 
div#visual_area {
margin: 10px 0 0;
width:890px;
}

div#visual_area div {display:none;}

div#visual_area div.selected,
div#visual_area div.jshowoff {
width:890px;
height:300px;
display:block;
}

ul.visual_nav {float:right;}

ul.visual_nav li {
float:left;
margin-top:9px;
margin-left:5px;
display:inline;
width:60px;
}

ul.visual_nav a {
display: block;
text-decoration: none;
text-indent:-9999px;
background:url(../../images/index_visual_nav01_n.gif) no-repeat 0 0;
outline: none;
height:6px;
line-height:0;
font-size:0;
}

ul.visual_nav a.visual_nav-active {background:url(../../images/index_visual_nav01_r.gif) no-repeat 0 0;}

div#liqueur_top_main {
width:890px;
margin-top:26px;
}

div#mainInfoArea {
width:650px;
float:left;
}

/*-- popularInfo ߐlCy[W--*/
div#mainInfoArea div#blog {
width: 224px;
float: left;
}

div#mainInfoArea div#blog ul {
width: 224px;
min-height: 230px;
height: auto !important;
height: 230px;
padding-top: 12px;
margin-bottom:20px;
background:url(../../images/bg_blog2.jpg) no-repeat bottom center;
}

div#mainInfoArea div#blog ul li {
background:url(../images/tmp_lineA01.gif) repeat-x bottom left;
padding: 0 5px 20px;
margin-bottom:10px;
zoom:100%;
}
div#mainInfoArea div#blog ul li.lastchild {
background: none;
margin-bottom:0;
}
div#mainInfoArea div#blog ul li:after {
display: block;
content:".";
height:0;
visibility:hidden;
clear: both;
}

div#mainInfoArea div#blog ul li img {
float: left;
margin: 0 5px;
}

div#mainInfoArea div#blog ul li span {
font-weight: bold;
color: #aa0000;
}

/*-- popularInfo ߐlCy[W--*/
div#mainInfoArea div.popularInfo {
margin-bottom:20px;
width: 399px;
float: right;
}

div#mainInfoArea div.popularInfo p {
font-size:93%;
font-weight:bold;
}

div#mainInfoArea div.popularInfo p span {
color:#d90000;
}

/*-- essayInfo ǂ̂--*/
div#mainInfoArea div.essayInfo {
border-bottom:1px solid #cccccc;
padding-bottom: 10px;
margin-bottom:20px;
}

div#mainInfoArea div.essayInfo img {
float:left;
}

div#mainInfoArea div.essayInfo .essaycomment {
margin:10px 0;
}

div#mainInfoArea div.essayInfo .clearfix {
padding:0 10px;
}

div#mainInfoArea div.essayInfo .essaylink {
float:right;
width: 249px;
background:url(../../images/index_ondori_bg.jpg) no-repeat bottom right;
}

div#mainInfoArea div.essayInfo .essaylink p {
width:169px;
margin-bottom: 10px;
font-size:93%;
font-weight:bold;
}

div#mainInfoArea div.essayInfo .essaylink p span {
font-weight:normal;
color:#000000;
}

div#mainInfoArea div.essayInfo .essaylink p a {
font-weight:bold;
color:#cc0000;
}

div#mainInfoArea div.essayInfo .essaylink a img {
margin-bottom:10px;
}

/*-- seanInfo ǂ̂--*/
div#mainInfoArea div.seanInfo p {
margin-bottom:10px;
}

/*-- guideInfo L[EJNeҕK--*/
div#mainInfoArea div.guideInfo li {
float:left;
margin:10px 10px 43px 0;
}

div#mainInfoArea div.guideInfo li.last {
float:left;
margin-right:0px;
}

/*-- recommendInfo ̂ߐi--*/
div#mainInfoArea div.recommendInfo {
float:left;
width:222px;
}

div#mainInfoArea div.recommendInfo .imageBox01 {
margin-top:10px;
}

div#mainInfoArea div.recommendInfo .imageBox01 p.product{
float:left;
width:65px;
}

div#mainInfoArea div.recommendInfo .imageBox01 p.txt{
float:left;
width:157px;
}

div#mainInfoArea div.recommendInfo .imageBox01 span{
background:url(../../images/arrow.gif) no-repeat scroll 0 6px transparent;
padding-left:10px;
font-weight:bold;
color:#cc0000;
}

/*-- recommendInfo i--*/
div#mainInfoArea div.productInfo-content {
border-left:1px solid #DDD;
border-right:1px solid #DDD;
padding-bottom:5px;
padding-top:10px;
margin-bottom:6px;
}

div#mainInfoArea div.productInfo {
float:right;
width:400px;
background:url(../../images/index_essayInfo_bg01.gif) no-repeat 0 100%;
margin-bottom:20px;
}

div#mainInfoArea div.productInfo .border {
background:url(../../images/product_border.gif) repeat-y center bottom;
padding-left:10px;
}

div#mainInfoArea div.productInfo .border2 {
background:url(../../images/product_border2.gif) repeat-y center bottom;
padding-left:10px;
}

div#mainInfoArea div.productInfo .box{
float:left;
width:112px;
margin-right:21px;
min-height:107px;
height: auto !important;
height: 107px;
}

div#mainInfoArea div.productInfo .box2{
	float:left;
	margin-right:0px;
	min-height:70px;
	height: auto !important;
	height: 70px;
	width: 190px;
}

div#mainInfoArea div.productInfo .last{
margin-right:0px;
}

div#mainInfoArea div.productInfo .box p{
width:101px;
}

div#mainInfoArea div.productInfo .box span{
background:url(../../images/arrow.gif) no-repeat center left;
padding-left:10px;
font-weight:bold;
color:#cc0000;
}

/*-- newsInfo --*/
div#mainInfoArea div.newsInfo {
	float:left;
	width:200px;
	background:url(../../images/index_newsInfo_bg01.gif) no-repeat 0 100%;
}

div#mainInfoArea div.newsInfo-content {
border-left:1px solid #DDD;
border-right:1px solid #DDD;
margin-bottom:6px;
padding:0 14px 0;
}

div.newsInfo-content dl.newsA01 dt  {padding-left:12px;}

div.newsInfo-content dl.newsA01 dd  {
background:url(../images/tmp_bulletA01.gif) no-repeat 0 4px;
padding-left:12px;
font-size:93%;
line-height:1.6;
}

/*-- mail-magaArea --*/
div#mainInfoArea div.mail-magaArea {
float:left;
width:650px;
margin-top:30px;
background:url(../../images/index_mail-magaArea_bg01.gif) no-repeat 0 100%;
}

div#mainInfoArea div.mail-magaArea-content {
width:610px;
margin:16px 0;
padding:0 24px 0;
}

div.mail-magaArea-content div.mail-magaBox {
width:610px;
}

div.mail-magaArea-content div.mail-magaBox p {
font-size:93%;
line-height:1.6;
}

div.mail-magaArea-content ul.btnArea {
width:600px;
margin-top:16px;
}

div.mail-magaArea-content ul.btnArea li {
float:left;
height:48px;
}

div.mail-magaArea-content ul.btnArea li.first {padding-right:40px;}

div.mail-magaArea-content ul.btnArea li.subscribe {
position:relative;
/zoom:1;
}

div.mail-magaArea-content ul.btnArea li.subscribe div.btnBlock {
width:167px;
position:absolute;
top:-10px;
left:114px;
}

div.mail-magaArea-content ul.btnArea li div.btnBlock a {
display:block;
margin-bottom:4px;
}


/*-- movieArea --*/
div#movieArea dl {font-size:93%;}

div#movieArea dt {margin-bottom:10px;}

div#movieArea dd{
margin-bottom:20px;
line-height:1.6;
}

/*-- bannerAreaB01 --*/
ul.bannerAreaB01 {
clear:both;
width:660px;
padding-top:16px;
margin-left:-10px;
}

ul.bannerAreaB01 li {
float:left;
display:inline;
margin-left:10px;
margin-bottom:10px;
}

/*-- figureBlockA01 --*/
div.productInfo-content .figureBlockA01,
div.newsInfo-content .figureBlockA01,
div.productInfo-content .figureBlockB01 {
width:100%;
clear:both;
padding:10px 0 10px;
background:url(../images/tmp_lineA01.gif) repeat-x 0 100%;
}

div.productInfo-content .figureBlockA01.last-child,
div.newsInfo-content .figureBlockA01.last-child,
div.productInfo-content .figureBlockB01.last-child {
padding-bottom:4px;
background:none;
}

div.productInfo-content .figureBlockA01 .imageBox01,
div.productInfo-content .figureBlockA01 .textBox01,
div.newsInfo-content .figureBlockA01 .textBox01,
div.productInfo-content .figureBlockB01 .imageBox01,
div.productInfo-content .figureBlockB01 .textBox01 {
display: table-cell;
vertical-align: middle;
/display: inline;
/zoom: 1;
}

div.newsInfo-content .figureBlockA01 .imageBox01 {
display: table-cell;
vertical-align: top;
/display: inline;
/zoom: 1;
}

div.productInfo-content .figureBlockA01 .imageBox01 {width:65px;}
div.productInfo-content .figureBlockA01 .textBox01 {width:125px;}
div.productInfo-content .figureBlockB01 .imageBox01 {width:50px;}
div.productInfo-content .figureBlockB01 .textBox01 {width:140px;}
div.newsInfo-content .figureBlockA01 .imageBox01 {
width:60px;
padding-right:15px;
}

div.newsInfo-content .figureBlockA01 .textBox01 {
	width:221px;
}

/*-- relatedInfo --*/
div#relatedInfo {
float:right;
width:210px;
}


/*-- popularInfo ߐlCy[W--*/
div#relatedInfo div#blog {
	width: 210px;
	float: left;
}

div#relatedInfo div#blog ul {
	width: 210px;
	min-height: 230px;
	height: auto !important;
	height: 230px;
	padding-top: 12px;
	margin-bottom:20px;
	background:url(../../images/bg_blog.jpg) no-repeat bottom center;
}

div#relatedInfo div#blog ul li {
background:url(../images/tmp_lineA01.gif) repeat-x bottom left;
padding: 0 5px 20px;
margin-bottom:20px;
zoom:100%;
}
div#relatedInfo div#blog ul li.lastchild {
background: none;
margin-bottom:0;
}
div#relatedInfo div#blog ul li:after {
display: block;
content:".";
height:0;
visibility:hidden;
clear: both;
}

div#relatedInfo div#blog ul li img {
float: left;
margin: 0 5px;
}

div#relatedInfo div#blog ul li span {
font-weight: bold;
color: #aa0000;
}

/*-- relatedInfo ߐlCy[W--*/


ul.bannerAreaA01 li {margin-bottom:10px;}


/*oCTCg*/
ul.bannerAreaA01 li.mblink {margin-top:10px;}
ul.bannerAreaA01 li.mblink {
background: url("../../images/index_mobile_bg01.gif") no-repeat scroll 0 100% transparent;
float: right;
width: 210px;
}

ul.bannerAreaA01 li.mblink #mblink_inner {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
margin-bottom: 5px;
padding: 0 10px 10px 10px;
}

ul.bannerAreaA01 li.mblink p#mburl{
padding-top:10px;
}

ul.bannerAreaA01 li.mblink p#mbbtn{
padding-top:10px;
}

ul.bannerAreaA01 li.mblink .lspace{
margin-right:10px;
float:left;
}

ul.bannerAreaA01 li.mblink .rspace{
margin-top:10px;
}



/*AvP[V*/
ul.bannerAreaA01 li.aplink {margin-top:10px;}
ul.bannerAreaA01 li.aplink {
background: url("../../images/index_mobile_bg01.gif") no-repeat scroll 0 100% transparent;
float: right;
width: 210px;
}

ul.bannerAreaA01 li.aplink #aplink_inner {
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
margin-bottom: 5px;
padding: 0 10px 10px 10px;
}

ul.bannerAreaA01 li.aplink p#apurl{
margin-right:10px;
margin-top:10px;
float:left;
}

ul.bannerAreaA01 li.aplink p#apurl_txt{
float:left;
width:110px;
margin-top:10px;
}

ul.bannerAreaA01 li.aplink p#apbtn{
padding-top:10px;
}

ul.bannerAreaA01 li.aplink p.aptxt{
margin-bottom:10px;
margin-top:10px;
}

ul.bannerAreaA01 li.aplink .neww{
margin-left:3px;
margin-bottom:4px;
}


/*FlashGA@productflash*/
#productflash{
float:left;
width:220px;
}