@charset "UTF-8";

/* -----------------------------------------------------------
    Style for Ishizawa Laboratories Home
    
      01. Main Area
      02. Sidebar（右カラム）
      03. Layout Modules
      04. Heading Modules
      05. Text Modules
      06. Unordered List Modules
      07. Table Modules
      08. Self Clearing
      99. Browser Patch
----------------------------------------------------------- */


/* ----------------------------------------------------------
    01. Main Area
----------------------------------------------------------- */
#str-main div.section{
margin-bottom:20px;
}

#recommendBland{
position:relative;
}

#recommendBland ul.nav-contents-01{
position:absolute;
top:23px;
right:46px;
}

#specialIndex{
width:745px;
overflow:hidden;
}

#productIndex{
}

#specialIndex ul.nav-contents-01,
#productIndex ul.nav-contents-01{
position:relative;
top:-30px;
padding:0 42px 0 0;
text-align:right;
margin-bottom:-12px;
}

#specialIndex ul.roll-banner{
overflow:hidden;
width:766px;
}

#specialIndex .roll-banner li{
float:left;
margin-right:18px;
}


/* What's New
----------------------------------------------------------- */
#str-main div#whatsNew{
position:relative;
margin-bottom:10px;
width:745px;
height:250px;
background:url(../images/whatsnew/bg_whatsnew.gif) no-repeat left bottom;
display:none;
}

#str-main div#whatsNew_noscript{
margin-bottom:10px;
width:745px;
height:250px;
background:#dddddd;
}

#str-main div#whatsNew_noscript p{
padding-top:120px;
color:#333333;
font-size:1.1em;
text-align:center;
}

#whatsNew h2{
position:absolute;
top:-15px;
left:4px;
z-index:2;
}

#whatsNew div.column-main{
position:absolute;
top:4px;
left:4px;
width:540px;
z-index:1;
}

/*4段の場合
#whatsNew ul.list-btn{
position:absolute;
top:4px;
left:548px;
display:none;
width:193px;
z-index:1;
}

#whatsNew ul.list-btn li{
margin-bottom:2px;
}*/

/*3段の場合*/
#whatsNew ul.list-btn{
position:absolute;
top:4px;
left:548px;
display:none;
width:193px;
z-index:1;
height:79px;
}

#whatsNew ul.list-btn li{
margin-bottom:2px;
}

/*2×3段の場合
#whatsNew ul.list-btn{
position:absolute;
top:4px;
left:548px;
display:none;
width:196px;
z-index:1;
}

#whatsNew ul.list-btn li{
float:left;
margin:0 3px 3px 0;
width:95px;
height:79px;
}
*/

#whatsNew ul.list-img{
display:none;
}

div#newItem{
position:relative;
width:745px;
height:60px;
display:none;
}

div#newItem_noscript{
margin-bottom:10px;
width:745px;
height:60px;
background:#dddddd;
}

div#newItem_noscript p{
padding-top:30px;
color:#333333;
font-size:1.1em;
text-align:center;
}


div#slider{
position:absolute;
top:0;
left:17px;
overflow:hidden;
width:719px;
}

div#slider ul{
overflow:hidden;
width:1446px;
height:60px;
}

div#slider ul li{
margin-right:0;
overflow:hidden;
float:left;
width:719px;
height:60px;
}

div#slider ul li a{
margin-left:4px;
}
div#slider ul li a.first-child{
margin-left:0;
}

div#newItem p.btn-prev{
position:absolute;
top:0;
left:0;
}

div#newItem p.btn-next{
position:absolute;
top:0;
left:732px;
}

#whatsNew object{
position:absolute;
top:-16px;
}

#whatsNew div.pluginInfo{
display:table;
_display:block;
width:745px;
height:247px;
background-color:#E5E3DE;
}

#whatsNew object div.pluginInfo{    /* for Firefox */
margin:16px 0 10px;
}

