@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::
    dictionary.css
-------------------------------------------------
    みんなのにおい百科
:::::::::::::::::::::::::::::::::::::::::::::: */

@import'/css/common/base.css';
@import'/css/common/layout.css';
@import'/css/common/module.css';

/* ==============================================
   におい百科トップ
============================================== */

/* IndexBOX
-----------------------------------------------*/
div.boxIndexT {
    padding: 20px;
    background: #DEF3FE url(/img/dictionary/bg_box_index_t.gif) no-repeat;
}
div.singleColumnM div.boxIndexT h2 {
    margin: 0;
    text-align: center;
}
div.boxIndexT div.description {
    float: left;
    width: 270px;
    margin-right: 20px;
}
div.boxIndexB {
    height: 11px;
    margin-bottom: 20px;
    background: url(/img/dictionary/bg_box_index_b.gif) no-repeat;
}

/* においMAP
-----------------------------------------------*/
div#map.boxIndexT div.wrapMap {
    float: left;
    width: 570px;
    height: 200px;
    margin-top: 10px;
}
div#map.boxIndexT div.wrapMap div.map {
    width: 568px;
    height: 198px;
}
div#map.boxIndexT div.wrapMap span.corner01 {
    background-image: url(/img/dictionary/bg_map_01.gif);
}
div#map.boxIndexT div.wrapMap span.corner02 {
    background-image: url(/img/dictionary/bg_map_02.gif);
}
div#map.boxIndexT div.wrapMap span.corner03 {
    background-image: url(/img/dictionary/bg_map_03.gif);
}
div#map.boxIndexT div.wrapMap span.corner04 {
    background-image: url(/img/dictionary/bg_map_04.gif);
}

/* においINDEX
-----------------------------------------------*/
div#index.boxIndexT div.new {
    float: left;
    width: 570px;
    margin-top: 10px;
}
div#index.boxIndexT div.new div.boxNewT {
    padding: 20px 20px 10px;
    background: #FFFFFF url(/img/dictionary/bg_box_new_t.gif) no-repeat;
}
div#index.boxIndexT div.new div.boxNewB {
    height: 7px;
    background: #FFFFFF url(/img/dictionary/bg_box_new_B.gif) no-repeat;
}
div#index.boxIndexT div.new h3 {
    margin-bottom: 10px;
}
div#index.boxIndexT div.new dl dt {
    float: left;
    width: 15px;
    margin-right: 5px;
    padding-top: 0.2em;
}
div#index.boxIndexT div.new dl dt img.icn {
    margin: 0;
    vertical-align: baseline;
}
div#index.boxIndexT div.new dl dd {
    margin-left: 20px;
    padding-bottom: 5px;
}
div#index.boxIndexT div.new dl dd h4 {
    display: inline;
}
div#index.boxIndexT div.new dl dd ul {
    display: inline;
    margin-left: 3px;
}
div#index.boxIndexT div.new dl dd ul li {
    display: inline;
    font-size: 77%;
    margin-left: 3px;
}

/* ==============================================
   においの詳細
============================================== */

/* タイトル
-----------------------------------------------*/
div#ttlSmell {
    margin-bottom: 20px;
}
div#ttlSmell dl.ttl {
    display: inline; /* forIE */
    float: left;
    width: 460px;
    margin: 0 20px 0 5px;
}
div#ttlSmell dl.ttl dt {
    float: left;
    width: 135px;
    margin-right: 10px;
}
div#ttlSmell dl.ttl dd {
    margin-left: 145px;
    padding-top: 10px;
}
div#ttlSmell dl.ttl dd h1 {
    margin-bottom: 10px;
    padding: 0 0 5px 3px;
    border-bottom: 1px solid #cccccc;
    font-size: 153.9%;
}
div#ttlSmell dl.ttl dd p {
    padding-left: 3px;
}
div#ttlSmell dl.ttl dd p.id {
    margin-top: 5px;
}

/* 円グラフ */
div#ttlSmell div.chart {
    width: 135px;
    float: right;
}
div#ttlSmell div.chart p.writer {
    padding-bottom: 5px;
    text-align: right;
}

