@charset "utf-8";

/* ------------------------------------------------------
  brandomook Style Sheet
  Last Update 2009-00-00
------------------------------------------------------ */

/* ------------------------------------------------------
   RESET
------------------------------------------------------ */
body {
line-height:1.5;
background-color:#f3f4f2;
background-image:none;
}
ol, ul, li {
list-style-type:none;
}
img {
border:none;
vertical-align:top;
}
.clear {
clear:both;
}

div#treasure_g_breadcrumb li.crumb p {
padding-top:3px;
}
div#treasure_l_footer_headline {
padding:0;
}


/* ------------------------------------------------------
   LAYOUT
------------------------------------------------------ */
div#brandmook_wrap {
width:100%;
background-image:url(/tkj_brandmook/index/img/brandmook_wrap_bg.gif);
background-repeat:repeat-x;
background-position:top;
}
div#brandmook_container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#brandmook_container {display:inline-block;}
/* Hides from IE-mac \*/
*html div#brandmook_container {height:1%;}
div#brandmook_container {display:block;}
/* End hide from IE-mac */
div#brandmook_container {
width:1006px;
background-image:url(/tkj_brandmook/index/img/brandmook_container_bg.gif);
background-repeat:repeat-y;
background-position:12px;
}
div#brandmook_contentsArea {
float:left;
width:777px; /* width:765px; margin-left:12px; */
}
div#brandmook_asideArea {
float:right;
width:226px;
background-image:url(/tkj_brandmook/index/img/brandmook_asideArea_bg.gif);
background-repeat:repeat-y;
background-position:right;
}


/* ------------------------------------------------------
   MODULE
------------------------------------------------------ */
div#brandmook_wrap h1 {
margin-left:12px;
height:41px;
font-size:1px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_h1.gif);
background-repeat:no-repeat;
background-position:top left;
}
body#brandmook div#flashcontent {
margin-left:12px;
}