#whatsNew div.pluginInfoInner{
display:table-cell;
_display:block;
_margin-top:75px;
vertical-align:middle;
}

#whatsNew div.pluginInfo p{
margin-bottom:1em;
line-height:1.33;
text-align:center;
font-size:1.1em;
}


/* JSエリア
----------------------------------------------------------- */
#str-main #newItem{
margin-bottom:10px;
}


/* インフォメーション
----------------------------------------------------------- */
#information{
float:left;
width:221px;
background:url(../images/index_bg_information_bottom.gif) no-repeat left bottom;
font-size:1.1em;
}

#information div.inner{
position:relative;
padding:57px 5px 12px;
background:url(../images/index_bg_information_top.gif) no-repeat left top;
zoom:1;
}

#information h2{
position:absolute;
left:-9999px;
}

#information div.wrap-content{
padding-bottom:5px;
height:172px;
background:url(../images/bg_information_dashed_01.gif) no-repeat 3px bottom;
}

#information em{
font-weight:bold;
}

#information strong{
color:#cb0000;
font-weight:bold;
}

#information a{
text-decoration:underline;
}


/* Twitter
----------------------------------------------------------- */

#twtr{
float:left;
width:221px;
background:#9fd6d6 url(../images/index_bg_twtr_bottom.gif) no-repeat left bottom;;
}

#twtr .inner{
background:url(../images/index_bg_twtr_top.gif) no-repeat 0 0;
}

#twtr .twtr-bd{
background:url(../images/index_bg_twtr-bd.gif) no-repeat 1px 0;
}

#twtr .twtr-ft{
margin-top:-7px;
background:url(../images/index_bg_twtr-ft.gif) no-repeat 1px 0;
z-index:1;
}

#twtr .twtr-ft div{
height:34px;
_height:54px;
}

#twtr .twtr-ft div a{
margin-top:7px;
}

#twtr .twtr-ft div .twtr-join-conv{
position:absolute;
right:9px;
bottom:9px;
margin-top:0;
text-align:left;
white-space:nowrap;
}


/* 商品を探すメニュー
----------------------------------------------------------- */
#productSearch{
position:relative;
margin-top:5px;
width:510px;
height:220px;
float:right;
background:url(../images/bg_product_search_bottom.png) no-repeat left top;
}

#productSearch h2{
position:absolute;
left:-9999px;
}

#productSearch ul li.newproducts,
#productSearch ul li.campaign,
#productSearch ul li.category,
#productSearch ul li.brandlist,
#productSearch ul li.trouble,
#productSearch ul li.reviews,
#productSearch ul li.material,
#productSearch ul li.keyword{
position:absolute;
}

#productSearch ul li.newproducts{
top:25px;
left:18px;
}

#productSearch ul li.campaign{
top:19px;
left:277px;
}

#productSearch ul li.category{
top:78px;
left:12px;
}

#productSearch ul li.brandlist{
top:135px;
left:26px;
}

#productSearch ul li.trouble{
top:133px;
left:279px;
}

#productSearch ul li.reviews{
top:176px;
left:30px;
}

#productSearch ul li.material{
top:168px;
left:276px;
}

#productSearch ul li.keyword{
top:87px;
left:258px;
}

#productSearch ul li.keyword form input.keyword{
margin-left:20px;
margin-right:5px;
width:170px;
height:19px;
border:1px solid #7f9db9;
}


/* 最近チェックした商品リスト（ホーム用）
----------------------------------------------------------- */
#sbi_history6{
width:510px;
float:right;
}

#sbi_history6 h2 img{
height:40px;
}

#historyLinkHome{
background:url(../images/index_bg_historylinkHome.gif) repeat-y left top;
font-size:1.1em;
}

#historyLinkHome div.inner{
padding:7px 2px 3px;
background:url(../images/index_bg_historylinkHome.gif) no-repeat right bottom;
width:506px;
_width:510px;
}

