@charset "utf-8";

/*----------------------------------------------
# www.kinokuniya.co.jp
# ubusna,inc.
-----------------------------------------------*/ 

#wrap {
	margin:0; padding:0;
}

/* CONTENTS
---------------------------------------------*/
#contentsWrap {
	width:980px;
	margin:0 auto; padding:15px 5px;
}

#mainColumn {
	width:712px;
	float:left;
}

#mainColumnL {
	width:444px;
	float:left;
}

#mainColumnR {
	width:260px;
	float:right;
}

.mainColumnUnit {
	margin:0 0 10px 0;
}

#subColumn {
	width:260px;
	float:right;
}

.subColumnUnit {
	margin:10px 0 0 0;
}

/* CONTENTS
---------------------------------------------*/

#mainColumnMidashi {
	margin:0 0 9px 0; padding:0;
}

/* type1 */
.mainColumnSubMenu {
	width: 700px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background:url(/contents/common/img/category_bg.gif) 0 bottom repeat-x;
	padding: 8px 5px;
}

.mainColumnSubMenu dt.subMenuUnitL{	width: 100px; float: left; }
.mainColumnSubMenu dt.subMenuUnitL img{ vertical-align: top; }
.mainColumnSubMenu dd.subMenuUnitR{
	width: 590px;
	float: right;
	display: block;
}
.mainColumnSubMenu dd.subMenuUnitR dd{
	float: left;
	margin: 0 15px 0 0;
	font-weight: bold;
	white-space:nowrap;
}

/* type2 */
.mainColumnSubMenu2 {
	width: 660px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background:url(/contents/common/img/category_bg.gif) 0 bottom repeat-x;
	padding: 8px 25px;
}

.mainColumnSubMenu2 li{
	float: left;
	margin: 0 15px 0 0;
	font-weight: bold;
	white-space:nowrap;
}

.archiveNav{ 
	text-align: center;
	border-top: dotted 1px #CCC;
	padding-top: 20px;
	margin-top: 20px;
}

.anCurrentPage{ color: #333; font-weight: bold; }
.anSpe{ margin: 0 3px; }
.anSpe2{ margin: 0 13px; }


/* BIGGER LINK
---------------------------------------------------- */

/* Put a border around the newly clickable element */
.bl-hot {zoom: 1; /* Should be IE only */	}
/* rollover style for clickable element */
.bl-hover {
	cursor: pointer;
	background-color: #D9EAEE; !important
}
/* Simulate hover on contained link
.bl-hover a:link {color: #CC3333;}
.bl-hover a:visited {color: #CC3333;} */
.unit{
	/*float: left;*/
	clear: both;
	margin: 0; padding: 0;
}
.bl-hot {
	float: left;
	padding: 0; margin: 0;
	display: inline;
	text-indent: 0;
}
.unit:before {	 content: '';}

.unit p.unitPhoto {
	padding:0 0 3px 0;
	background:url(/contents/common/img/unit_pic_bg.gif) 0 bottom repeat-x;
}

/* add 2011.01.24 */
.unit p.unitPhoto span {
	width:214px; height:140px;
	display:block;
	overflow:hidden;
	background-position:center;
	background-repeat:no-repeat;
}
#pickupWrapL .unit p.unitPhoto span {	width:433px; height:263px;}
#mcCloseup .unit p.unitPhoto span {	width:250px; height:160px;}
#mcDegitalbook .unit p.unitPhoto span {	width:250px; height:160px;}
#mcOriginal .unit p.unitPhoto span {	width:250px; height:160px;}
#scSpecial .unit p.unitPhoto span {	width:250px; height:100px;}
#campaignWrapL .unit p.unitPhoto span {	width:433px; height:175px;}

.unit p.unitPhoto span img {
	display:none;
}
	
/* /add */

.unit  h3 { 	padding:6px 10px;}

/* HEADER
---------------------------------------------*/
#headWrap-L1 {
	width:100%; height:247px;
	min-width: 990px;
	position:relative;
	background:url(/contents/common/img/headWrap_bg.gif) 0 0 repeat;
}

#headWrap-L1 #head {
	width:100%; height:102px;
	min-width: 990px;
	margin:0 auto;
	position:absolute;
	background:url(/contents/common/img/bg_top.png) 0 0 repeat-x;
}

#headWrap-L1 #headInner {
	width:980px; height:93px;
	margin:0 auto; padding:0 5px;
}

#headWrap-L2 {
	width:100%; height:134px;
	min-width: 990px;
	position:relative;
}

#headWrap-L2 #head {
	width:100%; height:134px;
	min-width: 990px;
	margin:0 auto;
	/*position:absolute;*/
	background:url(/contents/common/img/bg_2nd.gif) 0 0 repeat-x;
}

#headWrap-L2 #headInner {
	width:980px; height:134px;
	margin:0 auto; padding:0 5px;
}

#headInner h1 {
	width:307px;
	margin:0; padding:16px 0 0 0;
	float:left;	
}

#headInner h1 a {
	height:66px;
	display:block; overflow:hidden;
	text-indent:-9999px;
	background:url(/contents/common/img/logo.png) 0 0 no-repeat;
}

#globalSearch {
	width:287px;
	margin:15px 0 0 0; padding:0 0 5px 14px;
	background:url(/contents/common/img/global_search_bg.gif) 0 0 repeat-y;
	float:right;	
}

