#index #contents{
width:100%;
background:url(../images/index/main_bg.jpg) 50% 0 repeat-x #fff;
}

#index #contents #contents_inner{

width:960px;
margin:0px auto 0 auto;
background:none;
}

#index #contents #contents_inner #main{
width:948px;
height:338px;
margin:0 auto;
position:relative;
top:18px;
}


#index #contents #contents_inner #leftCol { position: relative; width: 301px; margin:70px auto 0; }
#index #contents #contents_inner #leftCol h2 { position: relative; width: 301px; height: 47px; z-index: 0; }
#index #contents #contents_inner #leftCol .inner { position: relative; width: 278px; height: auto; padding: 5px 13px 0 10px; background:url(../images/index/bg_search.gif) repeat-y; }
#index #contents #contents_inner #leftCol .foot { position: relative; width: 301px; height: 7px; background:url(../images/index/foot_search.gif) no-repeat; }
#index #contents #contents_inner #leftCol .inner .sttl01 { float:left; display: inline; margin: 10px 11px 10px 13px; }
#index #contents #contents_inner #leftCol .inner input { float: left; display: inline; margin:6px 3px 0 0; }
#index #contents #contents_inner #leftCol .inner input.word { width: 100px; }
#index #contents #contents_inner #leftCol .inner input.btn { width: ; }
#index #contents #contents_inner #leftCol .inner .sttl02 { margin: 12px 0 0; }
#index #contents #contents_inner #leftCol .inner .sttl03 { margin: 13px 0 8px 13px; }
#index #contents #contents_inner #leftCol .inner dl { margin:0 auto; width:254px; }
#index #contents #contents_inner #leftCol .inner dl dt { clear: left; float: left; width: 6em; padding: 3px 0.5em 3px 0; color:#604b32; }
#index #contents #contents_inner #leftCol .inner dl dd { margin-left: 0; padding:5px 0.5em 5px 7em; /*border-top:1px dotted #919191;*/ line-height:18px; }



/*#index #contents #contents_inner #leftCol #scroll{
width:290px;
margin:10px auto 0 auto;
overflow:auto;
height:195px;
clear:both;
}*/




#index #contents #contents_inner #infoCol{
width:635px; border:1px solid #c51515; float:left; margin:70px 0 -50px 18px;
}
#index #contents #contents_inner #infoCol .title{
float:left; margin:8px 14px;
}
#index #contents #contents_inner #infoCol ul{
float:left; border-left:1px dotted #c51515; padding:0 12px; margin:5px 0;
}
#index #contents #contents_inner #infoCol ul li{ color:#c51515; }
#index #contents #contents_inner #infoCol ul li span{ color:#333; margin-right:20px; }
#index #contents #contents_inner #infoCol ul li a:link { color:#c51515; text-decoration:none; }
#index #contents #contents_inner #infoCol ul li a:visited { color:#c51515; text-decoration:none; }
#index #contents #contents_inner #infoCol ul li a:hover { color:#c51515; text-decoration:underline; }
#index #contents #contents_inner #infoCol ul li a:active { color:#c51515; text-decoration:underline; }


#index #contents #contents_inner #centerCol{
width:450px;
margin:70px 0 0 8px;
_margin:0 0 50px 0px;
float:left;
}

#index #contents #contents_inner #centerCol .whatsnew { position: relative; width: 422px; margin:0 auto 16px; }
#index #contents #contents_inner #centerCol .whatsnew .btn { position: absolute; top: 26px; right: 8px; z-index: 1; }
#index #contents #contents_inner #centerCol .whatsnew h2 { position: relative; width: 422px; height: 47px; z-index: 0; }
#index #contents #contents_inner #centerCol .whatsnew .inner { position: relative; width: 396px; height: auto; padding: 5px 13px 0; background:url(../images/index/bg_whatsnew.gif) repeat-y; }
#index #contents #contents_inner #centerCol .whatsnew .foot { position: relative; width: 422px; height: 7px; background:url(../images/index/foot_whatsnew.gif) no-repeat; }
#index #contents #contents_inner #centerCol .whatsnew .inner dl { margin:0; width:396px; }
#index #contents #contents_inner #centerCol .whatsnew .inner dl dt { clear: left; float: left; 	width: 7em; padding: 5px 0.5em; color:#604b32; }
#index #contents #contents_inner #centerCol .whatsnew .inner dl dd { margin-left: 0; padding: 7px 0.5em 7px 8em; border-bottom:1px dotted #919191; line-height:18px; }
#index #contents #contents_inner #centerCol .whatsnew .inner dl dd:last-child {border-bottom: none;}

