@charset "utf-8";

/*headPart*/
@import url("/css/blocks/pannavibox.css");
/*featurePart*/
@import url("/css/blocks/featureBlock.css");
/*contentPart*/
@import url("/css/blocks/rankBlock.css");
@import url("/css/blocks/liftBlock.css");
@import url("/css/blocks/keywordBlock.css");
/*footPart*/




/*------------------------------
カラム分け
------------------------------*/
/* メインブロック */
#mainBlock{
	width:850px;
	padding:0 5px;
	margin:20px 0 10px 0;
}
/* 特集ブロック */
#featureBlock{
	float:left;
	width:225px;
	background:url(../img/home/bg_feature.gif) repeat-y;
	text-align:left;	
}
/* コンテンツブロック */
#contentsBlock{
	float:right;
	width:615px;
}



/*------------------------------
Pick Up, ShoppingMenu, Ranking共通(注目キーワード：サイズのみ共通指定)
------------------------------*/
#itemBlock,
#catBlock,
#rankblock,
#keywordblock{
	width:615px;
}
#itemBlock .titlebox,
#catBlock .titlebox,
#rankBlock .titlebox{
	width:615px;
	height:23px;
	margin:0 0 10px 0;
	background-color:#625d53;
}
#itemBlock .titlebox h2,
#catBlock .titlebox h2,
#rankBlock .titlebox h2{
	float:left;
}
#itemBlock .titlebox p,
#catBlock .titlebox p,
#rankBlock .titlebox p{
	float:right;
	margin:6px 3px 0 0;	
	color:#FFFFFF;
	font-size:85%;
}
/*------------------------------
Pick Up
------------------------------*/
#itemBlock ul{width:615px;margin:0 0 10px 0;}
#itemBlock ul li{
	float:left;
	width:115px;
	margin:0 10px 0 0;
	background:url(../img/common/panel_115.gif) no-repeat;
	text-align:center;
}
#itemBlock ul li.li_last{
	margin:0;
}
#itemBlock ul li img{
	margin:7px 0 0 0;
}
#itemBlock ul h3{
	margin:10px 0 0 0;
	padding:2px 0 0 0;
	font-size:90%;
	font-weight:bold;
	text-align:left;
	line-height:130%;
}
#itemBlock .linkbox{
	margin:0 0 15px 0;
	text-align:right;	
}
#itemBlock .linkbox a{
	padding:3px 10px 0 0;
	background:url(../img/home/icon_link.gif) no-repeat right;
	font-size:85%;	
}
#itemBlock .link_imakore p{
	margin:15px 0 7px;
	font-size:85%;
	background:url(../img/home/icon_link.gif) no-repeat right;
	padding:0 10px 0 0;	
	text-align:right;
}
/*------------------------------
Shopping Menu
------------------------------*/
#catBlock ul{width:615px;margin:0 0 10px 0;}
#catBlock ul li.catbox{
	float:left;
	width:195px;
	height:130px;
	margin:0 15px 0 0;
	background:url(../img/home/panel_cat.gif) no-repeat;
}
#catBlock ul li.last{
	margin:0;
}
#catBlock ul li img{
	float:left;
	margin:8px 0 0 3px;
}
#catBlock ul li .txtbox{
	float:right;
	width:115px;
	padding:12px 2px 0 0;
	text-align:left;
}
#catBlock ul li .txtbox h3{
	font-size:92%;
	color:#522F2F;
	font-weight:bold;
	background:url(../img/home/icon_category.gif) no-repeat 0px 2px;
	padding:0 0 0 16px;		
	height:38px;
} 
#catBlock ul li .txtbox h3 a{
	color:#522F2F;
	font-weight:bold;
}
#catBlock ul li .txtbox ol{
	margin:0 0 0 15px;
	padding:0;
}
#catBlock ul li .txtbox .ol_height{
	height:60px;
}
#catBlock ul li .txtbox ol li{
	padding:0;
	list-style:disc;
}
#catBlock ul li .txtbox ol li h4{
	font-size:85%;
}
#catBlock ul li .txtbox ol li h4 a{
	text-decoration:none;
}
#catBlock ul li .txtbox ol li h4 a:hover{
	text-decoration:underline;
}
#catBlock ul li .txtbox p{
	text-align:right;
	font-size:85%;
	background:url(../img/home/icon_link.gif) no-repeat right;
	padding:0 10px 0 0;
}

/*------------------------------
Ranking
------------------------------*/
/* サイズ・3カラムの指定 */
#rankBlock ul{margin:0 0 20px 0;}
#rankBlock ul li{
	float:left;
	width:195px;
	margin:0 15px 0 0;
}
#rankBlock ul li.li_last{margin:0px;}



/*------------------------------
ポップアップ
------------------------------*/
.toolTip{position:relative;width:100px;height:100px;}
.toolTip .popupL{
display:block;
width:170px;
height:76px;
padding:2px 5px;
text-decoration:none;
position:absolute;
top:-80px;
left:-7px;
visibility:hidden;
}
.toolTip .popupR{
display:block;
width:170px;
height:76px;
padding:2px 5px;
text-decoration:none;
position:absolute;
top:-80px;
left:-72px;
visibility:hidden;
}
.toolTip p.description{
height:48px;
font-size:75%;
line-height:130%;
color:#000000;
text-align:left;
}
.toolTip p.shop{
float:right;
color:#8E7463;
background:url(../img/home/ico_shop.gif) no-repeat 0px 0px;
margin:2px 0 0 0;
padding:0 0 0 13px;
font-size:75%;
}
a.toolTip h3{
text-decoration:underline;
}
a.toolTip:hover h3{
text-decoration:none;
}

a.toolTip:hover,a.toolTip:hover .popupL{
z-index:100;
visibility:visible;
background:url(../img/home/popupL.gif) no-repeat;
}
a.toolTip:hover,a.toolTip:hover .popupR{
z-index:100;
visibility:visible;
background:url(../img/home/popupR.gif) no-repeat;
}
html>body .toolTip .popupL{top:-125px;left:-8px;}
html>body .toolTip .popupR{top:-125px;left:-73px;}