/* においデータ（表）
-----------------------------------------------*/
div#dataSmell {
    width: 620px;
    margin-bottom: 30px;
}
div#dataSmell table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}
div#dataSmell table th {
    width: 22%;
    padding: 10px;
    border: 1px solid #ffffff;
    background-color: #d5effe;
    text-align: left;
}
div#dataSmell table td {
    width: 28%;
    padding: 10px;
    border: 1px solid #ffffff;
    border-right-width: 3px;
    background-color: #eeeeee;
    text-align: left;
}

/* においの詳細
-----------------------------------------------*/
div#detailSmell h2 {
    margin-bottom: 10px;
}

/* どんなにおい？ */
div#whatSmell {
    margin-bottom: 20px;
}
div#whatSmell p img {
    float: left;
    margin: 0 10px 10px 0;
}
div#whatSmell p.arrowLink {
    text-align: right;
}

/* このにおいにみんながつけてるタグ */
div#smellTag {
    float: left;
    width: 218px;
    margin-right: 10px;
}
div#smellTag ul li {
    display: inline;
    margin-right: 0.5em;
}
div#smellTag ul li.important {
    font-size: 123.1%;
}

/* このにおいの発生場所 */
div#smellArea {
    float: right;
    width: 392px;
}
div#smellArea div.wrapMap {
    width: 392px;
    height: 132px;
    margin-bottom: 10px;
}
div#smellArea div.wrapMap div.map {
    width: 390px;
    height: 130px;
    border: 1px solid #4599c6;
}
div#smellArea p.add {
    margin-bottom: 5px;
    text-align: right;
}

/* 補足情報 */
div#supplement {
    clear: both;
}

/* バナー広告
-----------------------------------------------*/
div.innerMainColumn div.adBnr {
	margin-bottom: 30px;
	text-align: center;
}

/* ==============================================
   においINDEX
============================================== */

/* メインコンテンツ
-----------------------------------------------*/
div#searchSmell {
    position: relative;
    float: left;
    width: 650px;
    margin-right: 20px;
}

/* サーチ
-----------------------------------------------*/
/* 検索BOX */
div#searchWindow {
    margin: 10px 0;
}
div#searchWindow span,
div#searchWindow input,
div#searchWindow select {
    vertical-align: middle;
}
div#searchWindow input,
div#searchWindow select {
    margin-right: 10px;
}

/* 絞り込み */
dl#tabRefine {
    width: 650px;
}
dl#tabRefine dt {
    margin-bottom: 5px;
}
dl#tabRefine dt img {
    vertical-align: bottom;
}
dl#tabRefine dd {
    overflow: hidden;
    height: 33px;
    background: url(/img/dictionary/spr_tab_refine.gif) no-repeat;
}
dl#tabRefine dd ul li {
    float: left;
    margin-right: 1px;
    height: 33px;
}
dl#tabRefine dd ul li a {
    overflow: hidden;
    display: block;
    height: 33px;
    width: 40px;
    background: url(/img/dictionary/spr_tab_refine.gif) no-repeat;
    text-indent: -9999px;
}

dl#tabRefine dd ul li.lineA a {
    background-position: 0 0;
}
dl#tabRefine dd ul li.lineK a {
    background-position: -41px 0;
}
dl#tabRefine dd ul li.lineS a {
    background-position: -82px 0;
}
dl#tabRefine dd ul li.lineT a {
    background-position: -123px 0;
}
dl#tabRefine dd ul li.lineN a {
    background-position: -164px 0;
}
dl#tabRefine dd ul li.lineH a {
    background-position: -205px 0;
}
dl#tabRefine dd ul li.lineM a {
    background-position: -246px 0;
}
dl#tabRefine dd ul li.lineY a {
    background-position: -287px 0;
}
dl#tabRefine dd ul li.lineR a {
    background-position: -328px 0;
}
dl#tabRefine dd ul li.lineW a {
    background-position: -369px 0;
}
dl#tabRefine dd ul li.english a {
    background-position: -410px 0;
}
dl#tabRefine dd ul li.country a {
    background-position: -451px 0;
}
dl#tabRefine dd ul li.city a {
    width: 70px;
    background-position: -492px 0;
}
dl#tabRefine dd ul li.concentration a {
    background-position: -563px 0;
}
dl#tabRefine dd ul li.element a {
    background-position: -604px 0;
}