#index #contents #contents_inner #centerCol .pickup { width: 422px; margin:0 auto; }
#index #contents #contents_inner #centerCol .pickup h2 { width: 422px; height: 47px; }
#index #contents #contents_inner #centerCol .pickup .inner { position: relative; width: 422px; height: 235px; background:url(../images/index/bg_pickup.gif) no-repeat; }
#index #contents #contents_inner #centerCol .pickup .inner .bnnr01 { position: absolute; top:11px; left: 12px; }
#index #contents #contents_inner #centerCol .pickup .inner .bnnr02 { position: absolute; top:11px; left: 216px; }
#index #contents #contents_inner #centerCol .pickup .inner .bnnr03 { position: absolute; top:119px; left: 12px; }
#index #contents #contents_inner #centerCol .pickup .inner .bnnr04 { position: absolute; top:119px; left: 216px; }






#index #contents #contents_inner #centerCol ul li.bn03 a{
width:219px; height:134px;
}
#index #contents #contents_inner #centerCol ul li.bn01{
	position: absolute; top: 3px; left: 14px;
background:url(../images/index/banner_shop.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn02{
background:url(../images/index/banner_quiz.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn03{
	position: absolute; top: 134px; left: 0;
width:219px; height:134px; background:url(../images/index/banner_kids.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn04{
	position: absolute; top: 0; left: 230px;
 /*margin:-4px 0 5px 10px;*/ background:url(../images/index/banner_wine.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn01 a:hover{
background:url(../images/index/banner_shop_on.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn02 a:hover{
background:url(../images/index/banner_quiz_on.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn03 a:hover{
background:url(../images/index/banner_kids_on.gif) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol ul li.bn04 a:hover{
background:url(../images/index/banner_wine_on.gif) 0 0 no-repeat;
}

#index #contents #contents_inner #centerCol #menuCol{
position:relative; width:422px; height:128px; margin:0 0 0 10px; clear:both;
}
#index #contents #contents_inner #centerCol #menuCol .menu01 a{
position:absolute; top:0; left:0; width:211px; height:128px; background:url(../images/index/banner_menu01.jpg) 0 0 no-repeat;
 text-indent:-9999px; display:block; }
#index #contents #contents_inner #centerCol #menuCol .menu02 a{
position:absolute; top:0; left:211px; width:211px; height:128px; background:url(../images/index/banner_menu02.jpg) 0 0 no-repeat;
 text-indent:-9999px; display:block; }
#index #contents #contents_inner #centerCol #menuCol .menu01 a:hover{
background:url(../images/index/banner_menu01_on.jpg) 0 0 no-repeat;
}
#index #contents #contents_inner #centerCol #menuCol .menu02 a:hover{
background:url(../images/index/banner_menu02_on.jpg) 0 0 no-repeat;
}


#index #contents #contents_inner #rightCol{
width:195px;
margin:70px auto 0 auto;
float:right;
}

#index #contents #contents_inner #rightCol ul{
border-top:1px solid #af9d90;
}

#index #contents #contents_inner #rightCol ul li{
padding:8px 0;
border-bottom:1px solid #af9d90;
}
#index #contents #contents_inner #rightCol ul li.bnOther{
padding:8px 0 0;
border-bottom:0;
}
#index #contents #contents_inner #rightCol ul li img{
vertical-align: bottom;
}
#index #contents #contents_inner #rightCol .social{
padding:10px 0;
background:#fff;
}