@charset "utf-8";

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

/* ------------------------------------------------------
   RESET
------------------------------------------------------ */
body {
line-height:1.5;
background-color:#edece6;
background-image:none;
}
ol, ul, li {
list-style-type:none;
}
img {
border:none;
vertical-align:top;
}
.clear {
clear:both;
}
/* CLEARFIX */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

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


/* ------------------------------------------------------
   LAYOUT
------------------------------------------------------ */
div#oshare_container {
width:100%;
overflow:hidden;
}
div#oshare_mainContentsAreaWrap:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#oshare_mainContentsAreaWrap {display:inline-block;}
/* Hides from IE-mac \*/
*html div#oshare_mainContentsAreaWrap {height:1%;}
div#oshare_mainContentsAreaWrap {display:block;}
/* End hide from IE-mac */
div#oshare_mainContentsAreaWrap {
width:100%;
padding-bottom:12px;
background-image:url(../img/oshareMainContentsArea_bg_btm.gif);
background-repeat:repeat-x;
background-position:bottom;
}
div#oshare_mainContentsArea {
width:994px;
margin-left:11px;
/*width:1005px;*/
height:659px;
}

div#oshare_updateAreaWrapTop:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#oshare_updateAreaWrapTop {display:inline-block;}
/* Hides from IE-mac \*/
*html div#oshare_updateAreaWrapTop:after {height:1%;}
div#oshare_updateAreaWrapTop {display:block;}
/* End hide from IE-mac */
div#oshare_updateAreaWrapTop {
width:100%;
padding-top:4px;
background-image:url(../img/oshareContentsArea_bg_top.gif);
background-repeat:repeat-x;
background-position:top;
}
div#oshare_updateAreaWrapLeft {
width:100%;
/*padding-left:14px;*/
background-image:url(../img/oshare_bg_left.gif);
background-repeat:repeat-y;
background-position:left;
}
div.oshare_updateArea:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.oshare_updateArea {display:inline-block;}
/* Hides from IE-mac \*/
*html div.oshare_updateArea:after {height:1%;}
div.oshare_updateArea {display:block;}
/* End hide from IE-mac */
div.oshare_updateArea {
width:991px;
margin-left:14px;
}


/* ------------------------------------------------------
   MODULE
------------------------------------------------------ */
/* oshare_mainContentsArea
------------------------------------------------------ */
/* oshare_fashionFlashContent */
div#oshare_fashionFlashContent {
float:left;
width:590px;
height:659px;
overflow:hidden;
background:url(../img/oshare_fashionFlashContent_bg.jpg) no-repeat top left;
}
div#oshare_fashionFlashContent h1 {
height:40px;
text-indent:-9999px;
overflow:hidden;
}
div#oshare_fashionFlashContent ul:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
div#oshare_fashionFlashContent ul {
height:176px;
margin:0 0 29px 26px;
/*background:url(../img/oshare_fashionFlashContent_ul_bg.gif) no-repeat top left;*/
/*zoom:1;*/
}
div#oshare_fashionFlashContent ul li {
position:relative;
float:left;
width:124px;
height:176px;
margin-right:14px;
background:url(../img/oshare_fashionFlashContent_li_bg.gif) no-repeat top left;
overflow:hidden;
}
div#oshare_fashionFlashContent ul li .img {
position:absolute;
top:18px;
width:124px;
text-align:center;
}
div#oshare_fashionFlashContent ul li .img img {
padding:1px;
background:#FFF;
border:1px solid #e5e5e5;
}
div#oshare_fashionFlashContent ul li .txt {
position:absolute;
top:152px;
margin-left:8px;
}
div#oshare_fashionFlashContent ul li .txt a {
padding-left:10px;
color:#6d5545;
font-weight:bold;
font-size:11px;
text-decoration:none;
background:url(../img/oshare_icon_01.gif) no-repeat 0 2px;
}
div#oshare_fashionFlashContent ul li .txt a:hover {
text-decoration:underline;
}

div#oshare_mainContentRightArea {
float:right;
width:404px;
}
div#oshare_bnrFlashContent {
width:404px;
}

/* oshare_brandmookFlashContent */
div#oshare_brandmookFlashContent {
width:404px;
height:433px;
background:url(../img/oshare_mook_infoArea_bg.gif) repeat-y left;
overflow:hidden;
}
div#oshare_brandmookFlashContent_btm {
width:404px;
height:428px;
padding-bottom:5px;
background:url(../img/oshare_mook_infoArea_bg_btm.gif) no-repeat bottom;
}
div#oshare_brandmookFlashContent h2 {
width:404px;
height:35px;
text-indent:-9999px;
background:url(../img/oshare_mook_infoArea_h2.gif) no-repeat top left;
overflow:hidden;
}
div#oshare_brandmookFlashContent ul {
width:397px;
margin-left:2px;
}
div#oshare_brandmookFlashContent ul li {
padding:5px 10px 5px 30px;
background:#fbfbf8 url(../img/line_01.gif) repeat-x bottom;
}
div#oshare_brandmookFlashContent ul li:nth-child(even) {
background:#edece6 url(../img/line_01.gif) repeat-x bottom;
}
div#oshare_brandmookFlashContent ul li a {
padding-left:15px;
color:#6e5545;
font-weight:bold;
text-decoration:none;
background:url(../img/oshare_icon_01.gif) no-repeat 0 2px;
}
div#oshare_brandmookFlashContent ul li a:hover {
text-decoration:underline;
}