dl#tabRefine dd ul li.lineA a:hover,
dl#tabRefine dd ul li.lineA a.current {
    background-position: 0 -33px;
}
dl#tabRefine dd ul li.lineK a:hover,
dl#tabRefine dd ul li.lineK a.current {
    background-position: -41px -33px;
}
dl#tabRefine dd ul li.lineS a:hover,
dl#tabRefine dd ul li.lineS a.current {
    background-position: -82px -33px;
}
dl#tabRefine dd ul li.lineT a:hover,
dl#tabRefine dd ul li.lineT a.current {
    background-position: -123px -33px;
}
dl#tabRefine dd ul li.lineN a:hover,
dl#tabRefine dd ul li.lineN a.current {
    background-position: -164px -33px;
}
dl#tabRefine dd ul li.lineH a:hover,
dl#tabRefine dd ul li.lineH a.current {
    background-position: -205px -33px;
}
dl#tabRefine dd ul li.lineM a:hover,
dl#tabRefine dd ul li.lineM a.current {
    background-position: -246px -33px;
}
dl#tabRefine dd ul li.lineY a:hover,
dl#tabRefine dd ul li.lineY a.current {
    background-position: -287px -33px;
}
dl#tabRefine dd ul li.lineR a:hover,
dl#tabRefine dd ul li.lineR a.current {
    background-position: -328px -33px;
}
dl#tabRefine dd ul li.lineW a:hover,
dl#tabRefine dd ul li.lineW a.current {
    background-position: -369px -33px;
}
dl#tabRefine dd ul li.english a:hover,
dl#tabRefine dd ul li.english a.current {
    background-position: -410px -33px;
}
dl#tabRefine dd ul li.country a:hover,
dl#tabRefine dd ul li.country a.current {
    background-position: -451px -33px;
}
dl#tabRefine dd ul li.city a:hover,
dl#tabRefine dd ul li.city a.current {
    background-position: -492px -33px;
}
dl#tabRefine dd ul li.concentration a:hover,
dl#tabRefine dd ul li.concentration a.current {
    background-position: -563px -33px;
}
dl#tabRefine dd ul li.element a:hover,
dl#tabRefine dd ul li.element a.current {
    background-position: -604px -33px;
}

/* popup */
div#popupRefine {
    display: none;
    position: absolute;
    left: 0;
    z-index: 9999;
    width: 608px;
    padding: 20px 20px 10px;
    border: 1px solid #99DCFF;
    background: #FFFFFF url(/img/dictionary/bg_popup_refine.gif);
    border-top: none;
}
div#popupRefine h2 {
    margin: 5px 0 !important;
}
div#popupRefine div.btnClose {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
div#popupRefine div.country,
div#popupRefine div.city,
div#popupRefine div.concentration,
div#popupRefine div.element {
    display: none;
    width: 608px;
}
div#popupRefine ul li {
    display: inline; /* forIE6 */
    float: left;
    width: 140px;
    margin-right: 12px;
    padding-bottom: 10px;
}
div#popupRefine ul li input {
    margin-right: 3px;
    vertical-align: middle;
}
div#popupRefine ul li label {
    vertical-align: middle;
}
div#popupRefine ul li label.disabled {
    color: #999999;
}
div#popupRefine div.element ul li {
    width: 110px;
    margin-right: 10px;
}

/* 並び替え */
dl#searchSort {
    margin: 10px;
}
dl#searchSort dt,
dl#searchSort dd {
    display: inline;
    vertical-align: middle;
}

/* 検索結果一覧 */
ul.searchResultItem {
    margin-bottom: 20px;
}
ul.searchResultItem li {
    float: left;
    width: 150px;
    margin-right: 10px;
}
ul.searchResultItem li div.label {
	margin-bottom: 5px;
	text-align: center;
}
ul.searchResultItem li ul li {
	float: none;
	width: auto;
	margin: 0;
}
ul.searchResultItem li ul li.detail {
	font-size: 85%;
	text-align: center;
}
ul.searchResultItem li ul li.post,
ul.searchResultItem li ul li.point {
	margin-left: 21px;
	font-size: 77%;
}
ul.searchResultItem li ul li.smell {
	margin-left: 21px;
}
ul.searchResultItem li ul li.smell a {
	font-weight: bold;
}
ul.searchResultItem li ul li.smell {
	text-indent: -21px;
}

/* においTAGリスト
-----------------------------------------------*/