#searchLabel {
	background:#000;
	width:287px; height:29px;
}

.searchText {
	width:220px; height:19px;
	margin:8px 0 0 0; padding:3px 5px; 
	float:left;
	background:#FFF;
	border:1px solid #B4B4B4;
}

.searchBtn {
	float:left;
	margin:8px 0 0 5px; 
}

#focus {
	width:100%; height:154px;
	position:absolute;
	top:93px;
	display:block; overflow:hidden;
	text-align:center;
}

/* GLOBAL NAVI
---------------------------------------------*/
#gnavWrap {
	width:100%;
	background:url(/contents/common/img/gnav_bg.gif) 0 0 repeat-x;
}

#gnav {
	width:990px;
	margin:0 auto; padding:15px 0 0 0;
	position:relative;
}

#gMenu {
	height:55px;
	margin:0; padding:0;
	position:absolute;
	top:-40px; left:0;
}

#gMenu li {
	height:55px;
	margin:0; padding:0;
	float:left;
}

#gMenu li a {
	height:55px;
	margin:0; padding:0;
	display:block; overflow:hidden;
	text-indent:-9999px;
	background-image:url(/contents/common/img/btn_gnav.png);
	background-repeat:no-repeat;
}

#gMenu li a:hover {
	height:55px;
	background-image:url(/contents/common/img/btn_gnav_o.png);
	background-repeat:no-repeat;
}

#gMenu li#g-pickup a { width:120px; background-position:0 0;}
#gMenu li#g-pickup a:hover {   width:120px; background-position:0 0;}
#gMenu li#g-ranking a { width:119px; background-position:-120px 0;}
#gMenu li#g-ranking a:hover {   width:119px; background-position:-120px 0;}
#gMenu li#g-shohyo a { width:119px; background-position:-239px 0;}
#gMenu li#g-shohyo a:hover {   width:119px; background-position:-239px 0;}
#gMenu li#g-special a { width:113px; background-position:-358px 0;}
#gMenu li#g-special a:hover {   width:113px; background-position:-358px 0;}
#gMenu li#g-events a { width:142px; background-position:-471px 0;}
#gMenu li#g-events a:hover {   width:142px; background-position:-471px 0;}
#gMenu li#g-shop a { width:120px; background-position:-613px 0;}
#gMenu li#g-shop a:hover {   width:120px; background-position:-613px 0;}
#gMenu li#g-label a { width:140px; background-position:-733px 0;}
#gMenu li#g-label a:hover {   width:140px; background-position:-733px 0;}
#gMenu li#g-business a { width:117px; background-position:-873px 0;}
#gMenu li#g-business a:hover {   width:117px; background-position:-873px 0;}

#gSubMenu {
	margin:0; padding:0 0 6px 0;
	background: url(/contents/common/img/gnav_bg_bottom.png) 0 bottom no-repeat;
}

.subMenuUnit {
	margin:0; padding:1px 6px 0 6px ;
	background:url(/contents/common/img/gnav_bg_center.png) 0 0 repeat-y;
}

.subMenuUnit dl {
	margin:0; padding:6px;
	background:#EAEAEA;
	border-bottom:1px solid #DDDDD9;
}

.subMenuUnit dl dt.subMenuUnitL { width:110px; float:left;}
.subMenuUnit dl dt.subMenuUnitL img { vertical-align:top;}
.subMenuUnit dl dd.subMenuUnitR { width:850px; float:right}

.subMenuUnit dl dd.subMenuUnitR dl {
	margin:0; padding:0;
	background:none;
	border-bottom:none;
}

.subMenuUnit dl dd.subMenuUnitR dd {
	padding:3px 10px 0 0;
	float:left;
	font-size:0.8em; line-height:1.5;
	white-space:nowrap;
}

/* FOOTER
---------------------------------------------*/
#footWrap {
	min-width: 990px;
	background:url(/contents/common/img/footer_bg.gif) 0 14px repeat-x;
}

.pagetopLink {
	width:986px;
	margin:0 auto;
}

.pagetopLink a {
	width:151px; height:37px;
	margin:0 0 0 835px; padding:0;
	background:url(/contents/common/img/btn_pagetop.png) 0 0 no-repeat;
	display:block; overflow:hidden;
	text-indent:-9999px;
}

.pagetopLink a:hover {
	background:url(/contents/common/img/btn_pagetop_o.png) 0 0 no-repeat;
}

#sitemap {
	margin:0; padding:11px 0 14px 0;
	background:url(/contents/common/img/footer_sitemap_bg.gif) 0 0 repeat;
}

#sitemapInner {
	width:980px;
	margin:0 auto; padding:0 5px;
	background:url(/contents/common/img/footer_sitemap_bg2.gif) 0 0 repeat-y;
}

#sitemapInner ul {
	width:244px;
	float:left;
}

#sitemapInner li {	padding:2px 20px;	}
#sitemapInner li img {	vertical-align:middle;}

#foot {
	width:980px;
	margin:0 auto; padding:15px 5px;
}

.footPrivacy {
	width:88px;
	margin:0; padding:0 0 0 10px;
	float:left;
}

#footInner {
	width:860px;
	margin:0; padding:0;
	float:right;
}

#footInner p {
	margin:0 0 1em 0;
}

#footInner td {
	padding:0 15px 0 0;
	vertical-align:middle;
}