/* oshare_mook_infoArea　*/
div#oshare_mook_infoArea {
width:404px;
background-image:url(../img/oshare_bg_right.gif);
background-repeat:repeat-y;
background-position:right;
}
div#oshare_mook_infoArea h2 {
width:400px;
height:31px;
line-height:1;
text-indent:-9999px;
background-image:url(../img/oshare_h2_01.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#oshare_mook_infoBlock {
width:399px;
background-color:#fbfbf8;
height:103px;
border-top:1px solid #e4e4e2;
border-left:1px solid #e4e4e2;
border-bottom:1px solid #e4e4e2;
}
div#oshare_mook_infoBlock li {
/*width:379px;*/
padding:10px;
color:#6e5545;
background-image:url(../img/line_01.gif);
background-repeat:repeat-x;
background-position:bottom;
zoom:1;
}
div#oshare_mook_infoBlock li.colorBg {
background-color:#f1f1ec;
}

/* oshare_updateArea
------------------------------------------------------ */
/* oshare_blogArea */
div#oshare_blogArea {
float:left;
width:588px;
color:#6e5545;
background-image:url(../img/oshare_blogArea_bg.gif);
background-repeat:repeat-y;
background-position:right;
}
div#oshare_blogArea h2 {
width:585px;
height:38px;
text-indent:-9999px;
background-image:url(../img/oshare_h2_02.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#oshare_blogBlock {
width:584px;
height:131px;
overflow:hidden;
border:1px solid #e3e3e1;
}
div.blogBox01 {
width:569px;
height:26px;
background-image:url(../img/blog_bg_01.gif);
background-repeat:no-repeat;
background-position:top left;
}
div.blogBox02 {
width:569px;
height:26px;
background-image:url(../img/blog_bg_02.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#oshare_blogBlock p.date {
float:left;
width:68px;
padding:7px 5px 0;
line-height:1;
font-size:11px;
}
div#oshare_blogBlock p.title {
float:left;
width:380px;
padding:3px 0 0 25px;
}
div#oshare_blogBlock p.title a,
div#oshare_blogBlock p.title a:link,
div#oshare_blogBlock p.title a:visited {
color:#6E5545;
}
div#oshare_blogBlock p.title a:hover,
div#oshare_blogBlock p.title a:active,
div#oshare_blogBlock p.title a:focus {
font-weight:bold;
text-decoration:underline;
}
div#oshare_blogBlock p.id {
float:left;
width:85px;
padding-top:3px;
}

/* oshare_addArea */
div#oshare_addArea {
float:right;
width:403px;
height:171px;
overflow:hidden;
background:url(../img/oshare_bg_right.gif) repeat-y right;
}
div#oshare_addBlock {
width:399px;
}
/* oshare_fortuneArea */
div#oshare_addArea div#oshare_fortuneArea {
width:399px;
height:171px;
font-size:11px;
color:#6e5545;
}
div#oshare_fortuneArea dl:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#oshare_fortuneArea dl {display:inline-block;}
/* Hides from IE-mac \*/
*html div#oshare_fortuneArea dl:after {height:1%;}
div.div#oshare_fortuneArea dl {display:block;}
/* End hide from IE-mac */
div#oshare_fortuneArea dl {width:356px; margin-left:33px;}

div#oshare_fortuneArea dl dt {
float:left;
width:82px;
}
div#oshare_fortuneArea dl dd {
float:right;
width:256px;
overflow:hidden;
}
div#oshare_fortuneArea div#rank01 {
width:399px;
height:28px;
background:url(../img/fortune/fortune_rank01_bg.gif) no-repeat top left;
}
div#oshare_fortuneArea div#rank01 dl {
height:18px;
padding-top:5px;
overflow:hidden;
}
div#oshare_fortuneArea div#rank02 {
width:399px;
height:31px;
background:url(../img/fortune/fortune_rank02_bg.gif) no-repeat top left;
}
div#oshare_fortuneArea div#rank02 dl {
height:18px;
padding-top:8px;
overflow:hidden;
}
div#oshare_fortuneArea div#rank03 {
width:399px;
height:28px;
background:url(../img/fortune/fortune_rank03_bg.gif) no-repeat top left;
}
div#oshare_fortuneArea div#rank03 dl {
height:18px;
padding-top:8px;
overflow:hidden;
}
div#oshare_fortuneArea div#moreFortune {
width:399px;
height:28px;
background:url(../img/fortune/fortune_more_bg.gif) no-repeat top left;
}
div#oshare_fortuneArea div#moreFortune p {
width:381px;
margin-left:9px;
padding-top:7px;
text-align:right;
}
div#oshare_fortuneArea div#moreFortune a {
color:#FFF;
}
div#oshare_fortuneArea div#moreFortune img {
vertical-align:middle;
margin-right:4px;
}


/* oshare_linkArea */
div#oshare_linkAreaWrap {
width:100%;
border:1px solid #e6e9ea;
background-image:url(../img/oshare_linkArea_bg_top.gif);
background-repeat: repeat-x;
background-position:top;
}
div#oshare_linkArea {
width:978px;
margin-left:14px;
padding:10px 0 10px 10px;
}
div#oshare_linkArea ul {
float:left;
zoom:1;
}
div#oshare_linkArea ul li {
float:left;
width:228px;
height:90px;
margin-left:22px;
background-image:url(../img/oshare_link/link_bg.gif);
background-repeat:no-repeat;
background-position:top left;
}
div#oshare_linkArea ul li.firstItem {
margin-left:0;
}
div#oshare_linkArea ul li img {
padding:4px;
}