/* 右カラム */
div#tagList {
    width: 230px;
    float: right;
}
div#tagList div.tagListT {
	margin-top: 20px;
    padding: 20px;
    background: #DFF3FE url(/img/dictionary/bg_box_taglist_t.gif) no-repeat;
}
div#tagList div.tagListB {
    margin-bottom: 10px;
    height: 10px;
    background: url(/img/dictionary/bg_box_taglist_b.gif) no-repeat;
}

/* メインカラム */
div#allTagList div.tagListT {
    width: 580px;
    padding: 20px;
    background: #dff3fe url(/img/common/bg_box_common_t.gif) no-repeat;
}
div#allTagList div.tagListB {
    width: 620px;
    height: 10px;
    margin-bottom: 20px;
    background: #dff3fe url(/img/common/bg_box_common_b.gif) no-repeat 0 100%;
}

div.tagListT h2 {
    margin: 0 0 10px;
}
div.tagListT ul li {
    display: inline;
    margin-right: 1em;
}
div.tagListT ul li.lv1 {
    font-size: 116%;
}
div.tagListT ul li.lv2 {
    font-size: 131%;
}
div.tagListT ul li.lv3 {
    font-size: 153.9%;
}
div.tagListT ul li.lv4 {
    font-size: 167%;
}
div.tagListT ul li.lv5 {
    font-size: 182%;
}

/* ==============================================
   新規におい登録
============================================== */
div#dictionaryResisterInput span.number {
    margin: 0 3px;
    color: #00608E;
    font-weight: bold;
}

/* ==============================================
   においMap
============================================== */

/* 地域を選択
-----------------------------------------------*/
dl.selectArea {
    margin-bottom: 5px;
    text-align: right;
}
dl.selectArea dt,
dl.selectArea dd {
    display: inline;
}
dl.selectArea dd select {
    margin-left: 5px;
}

/* 地図
-----------------------------------------------*/
div#mainMap.wrapMap {
    position: relative;
    width: 900px;
    height: 465px;
}
div#mainMap div.map {
    width: 898px;
    height: 463px;
}

/* 現在のにおい登録数 */
div#boxRegist {
    position: absolute;
    left: 10px;
    bottom: 35px;
    z-index: 100;
    width: 220px;
    height: 130px;
    background: url(/img/dictionary/bg_box_regist.gif) no-repeat;
    line-height: 1;
    color: #057CAF;
    font-size: 85%;
    font-weight: bold;
}
div#boxRegist h2,
div#boxRegist dl dt {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
div#boxRegist dl.spot dd {
    position: absolute;
    top: 22px;
    right: 15px;
}
div#boxRegist dl.type dd {
    position: absolute;
}
div#boxRegist dl.type dd.typeL {
    top: 62px;
    left: 48px;
}
div#boxRegist dl.type dd.typeM {
    top: 62px;
    left: 152px;
}
div#boxRegist dl.type dd.typeB {
    top: 110px;
    left: 48px;
}
div#boxRegist dl.type dd.typeEX {
    top: 110px;
    left: 152px;
}

/* においスポットボタン */
ul#btnSpot {
    position: absolute;
    right: 10px;
    bottom: 40px;
}
ul#btnSpot li {
    cursor: pointer;
}

/* においスポット登録説明 */
div#commentSpotRegist {
display: none;
    position: absolute;
    right: 10px;
    bottom: 220px;
    z-index: 100;
}

/* においスポット登録 */
div#boxSpotRegist {
display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    width: 252px;
    height: 240px;
    padding: 10px;
    background: url(/img/dictionary/bg_box_spot_regist.gif) no-repeat;
}
div#boxSpotRegist h2 {
    margin: 5px 0 0 0;
}
div#boxSpotRegist div.form {
    margin-top: 5px;
}
div#boxSpotRegist div.form input.text,
div#boxSpotSearch div.form input.text {
    width: 198px;
    vertical-align: middle;
    margin-right: 5px;
}
div#boxSpotRegist div.form input.btn,
div#boxSpotSearch div.form input.btn {
    vertical-align: middle;
}
div#boxSpotRegist div.content {
display: none;
    overflow: hidden;
    position: absolute;
    top: 77px;
    background-color: #FFFFFF;
    height: 150px;
    width: 252px;
}
div#boxSpotRegist div.content ul.pagerLight {
    margin-top: 0;
    font-size: 85%;
}
div#boxSpotRegist p.btnAdd {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 272px;
    text-align: center;
}

