@charset "shift_jis";
/*=======================================================================================
 ehonnavi_common_parts.css
 色々なページで使用されるパーツの設定
=======================================================================================*/


/*-----------------------------------------------------------
 ルール適用前の設定 ※後述の新しいルールを適用してください */
 .c-hide { display:none;}
 .c-cf:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
 .c-cf { *zoom:1;}
 .c-mb5 { margin-bottom:5px !important;}
 .c-mb10 { margin-bottom:10px !important;}
 .c-mb15 { margin-bottom:15px !important;}
 .c-mb20 { margin-bottom:20px !important;}
 .c-mb25 { margin-bottom:25px !important;}
 .c-mb30 { margin-bottom:30px !important;}
 .c-mb35 { margin-bottom:35px !important;}
 .c-mb40 { margin-bottom:40px !important;}
 .c-mb45 { margin-bottom:45px !important;}
 .i-series01 { background:url(/tmp_common/i/icon/i-series-38x13.gif) 0 0 no-repeat;}
 .i-new01 { background:url(/tmp_common/i/icon/i-new01-25x11.gif) 0 0 no-repeat;}
 .i-arrowDown01 { background:url(/tmp_common/i/icon/i-arrow-down-13x13.gif) 0 0 no-repeat;}
 .m-score01-1,
 .m-score01-2,
 .m-score01-3,
 .m-score01-4,
 .m-score01-5 { background-image:url(/tmp_common/i/module/m-score01-star.gif); background-repeat:no-repeat; color:#f60; padding-left:75px !important; font-size:14px; font-weight:bold; line-height:15px;}
 .m-score01-1 { background-position:0 1px;}
 .m-score01-2 { background-position:0 -12px;}
 .m-score01-3 { background-position:0 -26px;}
 .m-score01-4 { background-position:0 -40px;}
 .m-score01-5 { background-position:0 -54px;}
 .m_score01_1,
 .m_score01_2,
 .m_score01_3,
 .m_score01_4,
 .m_score01_5 { background-image:url(/_img/ehonnavi_common_parts/m_score01_star.gif); background-repeat:no-repeat; color:#f60; padding-left:75px !important; font-size:14px; font-weight:bold; line-height:15px;}
 .m_score01_1 { background-position:0 1px;}
 .m_score01_2 { background-position:0 -12px;}
 .m_score01_3 { background-position:0 -26px;}
 .m_score01_4 { background-position:0 -40px;}
 .m_score01_5 { background-position:0 -54px;}
/*---------------------------------------------------------*/

/* 新旧混合、またはreset_sjis.cssが読み込まれていないページへの部分対応用 */
.c_reset { margin:0; padding:0; text-align:left; font-size:12px;}
.c_reset h1,
.c_reset h2,
.c_reset h3,
.c_reset h4,
.c_reset h5,
.c_reset h6,
.c_reset p,
.c_reset dl,
.c_reset dt,
.c_reset dd,
.c_reset ul,
.c_reset ol,
.c_reset li,
.c_reset th,
.c_reset td,
.c_reset div,
.c_reset blockquote,
.c_reset pre,
.c_reset form,
.c_reset fieldset,
.c_reset input,
.c_reset textarea { margin:0; padding:0;}
.c_reset b,
.c_reset strong,
.c_reset h1,
.c_reset h2,
.c_reset h3,
.c_reset h4,
.c_reset h5,
.c_reset h6 { font-size:100%; font-weight:normal;}
.c_reset ol,
.c_reset ul{ list-style:none;}
.c_reset table { border-collapse:collapse; border-spacing:0;}
.c_reset img,
.c_reset fieldset,
.c_reset table,
.c_reset th,
.c_reset td { border:none;}
.c_reset input{ *margin:-1px 0;}
.c_reset em,
.c_reset cite{ font-style:normal;}

.c_clearfix:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
.c_clearfix { *zoom:1;}

.c_hide { display:none;}

.c_nbdr { border:0 none !important;}
.c_nbkg { background:0 !important;}
.c_nwp { white-space:nowrap !important;}

.c_tal { text-align:left !important;}
.c_tar { text-align:right !important;}
.c_tac { text-align:center !important;}
.c_ctr { margin-right:auto; margin-left:auto;}

.c_floatL { float:left; }
.c_floatR { float:right; }

.c_mt5 { margin-top:5px !important; }
.c_mt10 { margin-top:10px !important; }
.c_mt15 { margin-top:15px !important; }

.c_mr5 { margin-right:5px !important; }
.c_mr10 { margin-right:10px !important; }
.c_mr15 { margin-right:15px !important; }

.c_mb5 { margin-bottom:5px !important;}
.c_mb10 { margin-bottom:10px !important;}
.c_mb15 { margin-bottom:15px !important;}
.c_mb20 { margin-bottom:20px !important;}
.c_mb25 { margin-bottom:25px !important;}
.c_mb30 { margin-bottom:30px !important;}
.c_mb35 { margin-bottom:35px !important;}
.c_mb40 { margin-bottom:40px !important;}
.c_mb45 { margin-bottom:45px !important;}
.c_mb50 { margin-bottom:50px !important;}
.c_mb55 { margin-bottom:55px !important;}
.c_mb60 { margin-bottom:60px !important;}
.c_mb65 { margin-bottom:65px !important;}
.c_mb70 { margin-bottom:70px !important;}

.c_ml5 { margin-left:5px !important; }
.c_ml10 { margin-left:10px !important; }
.c_ml15 { margin-left:15px !important; }

/*-- font style --*/
.m_textStyle01 { color:#300 !important;}
.m_textStyle02 { font-size:10px !important;}
.m_textStyle03 { font-size:16px !important;}
.m_bold { font-weight:bold !important; }

/*-- link style --*/
.m_linkStyle01 { text-decoration:none;}

.m_linkStyle02:link,
.m_linkStyle02:visited { text-decoration:none;}
.m_linkStyle02:hover,
.m_linkStyle02:active { text-decoration:underline;}


/*-- user attribute --*/
.m_userAt01 {}
.m_userAt01 li { display:inline; padding-right:10px;}
.m_userAt01 .m_userAt01_nm,
.m_userAt01 .m_userAt01_lc { padding-right:7px; *padding-right:10px;}
.m_userAt01 .m_userAt01_ag,
.m_userAt01 .m_userAt01_rl { margin-right:1px; *margin-right:6px; padding-right:6px; *padding-right:3px; background:url(/_img/ehonnavi_common_icon/i-dot-2x2-333333.gif) center right no-repeat;}


/*-- text --*/
.m_leadText01 { padding:0 7px !important;}


/* headline
---------------------------------------------------------- */

/* 画像のみの見出し */
.m_headline00 { clear:both; line-height:0;}

/* 左右に寄せるタイプの見出し */
.m_headline01 { position:relative;}
.m_headline01 .m_headline01_link { position:absolute; right:0; top:3px;}


/* icon
---------------------------------------------------------- */

/*-- icon --*/
.i_series01 { background:url(/_img/ehonnavi_common_icon/i_series_38x13.gif) 0 0 no-repeat;}
.i_theme01 { background:url(/_img/ehonnavi_common_icon/i_theme_38x13.gif) 0 0 no-repeat;}
.i_new01 { background:url(/_img/ehonnavi_common_icon/i_new01_25x11.gif) 0 0 no-repeat;}
.i_arrowDown01 { background:url(/_img/ehonnavi_common_icon/i_arrow_down_13x13.gif) 0 0 no-repeat;}
.i_feature01 { background:url(/_img/ehonnavi_common_icon/i_feature_38x13.gif) 0 0 no-repeat;}
/*-- pdf用icon 2011.11.16追加 --*/
.i_pdf { background:url(/_img/ehonnavi_common_icon/i_pdf_17x17.gif) 0 0 no-repeat; padding:0 0 5px 20px; line-height:200%;}

/*-- score/star --*/
.m_stars01_1,
.m_stars01_2,
.m_stars01_3,
.m_stars01_4,
.m_stars01_5 { display:inline-block; *display:inline; *zoom:1; padding-left:70px; line-height:11px; background-image:url(/_img/ehonnavi_common_parts/m_stars01_splite.png); background-repeat:no-repeat;}
.m_stars01_1 { background-position:0 bottom;}
.m_stars01_2 { background-position:0 -65px;}
.m_stars01_3 { background-position:0 -44px;}
.m_stars01_4 { background-position:0 -22px;}
.m_stars01_5 { background-position:0 0;}
.m_stars01_block { display:block; width:64px; height:11px; text-indent:-9999px;}
.m_stars01_inline { overflow:hidden; width:0; height:11px; padding-left:64px;}


/* block
---------------------------------------------------------- */

/*-- search box --*/
.m_searchBox01 { width:630px; height:37px; padding-top:2px !important; background:url(/_img/ehonnavi_common_parts/m_searchBox01_bg.png) 0 0 no-repeat; line-height:37px; text-align:right;}
.m_searchBox01 .m_searchBox01_headline,
.m_searchBox01 .m_searchBox01_form { display:inline-block; *display:inline; *zoom:1;}
.m_searchBox01 .m_searchBox01_headline { padding-right:15px; font-weight:bold;}
.m_searchBox01 .m_searchBox01_form { padding-right:13px;}
.m_searchBox01 .m_searchBox01_input { width:178px; border:0 none; ime-mode:active;}
.m_searchBox01 .m_searchBox01_button { position:relative; top:-2px; *top:-1px;}

/* [見出し]＋[茶背景]＋[リンク] ※命名ルール未適用 */
.b-cnBox02 .b-cnBox02-in { padding:15px 20px 12px; background:#fff7ea; *zoom:1;}
.b-cnBox02 .m-list05 { margin-left:-20px;}
.b-cnBox02 .b-cnBox02-ll { clear:both; margin-top:8px; text-align:right;}
.b-cnBox02 .b-cnBox02-ll a { display:inline-block; *display:inline; *zoom:1; height:15px; padding-left:20px; background:url(/tmp_common/i/module/b-cnBox02-ll-icon.gif) 0 center no-repeat; color:#866640; line-height:15px;}
.b-cnBox02 a img { border:0 none;}

/* 学びナビ相互レビュー（[見出し]＋[グリーン背景]＋[リンク]） ※命名ルール未適用 */
.b-cnBox03 .b-cnBox03-tl { height:17px; margin:0 0 13px !important; padding-left:30px !important; color:#77532f !important; font-size:14px !important; font-weight:bold !important; background:url(/tmp_common/i/icon/i-sBalloon02-24x17.gif) 0 0 no-repeat; line-height:17px;}
.b-cnBox03 .b-cnBox03-in { padding:15px; background:#f8f8ee; border:1px solid #dfeed1;}
.b-cnBox03 .b-cnBox03-tx01 { margin:15px 0 0 !important; text-align:right;}
.b-cnBox03 .b-cnBox03-tx01 a { margin-left:5px;}
.b-cnBox03 a img { border:0 none;}


/* 横並びリンク */
div.m_linkList01 { padding:10px 20px; background-color:#f3ecd4; line-height:180%; } /* 削除予定 */
.m_linkList01 p a { display:inline-block; line-height:160%; white-space:nowrap; } /* 削除予定 */

div.m_searchList01 { padding:10px 20px; background-color:#f3ecd4; line-height:180%; }
.m_searchList01 p a { display:inline-block; line-height:160%; white-space:nowrap; }

/* Not Found */
.m_notFound { margin:50px 0 0 0 !important; text-align:center; }
.m_notFound .m_notFound_img { margin:0 0 20px 0; }
.m_notFound .m_notFound_txt { margin:0 0 10px 0; color:#666666; }
.m_notFound .m_notFound_btn {}

/* 角丸ボックス */
.m_radiusBox01 { width:630px; margin:0 0 10px 0 !important; background:#fdf2e2 url(/_img/ehonnavi_common_parts/m_radiusBox01_bg_head.gif) no-repeat 0 0; }
.m_radiusBox01 .m_radiusBox01_inner { padding:25px 25px 20px 25px; background:url(/_img/ehonnavi_common_parts/m_radiusBox01_bg_foot.gif) no-repeat 0 100%; }

/* dotボックス */
.m_dotBox01 { background:url(/_img/ehonnavi_common_parts/m_dotBox01_bg_head.gif) no-repeat 0 0; }
.m_dotBox01 .m_dotBox01_inner { padding:10px 15px 10px 15px; background:url(/_img/ehonnavi_common_parts/m_dotBox01_bg_foot.gif) no-repeat 0 100%; zoom:1; }
.m_dotBox01 .m_dotBox01_inner .m_dotBox01_title { margin-bottom:10px; }
.m_dotBox01 .m_dotBox01_inner .i_question { padding:2px 0 2px 25px; background:url(/_img/ehonnavi_common_icon/i_question_21x18.gif) no-repeat 0 0; color:#6a3e02; font-weight:bold; }
.m_dotBox01 .m_dotBox01_inner .m_dotList {}
.m_dotBox01 .m_dotBox01_inner .m_dotList .m_dotList_item { margin-bottom:5px; padding:0 0 0 20px; background:url(/_img/ehonnavi_common_icon/i_dotOrange_6x6.gif) no-repeat 6px 0.3em; }

/* エラー */
.m_error.w630 { width:630px; margin-top:0; margin-right:auto; margin-bottom:25px !important; margin-left:auto; padding:0 0 0 0; background:url(/_img/ehonnavi_common_parts/m_error_bg_w630_head.gif) no-repeat 0 0.1em; color:#fd6b00; font-weight:bold; text-align:center; }
.m_error.w630 .m_error_inner { padding:20px 0 18px 0; background:url(/_img/ehonnavi_common_parts/m_error_bg_w630_foot.gif) no-repeat 0 100%; }
.m_error.w910 { width:910px; margin:0 auto 25px auto; padding:0 0 0 0; background:url(/_img/ehonnavi_common_parts/m_error_bg_w910_head.gif) no-repeat 0 0.1em; color:#fd6b00; font-weight:bold; text-align:center; }
.m_error.w910 .m_error_inner { padding:20px 0 18px 0; background:url(/_img/ehonnavi_common_parts/m_error_bg_w910_foot.gif) no-repeat 0 100%; }
.m_error .m_error_inner .m_error_title { width:7em; margin:0 auto 12px auto; padding:0 0 0 25px; background:url(/_img/ehonnavi_common_icon/i_attention_20x18.gif) no-repeat 0 0; line-height:1.5; }
.m_error .m_error_inner .m_error_txt { line-height:1.8; }
.m_error .m_error_inner .m_error_txt a { font-weight:normal; }

/* マイページサマリー */
.m_mypageSummary { position:relative; margin-bottom:10px !important; border:1px solid #ebbe2d; line-height:1.2; text-align:left; }
.m_mypageSummary .m_mypageSummary_title { margin:0 0 0 0 !important; padding:7px 35px 7px 7px !important; background-color:#f8eabd; font-size:83%; line-height:1.5; }
.m_mypageSummary .m_mypageSummary_title a { margin-right:3px; font-size:121%; }
.m_mypageSummary .m_mypageSummary_title span.m_mypage { color:#e9898f; font-weight:bold; }
.m_mypageSummary .m_mypageSummary_btn { margin:0 0 0 0; position:absolute; top:4px; left:277px; cursor:pointer; }
.m_mypageSummary .m_mypageSummaryList { margin:0 0 0 0; padding:7px 7px 2px 7px; background-color:#fdf9e7; list-style:none; }
.m_mypageSummary .m_mypageSummaryList .m_mypageSummaryList_item { margin-bottom:5px; color:#3e5796; }
.m_mypageSummary .m_mypageSummaryList .m_mypageSummaryList_item a { text-decoration:none; }
.m_mypageSummary .m_mypageSummaryList .m_mypageSummaryList_item span.m_number { display:inline-block; margin-left:15px; color:#e9898f; font-weight:bold; }
.m_mypageSummary .m_mypageSummaryList .m_mypageSummaryList_item span.m_unit { display:inline-block; margin-left:5px; color:#333333; }
.m_mypageSummary .m_mypageSummaryList .i_point { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_point_13x13.gif) no-repeat 2px 0.1em; }
.m_mypageSummary .m_mypageSummaryList .i_review { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_review_10x14.gif) no-repeat 4px 0; }
.m_mypageSummary .m_mypageSummaryList .i_browse { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_browse_17x13.gif) no-repeat 0 0.1em; }
.m_mypageSummary .m_mypageSummaryList .i_info { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_info_15x10.gif) no-repeat 2px 0.2em; }
.m_mypageSummary .m_mypageSummaryList .i_favorite { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_circle_12x12.gif) no-repeat 2px 0.2em; }
.m_mypageSummary .m_mypageSummaryList .i_publicPage { padding:2px 0 0 22px; background:url(/_img/ehonnavi_common_icon/i_publicPage_14.gif) no-repeat 2px 0.2em; }

/* button
---------------------------------------------------------- */

/*-- --*/
/* ※命名ルール未適用 */
.m-spWidget01 { margin-bottom:5px;}
.m-spWidget01 .m-spWidget01-bt {}
.m-spWidget01 .m-spWidget01-tx { padding:2px 0 0 3px; color:#666; font-size:10px;}
.m-spWidget01 .m-spWidget01-tx-st01 { font-weight:bold;}
.m-spWidget01 .m-spWidget01-tx-st02 { padding-left:5px; color:#fe7e01; font-weight:bold;}
.m-spWidget01 .m-spWidget01-tx02 { margin-bottom:2px; color:#666; font-size:12px;} /*110804 nvTask0546*/
.m-spWidget01 .m-spWidget01-tx02 strong { padding-left:2px; color:#fe7e01; font-size:14px; font-weight:bold;} /*110804 nvTask0546*/
.m-spWidget01 .m-spWidget01-tx-info { vertical-align:middle;} /*110804 nvTask0546*/
.m-spWidget01 .m-spWidget01-lt01,
.m-spWidget01 .m-spWidget01-lt02 { padding-left:3px;}
.m-spWidget01 .m-spWidget01-lt01 { margin-left:-4px; padding-top:10px;}
.m-spWidget01 .m-spWidget01-lt01-it { float:left; margin-top:0; padding-left:4px; line-height:20px; *font-size:0;}
/*CF*/.m-spWidget01 .m-spWidget01-lt01:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m-spWidget01 .m-spWidget01-lt01 {*zoom:1;}
.m-spWidget01 .m-spWidget01-lt02 { margin-top:-5px; padding-top:10px; font-size:10px;}
.m-spWidget01 .m-spWidget01-lt02-it { margin-top:5px; padding-left:8px; background:url(/tmp_common/i/icon/i-arrow-3x6-ffaa00.gif) 0 center no-repeat;}
/*AJ：新しいreset-cssが適用されたら削除できると良い*/.m-spWidget01 a img { border:0 none;}
/*AJ：common_baseの設定打消し*/.m-spWidget01 { line-height:1.3; text-align:left;}
/*AJ：common_baseの設定打消し*/.m-spWidget01 p { margin:0;}


/* ※命名ルール未適用 */
.m-inWidget01 { position:relative; height:188px;}
.m-inWidget01 .m-inWidget01-lt { position:absolute; top:105px; left:13px;}
.m-inWidget01 .m-inWidget01-lt-it { margin-bottom:2px; line-height:0; *font-size:0;}
.m-inWidget01 .m-inWidget01-lt-it a { display:block; width:158px; height:35px; *zoom:1;}
.m-inWidget01 .m-inWidget01-lt-it a:hover { *background-color:transparent;}
.m-inWidget01 .m-inWidget01-lt-it a:hover img { visibility:hidden;}
.m-inWidget01 .m-inWidget01-lt-it-sign-in { background:url(/tmp_common/i/module/m-inWidget01-lt-it-sign-in-on.gif) 0 0 no-repeat;}
.m-inWidget01 .m-inWidget01-lt-it-join { background:url(/tmp_common/i/module/m-inWidget01-lt-it-join-on.gif) 0 0 no-repeat;}
/*AJ：新しいreset-cssが適用されたら削除できると良い*/.m-inWidget01 a img { border:0 none;}


/* ※命名ルール未適用 */
.m-svWidget01 { margin-top:-4px;}
.m-svWidget01 .m-svWidget01-it { margin-top:4px; line-height:0; *font-size:0;}
.m-svWidget01 .m-svWidget01-it a { display:block; width:147px; height:33px; *zoom:1;}
.m-svWidget01 .m-svWidget01-it a:hover { *background-color:transparent;}
.m-svWidget01 .m-svWidget01-it a:hover img { visibility:hidden;}
.m-svWidget01 .m-svWidget01-it-trial-all { background:url(/tmp_common/i/module/m-svWidget01-it-trial-all-on.gif) 0 0 no-repeat;}
.m-svWidget01 .m-svWidget01-it-trial-part { background:url(/tmp_common/i/module/m-svWidget01-it-trial-part-on.gif) 0 0 no-repeat;}
.m-svWidget01 .m-svWidget01-it-add-mypage { background:url(/tmp_common/i/module/m-svWidget01-it-add-mypage-on.gif) 0 0 no-repeat;}
.m-svWidget01 .m-svWidget01-it-review-write { background:url(/tmp_common/i/module/m-svWidget01-it-review-write-on.gif) 0 0 no-repeat;}
.m-svWidget01 .m-svWidget01-it-review-write-off { background:url(/tmp_common/i/module/m-svWidget01-it-review-write-off-on.gif) 0 0 no-repeat;}
.m-svWidget01 .m-svWidget01-it-review-request { background:url(/tmp_common/i/module/m-svWidget01-it-review-request-on.gif) 0 0 no-repeat;}
/*AJ：新しいreset-cssが適用されたら削除できると良い*/.m-svWidget01 a img { border:0 none;}


/* list
---------------------------------------------------------- */

/*-- item --*/
/* ※命名ルール未適用 */
.m-item01 .m-score01-1,
.m-item01 .m-score01-2,
.m-item01 .m-score01-3,
.m-item01 .m-score01-4,
.m-item01 .m-score01-5 { display:inline-block; *display:inline; *zoom:1; overflow:hidden; width:0; padding-left:64px !important; height:15px; vertical-align:middle;}
.m-item01 .m-item01-tl { margin-bottom:18px; font-size:14px; font-weight:bold;}
.m-item01 .m-item01-dt {}
.m-item01 .m-item01-tx,
.m-item01 .m-item01-ll { display:inline; margin:0 !important;}
.m-item01 .m-item01-ll { font-size:10px;}


/*-- etc... --*/
/* ※命名ルール未適用 */
.m-llink01 .i-arrowDown01 { padding-left:18px; line-height:18px;}


/*-- list --*/
.m_list01,
.m_list01 .m_list01_it { background-image:url(/_img/ehonnavi_common_parts/m_list01_bg_sprite.gif); background-repeat:no-repeat;}
.m_list01 { clear:both; position:relative; /*first-child-liのmargin-left打消し*/margin-left:-10px !important; background-position:-203px bottom; font-size:12px;}
.m_list01.m_list01_col01 { background-position:-630px bottom;}
.m_list01.m_list01_col02 { background-position:-416px bottom;}
.m_list01 .m_list01_it { float:left; width:203px; padding-left:10px; background-position:10px 0;}
.m_list01 .m_list01_in { padding:10px 10px 22px 14px;}
.m_list01 .m_list01_it_tl01 { margin:0 0 6px -6px; font-weight:bold;}
.m_list01 .m_list01_it_tl01.i_theme01,
.m_list01 .m_list01_it_tl01.i_series01,
.m_list01 .m_list01_it_tl01.i_feature01 { padding-left:43px;}
.m_list01 .m_list01_it_tl_pt02 { margin:0 0 10px 5px;}
.m_list01 .m_list01_it_tx { margin-bottom:10px; color:#300;}
.m_list01 .m_list01_it_th { margin-bottom:18px; text-align:center; *line-height:0; *font-size:0;}
.m_list01 .m_list01_it_th img { border:1px solid #ccc;}
.m_list01 .m_list01_it_ll { position:absolute; bottom:0; width:193px; height:22px; padding-right:10px; font-size:10px; text-align:right; line-height:22px;}
/*CF*/.m_list01:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list01 { *zoom:1;}
/* .m_list01_gp { margin-top:-18px !important;}
.m_list01_gp .m_list01 { margin-top:18px;} */
.m_list01 .m_list01_it04 { background-image:url(/_img/ehonnavi_common_parts/m_list01_bg_sprite4.gif); background-repeat:no-repeat; float:left; width:230px; padding-left:10px; background-position:10px 0;}


/* width:206pxの横並びリスト */
.m_list02 { width:639px; margin-top:-16px !important; margin-left:-7px !important; *margin-left:-6px !important;}
.m_list02 .m_list02_unit { clear:both; *zoom:1;}
.m_list02 .m_list02_it { float:left; width:206px; padding:16px 0 0 7px; *padding-left:6px; vertical-align:top; text-align:center;}
.m_list02 .m_list02_it img { display:block; background:#ccc;}
/*CF*/.m_list02:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list02 { *zoom:1;}
/*CF*/.m_list02 .m_list02_unit:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list02 .m_list02_unit {*zoom:1;}

.m_list03 { border-top:1px dotted #8a2f02; font-size:12px;}
.m_list03 .m_list03_it { padding:19px 0 24px; border-bottom:1px dotted #8a2f02;}
.m_list03 .m_list03_it_bl01 { float:left; width:100px; margin-right:15px; text-align:center;}
.m_list03 .m_list03_it_bl01 img { display:block; margin:0 auto 17px; border:1px solid #ccc; text-decoration:none;}
.m_list03 .m_list03_it_bl02 { overflow:hidden; *zoom:1;}
.m_list03 .m_list03_it_tl { margin-bottom:8px; font-size:14px; font-weight:bold;}
.m_list03 .m_list03_it_dt01 { margin-bottom:8px;}
.m_list03 .m_userAt01 { margin-bottom:12px;}
.m_list03 .m_list03_it_tx,
.m_list03 .m_list03_it_ll { display:inline;}
.m_list03 .m_list03_it_ll { padding-left:5px; cursor:pointer;}
.m_list03 .m_list03_it_ll a:link,
.m_list03 .m_list03_it_ll a:visited { text-decoration:underline !important;}
.m_list03 .m_list03_it_ll a:hover,
.m_list03 .m_list03_it_ll a:active { text-decoration:none;}
/*CF*/.m_list03 .m_list03_it:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list03 .m_list03_it { *zoom:1;}

.m_list04 { margin-top:-15px !important; margin-left:-7px !important; font-size:12px;}
.m_list04 .m_list04_unit { clear:both; *zoom:1;}
.m_list04 .m_list04_it { float:left; width:152px; padding:15px 0 0 7px; text-align:center;}
.m_list04 .m_list04_it img { display:block; margin-bottom:5px; border:1px solid #ccc;}
/*CF*/.m_list04_unit:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list04_unit { *zoom:1;}

/* 絵本詳細ページ関連グッズ　※命名ルール未適用 */
.m-list05 { margin-left:-22px;}
.m-list05 .m-list05-it { float:left; width:100px; height:180px; padding-left:22px;}
.m-list05 .m-list05-it-th { display:block; margin-bottom:5px;}
.m-list05 .m-list05-it-dt02 { display:block; margin-top:5px;}
.m-list05 .i-new01 { padding-top:15px;}
/*CF*/.m-list05:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m-list05 {*zoom:1;}

.m_list05_flexible { margin-left:-20px !important; }
.m_list05_flexible .m_list05_flexible_it { float:left; width:110px; padding-left:20px;}
.m_list05_flexible .m_list05_flexible_it table { width:110px; margin-bottom:5px; }
.m_list05_flexible .m_list05_flexible_it table td { width:108px; height:108px; border:1px solid #cccccc; text-align:center; vertical-align:middle; }
.m_list05_flexible .i_new01 { display:block; height:11px; margin-bottom:5px; background:none; }
/* 枠なし、画像下揃え */
.m_list05_flexible.no_border .m_list05_flexible_it { text-align:center; }
.m_list05_flexible.no_border .m_list05_flexible_it table td { height:113px; padding-bottom: 5px; border:none; vertical-align:bottom; }
/* デスクの背景つき */
.m_list05_flexible.desk { background: url(/_img/ehonnavi_common_parts/m_list05_flexible_desk_bg.gif) no-repeat 18px 89px; }
.m_list05_flexible.desk .m_list05_flexible_it { text-align:center; }
.m_list05_flexible.desk .m_list05_flexible_it table { margin-bottom:25px; }
.m_list05_flexible.desk .m_list05_flexible_it table td { height:100px; border:none; vertical-align:bottom; }
/*CF*/.m_list05_flexible:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list05_flexible {*zoom:1;}

/* 絵本詳細ページ試し読みアイコン ※命名ルール未適用 */
.m-list06 { margin-left:-5px;}
.m-list06 .m-list06-it { float:left; padding-left:5px; line-height:0; *font-size:0;}
/*CF*/.m-list06:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m-list06 {*zoom:1;}

.m_list07 { clear:both;}
.m_list07 .m_list07_item { display:inline-block; *display:inline; *zoom:1; margin-right:12px; padding-left:17px; background:url(/_img/ehonnavi_common_icon/i_arrow_12x13_circle_ogange.png) 0 center no-repeat;}

.m_list08 { margin-top:-20px !important; margin-left:-33px !important;}
.m_list08 .m_list08_unit { clear:both; width:665px; zoom:1; }
.m_list08 .m_list08_item { float:left; width:100px; padding:20px 0 0 33px; text-align:center;}
.m_list08 .m_list08_item_thumb,
.m_list08 .m_list08_item_label { display:block;}
.m_list08 .m_list08_item_label { color:#999;}
/*CF*/.m_list08:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list08 { *zoom:1;}

.m_list09 { margin-left:-11px !important;}
.m_list09 .m_list09_item { float:left; width:50px; padding-left:21px; text-align:center; }
.m_list09 .m_list09_item img { display:block; }
/*CF*/.m_list09:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list09 { *zoom:1;}

.m_list10 { margin-top:-15px !important; margin-left:-7px !important; font-size:12px;}
.m_list10 .m_list10_item { float:left; width:152px; height:93px; padding:15px 0 0 7px; }
.m_list10 .m_list10_item img { display:block; margin-bottom:5px; border:1px solid #ccc;}
/*CF*/.m_list10:after { content:"."; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list10 { *zoom:1;}

.m_list11 {vertical-align:top; min-width:255px;width: auto !important;width: 355px;}
.m_list11 .imgbox{ background:#ffffff; border:1px solid #e1e1e1; min-width:250px;width: 350px; height: 250px; vertical-align:center;text-align:center;}
.m_list11 .imgbox img{ max-width:100%;}

.m_list12 {width:255px; vertical-align:top;padding-left:20px;}
.m_list12 h1{ margin-bottom:10px;}

/* width:230pxの４横並びリスト */
.m_list13,
.m_list13 .m_list13_it { background-image:url(/_img/ehonnavi_common_parts/m_list13_bg_sprite.gif); background-repeat:no-repeat;}
.m_list13 { clear:both; position:relative; /*first-child-liのmargin-left打消し*/margin-left:-10px !important; background-position:-230px bottom; font-size:12px;}
.m_list13 .m_list13_it { float:left; width:230px; padding-left:10px; background-position:10px 0;}
.m_list13 .m_list13_in { padding:10px 10px 22px 14px;}
.m_list13 .m_list13_it_tl01 { margin:0 0 6px -6px; font-weight:bold;}
.m_list13 .m_list13_it_tl01.i_theme01,
.m_list13 .m_list13_it_tl01.i_series01,
.m_list13 .m_list13_it_tl01.i_feature01 { padding-left:43px;}
.m_list13 .m_list13_it_tl_pt02 { margin:0 0 10px 5px;}
.m_list13 .m_list13_it_tx { margin-bottom:10px; color:#300;}
.m_list13 .m_list13_it_th { margin-bottom:18px; text-align:center; *line-height:0; *font-size:0;}
.m_list13 .m_list13_it_th img { border:1px solid #ccc;}
.m_list13 .m_list13_it_ll { position:absolute; bottom:0; width:220px; height:22px; padding-right:10px; font-size:10px; text-align:right; line-height:22px;}
/*CF*/.m_list13:after { content:""; display:block; visibility:hidden; height:0; clear:both;}
/*CF*/.m_list13 { *zoom:1;}
/* .m_list13_gp { margin-top:-18px !important;}
.m_list13_gp .m_list13 { margin-top:18px;} */


.m_notes {}
.m_notes .m_notes_item { padding-left:1em; font-size:83%; color:#666666; }
.m_notes .m_notes_item span { display:inline-block; width:1em; margin-left:-1em; }

/* right column
---------------------------------------------------------- */

/*-- ranking --*/
/* AJ */.m_ranking01 { text-align:left;}
/* AJ */.m_ranking01 li { list-style:none;}
/* AJ */.m_ranking01 h3, .m_ranking01 p { margin:0;}
.m_ranking01 .m_ranking01_lt { padding:1px 0 0 40px; background:url(/_img/ehonnavi_common_parts/m_ranking01.png) 0 0 no-repeat;}
.m_ranking01 .m_ranking01_it { display:flex; justify-content:space-between; align-items:center; height:50px; padding:5px 0;}
.m_ranking01 .m_ranking01_it_th,
.m_ranking01 .m_ranking01_it_th { width:50px; text-align:center; line-height:0; *font-size:0;}
.m_ranking01 .m_ranking01_it_tx01 { width:calc(100% - 62px);}
.m_ranking01 .m_ranking01_it_tx02 { width:calc(100% - 75px); height:50px; padding-left:33px; line-height:50px;}
.m_ranking01 .m_ranking01_it_tl {}
.m_ranking01 .m_ranking01_it_ct { display:block; height:13px; margin-top:3px; padding-left:20px; background:url(/_img/ehonnavi_common_icon/i-sBalloon01-17x13.gif) 0 0 no-repeat; color:#f60; font-size:14px; font-weight:bold; line-height:13px;}
.m_ranking01 .m_score01_1,
.m_ranking01 .m_score01_2,
.m_ranking01 .m_score01_3,
.m_ranking01 .m_score01_4,
.m_ranking01 .m_score01_5 { display:block; margin-top:3px;}
.m_ranking01 .m_ranking01_it_up,
.m_ranking01 .m_ranking01_it_rw,
.m_ranking01 .m_ranking01_it_dn { background-image:url(/_img/ehonnavi_common_icon/i_trend01_11x13_sprite.gif); background-repeat:no-repeat;}
.m_ranking01 .m_ranking01_it_up { background-position:9px 20px;}
.m_ranking01 .m_ranking01_it_rw { background-position:9px -43px;}
.m_ranking01 .m_ranking01_it_dn { background-position:9px -104px;}


/*-- 評価ランキングの見方　2012/12/07畠山更新 --*/
.m_ranking_viewpoint {margin: auto auto;}
.m_ranking_viewpoint .outerflame {background-color: #ffffff; width: 460px; padding: 10px; margin: 10px; text-align: left;}
.m_ranking_viewpoint .outerflame .title {height: 25px;line-height: 25px; margin-bottom:20px ; border-left: 10px #ff6600 solid; padding-left: 15px;}
.m_ranking_viewpoint .outerflame .read {margin:0 15px 20px;}
.m_ranking_viewpoint dl {margin-bottom: 20px;}
.m_ranking_viewpoint dt {background-color:#FDF1D0; height: 25px; line-height: 25px; padding-left:15px ;border-top: solid #FF9900 1px;}
.m_ranking_viewpoint dd {margin:10px 15px;}
.m_ranking_viewpoint #button1 {padding: 5px;}


/* ppad 
---------------------------------------------------------- */
.m_top_ppad { margin-bottom: 20px; }

/* wire to browse all 
---------------------------------------------------------- */
.m_wireTo_browseAll { position: relative; width: 950px; height: 32px; background: url(../_img/ehonnavi_common_header/bg_pathToBrowseAll.gif) no-repeat top left; margin-top: 4px !important; }
.m_wireTo_browseAll .catch { position: absolute; top: 0px; left: 16px; display: block; height: 32px; line-height: 32px; }
.m_wireTo_browseAll dl { position: absolute; top: 0px; left: 280px; }
.m_wireTo_browseAll dt, .m_wireTo_browseAll dd { float: left; height: 32px; line-height: 32px; }
.m_wireTo_browseAll dt img { display: block; margin-top: 8px; }
.m_wireTo_browseAll dd { margin-right: 20px; }
.m_wireTo_browseAll .readBtn { position: absolute; top: 3px; right: 0px; }

.m_wireTo_browseAll .readBtn img { border:none; }
.m_wireTo_browseAll a.readBtn:hover img{ opacity:0.65; filter: alpha(opacity=65); }


/* 201208 Ehon00.aspのみへの暫定設定 */
.m_wireTo_browseAll_v2 { position: relative; width: 950px; height: 33px; background-color:#f0f0f0; margin-top: 4px !important; border-bottom: 1px dotted #999; margin-bottom: 20px; }
.m_wireTo_browseAll_v2 .catch { position: absolute; top: 0px; left: 17px; display: block; height: 32px; line-height: 33px; color: #643519 !important; }
.m_wireTo_browseAll_v2 .catch:hover { color: #f60; }
.m_wireTo_browseAll_v2 img.thumb { display: block; position: absolute; top: 0px; left: 230px; }
.m_wireTo_browseAll_v2 dl { float: right; }
.m_wireTo_browseAll_v2 dt, .m_wireTo_browseAll_v2 dd { float: left; height: 33px; line-height: 33px; }
.m_wireTo_browseAll_v2 dt img { display: block; margin-top: 7px; }
.m_wireTo_browseAll_v2 dd { margin-right: 20px; }





/* share to SNS
---------------------------------------------------------- */
.m_shareTo { width: 200px; margin-bottom: 8px; }
.m_shareTo li { float: left; margin-right: 5px; }
.m_shareTo li img { border: none; }

.m_shareTo2 { width: 630px; margin-top: 8px; }
.m_shareTo2 li { float: left; margin-right: 5px; }
.m_shareTo2 li img { border: none; }

.m_shareTo3 { margin : 0 0 10px; }
.m_shareTo3 li { margin-right: 0px; }
.m_shareTo3 li img { border: none; }

.m_checkbutton3 { margin : 10px 0; }
.m_checkbutton3 img{ vertical-align:bottom; }

/* other
---------------------------------------------------------- */

/*-- graph --*/
.m_graph01 .m_graph01_item { position:relative; margin-bottom:6px; padding:0 45px 0 71px; line-height:16px; *zoom:1;}
.m_graph01 .m_graph01_item a { *cursor:pointer;}
.m_graph01 .m_graph01_lavel,
.m_graph01 .m_graph01_barWrap,
.m_graph01 .m_graph01_bar,
.m_graph01 .m_graph01_value { display:block;}
.m_graph01 .m_graph01_lavel { position:absolute; left:2px; top:0;}
.m_graph01 .m_graph01_barWrap,
.m_graph01 .m_graph01_bar { height:12px;}
.m_graph01 .m_graph01_barWrap { padding:1px; border:1px solid #ccc; border-radius:2px;}
.m_graph01 .m_graph01_bar { background:#ffc12c;}
.m_graph01 .m_graph01_value { position:absolute; right:0; top:0; width:40px;}
.m_graph01 a .m_graph01_lavel,
.m_graph01 a .m_graph01_value { text-decoration:underline;}

.m_graph02 .m_graph02_item { position:relative; margin-bottom:6px; padding:0 45px 0 45px; line-height:12px; *zoom:1;}
.m_graph02 .m_graph02_item a { *cursor:pointer;}
.m_graph02 .m_graph02_lavel,
.m_graph02 .m_graph02_barWrap,
.m_graph02 .m_graph02_bar,
.m_graph02 .m_graph02_value { display:block;}
.m_graph02 .m_graph02_lavel { position:absolute; left:0; top:0; width:38px; text-align:right;}
.m_graph02 .m_graph02_barWrap,
.m_graph02 .m_graph02_bar { height:12px;}
.m_graph02 .m_graph02_barWrap { background:#ededed;}
.m_graph02 .m_graph02_bar { background:#ffae8b;}
.m_graph02 .m_graph02_value { position:absolute; right:0; top:0; width:40px;}
.m_graph02 a .m_graph02_lavel,
.m_graph02 a .m_graph02_value { text-decoration:underline;}

/*-- container --*/
.m_container01 { padding:1px; border:1px solid #ccc;}
.m_container01 .m_container01_headline { padding:0 10px; line-height:32px; background:#efefef;}
.m_container01 .m_container01_detail {}
.m_container01 .m_container01_innerItem01 { padding:0 9px;}
.m_container01.m_container01_skin01 .m_container01_headline { background:#f1eadc;}
/* AJ */.m_container01 h3,
/* AJ */.m_container01 p { margin:0;}/* 他に読み込んでいるCSSで指定されているmargin-bottmをリセット */





.toolTipWrap { position: relative; }
.toolTipWrap .trigger { cursor: pointer; }
.toolTipWrap .toolTipPopup { position: absolute; display: none; padding: 10px; background-color: #fdf9e7; font-size: 11px; color: #666; width: 160px; }

.m_crossSiteTab img {display: block;margin-right: 3px!important;border:none;}


/* まなびナビ相互表示（[見出し]＋[グリーン背景]＋[リンク]） ※命名ルール未適用 */
.b-cnBox04 { padding:15px; background:#F7FAF3; border:1px dotted #6FBA2C;}
.b-cnBox04 .b-cnBox04-tl01 { height:17px; margin:0 0 13px !important; padding-left:30px !important; color:#77532f !important; font-size:14px !important; font-weight:bold !important; background:url(/tmp_common/i/icon/i-sBalloon02-24x17.gif) 0 0 no-repeat; line-height:17px;}
.b-cnBox04 .b-cnBox04-tl02 { height:17px; margin:0 0 13px !important; padding-left:30px !important; color:#77532f !important; font-size:14px !important; font-weight:bold !important; background:url(/tmp_common/i/icon/i-sBalloon03-21x18.gif) 0 0 no-repeat; line-height:17px;}
.b-cnBox04 .b-cnBox04-tx01 { margin:15px 0 0 !important; text-align:right;}
.b-cnBox04 .b-cnBox04-tx01 a { margin-left:5px;}
.b-cnBox04 a img { border:0 none;}
.b-cnBox04 .b-item01-tl { margin-bottom:5px; font-size:14px; font-weight:bold;}
.b-cnBox04 .b-item01-dt { margin-bottom:15px;}


/* 絵本ナビおすすめ情報 2013/7/16 山下作成*/
.m_prarea { }
.m_prarea .title { border-top:#CBB79E 1px solid;padding:6px 14px 7px;background:#F2EDE8;}
.m_prarea ul li { margin-top:10px; padding-bottom: 10px; border-bottom:#CBB79E 1px solid; line-height: 18px; font-size: 110%;}
.m_prarea ul li a.thumbnail { float:right;margin-left:10px}
/* button
---------------------------------------------------------- */



/* 出版社おすすめ 2013/7/22 畠山作成*/

.kanren_right p {
	background:url(/img/icon_circle.gif) no-repeat 5px center;
	border-top:#CBB79E 1px solid; padding:6px 14px 7px; background-color:#F2EDE8;
	text-align: left; 
	padding-left: 30px !important;
	color:#643519; font-weight: bold; font-size: 14px;
}
.kanren_main h2 {
	background:url(/img/icon_circle.gif) no-repeat 5px center;
	padding:6px 14px 7px;
	text-align: left; 
	padding-left: 30px;
	color:#643519; font-weight: bold; font-size: 14px;
}
.kanren_main { min-height: 300px;}
.kanren_right ul li { width: 300px; margin-top:10px; padding-bottom: 10px; border-bottom:#CBB79E 1px solid;}
.kanren_right .leftarea { width: 60px;}
.kanren_right .text { width: 230px; text-align: left; padding-left: 10px; line-height: 17px;}

.kanren_main .classR { width: 300px; padding-top:10px; padding-bottom: 15px; border-top:#CBB79E 1px solid; float: right;}
.kanren_main .classL { width: 300px; padding-top:10px; padding-bottom: 15px; border-top:#CBB79E 1px solid; float: left; clear:both;}
.kanren_main .leftarea { width: 60px; text-align: center;}
.kanren_main .text { width: 230px; text-align: left; padding-left: 10px;}

/* 絵本ナビのイチオシ！（詳細ページ） */
.detailRelationShop{
	position : relative ;
	margin : 0 0 30px ;
	text-align : left ;
}
.detailRelationShop p{
	margin : 0 ;
}
.detailRelationShop img{
	vertical-align : bottom ;
}
.detailRelationShop a:hover img{
	opacity:0.65;
	filter: alpha(opacity=65);
}
.detailRelationShop p.title{
	margin : 0 0 10px ;
}
.detailRelationShop p.shop{
	position : absolute ;
	right : 0 ;
	top : 0 ;
}
.detailRelationShop ul{
	margin : 0 0 3px ;
}
.detailRelationShop ul li{
	float : left ;
	width : 90px ;
	height : 90px ;
	margin : 0 12px 0 0 ;
	border : #E4D8BC 1px solid ;
	text-align : center ;
}
.detailRelationShop ul li.last{
	margin : 0 ;
}
.detailRelationShop ul li a{
	display : table ;
	width : 90px ;
	height : 90px ;
}
.detailRelationShop ul li a{
	display : table-cell ;
	width : 90px ;
	height : 90px ;
	text-align : center ;
	vertical-align : middle ;
}
.detailRelationShop ul li a img{
	max-width : 90px ;
	max-height : 90px ;
}
.detailRelationShop p.link{
	text-align : center ;
}
.detailRelationShop p.link a{
	color : #630 ;
}
.detailRelationShop p.link a:hover{
	color : #f60 ;
}

/* ○○の声（右ナビ） */
.variousVoiceList{
	margin : 0 0 15px ;
}
.variousVoiceList .inner{
	padding : 1px ;
	border : #ccc 1px solid ;
}
.variousVoiceList .inner h2{
	padding : 0 10px 0 30px ;
	background : #f1eadc url("../_img/ehonnavi_common_parts/ico_variousvoicelist_title.png") 5px center no-repeat ;
	line-height : 32px ;
	font-weight : bold ;
}
.variousVoiceList .inner h2 span{
	color : #f60 ;
}
.variousVoiceList .inner ul{
	padding : 0 5px ;
}
.variousVoiceList .inner ul li{
	padding : 5px 0 ;
	border-bottom : #ccc 1px dotted ;
}
.variousVoiceList .inner ul li.last{
	border-bottom : none ;
}
.variousVoiceList .inner ul li span{
	display : block ;
}
.variousVoiceList .inner ul li span.title{
	margin : 0 0 5px ;
}
.variousVoiceList .inner ul li span.score{
	float : left ;
	width : 64px ;
	height : 14px ;
	margin : 0 10px 0 0 ;
	background : url("/_img/ehonnavi_common_parts/m_score01_star.gif") 0 0 no-repeat ;
	text-indent : -9999px ;
}
.variousVoiceList .inner ul li span.score5{
	background-position : 0 -56px ;
}
.variousVoiceList .inner ul li span.score4{
	background-position : 0 -42px ;
}
.variousVoiceList .inner ul li span.score3{
	background-position : 0 -28px ;
}
.variousVoiceList .inner ul li span.score2{
	background-position : 0 -14px ;
}
.variousVoiceList .inner ul li span.user{
	float : left ;
	font-size : 83.3% ;
	line-height : 14px ;
}
.variousVoiceList .inner ul li span.user img{
	margin : 0 5px 0 0 ;
	vertical-align : middle ;
}
.variousVoiceList p{
	margin : 5px 0 0 ;
	text-align : right ;
	font-size : 83.7% ;
}
.shoppingInformation{
	margin : 0 0 20px ;
}
.shoppingInformation p.title{
	padding : 0 ;
	margin : 0 ;
}
.shoppingInformation ul li{
	position : relative ;
	min-height : 52px ;
	padding : 8px 5px ;
	border-bottom : #f0e0c1 1px solid ;
}
.shoppingInformation ul li a.thumbnail{
	position : absolute ;
	display : table ;
	width : 50px ;
	height : 50px ;
	border : #ccc 1px solid ;
}
.shoppingInformation ul li a.thumbnail span{
	display : table-cell ;
	width : 50px ;
	height : 50px ;
	vertical-align : middle ;
	text-align : center ;
}
.shoppingInformation ul li .update{
	display : block ;
	margin : 0 0 0 62px ;
	color : #c93 ;
	font-weight : bold ;
}
.shoppingInformation ul li .title{
	display : block ;
	margin : 0 0 0 62px ;
}

.searchResultSpecialLabelList ul{
	padding : 10px 0 ;
}
.searchResultSpecialLabelList ul li{
	padding : 10px 16px ;
	margin : 0 0 10px ;
	border : #ddd 1px solid ;
}
.searchResultSpecialLabelList ul li.image{
	padding : 0 ;
	border : none ;
}

/***************************************************
	#defaultReviewList
***************************************************/
#defaultReviewList{
	margin : 15px 0 ;
	padding : 15px 15px 5px ;
	background : url("../_img/ehonnavi_jidousho/bg_list_check.gif") left top repeat ;
}
#defaultReviewList h2{
	margin : 0 0 10px ;
	color : #630 ;
	font-size : 116.7% ;
	font-weight : bold ;
}
#defaultReviewList ul.reviewList{
	border : none ;
}
#defaultReviewList ul.reviewList li.review{
	margin : 0 0 10px ;
	padding : 15px ;
	border : #dcd6c6 1px solid ;
	background : #fff ;
	border-radius : 10px ;
}
#defaultReviewList ul.reviewList li.review div.thumbnail{
	float : left ;
	width : 125px ;
	padding : 0 ;
	margin : 0 0 15px ;
	border-right : #dcd6c6 1px solid ;
}
#defaultReviewList ul.reviewList li.review div.thumbnail span.thumbnail{
	display : table ;
	width : 50px ;
	height : 50px ;
	margin : 0 auto 5px ;
}
#defaultReviewList ul.reviewList li.review div.thumbnail span.thumbnail a{
	display : table-cell ;
	width : 50px ;
	height : 50px ;
	vertical-align : middle ;
	text-align : center ;
}
#defaultReviewList ul.reviewList li.review div.thumbnail span.title{
	display : block ;
	margin : 0 10px ;
}
#defaultReviewList  ul.reviewList li.review div.status{
	float : right ;
	width : 430px ;
	margin : 0 0 15px ;
	text-align : left ;
}
#defaultReviewList  ul.reviewList li.review div.status h3{
	margin : 0 0 10px ;
	font-size : 116.7% ;
	font-weight : bold ;
}
#defaultReviewList  ul.reviewList li.review div.status h3 .icon{
	margin : 0 0 0 10px ;
}
#defaultReviewList  ul.reviewList li.review div.status h3 .icon a img{
	vertical-align : text-bottom ;
}
#defaultReviewList  ul.reviewList li.review div.status p{
	margin : 0 0 10px ;
}
#defaultReviewList  ul.reviewList li.review div.status p span.ehonClub{
	margin : 0 0 0 15px ;
}
#defaultReviewList  ul.reviewList li.review div.status p span.ehonClub img{
	vertical-align : text-bottom ;
}
#defaultReviewList  ul.reviewList li.review div.content{
	padding : 15px 0 0 ;
	border-top : #dcd6c6 1px solid ;
}
#defaultReviewList  ul.reviewList li.review div.content p.review{
	clear : both ;
	margin : 0 ;
	text-align : left ;
}
#defaultReviewList  ul.reviewList li.review div.config{
	padding : 20px 0 0 ;
}
#defaultReviewList  ul.reviewList li.review div.config p.update{
	float : left ;
	margin : 0 ;
	line-height : 28px ;
}
#defaultReviewList  ul.reviewList li.review div.config dl{
	float : right ;
	margin : 0 ;
}
#defaultReviewList  ul.reviewList li.review div.config dl dt{
	float : left ;
	line-height : 28px ;
}
#defaultReviewList  ul.reviewList li.review div.config dl dd{
	float : left ;
	margin : 0 0 0 15px ;
	line-height : 28px ;
}
#defaultReviewList  ul.reviewList li.review div.config dl dd.btn a{
	display : block ;
	width : 58px ;
	border : #f90 1px solid ;
	background-color : #f60 ;
	background : -webkit-gradient(linear,left top,left bottom,from(#fc0),to(#f60)) ;
	background : -moz-linear-gradient(top,#fc0,#f60) ;
	background : -ms-linear-gradient(top,#fc0,#f60) ;
	background : linear-gradient(to bottom,#fc0,#f60) ;
	-ms-filter : "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff6600', GradientType=0)";
	border-radius : 3px ;
	line-height : 26px ;
	text-align : center ;
	text-decoration : none ;
	color : #fff ;
	font-size : 107.7% ;
	font-weight : bold ;
}
#defaultReviewList  ul.reviewList li.review div.config dl dd.btn span{
	display : block ;
	width : 58px ;
	border : #ccc 1px solid ;
	background : #ccc ;
	border-radius : 3px ;
	line-height : 26px ;
	text-align : center ;
	text-decoration : none ;
	color : #fff ;
	font-size : 107.7% ;
	font-weight : bold ;
}
#defaultReviewList  ul.reviewList li.review div.config dl dd.number strong{
	font-size : 138.5% ;
}
/********************
	.hasViewer
********************/
#defaultReviewList ul.reviewList li.review.hasViewer div.content{
}
#defaultReviewList ul.reviewList li.review.hasViewer div.content p.review{
	float : right ;
	width : 430px ;
}
#defaultReviewList ul.reviewList li.review.hasViewer div.content p.viewer{
	float : left ;
	width : 120px ;
	margin : 0 ;
	text-align : center ;
}

.defaultReviewBoundary {background-color: #fdeddd; margin:0 0 10px 0; min-height: 1px; padding: 11px 0 11px 0; zoom:100%; width:630px; clear:both;}
.defaultReviewBoundary:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.defaultReviewBoundary p.count {float: left; font-size: 108%; margin:0 0 0 12px;}
.defaultReviewBoundary p.count .amount{color: #FF5900; font-weight: bold; margin-right:10px;}
.defaultReviewBoundary .pageSending {float: right; font-size: 85%; margin: 2px 12px 0 0;}

.defaultReviewAttention{
	color : #666 ;
	font-weight : bold ;
	text-align : left ;
}
/********************
	.noThumbnail
********************/
#defaultReviewList ul.reviewList.noThumbnail li.review div.status{
	float : none ;
	width : auto ;
}
/***************************************************
	#defaultReviewHeader
***************************************************/
#defaultReviewHeader{
	margin : 0 0 20px ;
}
#defaultReviewHeader .header{
	margin : 0 0 10px ;
}
#defaultReviewHeader .header h2{
	float : left ;
	color : #666 ;
	font-weight : bold ;
}
#defaultReviewHeader .header p{
	float : right ;
	margin : 0 ;
}
#defaultReviewHeader .nav{
	border-bottom : #DCCEC0 1px solid ;
}
#defaultReviewHeader .nav li{
	float : left ;
	margin : 0 5px 0 0 ;
}
#defaultReviewHeader .nav li.site{
	margin : 0 ;
}
#defaultReviewHeader .nav li a{
	display : block ;
	width : 76px ;
	background : #F2EDE8 ;
	border-radius : 3px 3px 0 0 ;
	line-height : 24px ;
	font-size : 92.3% ;
	text-align : center ;
	color : #630 ;
}
#defaultReviewHeader .nav li a:hover,
#defaultReviewHeader .nav li.current a{
	background : #FFB755 ;
	color : #fff ;
	text-decoration : none ;
	font-weight : bold ;
}
#defaultReviewHeader .nav li.mama a,
#defaultReviewHeader .nav li.papa a{
	width : 70px ;
}
#defaultReviewHeader .nav li.mama span,
#defaultReviewHeader .nav li.papa span{
	width : 68px ;
}
#defaultReviewHeader .nav li.grand a{
	width : 110px ;
}
#defaultReviewHeader .nav li.grand span{
	width : 108px ;
}
#defaultReviewHeader .nav li.teacher a{
	width : 80px ;
}
#defaultReviewHeader .nav li.teacher span{
	width : 78px ;
}
#defaultReviewHeader .nav li.other a{
	width : 90px ;
}
#defaultReviewHeader .nav li.other span{
	width : 88px ;
}
#defaultReviewHeader .nav li.site a{
	width : 104px ;
}
#defaultReviewHeader .nav li.site span{
	width : 102px ;
}
#defaultReviewHeader .nav li span{
	display : block ;
	border : #ccc 1px solid ;
	background : #fff ;
	border-bottom : none ;
	border-radius : 3px 3px 0 0 ;
	line-height : 23px ;
	color : #999 ;
	text-decoration : none ;
	text-align : center ;
}
/********************
	.single
********************/
#defaultReviewHeader.single{
	margin-top : 50px ;
}
#defaultReviewHeader.single .nav{
	border : none ;
}
#defaultReviewHeader.single .nav li a{
	border-radius : 3px ;
}
#defaultReviewHeader.single .nav li span{
	border-bottom : #ccc 1px solid ;
	border-radius : 3px;
	line-height : 22px ;
}
/********************
	.newReview
********************/
#defaultReviewHeader.newReview{
	margin-bottom : -15px ;
}
#defaultReviewHeader.newReview .header{
	border-bottom : #f90 2px solid ;
	padding : 0 0 5px ;
	margin-bottom : 15px ;
}
#defaultReviewHeader.newReview .header p{
	float : left ;
	margin : 0 0 0 20px ;
}
#defaultReviewHeader.newReview .nav{
	border-bottom : #FFB755 4px solid ;
	padding-left : 13px ;
}
#defaultReviewHeader.newReview .nav li.ehon{
	margin-right : 12px ;
}
#defaultReviewHeader.newReview .nav li.ehon a,
#defaultReviewHeader.newReview .nav li.goods a{
	width : 296px ;
	line-height : 32px ;
}

/********************
	.adPP2020
********************/
.adPP2020{
	width: 950px;
	margin: 10px auto;
}
.adPP2020 .ad{
	float: left;
	display: table;
	width: 470px;
	background: url("/_img/ehonnavi_common/bg_adpp2020.png") center center repeat;
	border-radius: 10px;
}
.adPP2020 .ad:nth-of-type(2n){
	float: right;
}
.adPP2020 .ad figure{
	float: left;
	display: table;
	margin: 0;
	vertical-align: middle;
}
.adPP2020 .ad figure.type{
	padding: 13px 10px 10px;
}
.adPP2020 .ad figure.thaumbnail{
}
.adPP2020 .ad figure.thumbnail a{
	display: table-cell;
	width: 50px;
	height: 50px;
	padding: 13px 0 0;
	text-align: center;
	vertical-align: middle;
}
.adPP2020 .ad figure.thumbnail a:hover{
	opacity: 0.7;
}
.adPP2020 .ad figure.thumbnail a img{
	max-width: 50px;
	max-height: 50px;
}
.adPP2020 .ad .text{
	float: right;
	width: 320px;
	padding: 10px 10px 10px 0;
	vertical-align: middle;
	text-align: left;
}
.adPP2020 .ad .text p{
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;
}
.adPP2020 .ad .text p.title a{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
.adPP2020 .ad .text p.title a:hover{
	color: #f60;
}
.adPP2020 .ad .text ul.status{
	float: left;
	margin: 5px 10px 0 0;
}
.adPP2020 .ad .text ul.status li{
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px;
	font-size: 9px;
	line-height: 13px;
	background: #ddaf78;
	border-radius: 6.5px;
	color: #fff;
}
.adPP2020 .ad .text ul.status li:last-child{
	margin: 0;
}
.adPP2020 .ad .text ul.tameshiyomi{
	float: left;
	margin: 5px 10px 0 0;
}
.adPP2020 .ad .text ul.tameshiyomi li{
	float: left;
	position: relative;
	margin: 0 5px 0 0;
	padding: 0 0 0 13px;
	font-size: 9px;
	line-height: 13px;
	color: #666;
}
.adPP2020 .ad .text ul.tameshiyomi li:before{
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	background: #32c5ff;
	border-radius: 5px;
	
}
.adPP2020 .ad .text ul.tameshiyomi li.all:before{
	background: #ffb000;
	
}
.adPP2020 .ad .text ul.tameshiyomi li:last-child{
	margin: 0;
}