#historyLinkHome ul{
}

#historyLinkHome ul li{
float:left;
padding:0 7px 0 9px;
width:110px;
_width:126px;
background:url(../images/cmn/bg_historylinkHome_dashed.gif) repeat-y left top;
line-height:1.36;
}

#historyLinkHome ul li.first-child{
background:none;
padding-left:7px;
width:112px;
_width:126px;
}

#historyLinkHome ul li dl{
position:relative;
padding-top:102px;
}

#historyLinkHome ul li dl dt{
margin-bottom:3px;
padding-left:16px;
background:url(../images/index_icon_01.png) no-repeat -408px top;
}

#historyLinkHome ul li dl dt a{
line-height:1.21em;
}

#historyLinkHome ul li dl dt img.photo{
position:absolute;
top:3px;
left:18px;
border:1px solid #e7e7e7;
}


/* おすすめブランド
----------------------------------------------------------- */
#str-main div.popularity{
padding-bottom:5px;
background:url(../images/index_bg_01.png) no-repeat -659px bottom;
}

#str-main div.popularity-inner{
position:relative;
margin-bottom:5px;
padding:5px 9px 0 81px;
min-height:52px;
height:auto !important;
height:60px;
background:url(../images/index_bg_03.png) no-repeat left top;
}

* html #str-main div.popularity-inner{
padding-top:8px;
}

#str-main div.popularity-inner h3{
position:absolute;
top:50%;
left:9px;
margin-top:-24px;
}

#str-main div.popularity-inner ul{
margin:5px 0 -5px 18px;
width:422px;
line-height:1.36;
}

#str-main div.popularity-inner ul li{
display:inline-block;
_display:inline;
margin:5px 0 5px 9px;
padding-right:10px;
background:url(../images/index_bg_popularity_separator.gif) no-repeat right top;
zoom:1;
}

#str-main div.popularity-inner ul li.last-child{
padding-right:0;
background:none;
}


/* 商品一覧
----------------------------------------------------------- */
#productIndex{
margin-right:-22px;
_margin-right:0;
}

#productIndex div.segment{
float:left;
_display:inline;
margin:0 8px 10px 0;
width:180px;
}

* html #productIndex div.segment.row-last-child{
margin-right:-3px;
}

#productIndex div.categoryList dd ul{
margin-bottom:10px;
line-height:1.36;
font-size:1.1em;
}

#productIndex div.categoryList dd ul li{
margin-bottom:3px;
padding-left:10px;
width:170px;
_width:180px;
background-image:url(../images/index_bg_arrow.png);
background-repeat:no-repeat;
}

#productIndex div.categoryList dd ul.col2 li{
display:inline-block;
_display:inline;
margin-right:15px;
width:auto;
_height:1%;
vertical-align:top;
white-space:nowrap;
}

#productIndex div.categoryList dl.cat-skincare dd ul li{
background-position:left 0.25em;
}

#productIndex div.categoryList dl.cat-mens dd ul li{
background-position:-181px 0.25em;
}

#productIndex div.categoryList dl.cat-hair dd ul li{
background-position:-361px 0.25em;
}

#productIndex div.categoryList dl.cat-makeup dd ul li{
background-position:-541px 0.25em;
}

#productIndex div.categoryList dl.cat-body dd ul li{
background-position:-721px 0.25em;
}

#productIndex div.categoryList dl.cat-natural dd ul li{
background-position:-901px 0.25em;
}

#productIndex div.categoryList dl.cat-organic dd ul li{
background-position:-1081px 0.25em;
}


/* ランキングエリア（ホーム用）
----------------------------------------------------------- */
#str-main div.rankingArea{
clear:both;
position:relative;
top:-16px;
margin-bottom:-16px;
}

#str-main div.rankingArea p.link{
position:absolute;
top:18px;
right:7px;
}


/* ランキングタブ（ホーム用）
----------------------------------------------------------- */
#str-main ul.list_tab_ranking{
}