/* においスポット探す */
div#boxSpotSearch {
display: none;
    position: absolute;
    right: 135px;
    bottom: 40px;
    z-index: 100;
    width: 252px;
    height: 200px;
    padding: 10px;
    background: url(/img/dictionary/bg_box_spot_search.gif) no-repeat;
}
div#boxSpotSearch div.form {
    margin-top: 3px;
}
div#boxSpotSearch div.content {
display: none;
    overflow: hidden;
    position: absolute;
    top: 55px;
    background-color: #FFFFFF;
    height: 150px;
    width: 252px;
}
div#boxSpotSearch div.content ul.pagerLight {
    margin-top: 0;
    font-size: 85%;
}

/* ページャー
ul.pagerSpot {
    border: 1px solid #AAE2FF;
    margin-top: 20px;
    padding: 3px 5px 5px;
    font-size: 85%;
    text-align: center;
    line-height: 1;
}
 */

/* 検索結果 */
ul.pagerSpot li {
    display: inline;
}
ul.searchResultSpot li {
    margin-top: 9px;
    padding-left: 15px;
    font-size: 85%;
    background: url(/img/dictionary/icn_box_spot_list.gif) no-repeat 5px 50%;
    white-space: nowrap;
}

/* 閉じる */
div#boxSpotRegist div.btnClose,
div#boxSpotSearch div.btnClose{
    position: absolute;
    top: -9px;
    right: 9px;
    cursor: pointer;
}

/* 新着のにおい
-----------------------------------------------*/
div#newEntry {
    float: left;
    width: 480px;
    margin-right: 20px;
}

/* 今週のランキング
-----------------------------------------------*/
div#weeklyRanking {
    float: left;
    width: 400px;
    padding-bottom: 10px;
    background: url(/img/dictionary/bg_box_ranking_b.gif) no-repeat 0 100%;
}
div#weeklyRanking ol {
    list-style: none;
    margin-top: 20px;
    padding: 20px 10px 0;
    background: #dff3fe url(/img/dictionary/bg_box_ranking_t.gif) no-repeat;
}
div#weeklyRanking ol li {
    padding: 0 0 20px 25px;
    background-repeat: no-repeat;
}
div#weeklyRanking ol li span.memberInfo {
    margin-left: 5px;
    font-size: 77%;
}
div#weeklyRanking ol li.rank01 {
    background-image: url(/img/dictionary/icn_rank_01.gif);
}
div#weeklyRanking ol li.rank02 {
    background-image: url(/img/dictionary/icn_rank_02.gif);
}
div#weeklyRanking ol li.rank03 {
    background-image: url(/img/dictionary/icn_rank_03.gif);
}
div#weeklyRanking ol li.rank04 {
    background-image: url(/img/dictionary/icn_rank_04.gif);
}
div#weeklyRanking ol li.rank05 {
    background-image: url(/img/dictionary/icn_rank_05.gif);
}
div#weeklyRanking ol li.rank06 {
    background-image: url(/img/dictionary/icn_rank_06.gif);
}
div#weeklyRanking ol li.rank07 {
    background-image: url(/img/dictionary/icn_rank_07.gif);
}
div#weeklyRanking ol li.rank08 {
    background-image: url(/img/dictionary/icn_rank_08.gif);
}
div#weeklyRanking ol li.rank09 {
    background-image: url(/img/dictionary/icn_rank_09.gif);
}
div#weeklyRanking ol li.rank010 {
    background-image: url(/img/dictionary/icn_rank_10.gif);
}
/* ==============================================
   似てるにおい一覧
============================================== */

div.boxSimilar {
    margin-bottom: 20px;
}
div.boxSimilar ul.unitItem {
    width: 620px;
    background: url(/img/dictionary/bg_vs.gif) no-repeat 50% 50px;
}
div.boxSimilar ul.unitItem li {
    float: left;
    display: inline; /* forIE6 */
    width: 220px;
    margin: 0 45px;
}
div.boxSimilar ul.unitItem li div.img {
    text-align: center;
}
div.boxSimilar ul.unitItem li p.txt {
    margin-top: 5px;
    font-size: 77%;
    text-align: center;
}
div.boxSimilar ul.unitItem li h3 {
    margin: 20px 0 5px;
}
div.boxSimilar ul.vote {
    width: 620px;
    margin-top: 20px;
}
div.boxSimilar ul.vote li {
    float: left;
    width: 286px;
    margin-right: 1px;
    padding: 10px;
    border: 1px solid #A2DFFF;
    font-size: 108%;
    text-align: center;
}