/* brandmook_infoArea
------------------------------------------------------ */
div#brandmook_infoAreaWrap {
width:777px;
background-image:url(/tkj_brandmook/index/img/brandmook_info_title_bg.gif);
background-repeat:repeat-x;
background-position:top;
}
div#brandmook_infoArea {
width:765px;
margin-left:12px;
background-image:url(/tkj_brandmook/index/img/brandmook_infoArea_bg.gif);
background-repeat:repeat-y;
}
div#brandmook_infoArea h2 {
height:43px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_info_title.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_infoBlock {
width:762px;
margin-left:3px;
}
div#brandmook_infoBlock ul {
padding-top:5px;
border-top:1px solid #c4c5c3;
}
div#brandmook_infoBlock ul li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#brandmook_infoBlock ul li {display:inline-block;}
div#brandmook_infoBlock ul li {
width:722px;
height:27px;
padding:0 20px;
}
div#brandmook_infoBlock ul li span.date {
display:block;
float:left;
width:62px;
margin-right:15px;
padding-top:5px;
font-size:90%;
color:#FFF;
text-align:center;
}
div#brandmook_infoBlock ul li a {
display:block;
float:right;
width:645px;
padding-top:4px;
color:#6e5545;
text-decoration:none;
}
div#brandmook_infoBlock ul li a:hover {
text-decoration:underline;
}
div#brandmook_infoBlock ul li.type01 {
background-image:url(/tkj_brandmook/index/img/brandmook_info_li_bg_01.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_infoBlock ul li.type02 {
background-image:url(/tkj_brandmook/index/img/brandmook_info_li_bg_02.gif);
background-repeat:no-repeat;
background-position:top left;
}


/* brandmook_releaseArea
------------------------------------------------------ */
div#brandmook_releaseAreaWrap {
width:777px;
background-image:url(/tkj_brandmook/index/img/brandmook_release_title_bg.gif);
background-repeat:repeat-x;
background-position:top;
}
#brandmook_releaseArea {
width:765px;
margin-left:12px;
background-image:url(/tkj_brandmook/index/img/brandmook_releaseArea_bg.gif);
background-repeat:repeat-y;
}
div#brandmook_releaseArea h2 {
height:51px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_release_title.gif);
background-repeat:no-repeat;
background-position:top left;
}
div.brandmook_releaseFlameWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.brandmook_releaseFlameWrap {display:inline-block;}
/* Hides from IE-mac \*/
*html div.brandmook_releaseFlameWrap {height:1%;}
div.brandmook_releaseFlameWrap {display:block;}
/* End hide from IE-mac */
div.brandmook_releaseFlameWrap {
width:762px;
margin-left:3px;
}
div.brandmook_releaseFlame01 {
width:762px;
background-image:url(/tkj_brandmook/index/img/brandmook_release_bg_mid.gif);
background-repeat:repeat-y;
}
div.brandmook_releaseFlame02 {
width:762px;
min-height:137px;
height:auto !important;
height:137px;
background-image:url(/tkj_brandmook/index/img/brandmook_release_bg_top.gif);
background-repeat:no-repeat;
background-position:top left;
}
div.brandmook_releaseFlame03 {
width:762px;
padding-top:18px;
padding-bottom:15px;
background-image:url(/tkj_brandmook/index/img/brandmook_release_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
div.brandmook_releaseInnerArea {
float:left;
width:254px;
}
div.brandmook_releaseInnerBlock:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.brandmook_releaseInnerBlock {display:inline-block;}
/* Hides from IE-mac \*/
*html div.brandmook_releaseInnerBlock {height:1%;}
div.brandmook_releaseInnerBlock {display:block;}
/* End hide from IE-mac */
div.brandmook_releaseInnerBlock {
width:234px;
padding:0 10px;
}
div.brandmook_releaseInnerBlock div.brandmook_release_imgArea {
float:left;
width:95px;
}
div.brandmook_releaseInnerBlock p.brandmook_release_img {
}
div.brandmook_releaseInnerBlock p.brandmook_release_img img {
border:2px solid #FFF;
}
div.brandmook_releaseInnerBlock div.brandmook_release_detailArea {
float:right;
width:138px;
}
div.brandmook_releaseInnerBlock dl {
position:relative;
}
div.brandmook_releaseInnerBlock dl dt a {
line-height:1.3;
_line-height:1.25;
color:#e71d8f;
}
div.brandmook_releaseInnerBlock dl dd {
position:absolute;
top:70px;
left:5px;
color:#6e5545;
font-size:9px;
}


/* brandmook_libraryArea
------------------------------------------------------ */
div#brandmook_libraryAreaWrap {
width:777px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_title_bg.gif);
background-repeat:repeat-x;
background-position:top;
}
div#brandmook_libraryArea {
width:765px;
margin-left:12px;
background-image:url(/tkj_brandmook/index/img/brandmook_libraryArea_bg.gif);
background-repeat:repeat-y;
}
div#brandmook_libraryArea div#brandmook_libraryArea_headArea:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#brandmook_libraryArea div#brandmook_libraryArea_headArea {display:inline-block;}
/* Hides from IE-mac \*/
*html div#brandmook_libraryArea div#brandmook_libraryArea_headArea {height:1%;}
div#brandmook_libraryArea div#brandmook_libraryArea_headArea {display:block;}
/* End hide from IE-mac */
div#brandmook_libraryArea div#brandmook_libraryArea_headArea {
position:relative;
width:765px;
height:52px;
}
div#brandmook_libraryArea h2 {
float:left;
width:383px;
height:52px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_title.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_libraryArea div#brandmook_libraryArea_seletArea {
float:right;
width:382px;
height:52px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_select.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_libraryArea div#brandmook_libraryArea_seletArea form {
margin-left:85px;
padding-top:17px;
}
div#brandmook_libraryArea div#brandmook_libraryArea_seletArea form select {
}
div#brandmook_libraryBlock_btm {
width:762px;
margin-left:3px;
background-image:url(/tkj_brandmook/index/img/brandmook_libraryBlock_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
div#brandmook_libraryBlock {
width:762px;
padding-bottom:35px;
min-height:308px;
height:auto !important;
height:308px;
/min-height:285px;
/height:285px;
background-image:url(/tkj_brandmook/index/img/brandmook_libraryBlock_bg.gif);
background-repeat:repeat-y;
}
div.brandmook_libraryFlame01 {
width:762px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_bg_mid.gif);
background-repeat:repeat-y;
}
div.brandmook_libraryFlame02 {
width:762px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_bg_top.gif);
background-repeat:no-repeat;
background-position:top left;
}
div.brandmook_libraryFlame03 {
width:762px;
min-height:50px;
height:auto !important;
height:50px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
div.brandmook_libraryFlameInner {
margin-left:23px;
width:716px;
}

div.brandmook_libraryInner {
float:left;
width:178px;
margin-right:1px:
}
div.brandmook_libraryInner p.brandmook_library_date {
height:20px;
padding:6px 10px 0;
color:#62422e;
overflow:hidden;
}
div.brandmook_libraryInner p.brandmook_library_date span {
color:#b37f24;
}

/* brandmook_library_imgAreaInner */
div.brandmook_libraryInner div.brandmook_library_imgArea {
display:table;
width:178px;
height:142px;
text-align:center;
background-image:url(/tkj_brandmook/index/img/brandmook_library_img_bg.gif);
background-repeat:no-repeat;
background-position:left top;
}
*html div.brandmook_libraryInner div.brandmook_library_imgArea {  /* for ie */
position:relative;   
}
html div.brandmook_libraryInner div.brandmook_library_imgArea {  /* for ie */
/position:relative;   
}
div.brandmook_libraryInner div.brandmook_library_imgAreaInner {  
display:table-cell;
vertical-align: middle;
text-align:center;
}
*html div.brandmook_libraryInner div.brandmook_library_imgAreaInner {  /* for ie */
position:absolute;
top:50%; 
left:50%; 
}
div.brandmook_libraryInner div.brandmook_library_imgAreaInner { /* for ie */ 
/position:absolute;
/top:50%; 
/left:50%; 
}
div.brandmook_libraryInner div.brandmook_library_imgAreaInner p {  
margin:0;  
}  
*html div.brandmook_libraryInner div.brandmook_library_imgAreaInner p {  /* for ie */
position:relative;
top:-50%;
left:-50%; 
}
div.brandmook_libraryInner div.brandmook_library_imgAreaInner p {  /* for ie */
/position:relative;
/top:-50%;
/left:-50%; 
}
div.brandmook_libraryInner div.brandmook_library_imgAreaInner p img {
padding:1px;
border:2px solid #C6C3C1;
background-color:#FFF;
}

/* brandmook_library_detailArea */
div.brandmook_libraryInner div.brandmook_library_detailArea {
position:relative;
width:178px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_detailArea_bg_mid.gif);
background-repeat:repeat-y;
}
div.brandmook_libraryInner div.brandmook_library_detailBlock {
width:178px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_detailArea_bg_top.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
div.brandmook_libraryInner div.brandmook_library_detailBox {
width:178px;
min-height:55px;
height:auto !important;
height:55px;
padding-bottom:30px;
background-image:url(/tkj_brandmook/index/img/brandmook_library_detailArea_bg_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
div.brandmook_libraryInner div.brandmook_library_detailBox h3 a {
display:block;
padding:5px 10px 0;
font-size:80%;
font-weight:normal;
line-height:1.3;
/line-height:1.2;
color:#d1d1c8;
zoom:1;
}
div.brandmook_libraryInner div.brandmook_library_detailBox p.viewItem {
position:absolute;
bottom:8px;
left:49px;
}


/* brandmook_noticeArea
------------------------------------------------------ */
div#brandmook_noticeAreaWrap h2 {
height:43px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_notice_title.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_noticeArea {
position:relative;
width:222px;
height:255px;
overflow:auto;
background-color:#fbfbf8;
}
div#brandmook_noticeArea div#brandmook_noticeBlock {
position:relative;
width:207px;
color:#6e5545;
}
div#brandmook_noticeArea div#brandmook_noticeBlock ul li {
padding:8px 0;
background-image:url(/tkj_brandmook/index/img/brandmook_notice_line.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:1;
}
div#brandmook_noticeArea div#brandmook_noticeBlock ul li.colorBg {
background-color:#e9e9e0;
}
div#brandmook_noticeArea div#brandmook_noticeBlock ul li span {
display:block;
padding:0 8px;
zoom:1;
}


