@charset "utf-8";
/* ===================================================================
 CSS information
 note       :  システム用(JS連携)CSS
 file name  :  39.common.css
 style info :
 fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%	19px = 146.5%  20px = 154.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

 =================================================================== */

/*------------------------------------------------------*/
/* Tooltip
 *------------------------------------------------------*/

p#tooltip {
    display: block;
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
}

/*------------------------------------------------------*/
/* InformationBlock
/*------------------------------------------------------*/
.informationBlock .informationBlockPopupContainer {
    position: relative;
}
.informationBlock .uiPopup_marker {
    width: 262px;
    z-index: 999;
    zoom: 1;
    position: absolute;
    top: 20px;
}
.informationBlock .uiPopup_marker .uiPopup_marker_top {
    padding-top: 18px;
    background: url(../images/common/bg_uiPopup_marker_top.png) no-repeat center top;
}
.informationBlock .uiPopup_marker .btn_close,
.informationBlock .uiPopup_marker .btn_close a {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 1px;
    overflow: hidden;
    width: 16px;
    height: 15px;
    text-indent: -10000px;
}
.informationBlock .uiPopup_marker .btn_close {
    float: right;
    margin-right: 13px;
}
.informationBlock .uiPopup_marker .btn_close a {
    background: url(../images/common/header/btn_closeInfo.gif) no-repeat center top !important;
}
.informationBlock .uiPopup_marker .uiPopup_marker_body {
    width: 262px;
    padding-bottom: 14px;
    background: url(../images/common/bg_uiPopup_marker_btm.png) no-repeat center bottom;
}
.informationBlock .uiPopup_marker .uiPopup_marker_body .uiPopup_marker_body_inner {
    padding: 0 20px;
}
.informationBlock .uiPopup_marker_top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .informationBlock .uiPopup_marker_top {
    zoom: 1; /* for IE6 */
}
*:first-child+html .informationBlock .uiPopup_marker_top {
    zoom: 1; /* for IE7 */
}

/*------------------------------------------------------*/
/* jQuery-UI Tabs
/*------------------------------------------------------*/
.ui-tabs-hide {
    display: none;
}
#mainContents ul.uiTabs li.ui-state-active{background-position: left -50px;}
#mainContents ul.uiTabs li.ui-state-active span{background-position: right -50px;}
#mainContents ul.uiTabs li.ui-state-active span a {
font-weight: bold;
color: #db063b;
text-decoration: none;
cursor: default;
}

/*------------------------------------------------------*/
/* Like, Want
/*------------------------------------------------------*/
.reviewLikeBlock,
.reviewWantBlock,
.reviewCommentBlock {
    position: relative;
}
.reviewLikeListBlock,
.reviewWantListBlock {
    position: absolute;
    left: 0;
    top: 20px;
    color: #EEEFF7;
    background-color: #445878;
    width: 200px;
    height: 300px;
    overflow: auto;
}
.reviewLikeListContainer {
    left: -58px;
}
.reviewWantListContainer {
    left: -64px;
}
.myhome_postBox_view .markerTable_usert table td.noborder {
    background: transparent;
}

/*marker*/
ul.marker li { display: inline;}
ul.marker .reviewLikeBlock span.btnBlock,
ul.marker .reviewWantBlock span.btnBlock,
ul.marker .reviewCommentBlock span.btnBlock {
    font-size: 100%;
    padding: 0 7px 0 0;
    background: url(../images/common/header/bg_toolsNav_count_left.gif) no-repeat right top;
}
*:first-child+html ul.marker .reviewLikeBlock span.btnBlock,
*:first-child+html ul.marker .reviewWantBlock span.btnBlock,
*:first-child+html ul.marker .reviewCommentBlock span.btnBlock {
    background: url(../images/common/header/bg_toolsNav_count_left.gif) no-repeat right 5px;    /* for IE7 */
}
ul.marker .reviewLikeBlock span.count,
ul.marker .reviewWantBlock span.count,
ul.marker .reviewCommentBlock span.count {
	padding: 4px 6px 2px 4px;
	background: url(../images/common/header/bg_toolsNav_count.gif) no-repeat right 3px;
	font-size: 11px;
	*font-size: 10px;
	font-weight: bold;
	color:#fc4f15!important;
    line-height: 17px;
}
ul.marker .reviewLikeBlock span a,
ul.marker .reviewWantBlock span a,
ul.marker .reviewCommentBlock span a {
    text-decoration: none;
	color:#fc4f15!important;
}