/**
 * JavaScript ON
 */
/* 非アクティブ タブパネル 非表示 */
.tabContainer .tabPanel{
display:none;
}

/* アクティブ タブパネル 表示 */
.tabContainer .tabPanel.active{
display:block;
}

/* タブタイトル 非表示 */
.tabContainer .tabPanel .tabTitle{
display:none;
}

/**
 * JavaScript OFF
 */
/* 静的モード タブパネル 表示 */
.tabContainer .static .tabPanel{
display:block;
}

/* 静的モード タブタイトル 表示 */
.tabContainer .static .tabPanel .tabTitle{
position:static;
top:auto;
left:auto;
}

div#str-main ul.tabList{
overflow:hidden;
zoom:1;
}

div#str-main ul.tabs{
margin-bottom:20px;
}

div#str-main ul.tabList *{
outline:0 none;
}

div#str-main ul.tabList li{
float:left;
}

div#str-main ul.tabs li{
outline:0 none;
}



/* 人気ランキング（ホーム用）
----------------------------------------------------------- */
#popularRankHome{
background:url(../images/index_bg_popular.gif) repeat-y center top;
}

#popularRankHome div.inner{
background:url(../images/index_bg_popular.gif) no-repeat left top;
}

#popularRankHome ol{
padding:12px 3px;
background:url(../images/index_bg_popular.gif) no-repeat right bottom;
overflow:hidden;
}

#popularRankHome ol li{
padding:0 5px 0 10px;
float:left;
width:170px;
_width:185px;
}

#popularRankHome ol li.rank1{
width:169px;
_width:184px;
}

#popularRankHome ol li dl{
position:relative;
line-height:1.36;
zoom:1;
}

#popularRankHome ol li dt{
padding:0 0 5px 75px;
}

#popularRankHome ol li dd.productName{
padding-left:75px;
font-size:1.1em;
font-weight:bold;
}

#popularRankHome ol li dd.productName span{
display:block;
min-height:70px;
height:auto!important;
height:70px;
}

#popularRankHome ol li dd.productName img{
position:absolute;
top:0;
left:0;
}


/* クチコミランキング（ホーム用）
----------------------------------------------------------- */
#estimateRankHome{
background:url(../images/index_bg_estimate.gif) repeat-y center top;
}

#estimateRankHome div.inner{
background:url(../images/index_bg_estimate.gif) no-repeat left top;
}

#estimateRankHome ol{
padding:12px 3px;
background:url(../images/index_bg_estimate.gif) no-repeat right bottom;
overflow:hidden;
}

#estimateRankHome ol li{
padding:0 5px 0 10px;
float:left;
width:170px;
_width:185px;
}

#estimateRankHome ol li.rank1{
width:169px;
_width:184px;
}

#estimateRankHome ol li dl{
position:relative;
line-height:1.36;
zoom:1;
}

#estimateRankHome ol li dt{
padding:0 0 5px 75px;
}

#estimateRankHome ol li dd.productName{
padding-left:75px;
font-size:1.1em;
font-weight:bold;
}

#estimateRankHome ol li dd.productName span{
display:block;
min-height:70px;
height:auto!important;
height:70px;
}

#estimateRankHome ol li dd.productName img{
position:absolute;
top:0;
left:0;
}

#estimateRankHome ol li dd.comment a{
text-decoration:underline;
}


/* ===== 王冠 ===== */
#popularRankHome ol li.rank1 dd.productName span,
#popularRankHome ol li.rank2 dd.productName span,
#popularRankHome ol li.rank3 dd.productName span,
#estimateRankHome ol li.rank1 dd.productName span,
#estimateRankHome ol li.rank2 dd.productName span,
#estimateRankHome ol li.rank3 dd.productName span{
display:block;
padding-left:21px;
background-image:url(../images/index_icon_01.png);
background-repeat:no-repeat;
zoom:1;
}