/* brandmook_fortuneArea
------------------------------------------------------ */
div#brandmook_fortuneAreaWrap {
width:226px;
}
div#brandmook_fortuneArea {
width:222px;
}
div#brandmook_fortuneArea p#fortune_ttl {
width:202px;
height:18px;
padding:2px 10px;
font-size:10px;
color:#624d42;
overflow:hidden;
background:url(../img/fortune/brandmook_fortune_bg_01.gif) no-repeat top left;
}
div#brandmook_fortuneArea dl dd {
height:30px;
background:url(../img/fortune/brandmook_fortune_bg_02.gif) no-repeat top left;
}
div#brandmook_fortuneArea dl dd input {
width:118px;
height:20px;
margin:6px 1px 0 17px;
/margin:6px 2px 0 17px;
border:none;
overflow:hidden;
background-color:#f0efea;
}


/* brandmook_rankingArea
------------------------------------------------------ */
div#brandmook_rankingAreaWrap {
width:226px;
}
div#brandmook_rankingArea {
width:222px;
padding-bottom:2px;
background-image:url(/tkj_brandmook/index/img/brandmook_rankingArea_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
}
div#brandmook_rankingArea h2 {
height:45px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_title.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_rankingArea ol {
font-size:11px;
}
div#brandmook_rankingArea ol li div.btm {
min-height:30px;
height:auto !important;
height:30px;
}
div#brandmook_rankingArea div#ranking_commentArea {
padding:12px 8px;
color:#6e5545;
font-size:9px;
text-align:right;
background-color:#e4e4da;
}

