@charset "utf-8";

/* ------------------------------------------------------
   header
------------------------------------------------------- */
div#tkj_headerWrap {
width:100%;
height:84px;
background:url(/common/img/tkj_header/headerWrap_bg.gif) repeat-x top;
}
div#tkj_headerArea {
position:relative;
width:995px;
height:84px;
background:url(/common/img/tkj_header/header_bg.gif) no-repeat top left;
}
div#tkj_headerArea #ci a {
display:block;
width:236px;
height:84px;
text-indent:-9999px;
background:url(/common/img/tkj_header/ci.gif) no-repeat top left;
}

/* portalNav
------------------------------------------------------- */
div#tkj_headerArea #tkj_portalNav:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
div#tkj_headerArea #tkj_portalNav {
position:absolute;
top:47px;
right:12px;
width:667px;
}
div#tkj_headerArea #tkj_portalNav ul {
}
div#tkj_headerArea #tkj_portalNav li {
float:left;
text-indent:-9999px;
overflow:hidden;
}
div#tkj_headerArea #tkj_portalNav li.fashion a {
display:block;
width:114px;
height:29px;
background:url(/common/img/tkj_header/portalNav_fashion.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.fashion a:hover {
background:url(/common/img/tkj_header/portalNav_fashion_o.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.lifestyle a {
display:block;
width:110px;
height:29px;
background:url(/common/img/tkj_header/portalNav_lifestyle.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.lifestyle a:hover {
background:url(/common/img/tkj_header/portalNav_lifestyle_o.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.entertainment a {
display:block;
width:110px;
height:29px;
background:url(/common/img/tkj_header/portalNav_entertainment.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.entertainment a:hover {
background:url(/common/img/tkj_header/portalNav_entertainment_o.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.literary a {
display:block;
width:110px;
height:29px;
background:url(/common/img/tkj_header/portalNav_literary.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.literary a:hover {
background:url(/common/img/tkj_header/portalNav_literary_o.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.brandmook a {
display:block;
width:110px;
height:29px;
background:url(/common/img/tkj_header/portalNav_brandmook.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.brandmook a:hover {
background:url(/common/img/tkj_header/portalNav_brandmook_o.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.bunko a {
display:block;
width:113px;
height:29px;
background:url(/common/img/tkj_header/portalNav_bunko.gif) no-repeat top left;
}
div#tkj_headerArea #tkj_portalNav li.bunko a:hover {
background:url(/common/img/tkj_header/portalNav_bunko_o.gif) no-repeat top left;
}

/* account
------------------------------------------------------- */
div#tkj_accountWrap {
position:absolute;
top:0;
right:10px;
}
div#tkj_accountArea:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
div#tkj_accountArea {zoom:1;}
div#tkj_accountArea a {
color:#c4cccf;
text-decoration:none;
}
div#tkj_accountArea a:hover {
font-weight:normal;
text-decoration:underline;
}
div#tkj_accountArea ul#mypage_session_links,
div#tkj_accountArea ul#mypage_links {
float:right;
padding:8px 0 0;
font-size:10px;
} 
div#tkj_accountArea ul#mypage_session_links li,
div#tkj_accountArea ul#mypage_links li {
float:left;
margin-left:12px;
padding-top:2px;
text-align:left;
} 
div#tkj_accountArea ul li#clip {
padding-left:20px;
min-height:17px;
height:auto !important;
height:17px;
background-image:url(/common/img/account/default/account_icon_clip.gif);
background-repeat:no-repeat;
background-position:left top;
} 
div#tkj_accountArea ul li#login {
padding-left:20px;
min-height:17px;
height:auto !important;
height:17px;
background-image:url(/common/img/account/default/account_icon_login.gif);
background-repeat:no-repeat;
background-position:left top;
}
div#tkj_accountArea div#toolArea {
display:inline;
float:right;
margin-left:20px;
padding-left:10px;
height:29px;
background:url(/common/img/account/toolArea_bg_l.png) no-repeat left top;
zoom:1;
}
div#tkj_accountArea div#toolBlock {
/display:inline; /* for ie6,7 */
height:29px;
padding-right:10px;
background:url(/common/img/account/toolArea_bg_r.png) no-repeat right top;
zoom:1;@/* for ie */
}
div#tkj_accountArea div#toolBox {
/display:inline; /* for ie6,7 */
height:26px;
padding-bottom:3px;
background:url(/common/img/account/toolArea_bg.png) repeat-x;
zoom:1;@/* for ie */
}
div#tkj_accountArea div#toolBox ul {
float:left;
margin-left:-10px;
padding-top:3px;
overflow:hidden;
zoom:1;@/* for ie */
}
div#tkj_accountArea div#toolBox ul li {
float:left;
height:26px;
margin-left:10px;
padding-top:0;
zoom:1;@/* for ie */
}
div#tkj_accountArea div#toolBox ul li span.hatena_user {
margin-left:3px;
}
div#tkj_accountArea div#toolBox img {
vertical-align:middle;
}


/* ------------------------------------------------------
   subHeader
------------------------------------------------------- */
div#tkj_subHeaderWrap {
width:100%;
height:27px;
background-color:#ebeef1;
}
div#tkj_subHeaderArea {
position:relative;
width:995px;
height:27px;
}

/* select janle
------------------------------------------------------- */
div#tkj_subHeaderArea dl {
position:absolute;
top:0;
left:15px;
}
div#tkj_subHeaderArea dl dt {
display:block;
width:191px;
height:27px;
text-indent:-9999px;
cursor:pointer;
background:url(/common/img/tkj_header/btn_select_genre.gif) no-repeat top left;
}
div#tkj_subHeaderArea dl dt:hover {
background:url(/common/img/tkj_header/btn_select_genre_o.gif) no-repeat top left;
}
div#tkj_subHeaderArea dl dd.menu_genre {
position:relative;
display:none;
padding-bottom:11px;
background:url(/common/img/tkj_header/menu_genre_bg_btm.png) no-repeat bottom left;
z-index:1000000;
zoom:1;
}
div#tkj_subHeaderArea dl dd.menu_genre ul {
//margin-top:-2px;
padding-top:5px;
background:url(/common/img/tkj_header/menu_genre_bg.png) no-repeat top left;
}
div#tkj_subHeaderArea dl dd.menu_genre ul li a {
display:block;
margin-top:-1px;
width:191px;
height:18px;
text-indent:-9999px;
}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_01 a {background:url(/common/img/tkj_header/genre/01.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_01 a:hover {background:url(/common/img/tkj_header/genre/01_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_02 a {background:url(/common/img/tkj_header/genre/02.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_02 a:hover {background:url(/common/img/tkj_header/genre/02_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_03 a {background:url(/common/img/tkj_header/genre/03.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_03 a:hover {background:url(/common/img/tkj_header/genre/03_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_04 a {background:url(/common/img/tkj_header/genre/04.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_04 a:hover {background:url(/common/img/tkj_header/genre/04_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_05 a {background:url(/common/img/tkj_header/genre/05.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_05 a:hover {background:url(/common/img/tkj_header/genre/05_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_06 a {background:url(/common/img/tkj_header/genre/06.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_06 a:hover {background:url(/common/img/tkj_header/genre/06_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_07 a {background:url(/common/img/tkj_header/genre/07.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_07 a:hover {background:url(/common/img/tkj_header/genre/07_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_08 a {background:url(/common/img/tkj_header/genre/08.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_08 a:hover {background:url(/common/img/tkj_header/genre/08_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_09 a {background:url(/common/img/tkj_header/genre/09.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_09 a:hover {background:url(/common/img/tkj_header/genre/09_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_10 a {background:url(/common/img/tkj_header/genre/10.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_10 a:hover {background:url(/common/img/tkj_header/genre/10_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_11 a {background:url(/common/img/tkj_header/genre/11.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_11 a:hover {background:url(/common/img/tkj_header/genre/11_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_12 a {background:url(/common/img/tkj_header/genre/12.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_12 a:hover {background:url(/common/img/tkj_header/genre/12_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_13 a {background:url(/common/img/tkj_header/genre/13.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_13 a:hover {background:url(/common/img/tkj_header/genre/13_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_14 a {background:url(/common/img/tkj_header/genre/14.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_14 a:hover {background:url(/common/img/tkj_header/genre/14_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_15 a {background:url(/common/img/tkj_header/genre/15.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_15 a:hover {background:url(/common/img/tkj_header/genre/15_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_16 a {background:url(/common/img/tkj_header/genre/16.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_16 a:hover {background:url(/common/img/tkj_header/genre/16_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_17 a {background:url(/common/img/tkj_header/genre/17.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_17 a:hover {background:url(/common/img/tkj_header/genre/17_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_18 a {background:url(/common/img/tkj_header/genre/18.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_18 a:hover {background:url(/common/img/tkj_header/genre/18_o.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_19 a {background:url(/common/img/tkj_header/genre/19.png) no-repeat top left;}
div#tkj_subHeaderArea dl dd.menu_genre ul li.genre_19 a:hover {background:url(/common/img/tkj_header/genre/19_o.png) no-repeat top left;}


/* search form
------------------------------------------------------- */
div#tkj_subHeaderArea div#tkj_seachArea {
position:relative;
top:0;
left:245px;
width:430px;
}
div#tkj_subHeaderArea div#tkj_seachArea form #query {
width:250px;
height:20px;
padding:7px 5px 0;
background:url(/common/img/tkj_header/search_bg.gif) no-repeat top left;
}
div#tkj_subHeaderArea div#tkj_seachArea form #query input {
border:none;
outline:none;
background:#fcfcfc;
}
div#tkj_subHeaderArea div#tkj_seachArea form #button {
position:absolute;
top:0;
left:260px;
}
div#tkj_subHeaderArea div#tkj_seachArea form #button a {
display:block;
width:72px;
height:27px;
text-indent:-9999px;
overflow:hidden;
background:url(/common/img/tkj_header/btn_search.gif) no-repeat top left;
}
div#tkj_subHeaderArea div#tkj_seachArea form #button a:hover {
background:url(/common/img/tkj_header/btn_search_o.gif) no-repeat top left;
}
div#tkj_subHeaderArea div#tkj_seachArea form #advance_search {
position:absolute;
top:0;
left:336px;
}
div#tkj_subHeaderArea div#tkj_seachArea form #advance_search a {
display:block;
width:88px;
height:27px;
text-indent:-9999px;
overflow:hidden;
background:url(/common/img/tkj_header/btn_advance_search.gif) no-repeat top left;
}
div#tkj_subHeaderArea div#tkj_seachArea form #advance_search a:hover {
background:url(/common/img/tkj_header/btn_advance_search_o.gif) no-repeat top left;
}

/* siteNav
------------------------------------------------------- */
div#tkj_siteNavArea:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
div#tkj_siteNavArea {
position:absolute;
top:0;
right:12px;
width:229px;
}
div#tkj_siteNavArea li {
float:left;
text-indent:-9999px;
overflow:hidden;
}
div#tkj_siteNavArea li.outline a {
display:block;
width:67px;
height:27px;
background:url(/common/img/tkj_header/siteNav_outline.gif) no-repeat top left;
}
div#tkj_siteNavArea li.outline a:hover {
background:url(/common/img/tkj_header/siteNav_outline_o.gif) no-repeat top left;
}
div#tkj_siteNavArea li.sitemap a {
display:block;
width:79px;
height:27px;
background:url(/common/img/tkj_header/siteNav_sitemap.gif) no-repeat top left;
}
div#tkj_siteNavArea li.sitemap a:hover {
background:url(/common/img/tkj_header/siteNav_sitemap_o.gif) no-repeat top left;
}
div#tkj_siteNavArea li.inquiry a {
display:block;
width:83px;
height:27px;
background:url(/common/img/tkj_header/siteNav_inquiry.gif) no-repeat top left;
}
div#tkj_siteNavArea li.inquiry a:hover {
background:url(/common/img/tkj_header/siteNav_inquiry_o.gif) no-repeat top left;
}


/* ------------------------------------------------------
   breadcrumbs
------------------------------------------------------- */
div#breadcrumbsWrap {
width:100%;
height:23px;
border-bottom:1px solid #e9eae9;
background:url(/common/img/tkj_header/breadcrumbs_bg.gif) repeat-x top;
}
div#breadcrumbsArea:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
div#breadcrumbsArea {
width:995px;
height:23px;
}
div#breadcrumbsArea ul li {
float:left;
padding-top:6px;
font-size:10px;
zoom:1;
}
div#breadcrumbsArea ul li.home {
padding-left:38px;
color:#4c3e26;
background:url(/common/img/tkj_header/home.gif) no-repeat top left;
}