/*------------------------------------------------------*/
/* NoLogin Popup
/*------------------------------------------------------*/
.nologinPopupContainer {
    position: relative;
}
.nologinPopup {
    width: 140px;
    z-index: 1000;
    zoom: 1;
    position: absolute;
    top: 20px;
    left: -40px;
}
.nologinPopup .nologinPopupTop {
    padding-top: 18px;
    background: url(../images/common/bg_Popup_nonmember_top.png) no-repeat center top;
}
.nologinPopup .nologinPopupBody {
    width: 140px;
    padding-bottom: 14px;
    text-align: center;
    background: url(../images/common/bg_Popup_nonmember_btm.png) no-repeat center bottom;
}
.nologinPopup .btn_close,
.nologinPopup .btn_close a{
    margin: 0;
    padding: 0;
    display: block;
    font-size: 1px;
    overflow: hidden;
    width: 16px;
    height: 15px;
    text-indent: -10000px;
}
.nologinPopup .btn_close{float: right;margin-right: 13px;}
.nologinPopup .btn_close a{	background: url(../images/common/header/btn_closeInfo.gif) no-repeat center top;}

/*------------------------------------------------------*/
/* jQuery jScroolPane
/*------------------------------------------------------*/
.jspContainer
{
	overflow: hidden;
	position: relative;
}
.jspPane
{
	position: absolute;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
}
.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}
.jspCap
{
	display: none;
}
.jspHorizontalBar .jspCap
{
	float: left;
}
.jspTrack
{
	background: #f9f58f;
	position: relative;
	padding-bottom: 1px;
}
.jspDrag
{
	background: #fec132;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}
.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow
{
	height: 16px;
}
.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*
 * ajax-loader
 */
.ajax-loader {
    position: absolute;
    margin-left: 10px;
    padding: 0px;
}

/*
 * saleInfoBox
 */
div.saleInfoBox {
    margin-bottom: 20px;
    border: solid 1px #D6D6D6;
    float: left;
    width: 495px;
}
div.saleInfoBoxImage {
    margin-left: 10px;
}
div.saleInfoBox div {
    padding: 8px;
}
div.saleInfoBox div h3 {
    font-size: 131%;
    font-weight: bold;
    padding-bottom: 5px;
}
div.saleInfoBox div p {
    padding-bottom: 3px;
}

/* uiPopup_marker --------------------------------- */
.uiPopup .uiPopup_marker {	width: 262px; z-index: 999; zoom: 1; position: absolute; left: -75px;}
*:first-child+html .uiPopup .uiPopup_marker {
    top: 20px;
}
.uiPopup .uiPopup_marker table a { background-image: none!important;}
.uiPopup .uiPopup_marker .uiPopup_marker_top{
    padding-top: 18px;
    background: url(../images/common/bg_uiPopup_marker_top.png) no-repeat center top;
}
.uiPopup .uiPopup_marker .uiPopup_marker_body {
    width: 262px;
    padding-bottom: 14px;
    background: url(../images/common/bg_uiPopup_marker_btm.png) no-repeat center bottom;
}
.uiPopup .uiPopup_marker .uiPopup_marker_body div {
    text-align: left;
    margin: 0 15px;
}

/* btn */
a.btnLink {
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: -moz-linear-gradient(top, #d8ecaf, #439d2d);
    background: -webkit-gradient(linear, left top, left bottom, from(#d8ecaf), to(#439d2d));
    background-color: #439d2d;
    border: 1px solid #46b030;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
a.btnLink:hover {
    background: -moz-linear-gradient(top, #e8f3cf, #5cc941);
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f3cf), to(#5cc941));
    background-color: #5cc941;
}
a.btnLink2 {
    text-decoration: none;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border: #227D26 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    background: linear-gradient(top center, #64DA61 0%, #43A426 100%);
    background: -moz-linear-gradient(top center, #64DA61 0%, #43A426 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#64DA61), to(#43A426));
    background-color: #43A426;
    text-shadow: 0px 0px 3px #255816;
    font-size: 12px;
    font-weight: bold;

}
a.btnLink2:hover {
    background: linear-gradient(top center, #82E180 0%, #52CC2F 100%);
    background: -moz-linear-gradient(top center, #82E180 0%, #52CC2F 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#82E180), to(#52CC2F));
    background-color: #52CC2F;
}
div.btnMoreRead {
    text-align: center;
    margin-bottom: 20px;
}
/* HEADER 2017 --------------------------------------------*/

#globalNavigationWrapper {
    background-image: url(/resource/images/common/header/NavWrapper_bg.png);
    height: 66px;
    padding:7px 0;
}

#globalNavigationWrapperInner {
    width: 956px;
    margin: 0 auto;
}

ul#globalNavigation {
    height: 66px;
}

ul#globalNavigation li {
    width: 191px;
    height: 61px;
    float: left;
    position: relative;
    background: #ffe2e2;
    border-width: 3px 2px 0 2px;
    border-style: solid;
    border-color: white;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
    text-align: center;
    color: #770000;
}

ul#globalNavigation li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 61px;
    vertical-align: middle;
    text-decoration:none;
    font-weight: 700;
    color: inherit;
}

ul#globalNavigation li:nth-child(3) a {
    width: 192px;
}

/*ナビゲーション選択時設定*/
ul#globalNavigation li[class*="nav_"]:hover, ul#globalNavigation li[class*="navOn_"] {
    background: #ff0066;
}

ul#globalNavigation li[class*="nav_"]:hover a, ul#globalNavigation li[class*="navOn_"] a {
    color: #ffffff;
}

/*ナビゲーション吹き出し設定*/
ul#globalNavigation li[class*="nav_"]:hover:before, ul#globalNavigation li[class*="navOn_"]:before {
    background-image: url(/resource/images/common/header/balloon_bg.png);
    font-size: 87%;
    line-height: 27px;
    text-align: center;
    width: 160px;
    height: 37px;
    position: absolute;
    top:-26px;
    left: 15px;
    z-index: 2;
    color: black;
}

