﻿@charset "UTF-8";

/* -----------------------------------------------------------------------------
**
** カテゴリ共通
**
----------------------------------------------------------------------------- */
/*---------------------------------------------------------- */
/*  枠組み
------------------------------------------------------------ */
#suggestPopupBox01 {
	position: absolute;
	top: 20.5px;
	left: -15.0px;
	z-index: 9999;
	width: 660px;
	padding: 7px 0 9px;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_04.png) right bottom no-repeat;
}
.suggestPopupBoxTop01 {
	padding-top: 8px;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_02.png) right top no-repeat;
}
.suggestPopupBoxMid01 {
	padding: 5px 19px 10px 13px;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_03.png) right top repeat-y;
}
.suggestPopupBoxBalloon01 {
	position: absolute;
	left: 27px;
	top: 0;
	width: 19px;
	height: 8px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_01.png) left top no-repeat;
}
.suggestPopupBoxInner01 {
	font-size: 12px;
	width: 628px;
	display: block;
	min-height: 1%;
}
.suggestPopupBoxInner01 * {
	line-height: 1.5;
}
.suggestPopupBoxInner01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* sectionパーツ */
.suggestSection01 {
	padding: 0 10px 25px;
}
.suggestSectionLast01 {
	padding: 0 10px;
}

/* 閉じる */
.suggestPopupBoxMid01 .closeWrap {
	margin-top: 25px;
	padding-top: 10px;
	border-top: 1px dotted #bdb9b8;
	text-align: center;
}
.suggestPopupBoxMid01 .closeWrap p img {
	cursor: pointer;
}

/*---------------------------------------------------------- */
/*  コンテンツエリア
------------------------------------------------------------ */
.suggestTitleWrap01 {
	padding: 0 0 6px 10px;
	border-top: 1px dotted #bdb9b8;
	margin-top: 10px;
}
.suggestTitleWrap01 .titleInnerL {
	width: 490px;
	float: left;
}
.suggestTitleWrap01 .titleInnerL .sub {
	float: left;
	font-weight: bold;
	margin: 7px 10px 0 0;
}
.suggestTitleWrap01 .titleInnerL .main {
	float: left;
	font-size: 167%;
	font-weight: bold;
}
.suggestTitleWrap01 .btn {
	float: right;
	margin-top: 12px;
}

.suggestPopupBoxInner01 .innerL01 {
	width: 324px;
	float: left;
	overflow: hidden;
	position: relative;
}
.suggestPopupBoxInner01 .innerL01 ul {
	margin-top: -1px;
}
.suggestPopupBoxInner01 .innerL01 ul li {
	padding: 1px 0 0;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_05.gif) no-repeat left top;
}
.suggestPopupBoxInner01 .innerL01 ul li a {
	display: block;
	padding-right: 10px;
}
.suggestPopupBoxInner01 .innerL01 ul li a:hover {
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_06.gif) no-repeat right center;
}
.suggestPopupBoxInner01 .innerL01 ul li a.active {
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/bg_suggest_06.gif) no-repeat right center;
}
.suggestPopupBoxInner01 .innerL01 ul li a span {
	display: block;
	padding: 10px;
}
.suggestPopupBoxInner01 .innerL01 ul li a:hover span {
	background-color: #e3e9f6;
	cursor: pointer;
}
.suggestPopupBoxInner01 .innerL01 ul li a.active span {
	background-color: #e3e9f6;
	cursor: pointer;
}
.suggestPopupBoxInner01 .innerR01 {
	width: 304px;
	float: right;
	background-color: #e6e6e6;
	min-height: 280px;
}
.suggestPopupBoxInner01 .innerR01.hover {
	background-color: #e3e9f6;
}
.suggestPopupBoxInner01 .innerR01 .noHover {
	text-align: center;
}
.suggestPopupBoxInner01 .innerR01 .noHover .ico {
	margin: 70px 0 20px;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 {
	padding: 10px;
	display: none;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .title {
	font-weight: bold;
	font-size: 117%;
	margin-bottom: 10px;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 {
	overflow: hidden;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul {
	margin-top: -5px;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li {
	margin-top: 5px;
	display: block;
	min-height: 1%;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .img {
	float: left;
	display: inline;
	margin-right: 10px;
	border: 1px solid #ebeaea;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .img img {
	max-width: 70px;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .txtLink {
	overflow: hidden;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .txtLink a {
	padding-left: 10px;
	display: block;
	background: url(http://F3C8.wpc.azureedge.net/80F3C8/Tower/img12/common/ico_suggest_02.gif) no-repeat left 0.5em;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .txtLink a:hover {
	padding-left: 10px;
	display: block;
	background-color: #b0e0e6;
}
.suggestPopupBoxInner01 .innerR01 .salesTopItem01 .salesTopItemList01 ul li .txtLink a.active {
	padding-left: 10px;
	display: block;
	background-color: #b0e0e6;
}