#popularRankHome ol li.rank1 dd.productName span,
#estimateRankHome ol li.rank1 dd.productName span{
background-position:left top;
}

#popularRankHome ol li.rank2 dd.productName span,
#estimateRankHome ol li.rank2 dd.productName span{
background-position:-136px top;
}

#popularRankHome ol li.rank3 dd.productName span,
#estimateRankHome ol li.rank3 dd.productName span{
background-position:-272px top;
}

/* 商品リスト（ランキング）
----------------------------------------------------------- */
#str-contents div.itemList{
margin-bottom:10px;
width:187px;
}

#str-main #estimateRank{
margin-bottom:0;
}

#popularRank div.itemList h2{
margin-right:-3px;
overflow:hidden;
}

* html #popularRank{
position:relative;
padding-top:52px;
}

* html #popularRank h2{
position:absolute;
top:0;
left:0;
margin-right:0;
}

#estimateRank ol{
padding-bottom:5px;
background:#ffffff url(../images/index_bg_01.png) no-repeat -225px bottom;
}

#popularRank ol{
padding-bottom:5px;
background:#ffffff url(../images/index_bg_01.png) no-repeat -442px bottom;
}

#str-contents div.itemList ol li{
zoom:1;
}

#estimateRank ol li{
background:url(../images/index_bg_02.png) repeat-y -225px top;
}

#popularRank ol li{
background:url(../images/index_bg_02.png) repeat-y -442px top;
}

div.itemList ol li dl{
position:relative;
padding:10px 9px;
background:url(../images/index_bg_lines.png) no-repeat left bottom;
line-height:1.36;
zoom:1;
}

#str-contents div.itemList ol li.rank1 dl dt,
#str-contents div.itemList ol li.rank2 dl dt,
#str-contents div.itemList ol li.rank3 dl dt,
#str-contents div.itemList ol li.rank4 dl dt,
#str-contents div.itemList ol li.rank5 dl dt,
#str-contents div.itemList ol li.rank1 dl dd.productName,
#str-contents div.itemList ol li.rank2 dl dd.productName,
#str-contents div.itemList ol li.rank3 dl dd.productName,
#str-contents div.itemList ol li.rank4 dl dd.productName,
#str-contents div.itemList ol li.rank5 dl dd.productName{
padding-left:85px;
}

#str-contents div.itemList ol li dl dt{
margin-bottom:4px;
}

#str-contents div.itemList ol li.rank6 dl dt,
#str-contents div.itemList ol li.rank7 dl dt,
#str-contents div.itemList ol li.rank8 dl dt,
#str-contents div.itemList ol li.rank9 dl dt,
#str-contents div.itemList ol li.rank10 dl dt{
width:45px;
}

#str-contents div.itemList ol li.rank6 dl dd,
#str-contents div.itemList ol li.rank7 dl dd,
#str-contents div.itemList ol li.rank8 dl dd,
#str-contents div.itemList ol li.rank9 dl dd,
#str-contents div.itemList ol li.rank10 dl dd{
margin:-20px 0 0 55px;
}

#str-contents div.itemList ol li dl dd.productName{
margin-bottom:2px;
font-weight:bold;
}

#str-contents div.itemList ol li.rank1 dl dd.productName,
#str-contents div.itemList ol li.rank2 dl dd.productName,
#str-contents div.itemList ol li.rank3 dl dd.productName,
#str-contents div.itemList ol li.rank4 dl dd.productName,
#str-contents div.itemList ol li.rank5 dl dd.productName{
margin-bottom:5px;
min-height:60px;
height:auto !important;
height:60px;
}


/* ===== 商品画像位置 ===== */
#str-contents div.itemList ol li dl dd.productName img.photo{
position:absolute;
top:11px;
left:11px;
}