ul#globalNavigation li.nav_Toc1:hover:before, ul#globalNavigation li.navOn_Toc1:before {
    content: "人気読者が集まるコミュニティ";
}
ul#globalNavigation li.nav_Toc2:hover:before, ul#globalNavigation li.navOn_Toc2:before {
    content: "誌面の立ち読みができる";
}
ul#globalNavigation li.nav_Toc3:hover:before, ul#globalNavigation li.navOn_Toc3:before {
    content: "プレゼントの応募はこちら";
}
ul#globalNavigation li.nav_Toc4:hover:before, ul#globalNavigation li.navOn_Toc4:before {
    content: "主婦のトレンドを毎日発信中";
}
/*ul#globalNavigation li.nav_Toc5:hover:before, ul#globalNavigation li.navOn_Toc5:before {
    content: "登録情報はこちらで確認";
}
*/
/* OLD HEADER 20140324 --------------------------------------------*/
#globalNavWrapper2{
	background-image: url(/resource/images/common/header/NavWrapper_bg.png);
	height: 66px;
	padding:7px 0;
}

#globalNav2{
	width: 956px;
	margin: 0 auto;
}

ul#navBox2{
	background-image: url(/resource/images/common/header/Nav_bg.png);
	height: 66px;
}

ul#navBox2 li{
	width: 191px;
	float: left;
	position: relative;
}

ul#navBox2 li:nth-child(3){
	width: 192px;
}

ul#navBox2 li a{
	text-indent: -9999px;
	width: 191px;
	height: 66px;
	display: block;
	overflow: hidden;
}

ul#navBox2 li:nth-child(3) a{
	width: 192px;
}

/*ナビゲーション選択時設定*/
ul#navBox2 li[class*="nav_"]:hover,ul#navBox2 li[class*="navOn_"]{background-image: url(/resource/images/common/header/Nav_bg.png);}
ul#navBox2 li.nav_Blog:hover,ul#navBox2 li.navOn_Blog{background-position: left bottom;}
ul#navBox2 li.nav_Lib:hover,ul#navBox2 li.navOn_Lib{background-position: -191px bottom;}
ul#navBox2 li.nav_Pre:hover,ul#navBox2 li.navOn_Pre{background-position: center bottom;}
ul#navBox2 li.nav_Pro:hover,ul#navBox2 li.navOn_Pro{background-position: 382px bottom;}
ul#navBox2 li.nav_Home:hover,ul#navBox2 li.navOn_Home{background-position: right bottom;}

/*ナビゲーション吹き出し設定*/
ul#navBox2 li[class*="nav_"]:hover:before,ul#navBox2 li[class*="navOn_"]:before{
	background-image: url(/resource/images/common/header/balloon_bg.png);
	font-size: 87%;
	line-height: 27px;
	text-align: center;
	width: 160px;
	height: 37px;
	position: absolute;
	top:-16px;
	left: 15px;
	z-index: 2;
}

ul#navBox2 li.nav_Blog:hover:before,ul#navBox2 li.navOn_Blog:before{
	content: "人気読者が集まるコミュニティ";
}
ul#navBox2 li.nav_Lib:hover:before,ul#navBox2 li.navOn_Lib:before{
	content: "誌面の立ち読みができる";
}
ul#navBox2 li.nav_Pre:hover:before,ul#navBox2 li.navOn_Pre:before{
	content: "プレゼントの応募はこちら";
	left:16px;
}
ul#navBox2 li.nav_Pro:hover:before,ul#navBox2 li.navOn_Pro:before{
	content: "子育て応援！";
}
ul#navBox2 li.nav_Home:hover:before,ul#navBox2 li.navOn_Home:before{
	content: "登録情報はこちらで確認";
}