/* ==============================================
   似てる!?においをみんなに報告する
============================================== */

div.boxSimilar {
    margin: 20px 0;
}
div.boxSimilar div.img {
    margin: 20px 0;
    text-align: center;
}
div.boxSimilar p.arrowLink {
    text-align: center;
}
div.boxSimilar p.comfirm {
    margin: 20px 0;
    text-align: center;
    color: #4D9212;
    font-size: 118%;
    font-weight: bold;
}

/* 関連するにおい
-----------------------------------------------*/
div#relatedItem {
    margin: 20px 0;
}

/* 似てるにおいリスト
-----------------------------------------------*/
ul.unitSimilarList {
    margin-bottom: 20px;
}
ul.unitSimilarList li {
    display: inline; /* forIE6 */
    float: left;
    width: 165px;
    padding: 0 20px;
    text-align: center;
}
ul.unitSimilarList li div.img {
    text-align: center;
}
ul.unitSimilarList li ul.vote {
    margin-top: 10px;
    font-size: 77%;
}
ul.unitSimilarList li ul.vote li {
    display: block;
    float: none;
    width: auto;
    padding: 0;
}

/* ==============================================
   右カラム
============================================== */

div.innerSubColumn ul.member li {
    margin-bottom: 5px;
}

/* わかる～
-----------------------------------------------*/
div#empathize {
    position: relative;
    padding-top: 70px;
}
div#empathize div.button {
    position: absolute;
    top: -10px;
    left: 10px;
}

/* このにおいをコレクションする
-----------------------------------------------*/
div#collection {
    position: relative;
    padding-top: 70px;
}
div#collection div.button {
    position: absolute;
    top: -10px;
    left: 10px;
}

/* 似てる！？におい
-----------------------------------------------*/
div#similar h2 strong {
    margin-right: 3px;
    font-size: 123.1%;
}
div#similar dl dt {
    margin-bottom: 5px;
    text-align: center;
}
div#similar dl dd {
    margin: 0 30px 10px;
    font-size: 77%;
    text-align: center;
}
div#similar div.button {
    margin-top: 10px;
    text-align: center;
}

/* ==============================================
   clearfix
============================================== */
div#ttlSmell:after,
div#detailSmell:after,
div#comment dl.commentList dt.listTtl:after,
div#comment dl.commentList dd.listBody dl:after,
div.boxIndexT:after,
div.unitPager:after,
ul.searchResultItem:after,
div#newEntry ul:after,
div.boxSimilar ul.unitItem:after,
div.boxSimilar ul.vote:after,
ul.unitSimilarList:after,
div#popupRefine ul:after,
div#whatSmell p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0.1em;
}
div#ttlSmell,
div#detailSmell,
div#comment dl.commentList dt.listTtl,
div#comment dl.commentList dd.listBody dl,
div.boxIndexT,
div.unitPager,
ul.searchResultItem,
div#newEntry ul,
div#popupRefine ul,
div.boxSimilar ul.unitItem,
div.boxSimilar ul.vote,
ul.unitSimilarList,
div#popupRefine ul,
div#whatSmell p {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html div#ttlSmell,
* html div#detailSmell,
* html div#comment dl.commentList dt.listTtl,
* html div#comment dl.commentList dd.listBody dl,
* html div.boxIndexT,
* html div.unitPager,
* html ul.searchResultItem,
* html div#newEntry ul,
* html div#popupRefine ul,
* html div.boxSimilar ul.unitItem,
* html div.boxSimilar ul.vote,
* html ul.unitSimilarList,
* html div#popupRefine ul,
* html div#whatSmell p {
    height: 1%;
}
div#ttlSmell,
div#detailSmell,
div#comment dl.commentList dt.listTtl,
div#comment dl.commentList dd.listBody dl,
div.boxIndex,
div.unitPager,
ul.searchResultItem,
div#newEntry ul,
div#popupRefine ul,
div.boxSimilar ul.unitItem,
div.boxSimilar ul.vote,
ul.unitSimilarList,
div#popupRefine ul,
div#whatSmell p {
    display: block;
}
/* End hide from IE-mac */