/* rank01 */
div#brandmook_rankingArea ol li.rank01 {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_01_mid.gif);
background-repeat:repeat-y;
}
div#brandmook_rankingArea ol li.rank01 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_01.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_rankingArea ol li.rank01 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_01_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* rank02 */
div#brandmook_rankingArea ol li.rank02 {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_02_mid.gif);
background-repeat:repeat-y;
}
div#brandmook_rankingArea ol li.rank02 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_02.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_rankingArea ol li.rank02 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_02_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* rank03 */
div#brandmook_rankingArea ol li.rank03 {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_03_mid.gif);
background-repeat:repeat-y;
}
div#brandmook_rankingArea ol li.rank03 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_03.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_rankingArea ol li.rank03 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_03_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* rank04 */
div#brandmook_rankingArea ol li.rank04 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_04.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank05 */
div#brandmook_rankingArea ol li.rank05 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_05.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank06 */
div#brandmook_rankingArea ol li.rank06 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_06.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank07 */
div#brandmook_rankingArea ol li.rank07 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_07.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank08 */
div#brandmook_rankingArea ol li.rank08 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_08.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank09 */
div#brandmook_rankingArea ol li.rank09 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_09.gif);
background-repeat:no-repeat;
background-position:top left;
}
/* rank10 */
div#brandmook_rankingArea ol li.rank10 div.top {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_10.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#brandmook_rankingArea ol li.rank10 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_10_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* rank04-10 偶数 */
div#brandmook_rankingArea ol li.rank04,
div#brandmook_rankingArea ol li.rank06,
div#brandmook_rankingArea ol li.rank08,
div#brandmook_rankingArea ol li.rank10 {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_A_mid.gif);
background-repeat:repeat-y;
}
div#brandmook_rankingArea ol li.rank04 div.btm,
div#brandmook_rankingArea ol li.rank06 div.btm,
div#brandmook_rankingArea ol li.rank08 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_A_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* rank04-10 奇数 */
div#brandmook_rankingArea ol li.rank05,
div#brandmook_rankingArea ol li.rank07,
div#brandmook_rankingArea ol li.rank09 {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_B_mid.gif);
background-repeat:repeat-y;
}
div#brandmook_rankingArea ol li.rank05 div.btm,
div#brandmook_rankingArea ol li.rank07 div.btm,
div#brandmook_rankingArea ol li.rank09 div.btm {
background-image:url(/tkj_brandmook/index/img/brandmook_ranking_B_btm.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* common */
div#brandmook_rankingArea ol li p {
width:150px;
margin-left:56px;
padding:5px 0 6px;
}
div#brandmook_rankingArea ol li p a {
color:#6e5545;
}


/* brandmook_linkArea
------------------------------------------------------ */
div#brandmook_linkArea {
width:226px;
}
div#brandmook_linkArea h2 {
width:222px;
height:45px;
text-indent:-9999px;
background-image:url(/tkj_brandmook/index/img/brandmook_link_title.gif);
}
div#brandmook_linkArea ul li {
width:223px;
height:87px;
padding:5px 0 0 3px;
background-image:url(/tkj_brandmook/index/img/brandmook_link_bnr_bg.gif);
}