/* ===== 点線なし ===== */
#str-contents div.itemList ol li.rank6 dl,
#str-contents div.itemList ol li.rank7 dl,
#str-contents div.itemList ol li.rank8 dl,
#str-contents div.itemList ol li.rank9 dl,
#str-contents div.itemList ol li.rank10 dl{
padding-top:5px;
padding-bottom:5px;
background-image:none;
}

#str-contents div.itemList ol li.rank6 dl{
padding-top:10px;
}

/* ===== 王冠 ===== */
#str-contents div.itemList ol li.rank1 dl dd.productName span,
#str-contents div.itemList ol li.rank2 dl dd.productName span,
#str-contents div.itemList ol li.rank3 dl dd.productName span{
display:block;
padding-left:21px;
background-image:url(../images/index_icon_01.png);
background-repeat:no-repeat;
zoom:1;
}

#str-contents div.itemList ol li.rank1 dl dd.productName span{
background-position:left top;
}

#str-contents div.itemList ol li.rank2 dl dd.productName span{
background-position:-136px top;
}

#str-contents div.itemList ol li.rank3 dl dd.productName span{
background-position:-272px top;
}

/* ===== 背景色 ===== */
#estimateRank ol li.rank2,
#estimateRank ol li.rank4,
#estimateRank ol li.rank6,
#estimateRank ol li.rank7{
background-color:#f1f8dd;
}

#popularRank ol li.rank2,
#popularRank ol li.rank4,
#popularRank ol li.rank6,
#popularRank ol li.rank7,
#popularRank ol li.rank8,
#popularRank ol li.rank9,
#popularRank ol li.rank10{
background-color:#fff1f1;
}


/* ----------------------------------------------------------
    02. Sidebar（右カラム）
----------------------------------------------------------- */

dl.list-with-head{
}

dl.list-with-head dt{
padding:5px 0;
}

ul#social{
margin-bottom:4px;
}

ul#social li{
margin-bottom:6px !important;
}

ul.link-with-image{
zoom:1;
}

ul.link-with-image li{
position:relative;
height:97px;
border-top:1px dashed #e0d7ce;
}

ul.link-with-image li img{
position:absolute;
top:10px;
left:12px;
}

ul.link-with-image li a{
display:block;
padding:13px 0 0 104px;
background: url(../images/index_icon_01.png) no-repeat -321px 15px;
font-size:12px;
line-height:18px;
font-weight:bold;
zoom:1;
}

*|* ul.link-with-image li a{
padding-top:8px;
background-position:-321px 10px;
}

ul.link-with-image li.no-separator{
height:87px;
border-top:none;
}

ul.link-with-image li.no-separator img{
top:0;
}

ul.link-with-image li.no-separator a{
padding-top:3px;
background: url(../images/index_icon_01.png) no-repeat -321px 6px;
}

#mailmagazine{
padding-top:10px;
border-top:1px dashed #e0d7ce;
}

#mailmagazine ul li.item-mag a,
#mailmagazine ul li.item-point a,
#mailmagazine ul li.item-otodoke a,
#mailmagazine ul li.item-opinion a{
padding:10px 15px 8px 40px;
display:block;
font-size:12px;
zoom:1;
}

#mailmagazine ul li.item-mag a{
background: url(../images/bg_item-mag.png) no-repeat 0 0;
}

#mailmagazine ul li.item-point a{
background: url(../images/bg_item-point.png) no-repeat 0 0;
}

#mailmagazine ul li.item-otodoke a{
padding:5px 15px 3px 40px;
background: url(../images/bg_item-otodoke.png) no-repeat 0 0;
}

#mailmagazine ul li.item-opinion a{
background: url(../images/bg_item-opinion.png) no-repeat 0 0;
}

#mailmagazine ul li span.small{
font-size:10px;
}

/* ログインエリア・会員情報表示エリア
----------------------------------------------------------- */
#memberSelect{
margin-bottom:8px;
padding-bottom:5px;
background:url(../images/index_bg_01.png) no-repeat -1219px bottom;
}

#memberSelect.login{
line-height:1.5;
font-size:1.1em;
}

#memberSelect ul,
#memberSelect.login div.inner{
padding:0 5px;
background:url(../images/index_bg_03.png) no-repeat right top;
}

#memberSelect.login div.inner{
padding:10px 5px 0;
}

#memberSelect.login ul{
background:none;
padding:0;
zoom:1;
}

#memberSelect ul li{
background:url(../images/index_bg_lines.png) no-repeat -216px bottom;
zoom:1;
}

#memberSelect ul li.catalog_txt{
font-size:1.1em;}

#memberSelect ul li dl{
padding:8px 3px 11px;
}

#memberSelect ul li dl dt{
margin-bottom:6px;
}

#memberSelect ul li dl dd{
text-align:center;
}

#memberSelect ul li.about{
padding:9px 0 10px;
text-align:center;
}

#memberSelect ul li.catalog{
padding:2px 0 0;
background:none;
}

#memberSelect ul li.cart,
#memberSelect ul li.mypage{
font-size:0.9em;
}

#memberSelect.login p.memberName{
margin:0 3px 8px;
}

/* ===== 各種情報表示（ログイン後） ===== */
#memberSelect ul.list-information-01{
list-style:none;
margin:0;
padding:0;
}

#memberSelect ul.list-information-01 li{
margin:0 0 3px 0;
padding:0 0 0 23px;
color:#7D725A;
}

#memberSelect ul.list-information-01 li.pointData{
background:url(/images/icon_point.gif) no-repeat left top;
}

#memberSelect ul.list-information-01 li.pointData span.data{
color:#f69203;
}
#memberSelect ul.list-information-01 li.cart{
background:url(/images/cmn/cart_img.gif) no-repeat left top;
}

#memberSelect ul.list-information-01 li.mypage{
background:url(/images/ar4_ora.gif) no-repeat left -2px;
}

/* ===== ログアウト ===== */
#memberSelect ul.nav-logout li{
padding-bottom:10px;
text-align:right;
}

/* ベリサインシール
----------------------------------------------------------- */
#securityInfo div.column{
width:90px;
}


/* ----------------------------------------------------------
    03. Layout Modules
----------------------------------------------------------- */
body.home #str-sidebar,
#str-main #mainAside01{
padding-top:4px;
background:url(../images/index_bg_sidebar_top.gif) no-repeat left top;
}

body.home #str-sidebar div.segment,
#str-main #mainAside01 div.segment{
margin-bottom:10px;
padding-bottom:0;
width:195px;
background:url(../images/index_bg_02.png) repeat-y left top;
}

body.home #str-sidebar div.segment div.segment-inner,
#str-main #mainAside01 div.segment div.segment-inner{
margin-bottom:0;
padding:0 4px 11px;
background:url(../images/index_bg_01.png) no-repeat left bottom;
}

#str-main #mainAside01 div.segment div.segment-inner{
padding-bottom:4px;
}


/* ----------------------------------------------------------
    04. Heading Modules
----------------------------------------------------------- */
#str-main .hdt-l2-01-container{
position:relative;
width:530px;
}

#str-main .hdg-l2-01{
margin-bottom:10px;
}

#str-main .hdg-l2-02{
margin-bottom:5px;
}

#str-main .hdg-l2-01-container{
position:relative;
width:745px;
}


/* ----------------------------------------------------------
    05. Text Modules
----------------------------------------------------------- */
.align-C{
text-align:center !important;
}


/* ----------------------------------------------------------
    06. Unordered List Modules
----------------------------------------------------------- */
#str-main ul.list-banner-01{
margin-right:-16px;
_margin-right:0;
overflow:hidden;
}

#str-main ul.list-banner-01 li{
float:left;
margin:0 16px 10px 0;
}

* html #str-main ul.list-banner-01 li.last-child{
margin-right:0;
}

#str-main ul.list-banner-02{
margin-right:-25px;
_margin-right:0;
overflow:hidden;
}

#str-main ul.list-banner-02 li{
float:left;
margin:0 25px 10px 0;
}

#str-main ul.list-banner-02 li.last-child{
margin-right:0;
}

#str-main ul.list-banner-03 li{
margin-bottom:10px;
}

#str-sidebar ul.list-banner-03 li{
margin-bottom:10px;
text-align:center;
background-color:#fbf6e7;
}

#str-main ul.list-information{
margin:5px 9px 0;
}

#str-main ul.list-information li{
margin-bottom:8px;
zoom:1;
}

#str-main ul.list-information dt{
margin-right:5px;
width:56px;
float:left;
background:url(../images/cmn/bg_info_date_l.gif) no-repeat left top;
}

#str-main ul.list-information dd{
padding-bottom:8px;
line-height:1.7;
}

#str-main ul.list-information li{
background:url(../images/bg_information_dotted.gif) repeat-x left bottom;
}

#str-main ul.list-information li.last-child{
margin-bottom:0;
background:none;
}

#str-main ul.list-information dt span{
display:block;
margin-left:2px;
padding:4px 0 0;
height:13px;
_height:17px;
background:url(../images/cmn/bg_info_date_r.gif) no-repeat right top;
color:#ffffff;
text-align:center;
white-space:nowrap;
/*font-size:0.9em;*/
}


/* ----------------------------------------------------------
    07. Table Modules
----------------------------------------------------------- */
#str-main table.tbl-news-01{
}

#str-main table.tbl-news-01 th{
padding:7px 0;
width:62px;
}

#str-main table.tbl-news-01 td{
padding:7px 8px;
}

#str-main table.tbl-news-01 tbody tr{
background:url(../images/bg_information_dotted.gif) repeat-x left bottom;
}

#str-main table.tbl-news-01 tbody tr.last-child{
background:none;
}

#str-main table.tbl-news-01 tbody th.date{
white-space:nowrap;
}

html > body #str-main table.tbl-news-01 tbody th.date{
background:url(../images/cmn/bg_info_date_l.gif) no-repeat left 7px;
}

#str-main table.tbl-news-01 tbody th.date span{
display:block;
margin-left:2px;
padding-right:3px;
background:url(../images/cmn/bg_info_date_r.gif) no-repeat right top;
color:#ffffff;
text-align:center;
}

* html #str-main table.tbl-news-01 tbody th.date span{
margin-left:0;
padding:0 3px;
width:62px;
background:url(../images/index_bg_info_date_ie.gif) no-repeat left top;
font-size:12px;
text-align:center;
}


/* ----------------------------------------------------------
    08. Self Clearing
----------------------------------------------------------- */
div.lyt-image:after,
#str-main #whatsNew:after,
#str-main div.lyt-2col:after,
#historyLinkHome ul:after,
#popularRankHome ol:after,
#estimateRankHome ol:after,
#str-main ul.list-banner-01:after,
#str-main ul.list-banner-02:after,
#str-main ul.list-banner-03:after,
#str-main div.categoryList:after,
#str-sidebar div.lyt-image:after,
#str-sidebar ul.list-banner-03:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

div.lyt-image,
#str-main #whatsNew,
#str-main div.lyt-2col,
#historyLinkHome ul,
#popularRankHome ol,
#estimateRankHome ol,
#str-main ul.list-banner-01,
#str-main ul.list-banner-02,
#str-main ul.list-banner-03,
#str-main div.categoryList,
#str-sidebar div.lyt-image,
#str-sidebar ul.list-banner-03{
zoom:1;
}


#sideTopBnr {
	text-align: center;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------
    99. Browser Patch
----------------------------------------------------------- */

/* for IE
----------------------------------------------------------- */
/* ===== レコメンドエリア hasLayout Switch ===== */
#sbi_rank1-buzzcv,
#sbi_rank1{
zoom:1;
}
