@charset "UTF-8";
/*//////////////////////////////////////////

	init.css 初期化・汎用設定

//////////////////////////////////////////*/

/* =================================
	タグ初期化
================================= */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333;
	line-height: 1.4;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;/* iPhone用文字サイズ設定 */
}
@media (min-width: 1031px) {
	body {
		overflow-x: hidden;
	}
}
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.35;
	text-decoration: none;
	text-transform: none;
}
strong {
	color: #333333;
}
img {
	border: none;
}
ol, ul {
	list-style: none;
}
em {
	font-style: normal;
}
optgroup {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/* =================================
	リンク設定
================================= */
a {
	overflow: hidden;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #F66;
	text-decoration: underline;
}
a:active {
	color: #F66;
	text-decoration: underline;
}
a.blank {/* 別ウィンドウのリンクアイコン */
	padding-right: 12px;
	background: url(/public/img/global/ico_blank.png) no-repeat 100% 50%;
}

/* =================================
	汎用クラス
================================= */
a.opacity {
	transition: opacity 0.2s ease-in 0s;
}
a.opacity:hover {/* ホバー透過クラス */
	opacity: 0.7;
	*filter: alpha(opacity=70);
	*zoom: 1;
	transition: opacity 0.2s ease-out 0s;
}

/* クリアタイプテキスト指定
--------------------------------------------------------- */
.cltype {
	font-family: Arial, Helvetica, meiryo, sans-serif;
	/*text-rendering: optimizeLegibility;*/
}
.cltype02 {
	font-family: Arial, Helvetica, "meiryo ui", sans-serif;
	/*text-rendering: optimizeLegibility;*/
}

/* 価格（数字）用フォントクラス
--------------------------------------------------------- */
.num {
	font-family: Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
}

/* 三点リーダ表示設定（1行表示に限る）
--------------------------------------------------------- */
.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* フォントサイズ
--------------------------------------------------------- */
.fs20 { font-size: 20px !important; }




.hidden {
	position: absolute;
	left: -1000px;
	top: -1000px;
	height: 0px;
	width: 0px;
	font-size: 0px;
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clr {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}
.red{
	color: #F00;
}
.blue{
	color: #00F;
}
.pink{
	color: #FAA;
}
.linkAllow {
	padding: 0px 6px 0px 0px;
	background: url(/public/img/img_menu/infoLink.png) no-repeat right center;
}
.off {
	height: 61px;
	width: 178px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/60p_b.png) no-repeat;
}
.sp1 p {
	margin: 0px 0px 5px 10px;
}
.sp2 {
	width: 573px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.sp2 p {
	margin: 0px 0px 5px 5px;
}
.spimg {
	float: left;
	width: 236px;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
.sptitle {
	margin: 1px 0px 0px 0px;
}
.sptext {
	padding-left: 5px;
	border-left-color: #666666;
	border-left-style: solid;
	border-left-width: 5px;
	line-height: 120%;
}
.mgnBtm {
	margin: 8px 0px 5px 0px;
}
.mgnBtm2 {
	margin: 12px 0px 10px 0px;
}
.mgnBtm3 {
	width: 160px;
	margin: 0px;
}
.mgnBtm4 {
	margin: 0px 0px 4px 0px;
}
.mgnBtm5 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mgnBtm6 {
	margin: 0px 0px 6px 0px;
}
.mgnBtm7 {
	margin: 0px 0px 7px 0px;
}
.mgnTpBtm8 {
	margin-top: 8px;
	margin-bottom: 10px;
}
.mgnBtm10 {
	margin: 0px 0px 10px 0px;
}
.mgntop15 {
	margin: 15px 0px 0px 0px;
}
.mgntop10 {
	margin: 10px 0px 4px 0px;
}
.info {
	padding: 2px;
	margin: 0px 0px 2px 0px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	background-color: #D9E6FF;
}
a.more {
	height: 20px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/more.png) no-repeat;
}
a:hover.more {
	background-position: 0px -20px;
}
a.more2 {
	height: 26px;
	width: 136px;
	margin: 3px 0px 0px 0px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/more02.png) no-repeat;
}
a:hover.more2 {
	background-position: 0px -26px;
}

/* FAQボックス
--------------------------------------------------------------------------*/
dl#faq_box {
	margin: 60px 40px 30px;
	border: 1px solid #ebcdce;
	-moz-border-radius: 4px;
	-webkit-border-raidus: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
}
dl#faq_box:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
}
dl#faq_box { display: inline-block; }
/* \*/
* html dl#faq_box { height: 1%; }
dl#faq_box  { display: block; }
/*  */

dl#faq_box dt.ttl {
	overflow: hidden;
	height: 21px;
	padding: 6px 5px 0;
	background: #c5585e	;
	color: white;
	font-weight: bold;
	whitespace: nowrap;
	text-align: center;
}
dl#faq_box dt.ttl img {
	line-height: 1;
}
dl#faq_box dd {
	margin: 10px 15px;
}
dl#faq_box dl dt {/* 質問 */
	padding: 5px 0 5px 35px;
	color: #ba4449;
	background: url(/public/img/img_search/estimate/icon_faq_q.png) no-repeat 0 50%;
	font-weight: bold;
}
dl#faq_box dl dd {/* 回答 */
	position: relative;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}
dl#faq_box dd dl dd a {
	float: none;
	padding-top: 5px;
}
dl#faq_box dd a {
	float: right;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(/public/img/img_search/estimate/icon_faq_link.png) no-repeat 0 50%;
	color: #ba4449;
	text-decoration: underline;
	text-align: right;
}
dl#faq_box dd a:hover {
	text-decoration: none;
}
/* ===========================================================
	よくあるご質問
===========================================================*/
#faq_box {
	margin: 30px auto 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	text-align: left;
}

/* ------------------------------------------------------------------------
	タイトル
------------------------------------------------------------------------*/
#faq_box dl.faq_list dt.ttl {
	height: 31px;
	padding-left: 9px;
	background-color: #eee;
	color: #111;
	font-size: 13px;
	line-height: 31px;
}

/* ------------------------------------------------------------------------
	コンテンツ
------------------------------------------------------------------------*/
#faq_box dl.faq_list dd.outer {
	padding-top: 12px;
}
#faq_box dl.faq_list dd.outer dl dt {/* Q */
	padding: 8px 16px 5px 23px;
	font-size: 13px;
	color: #480;
	background: url("/public/img/img_search/search_intro/estimate_input/icon_q.png") left center no-repeat;
}
#faq_box dl.faq_list dd.outer dl dd {/* A */
	padding: 0 16px 19px 23px;
	line-height: 1.7;
	background: url("/public/img/img_search/search_intro/estimate_input/icon_a.png") 1px 2px no-repeat;
}

/* ------------------------------------------------------------------------
	テキスト内リンク
------------------------------------------------------------------------*/
#faq_box dl.faq_list dd.outer dl dd a {
	text-decoration: underline;
	color: #480;
}
#faq_box dl.faq_list dd.outer dl dd a.icon {
	padding-left: 11px;
	background: url("/public/img/img_search/search_intro/estimate_input/ico_faq_link.png") left center no-repeat;
}
#faq_box dl.faq_list dd.outer dl dd a:hover {
	text-decoration: none;
}

/* ------------------------------------------------------------------------
	FAQページへのリンク
------------------------------------------------------------------------*/
#faq_box p.faq_link {
	text-align: right;
}
#faq_box p.faq_link a {
	padding-left: 11px;
	text-decoration: underline;
	color: #0034ca;
}
#faq_box p.faq_link a::before {
	content: "";
	display: inline-block;
	margin-right: 7px;
	border: 3px solid transparent;
	border-left: 5px solid #002fb8;
	border-right: none;
	vertical-align: middle;
}
#faq_box p.faq_link a:hover {
	text-decoration: none;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

　common.css サイト共通CSS

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* ============================================
	スマートフォン版はこちらボタン
============================================ */
p#bt_sp {
	width: 940px;
	margin: 10px auto;
	padding: 10px 0;
	font-family: sans-serif;
	font-size: 5.5em;
	font-weight: bold;
}
p#bt_sp a {
	display: block;
	color: #555;
	line-height: 2.3em;
	text-align: center;
  text-shadow: 2px 2px 0 #fff;
	letter-spacing: -0.1ex;
	border: 0.15ex solid #777;
	border-radius: 0.4em;
	box-shadow: 0 0 0 2px #fff inset, 3px 3px 4px #aaa;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 47%, #d9d9d9 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#ffffff), color-stop(63%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 47%,#d9d9d9 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 47%,#d9d9d9 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 47%,#d9d9d9 63%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 47%,#d9d9d9 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE7-9 */
}
p#bt_sp a:hover {
	text-decoration: none;
}

/* ============================================
	ページ末尾の楽天リンク
============================================ */
p#rakuten_counter {
	display: none;
}
a.rakuten_from {
	color: #FFFFFF;
}
a.rakuten_from:visited {
	color: #FFFF00;
}

/* ============================================
	HEADER
============================================ */
#HEADER {
	position: relative;
	height: 153px;
	background: url("/public/img/img_global/bg_header_top_20130628.png") repeat-x scroll 0 0 transparent;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome用 */
#HEADER {
	background: url("/public/img/img_global/bg_header_top_20130628.png") repeat-x scroll 0 0 transparent;
	background-size: 100% 18px;
}
}
#HEADER #LOGO {
	position: absolute;
	top: 30px;
	height: 77px;
	width: 192px;
	left: 17px;
}
 a#LOGO{
	height: 77px;
	width: 192px;
	display: block;
	text-indent: -9999px;
	background-image: url(/public/img/img_global/logo_20130628.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#HEADER #BANNER {
	position: absolute;
	left: 230px;
	top: 30px;
	height: 96px;
	width: 518px;
	display: block;
	text-indent: -9999px;
	background-image: url(/public/img/global/header_banners_20130827.png);
	background-repeat: no-repeat;
	background-position: center;
}
#HEADER #BANNER_LINL01 {
	position: absolute;
	left: 230px;
	top: 30px;
	height: 64px;
	width: 75px;
	display: block;
	text-indent: -9999px;
}
#HEADER #BANNER_LINL02 {
	position: absolute;
	left: 384px;
	top: 30px;
	height: 64px;
	width: 74px;
	display: block;
	text-indent: -9999px;
}
#HEADER #BANNER_LINL03 {
	position: absolute;
	left: 461px;
	top: 30px;
	height: 64px;
	width: 74px;
	display: block;
	text-indent: -9999px;
}
#HEADER #BANNER_LINL04 {
	position: absolute;
	left: 538px;
	top: 30px;
	height: 64px;
	width: 74px;
	display: block;
	text-indent: -9999px;
}
#HEADER #BANNER_LINL05 {
	position: absolute;
	left: 615px;
	top: 30px;
	height: 64px;
	width: 133px;
	display: block;
	text-indent: -9999px;
}
#HEADER #MENUTOP {
	position: absolute;
	left: 0px;
	top: 114px;
	height: 24px;
	width: 940px;
	background: url(/public/img/img_global/topmenuback.jpg) repeat-x 0px;
}
#HEADER #FONT {
	position: absolute;
	top: 18px;
	right: 0px;
	height: auto;
	width: 160px;
	padding: 32px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
	text-align: right;
	background: url(/public/img/img_global/fontsize.png) no-repeat right top;
}
#HEADER #FONT ul{
	float: right;
}
#HEADER #FONT li {
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: -9999px;
}
#HEADER #MENU01 li {
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: -9999px;
}
#HEADER #MENU01 a {
	display: block;
	background: url(/public/img/img_global/topmenu.jpg) no-repeat;
}
#HEADER #MENU01 #TM01 {
	height: 24px;
	width: 72px;
	background-position: 0px 0px;
}
#HEADER #MENU01 a:hover#TM01 {
	background-position: 0px -24px;
}
#HEADER #MENU01 #TM02 {
	height: 24px;
	width: 106px;
	background-position: -72px 0px;
}
#HEADER #MENU01 a:hover#TM02 {
	background-position: -72px -24px;
}
#HEADER #MENU02 {
	position: absolute;
	right: 0px;
}
#HEADER #MENU02 li {
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: -9999px;
}
#HEADER #MENU02 a {
	display: block;
	background: url(/public/img/img_global/topmenu.jpg) no-repeat;
}
#HEADER #MENU02 #TM03 {
	height: 24px;
	width: 177px;
	background-position: -178px 0px;
}
#HEADER #MENU02 a:hover#TM03 {
	background-position: -178px -24px;
}
#HEADER #MENU02 #TM04 {
	height: 24px;
	width: 105px;
	background-position: -355px 0px;
}
#HEADER #MENU02 a:hover#TM04 {
	background-position: -355px -24px;
}
#HEADER #MENU02 #TM05 {
	height: 24px;
	width: 105px;
	background-position: -460px 0px;
}
#HEADER #MENU02 a:hover#TM05 {
	background-position: -460px -24px;
}
#HEADER #MENU02 #TM06 {
	height: 24px;
	width: 132px;
	background-position: -565px 0px;
}
#HEADER #MENU02 a:hover#TM06 {
	background-position: -565px -24px;
}
#HEADER #MENU02 #TM07 {
	height: 24px;
	width: 81px;
	background-position: -697px 0px;
}
#HEADER #MENU02 a:hover#TM07 {
	background-position: -697px -24px;
}
#HEADER #MENU02 #TM08 {
	height: 24px;
	width: 92px;
	background-position: -778px 0px;
}
#HEADER #MENU02 a:hover#TM08 {
	background-position: -778px -24px;
}


/* ===========================================================
	２カラムレイアウト
===========================================================*/
#contents_wide {/* div＃CONTENTSと入れ替わる */
	float: right;
	position: relative;
	width: 735px;
	padding: 0 50px 0 0;
	font-size: 12px;
	color: #333;
}

/* ===========================================================
	MENU
===========================================================*/
#MAIN #MENU {
	float: left;
	width: 196px;
	font-size: 80%;
	line-height: 120%;
}
#MAIN #MENU .mgn {
	width: 155px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 5px;
}
#MAIN #MENU .mgn2 {
	width: 165px;
}
#MAIN #MENU .mgn3 {
	width: 155px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#MAIN #MENU #SERCH_CAT {
	height: 25px;
	width: 165px;
	margin-top: 5px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/search_cat.png) no-repeat;
}
#MAIN #MENU #SERCH_NAM {
	height: 25px;
	width: 165px;
	margin: 0px 0px 3px 0px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/search_nam.png) no-repeat;
}
#MAIN #MENU #CAT_GAR {
	height: 20px;
	width: 165px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/cat_gar.png) no-repeat;
}
#MAIN #MENU #CAT_WAL {
	height: 20px;
	width: 165px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/cat_wal.png) no-repeat;
}
#MAIN #MENU #GUIDE {
	height: 25px;
	width: 165px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/guide.jpg) no-repeat;
}
#MAIN #MENU #GUIDELIST a {
	font-size: 12px;
	display: block;
	padding-left: 19px;
	height: 16px;
	background-image: url(/public/img/img_menu/guideBlt01.png);
	background-repeat: no-repeat;
	margin-top: 2px;
	padding-top: 2px;
}
#MAIN #MENU #STAFF {
	width: 153px;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
}
#MAIN #MENU #STAFFTTL {
	height: 20px;
	width: 153px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/staff.png) no-repeat;
}


#MAIN #MENU #STAFF .staff{
	float: left;
	width: 47px;
	margin: 0px 0px 3px 3px;
	text-align: center;
}



#MAIN #MENU #CAL {
	width: 153px;
	border: 1px solid #B1B1B1;
}


#MAIN #MENU #CALTTL {
	height: 20px;
	width: 153px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/cal.png) no-repeat;
}


#MAIN #MENU #CAL .hol {
	display: block;
	background: url(/public/img/img_menu/cal/hol.png) no-repeat center center;
}


#MAIN #MENU #CAL table {
	width: 100%;
	margin: 0px 0px 3px 0px;
}


#MAIN #MENU #CAL strong {
	color: #333;
}


#MAIN #MENU #CAL th {
	height: 14px;
	text-align: center;
	background-color: #FDF6EB;
}


#MAIN #MENU #CAL td {
	height: 14px;
	text-align: center;
	background-color: #FDF6EB;
}


#MAIN #MENU #CAL caption {
	padding: 0px 0px 2px 5px;
	font-size: 125%;
	font-weight: bold;
	line-height: 110%;
	text-align: left;
}



#MAIN #MENU #PERTNER {
	width: 149px;
	padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #B1B1B1;
}

#MAIN #MENU .partner-exshop {
	display: none;
	margin: 0 5px 10px 5px;
}


#MAIN #MENU #MAKER {
	width: 153px;
	margin:0 auto 6px;
	padding: 8px 0;
	border: 1px solid #B1B1B1;
	overflow:hidden;
}
#MAIN #MENU #MAKER ul{
	margin:0 auto 6px;
	width:144px;
	padding:0;
}
#MAIN #MENU #MAKER li{
	float:left;
	width:64px;
	height:31px;
	margin:0 4px 8px 4px;
	_margin:0 3px 8px 3px;
}
#MAIN #MENU #MAKER a{
	display:block;
	width:64px;
	height:31px;
}
#MAIN #MENU #MAKER img{
	display:block;
	width:64px;
	height:31px;
}
#MAIN #MENU #MAKER p{
	width:138px;
	margin:3px auto 0;
}



#MAIN #MENU #GARDEN li {
	text-indent: -9999px;
}


#MAIN #MENU #GARDEN a {
	height: 41px;
	width: 165px;
	display: block;
	background: url(/public/img/img_menu/menuGarden.jpg) no-repeat;
}


#MAIN #MENU #GARDEN #GM01 {
	background-position: 0px 0px;
}


#MAIN #MENU #GARDEN a:hover#GM01 {
	background-position: -165px 0px;
}


#MAIN #MENU #GARDEN #GM02 {
	background-position: 0px -41px;
}


#MAIN #MENU #GARDEN a:hover#GM02 {
	background-position: -165px -41px;
}


#MAIN #MENU #GARDEN #GM03 {
	background-position: 0px -82px;
}


#MAIN #MENU #GARDEN a:hover#GM03 {
	background-position: -165px -82px;
}


#MAIN #MENU #GARDEN #GM04 {
	background-position: 0px -123px;
}


#MAIN #MENU #GARDEN a:hover#GM04 {
	background-position: -165px -123px;
}


#MAIN #MENU #GARDEN #GM05 {
	background-position: 0px -164px;
}


#MAIN #MENU #GARDEN a:hover#GM05 {
	background-position: -165px -164px;
}


#MAIN #MENU #GARDEN #GM06 {
	background-position: 0px -205px;
}


#MAIN #MENU #GARDEN a:hover#GM06 {
	background-position: -165px -205px;
}


#MAIN #MENU #GARDEN #GM07 {
	background-position: 0px -246px;
}


#MAIN #MENU #GARDEN a:hover#GM07 {
	background-position: -165px -246px;
}
#MAIN #MENU #GARDEN a#GM08 {
	text-indent: -9999px;
	background-position: 0px -287px;
}

#MAIN #MENU #GARDEN a:hover#GM08 {
	background-position: -165px -287px;
}
#MAIN #MENU #GARDEN a#GM09 {
	text-indent: -9999px;
	background-position: 0px -329px;
}
#MAIN #MENU #GARDEN a:hover#GM09 {
	background-position: -165px -329px;
}
#MAIN #MENU #GARDEN a#GM10 {
	text-indent: -9999px;
	background-position: 0px -370px;
}
#MAIN #MENU #GARDEN a:hover#GM10 {
	background-position: -165px -370px;
}
#MAIN #MENU #GARDEN a#GM11 {
	text-indent: -9999px;
	background-position: 0px -411px;
}
#MAIN #MENU #GARDEN a:hover#GM11 {
	background-position: -165px -411px;
}

/* OUTLET */
/*
#MAIN #MENU #SERCH_OT {
	height: 25px;
	width: 165px;
	margin: 0px 0px 3px 0px;
	text-indent: -9999px;
	background: url(/public/img/img_menu/search_ot.png) no-repeat;
}

#MAIN #MENU #OUTLET li a {
	text-indent: -9999px;
}


#MAIN #MENU #OUTLET a {
	height: 41px;
	width: 165px;
	display: block;
	background: url(/public/img/img_menu/menuGarden.jpg) no-repeat;
}

#MAIN #MENU #OUTLET a#GM08 {
	text-indent: -9999px;
	background-position: 0px -287px;
}

#MAIN #MENU #OUTLET a:hover#GM08 {
	background-position: -165px -287px;
}
*/
/* OUTLET END */



#MAIN #MENU #WALL a {
	height: 41px;
	width: 165px;
	display: block;
}


#MAIN #MENU #WALL li {
	text-indent: -9999px;
}


#MAIN #MENU #WALL a {
	height: 41px;
	width: 165px;
	display: block;
	background: url(/public/img/img_menu/menuWall.jpg) no-repeat;
}


#MAIN #MENU #WALL #WM01 {
	background-position: 0px 0px;
}


#MAIN #MENU #WALL a:hover#WM01 {
	background-position: -165px 0px;
}


#MAIN #MENU #WALL #WM02 {
	background-position: 0px -41px;
}


#MAIN #MENU #WALL a:hover#WM02 {
	background-position: -165px -41px;
}


#MAIN #MENU #WALL #WM03 {
	background-position: 0px -82px;
}


#MAIN #MENU #WALL a:hover#WM03 {
	background-position: -165px -82px;
}


#MAIN #MENU #WALL #WM04 {
	background-position: 0px -123px;
}


#MAIN #MENU #WALL a:hover#WM04 {
	background-position: -165px -123px;
}


#MAIN #MENU #WALL #WM05 {
	background-position: 0px -164px;
}


#MAIN #MENU #WALL a:hover#WM05 {
	background-position: -165px -164px;
}


#MAIN #MENU #WALL #WM06 {
	background-position: 0px -205px;
}


#MAIN #MENU #WALL a:hover#WM06 {
	background-position: -165px -205px;
}


#MAIN #MENU #WALL #WM07 {
	background-position: 0px -246px;
}


#MAIN #MENU #WALL a:hover#WM07 {
	background-position: -165px -246px;
}


#MAIN #MENU #WALL #WM08 {
	background-position: 0px -246px;
}


#MAIN #MENU #WALL a:hover#WM08 {
	background-position: -165px -246px;
}


#MAIN #MENU #WALL #WM09 {
	background-position: 0px -287px;
}


#MAIN #MENU #WALL a:hover#WM09 {
	background-position: -165px -287px;
}


#MAIN #MENU #WALL #WM10 {
	background-position: 0px -328px;
}
#MAIN #MENU #WALL a:hover#WM10 {
	background-position: -165px -328px;
}


#MAIN #MENU #WALL #WM11 {
	background-position: 0px -369px;
}
#MAIN #MENU #WALL a:hover#WM11 {
	background-position: -165px -369px;
}


#MAIN #MENU #WALL #WM12 {
	background-position: 0px -410px;
}
#MAIN #MENU #WALL a:hover#WM12 {
	background-position: -165px -410px;
}

/* 面格子 */
#MAIN #MENU #WALL #WM13 {
	background-position: 0px -451px;
}
#MAIN #MENU #WALL a:hover#WM13 {
	background-position: -165px -451px;
}

div#left_about_valueselect{
	border:1px solid #B1B1B1;
	width:153px;
	margin:auto;
}
div#left_about_valueselect p{
	margin:12px auto;
	width:140px;
}
div#left_about_valueselect p.logo {
	text-align:center;
}
/* valueselect */
div#left_about_valueselect p.logo a:hover {
  filter: alpha(opacity=70);
  opacity: 0.5;
}





div#left_about_valueselect p.about{
	font-size:10px;
}


/* CONTENTS */
#MAIN #CONTENTS {
	width: 797px;
}



#RECOMMEND {
	width: 584px;
	margin-top: 16px;
	border-top-color: #B1B1B1;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
}


#RECOMMENDTTL {
	height: 23px;
	width: 584px;
	text-indent: -9999px;
	background: url(/public/img/img_top/recTitle.jpg) no-repeat;
}


#RECOMMEND .recItem {
	float: left;
	width: 145px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	display: inline;
}




/* RANK */
#RANK {
	width: 579px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	border-right: 1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
	border-left: 1px solid #B1B1B1;
}


#RANKTTL {
	height: 52px;
	width: 585px;
	margin: 27px 0 7px;
	text-indent: -9999px;
	background: url(/public/img/recommend_on_top/h_popular_item.png) no-repeat;
}


#RANK table {
	float: left;
	width: 191px;
	margin: 1px;
	font-size: 12px;
	display: inline;
}


#RANK th {
	text-align: center;
	background: #E8EFFF;
}


#RANK table img {
	margin: 0px 3px;
	vertical-align: middle;
}


#RANK #CARPORT caption {
	width: 180px;
	border-left-color: #6385AD;
	border-left-style: solid;
	border-left-width: 4px;
	font-size: 100%;
	text-align: left;
	background-color: #EEEEEE;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 7px;
}


#RANK #TERRACE caption {
	width: 180px;
	border-left-color: #519781;
	border-left-style: solid;
	border-left-width: 4px;
	font-size: 100%;
	text-align: left;
	background: #EEEEEE;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 7px;
}


#RANK #CARGATE caption {
	width: 180px;
	border-left-color: #308F7A;
	border-left-style: solid;
	border-left-width: 4px;
	font-size: 100%;
	text-align: left;
	background: #EEEEEE;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 7px;
}



#CAMPTTL {
	height: 24px;
	width: 585px;
	margin-top: 12px;
	text-indent: -9999px;
	background-image: url(/public/img/img_top/campain_title.jpg);
	background-repeat: no-repeat;
}



/* CONTENTS LEFT */
#MAIN #CONTENTS #CONTLEFT {
	float: left;
	width: 585px;
	margin: 0px;
}



/* CONTENTS MIDDLE */
#MAIN #CONTENTS #CONTMIDDLE {
	float: left;
	width: 757px;
	padding: 10px 5px 0px 13px;
	margin: 0px 0px 0px 0px;
}




/* CONTENTS RIGHT */
#MAIN #CONTENTS #CONTRIGHT {
	float: right;
	width: 172px;
	font-size: 80%;
	line-height: 120%;
	background-color:#FFFFFF;
}


#MAIN #CONTENTS #CONTRIGHT .mgn {
	width: 160px;
	margin-bottom: 18px;
}


#MAIN #CONTENTS #CONTRIGHT #FREEDIAL {
	height: 160px;
	width: 160px;
	text-indent: -9999px;
	background: url(/public/img/img_global/freeDial.png) no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

#MAIN #CONTENTS #CONTRIGHT #FAX a {
	height: 90px;
	width: 160px;
	text-indent: -9999px;
	background: url(/public/img/img_global/fax.jpg) no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-bottom:6px;
	display: block;
}
#MAIN #CONTENTS #CONTRIGHT #banner_repeat_campaign{
	border-bottom:1px dotted #999;
	margin-bottom:8px;
	padding-bottom:6px;
}
#MAIN #CONTENTS #CONTRIGHT #Buy_Only_Ok a {
	height: 90px;
	width: 160px;
	background:url(/public/img/img_global/buy_only_ok.jpg) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
	display:block;
	border-bottom:1px dotted #999;
	padding-bottom:7px;
}

#MAIN #CONTENTS #CONTRIGHT h2#Challenge_Lowest_Price{
	background:url(/public/img/img_global/challenge_lowest_price.jpg) left top no-repeat;
	text-indent:-9999px;
	height:55px;
	width:160px;
	border-bottom:1px dotted #999;
	padding-bottom:10px;
	margin-bottom:8px;
}


#MAIN #CONTENTS #CONTRIGHT #pMark01 a {
	height: 55px;
	width: 160px;
	text-indent: -9999px;
	background: url(/public/img/global/pmark_right_s.png) no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-bottom:6px;
	display: block;
}

#MAIN #CONTENTS #CONTRIGHT #ESTIMATE {
	height: 64px;
	width: 160px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	text-indent: -9999px;
	background: url(/public/img/img_global/estimate.png) no-repeat left 5px;
}



#MAIN #CONTENTS #CONTRIGHT #DIFF {
	width: 172px;
	margin-top: 20px;
}


#MAIN #CONTENTS #CONTRIGHT #DIFF h3 {
	margin: 0px 0px 10px 0px;
}


#MAIN #CONTENTS #CONTRIGHT #DIFF .secom {
	width: 154px;
	padding: 2px;
	margin: 0px 0px 5px 0px;
	border: solid 1px #B1B1B1;
	background: #FFF;
}


#MAIN #CONTENTS #CONTRIGHT #DIFF .secom h3 {
	float: right;
	width: 72px;
	margin: 0px;
}


#MAIN #CONTENTS #CONTRIGHT #TOPICSTTL {
	height: 25px;
	width: 160px;
	text-indent: -9999px;
	background: url(/public/img/img_global/topics.png) no-repeat;
}


#MAIN #CONTENTS #CONTRIGHT #TOPICS {
	padding: 4px;
	border-right: 1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
	border-left: 1px solid #B1B1B1;
}


#MAIN #CONTENTS #CONTRIGHT h3 {
	margin: 0px 0px 10px 0px;
}



#MAIN #CONTENTS #CONTRIGHT #DIFFTTL {
	width: 172px;
	height: 25px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ddd;
	background: url(/public/img/img_global/h_advantage.png?20230612) no-repeat;
	text-indent: -9999px;
}



#MAIN #CONTENTS #CONTRIGHT #BANNER_AREA {
	width: 172px;
  margin-bottom: 20px;
}

#MAIN #CONTENTS #CONTRIGHT #BANNER_AREA .bnr_enq {
	margin-bottom: 2px;
}

#EX_BANNER li {
	margin-bottom: 2px;
	text-indent: -9999px;
}


#EX_BANNER a,
#EX_BANNER span {
	display: block;
	width: 172px;
	height: 68px;
	background: url(/public/img/img_banner/banner.png?2025072300) no-repeat;
}


#MAIN #CONTENTS #CONTRIGHT #BN00 {
	height: 113px;
	width: 172px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_banner/bnr_review.webp?2026021000) no-repeat;
}


#EX_BANNER #BN01 {
	background-position: 0px 0px;
}
#EX_BANNER #BN02 {
	background-position: 0px -70px;
}
#EX_BANNER #BN03 {
	background-position: 0px -140px;
}
#EX_BANNER #BN04 {
	background-position: 0px -210px;
}
#EX_BANNER #BN05 {
	background-position: 0px -280px;
}
#EX_BANNER #BN06 {
	background-position: 0px -351px;
}
#EX_BANNER #BN07 {
	background-position: 0px -421px;
}
#EX_BANNER #BN08 {
	background-position: 0px -491px;
}
#EX_BANNER #BN09 {
	background-position: 0px -561px;
}


#EX_BANNER a:hover#BN01 {
	opacity: 0.7;
	/*background-position: -160px 0px;*/
}
#EX_BANNER a:hover#BN02 {
	opacity: 0.7;
	/*background-position: -160px -60px;*/
}
#EX_BANNER a:hover#BN03 {
	opacity: 0.7;
	/*background-position: -160px -120px;*/
}
#EX_BANNER a:hover#BN04 {
	opacity: 0.7;
	/*background-position: -160px -180px;*/
}
#EX_BANNER a:hover#BN05 {
	opacity: 0.7;
	/*background-position: -160px -240px;*/
}
#EX_BANNER a:hover#BN06 {
	opacity: 0.7;
	/*background-position: -160px -300px;*/
}
#EX_BANNER a:hover#BN07 {
	opacity: 0.7;
	/*background-position: -160px -360px;*/
}
#EX_BANNER a:hover#BN08 {
	opacity: 0.7;
	/*background-position: -160px -420px;*/
}
#EX_BANNER a:hover#BN09 {
	opacity: 0.7;
	/*background-position: -160px -480px;*/
}


/* FOOTER */
#FOOTER {
	padding: 3px 0px 20px 0px;
	margin: 5px 175px 0px 175px;
	border-top: 1px solid #333;
	text-align: center;
}

#FOOTER2 {
	padding: 3px 0px 20px 0px;
	margin: 5px 4px 0px 175px;
	border-top: 1px solid #333;
	text-align: center;
}
#FOOTER {
	text-align: right;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003366;
	width: 580px;
}
#FOOTER ul {
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: auto;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D0C8;
	height: 15px;
	display: block;
	float:right;
}
#FOOTER li {
	float: left;
	height: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D4D0C8;
	font-size: 1em;
}
#FOOTER li a {}
#FOOTER p {
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #D4D0C8;
	clear: both;
}

ul#menu_topbutton{
	width: 100%;
	list-style: none;
}


ul#menu_topbutton li{
	width: 165px;
	list-style: none;
}


ul#menu_topbutton a{
	height: 56px;
	width: 165px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}


a.biginner{
	background-image: url(/public/img/img_menu/biginner.jpg);
}


a:hover.biginner{
	background-position: 0px 56px;
}


a.user_voice{
	background-image: url(/public/img/img_menu/2000_menu.jpg);
}


a:hover.user_voice{
	background-position: 0px 56px;
}

ul#menu_topbutton a.user_voice2{
	background:url(/public/img/img_menu/userVoice.jpg) left top;
	width:165px;
	height:100px;
	margin-top:3px;
	margin-bottom:6px;
}
ul#menu_topbutton a.locationCover{
	background:url(/public/img/img_menu/locationCover.jpg) left top;
	width:165px;
	height:100px;
	margin-bottom:9px;
	_margin-bottom:5px;
}
ul#menu_topbutton a:hover.user_voice2,ul#menu_topbutton a:hover.locationCover{
	background-position:right top;
}


/* counter of uservoice */

#counter_uservoice_left{
	background:url(/public/img/img_menu/counter_uservoice/bg_mainshop.jpg) left top no-repeat;
	width:165px !important;
	height:147px !important;
	position:relative;
	margin-bottom:3px;
}
#counter_uservoice_left p.counter{
	position:absolute;
	left:27px;
	top:78px;
	white-space:nowrap;
}


/* 20111114 update */

#counter_uservoice_left p.counter_sprite{
	position:absolute;
	left:27px;
	top:78px;
	white-space:nowrap;
}
#counter_uservoice_left p.counter_sprite span{
	width: 22px;
  height: 30px;
  display: block;
  float: left;
  text-indent: -9999px;
  background:url(/public/img/img_search/0-9_count.png) left top no-repeat;
}
#counter_uservoice_left p.counter_sprite .count_0{ background-position: 0px 0px; }
#counter_uservoice_left p.counter_sprite .count_1{ background-position: -22px 0px; }
#counter_uservoice_left p.counter_sprite .count_2{ background-position: -44px 0px; }
#counter_uservoice_left p.counter_sprite .count_3{ background-position: -66px 0px; }
#counter_uservoice_left p.counter_sprite .count_4{ background-position: -88px 0px; }
#counter_uservoice_left p.counter_sprite .count_5{ background-position: -110px 0px; }
#counter_uservoice_left p.counter_sprite .count_6{ background-position: -132px 0px; }
#counter_uservoice_left p.counter_sprite .count_7{ background-position: -154px 0px; }
#counter_uservoice_left p.counter_sprite .count_8{ background-position: -176px 0px; }
#counter_uservoice_left p.counter_sprite .count_9{ background-position: -198px 0px; }

/* /update */

#counter_uservoice_left p.update{
	position:absolute;
	left:33px;
	bottom:6px;
	white-space:nowrap;
	color:#4f4f4f;
	font-size:10px;
}
#counter_uservoice_left a{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:165px !important;
	height:144px !important;
	text-indent:-9999px;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	margin:0 !important;
}
#counter_uservoice_left a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}

/* counter of uservoice cp */


#counter_uservoice_left_cp{
	background:url(/public/img/sp/cp/counter_uservoice/bg.jpg) left top no-repeat;
	width:163px !important;
	height:110px !important;
	position:relative;
	margin-bottom:5px;
	margin-left:2px;
}
#counter_uservoice_left_cp p.counter{
	position:absolute;
	left:34px;
	top:59px;
	white-space:nowrap;
}
#counter_uservoice_left_cp p.update{
	position:absolute;
	left:4px;
	top:92px;
	white-space:nowrap;
	color:#757575;
	font-size:10px;
}
#counter_uservoice_left_cp a{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:163px !important;
	height:110px !important;
	text-indent:-9999px;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	margin:0 !important;
}
#counter_uservoice_left_cp a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}


/* counter of uservoice kk */


#counter_uservoice_left_kk{
	background:url(/public/img/sp/kk/counter_uservoice/bg.jpg) left top no-repeat;
	width:160px !important;
	height:140px !important;
	position:relative;
	margin:2px 0 2px 3px;
}
#counter_uservoice_left_kk p.counter{
	position:absolute;
	left:24px;
	top:31px;
	white-space:nowrap;
}
#counter_uservoice_left_kk p.update{
	position:absolute;
	left:60px;
	top:61px;
	white-space:nowrap;
	color:#757575;
	font-size:10px;
}
#counter_uservoice_left_kk a{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:160px !important;
	height:140px !important;
	text-indent:-9999px;
	background-color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	margin:0 !important;
	background-image:none !important;
}
#counter_uservoice_left_kk a:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}







#FAVMAIL{
	width: 160px;
	border-bottom: 1px dotted #B1B1B1;
	margin-top: 10px;
	margin-bottom: 12px;
	padding-bottom: 8px;
}

#FAV {
	float: left;
	height: 24px;
	width: 80px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/favmail.png) no-repeat;
	background-position: 0px 0px;
}

a:hover#FAV{
	background-position: 0px -24px;
}

#MAIL {
	float: left;
	height: 24px;
	width: 80px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/favmail.png) no-repeat;
	background-position: -80px 0px;
}

a:hover#MAIL{
	background-position: -80px -24px;
}


.input{
	height: 1em;
	width: 154px;
	padding: 2px;
	border: solid 1px #B1B1B1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.secom{
	width: 160px;
	margin-top: 10px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #999;
	font-size: 10px;
	line-height: 13px;
}


.login{
	height: 20px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_global/login.png) no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
}

a:hover.login{
	background-position: 0px -20px;
}

.searchbtn{
	height: 20px;
	width: 100px;
	display: block;
	text-indent: -9999px;
	background: url(/public/img/img_menu/btn_search.png) no-repeat;
	margin-top: 5px;
	margin-left: 55px;
}

a:hover.searchbtn{
	background-position: 0px -20px;
}

.template_area02{
	font-size: 125%;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*----------------------------------------------------------------
  関連商品（右カラム）
----------------------------------------------------------------*/
.rcm {
	width: 158px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	overflow: hidden;
	border-radius: 0 0 8px 0;
	-moz-border-radius:  0 0 8px 0;
	-webkit-border-radius:  0 0 8px 0;
	-o-border-radius:  0 0 8px 0;
}
.rcm:hover {
	border: 1px solid #777;
	border-bottom: 2px solid #777;
	border-radius: 0;
}
.rcm a:hover { text-decoration: none !important; }


h4.rcm_name {
	margin-top: 0;
	font-size: 12px;
	line-height: 1.2;
	background: #EBF0F6;
	border-left: 3px solid #D4DDEC;
}

h4.rcm_name a {
	display: block;
	padding: 3px 5px;
	color: #028;
}
h4.rcm_name a:hover { color: #333; }

p.rcm_price a {
	display: block;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #F00;
	text-align: right;
	text-decoration: underline;
	/*font-family: monospace;*/
	background: url(/public/img/img_global/rcm/bg_rcm_price.png) no-repeat 4px 50%;
}
p.rcm_price a:hover { text-decoration: underline !important; }

p.rcm_price a span {
	padding-left: 1px;
	font-size: 10px;
	font-weight: normal;
}










.variation01{
	font-size: 125%;
	height: 148px;
	width: 160px;
	position: relative;
	margin-bottom: 5px;
}

.var_fl {
	height: 24px;
	width: 150px;
	position: absolute;
	left: 0px;
	background-image: url(/public/img/img_search/search_intro/variation_flame2.png);
	background-repeat: no-repeat;
	padding-top: 124px;
	padding-right: 5px;
	padding-left: 5px;
	display: block;
	text-align: center;
	top: 0px;
	font-size: 12px;
}
a:hover.var_fl {
	background-position: 0px -148px;
}
a.variahtml{
	text-indent: -9999px;
}
span.variahtml{
display:none;
}
.attlist{
	width: 160px;
	position: absolute;
	line-height: 110%;
	font-size: 12px;
	color: #333333;
	height: 28px;
	bottom: 0px;
}



.lostpass{
	text-align: right;
	margin-top: 8px;
	color: #666666;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


.freeedit{
	margin: 10px 0px 0px 0px;
	font-size: 125%;
}


#BOOKS{
	width: 160px;
	margin-top: 3px;
	background-image: url(/public/img/img_global/books.png);
	background-repeat: no-repeat;
	height: 114px;
	position: relative;
}
#BOOKS #BK01{
	width: 80px;
	height: 114px;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	left: 0px;
}
#BOOKS #BK02{
	width: 80px;
	height: 114px;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	right: 0px;
}
#atHoliday{
	color: #009900;
	background-color: #FBFFFB;
	border: 1px dotted;
	padding: 5px;
	font-size: 10px;
	line-height: 15px;
	text-align:left;
	width:85%;
	margin:12px auto;
}
#atHoliday span.com{
	color: #009900;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 36px;
}
#atHoliday strong{
	color: auto;
}

div#campaignBanner{

}
div#campaignBanner div.guide2{
	background:url(/public/img/img_menu/guide2.jpg) center center no-repeat;
	height:25px;
	text-indent:-9999px;
	margin-bottom:6px;
}
div#campaignBanner ul{
	width:157px;
	overflow:hidden;
	margin:0px auto;
}
div#campaignBanner li{
	width:157px;
	height:90px;
	overflow:hidden;
	margin-bottom:6px;
}
div#campaignBanner li a{
	display:block;
	width:157px;
	height:90px;
}
div#campaignBanner li a:hover img{
	filter:alpha(opacity=50);
	opacity:0.5;
}

ul#familySP{
	margin-top:15px;
}
ul#familySP li{
	margin-bottom:6px;
}
ul#familySP li a{
	display:block;
	width:160px;
}
ul#familySP li a:hover{
	opacity:0.5;
	-moz-opacity:0.5;
	filter: alpha(opacity=50);
}
ul#familySP img{

}

.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

/*-------------------------------------------------------
	【右カラム】休業告知文
-------------------------------------------------------*/
#HOLIDAY_ANNOUNCEMENT {
	margin-bottom: 16px;
	padding: 8px 5px;
	border: 1px dotted #d77;
	background-color: #fff7f7;
	color: #c00;
	font-family: "helvetica neue", helvetica, meiryo, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 1.5;
}
#HOLIDAY_ANNOUNCEMENT h3 {
	margin: 0 0 5px !important;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
#HOLIDAY_ANNOUNCEMENT p.period {
	margin-bottom: 8px;
	padding: 0 0 8px;
	border-top: 1px dotted #d77;
	border-bottom: 1px dotted #d77;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
#HOLIDAY_ANNOUNCEMENT p.context {
	margin: 0 3px;
	letter-spacing: -0.1ex;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}
/*-------------------------------------------------------
	【右カラム】電話の受付告知文
-------------------------------------------------------*/
.right-tel-time-notice {
	margin-bottom: 12px;
	padding: 8px 5px;
	border: 1px dotted #1ca60d;
	background-color: #fdfff9;
	color: #333;
	font-family: "helvetica neue", helvetica, meiryo, sans-serif;
	font-size: 11px;
	text-align: left;
	line-height: 1.5;
}
.right-tel-time-notice_hd {
	margin-bottom: 8px;
	padding: 0 0 8px;
	border-bottom: 1px dotted #1ca60d;
	color: #1ca60d;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.right-tel-time-notice_txt {
	margin: 0 3px;
	letter-spacing: -0.1ex;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}
.right-tel-time-notice_em {
	color: #333;
	font-weight: bold;
}
/*-------------------------------------------------------
	【右カラム】お見舞い文
-------------------------------------------------------*/
#right_sympathy_announcement {
	margin-bottom:12px;
	border:1px solid #bbb;
	border-radius: 4px;
	background-color:#fff;
	color:#333;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
	font-size:11px;
	line-height:1.4;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}

/* 見出し
--------------------------------------*/
#right_sympathy_announcement .ttl {/* 共通 */
	margin: 0 !important;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
	background-color: #fafafa;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	position: relative;
	cursor: pointer;
	border-bottom: none;
	border-radius: 4px;
}
#right_sympathy_announcement .ttl_active {/* 開いたとき */
	border-bottom: 1px solid #ccc;
	border-radius: 4px 4px 0 0;
}

/* アコーディオン　アイコン設定
-----------------------------------------------*/
#right_sympathy_announcement .ttl::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 7px;
	width: 10px;
	height: 6px;
	margin: auto;
	background: url("/public/img/global/left/icon_arrow.png") no-repeat center;
}
#right_sympathy_announcement .ttl_active::after {
	transform: rotate(180deg);
}

#right_sympathy_announcement .box {
	overflow: hidden;
}
#right_sympathy_announcement p.context {
	padding: 5px 5px 3px 6px;
	line-height: 1.4;
	letter-spacing: -0.1ex;
}
#right_sympathy_announcement p.context:first-of-type {
	margin-top: 3px;
}
#right_sympathy_announcement p.context:last-of-type {
	margin-bottom: 5px;
}
#right_sympathy_announcement p.context a {
	color: #00f;
	text-decoration: underline;
}
/* ====================================================
  右カラム 消費税率改定に関するお知らせ
====================================================*/
.right-c-tax-rate {
	margin-bottom: 10px;
	padding: 8px 8px;
	border: 1px dotted #009944;
	background-color: #faffec;
	font-family: "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #009944;
	font-size: 11px;
	line-height: 1.27;
}
.right-c-tax-rate_hd {
	margin-bottom: 6px;
	font-weight: bold;
}
a.right-c-tax-rate_txt {
	color: #009944;
	text-align: justify;
}

/* ガーデンプラス */
div#to_gardenplus{
	margin-bottom:48px;
}
div#to_gardenplus h3{
	margin-bottom:24px;
}
div#to_gardenplus p{
	margin:18px auto;
}
div#to_gardenplus ul{
	margin:18px auto 18px 24px;
	list-style:disc;
	color:#cc0000;
}
div#to_gardenplus p.link_gp{
	margin:24px auto;
}
div#to_gardenplus p.link_gp a{
	display:block;
	width:585px;
	height:250px;
	background:url(/public/img/img_search/gp/banner.jpg) left top no-repeat;
	text-indent:-9999px;
}
div#to_gardenplus a:hover img{
	filter:alpha(opacity=50);
	opacity:0.5;
}
p#a8_order{
	width:0px;
	height:0px;
	text-indent:-9999px;
}




/* 個人情報保護方針 - privacy policy - */

div#privacy_policy{

}
div#privacy_policy p{
	margin:0 auto 24px;
	line-height:1.8;
	width:90%;
}
/*見出し変更20131009*/
div#privacy_policy h1,div#privacy_policy h2,div#privacy_policy h3,div#privacy_policy h4,div#privacy_policy h5,div#privacy_policy h6{
  margin:24px auto 12px;
  font-size:110%;
  font-weight:bold;
  width: 90%;
}
div#privacy_policy ol{
	list-style:decimal inside ;
	margin:0 auto 24px;
	padding-left:12px;
	width:90%;
}
div#privacy_policy ol li{
	margin-bottom:12px;
}




/* 施工費キャンペーン */
div.camp_priceoff img{
	display:block;
	margin:0;
	padding:0;
}


/* お客様の声　フッタ */

div#userVoice_navigation{
	background:url(/public/img/img_static/uservoice/bg_location_list.jpg) left top no-repeat;
	margin:24px 0;
	padding-top:27px;
	position:relative;
}
div#userVoice_navigation.near_location{
	background:url(/public/img/img_static/uservoice/bg_near_location_list.jpg) left top no-repeat !important;
}
div#userVoice_navigation p.by_maker{
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap;
}
div#userVoice_navigation p.by_maker a{
	color:#000099;
	margin:0;
	font-size:11px;
}
ul.userLocation{
	margin:3px auto;
}
ul.userLocation li{
	float:left;
	margin:0;
	padding:5px;
}
ul.userLocation li.region{
	background:#FBFBF0 none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#336699;
	text-align:center;
	width:60px;
}
ul.userLocation li.pref{
	border-color:#DDDDDD #DDDDDD #DDDDDD;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	margin:0;
}
ul.userLocation li a{
	color:#339900;
	margin:0;
	text-decoration:underline;
}


ul#userVoice_navigation_another_category{
	background:url(/public/img/img_static/uservoice/bg_another_category.jpg) left top no-repeat;
	margin:24px 0;
	padding-top:27px;
}
ul#userVoice_navigation_another_category li{
	float:left;
	white-space:nowrap;
	margin:3px 0;
	width:146px;
	overflow:hidden;
}
ul#userVoice_navigation_another_category li a{
	color:#009;
	text-decoration:underline;
}


ul#userVoice_navigation_by_maker{
	background:url(/public/img/img_static/uservoice/bg_list_by_maker.jpg) left top no-repeat;
	margin:24px 0;
	padding-top:27px;
}
ul#userVoice_navigation_by_maker li{
	float:left;
	white-space:nowrap;
	margin:3px 3px;
}
ul#userVoice_navigation_by_maker li a{
	color:#009;
	text-decoration:underline;
}

/* ==============================================================================
	パンくずリスト
===============================================================================*/
ul#search_crumbs {
  overflow: hidden;
	margin: 0px 0 9px 0px;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
	font-size: 0; /* inline-blockの隙間対策 */
  text-align: left;
}
#search_crumbs li {
  display: inline-block;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
	margin: 0 5px 3px 0;
	padding-left: 8px;
	background: url("/public/img/img_search/bg_bread_crumb.png") left center no-repeat;
	font-size: 12px;
  text-align: left;
	line-height: 1;
}
ul#search_crumbs li:first-of-type {
	margin-right: 10px;
	padding-left: 0;
	background: none;
}
ul#search_crumbs li a{
	color: #0031ac;
	text-decoration: none;
}
ul#search_crumbs li.current_result{
  display: inline;
	line-height: 1.4;
}
ul#search_crumbs li strong {
	font-weight: normal;
}
ul#search_crumbs .breadcrumb_result_inclusion {
	padding-left: 4px;
	font-size: 14px;
}
ul#search_crumbs .breadcrumb_terms {
	font-weight: bold;
}
/* 2カラム用設定
-------------------------------------------*/
#contents_wide ul#search_crumbs {
}

/* ==============================================================================
	基礎知識に最終更新日記載
===============================================================================*/
#MAIN #CONTENTS #CONTLEFT .last-update_date {
  display: flex;
  justify-content: flex-end;
  line-height: 1.4;
  font-size: 12px;
}
#contents_wide .last-update_date {
  display: flex;
  justify-content: flex-end;
  line-height: 1.4;
  font-size: 12px;
}
/* ==============================================================================
	プレミアムページに最終更新日記載
===============================================================================*/
#premium_collection .premium_collection_date {
  margin: 5px 10px 5px 0;
  float: right;
  line-height: 1.4;
  font-size: 12px;
  white-space: nowrap;
}

/* ==============================================================================
	検索入力画面　条件直接リンク
===============================================================================*/
div#related_search_links{
  margin:36px 0;
	text-align:left;
	position:relative;
}
div#related_search_links h3{
  border-bottom:1px dotted #ccc;
  background:url(/public/img/img_search/common/related_search_links_h3.jpg) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:9px;
	padding:2px;
}
div#related_search_links p.sitemap{
	position:absolute;
	right:0;
	top:0;
}
div#related_search_links p.sitemap a{
	color:#003399;
	font-size:11px;

}
div#related_search_links h4{
  margin:12px 0 0 12px;
	text-indent:-9999px;
}
div#related_search_links h4.shape_type{
  background:url(/public/img/img_search/common/related_search_links_h4_shape.jpg) left top no-repeat;
}
div#related_search_links h4.snow_type{
  background:url(/public/img/img_search/common/related_search_links_h4_snow.jpg) left top no-repeat;
}
div#related_search_links h4.maker_type{
  background:url(/public/img/img_search/common/related_search_links_h4_maker.jpg) left top no-repeat;
}
div#related_search_links h4.dewfall{
  background:url(/public/img/img_search/common/related_search_links_h4_dewfall.jpg) left top no-repeat;
}
div#related_search_links h4.series_type {
  background: url(/public/img/img_search/common/related_search_links_h4_series.jpg) left top no-repeat;
}
div#related_search_links ul{
  margin:0 0 6px 12px;
  padding:3px 0;
  background-color:#EFEFEF;
}
div#related_search_links li{
  float:left;
  white-space:nowrap;
  margin:0 3px;
}
div#related_search_links li a{
  color:#000099;
  text-decoration:underline;
	font-size:12px;
}
div#related_search_links{

}


/* 商品一覧　絞り込みリンク */

div#more_search_links{
  margin:36px 0;
	text-align:left;
	position:relative;
}
div#more_search_links h3{
  border-bottom:1px dotted #ccc;
  background:url(/public/img/img_search/common/more_search_links_h3.jpg) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:9px;
	padding:2px;
}
div#more_search_links h4{
  margin:12px 0 0 12px;
	text-indent:-9999px;
}
div#more_search_links h4.by_shape {
  background: url(/public/img/img_search/common/more_search_links_h4_shape.jpg) left top no-repeat;
}
div#more_search_links h4.by_snow {
  background :url(/public/img/img_search/common/more_search_links_h4_snow.jpg) left top no-repeat;
}
div#more_search_links h4.by_maker {
  background :url(/public/img/img_search/common/more_search_links_h4_maker.jpg) left top no-repeat;
}
div#more_search_links h4.by_dewfall {
  background: url(/public/img/img_search/common/more_search_links_h4_dewfall.jpg) left top no-repeat;
}
div#more_search_links h4.by_category {
  background: url(/public/img/img_search/common/more_search_links_h4_category.jpg) left top no-repeat;
}

div#more_search_links ul{
  margin:0 0 6px 12px;
  padding:3px 0;
  background-color:#EFEFEF;
}
div#more_search_links li{
  float:left;
  white-space:nowrap;
  margin:0 3px;
}
div#more_search_links li a{
  color:#000099;
  text-decoration:underline;
	font-size:12px;
}
div#more_search_links p.sitemap{
	position:absolute;
	right:0;
	top:0;
}
div#more_search_links p.sitemap a{
	color:#003399;
	font-size:11px;

}
div#more_search_links h3#link_wooddeck_maintenance{
	margin-top:21px;
	background-image:url(/public/img/img_search/common/h3_wooddeck_maintenance.jpg) ;
}
div#more_search_links h3#link_relational_contents{
	margin-top:21px;
	background-image:url(/public/img/img_search/common/h3_relational_contents.jpg) ;
}
div#more_search_links h3#link_relational_cate{
	margin-top:21px;
	background-image:url(/public/img/img_search/common/h3_relational_cate.jpg) ;
}
div#more_search_links p.guidance{
	text-indent:15px;
	margin-bottom:12px;
}
div#more_search_links p.guidance a{
  color:#000099;
  text-decoration:underline;
	font-size:12px;
}
div#related_item_list p.link_pattern,div#more_search_links p.link_pattern{
	font-size:11px;
	margin:21px 0 12px 12px;
	background-color:#efefef;
	padding:3px;
}
div#related_item_list p.link_pattern a,div#more_search_links p.link_pattern a{
	color:#039;
}
p#userVoice_navigation_context{
	font-size:11px;
	text-align:right;
	margin-bottom:-24px;
}
p#userVoice_navigation_context a{
  color:#039;
}


/* お客様の声　条件リンク */



div#related_item_list{
  margin:36px 0;
	text-align:left;
	position:relative;
}
div#related_item_list h3{
  border-bottom:1px dotted #ccc;
  background:url(/public/img/img_search/common/related_item_list_h3_another.jpg) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:9px;
	padding:2px;
}
div#related_item_list p.by_maker{
	position:absolute;
	right:0;
	top:0;
	white-space:nowrap;
}
div#related_item_list p.by_maker a{
	color:#000099;
	margin:0;
	font-size:11px;
}
div#related_item_list h3.tostem{
  background-image:url(/public/img/img_search/common/related_item_list_h3_tostem.jpg);
}
div#related_item_list h3.ykkap{
  background-image:url(/public/img/img_search/common/related_item_list_h3_ykkap.jpg);
}
div#related_item_list h3.toex{
  background-image:url(/public/img/img_search/common/related_item_list_h3_toex.jpg);
}
div#related_item_list h3.nikkei{
  background-image:url(/public/img/img_search/common/related_item_list_h3_nikkei.jpg);
}
div#related_item_list h3.markilux{
  background-image:url(/public/img/img_search/common/related_item_list_h3_markilux.jpg);
}
div#related_item_list h3.tenpal{
  background-image:url(/public/img/img_search/common/related_item_list_h3_tenpal.jpg);
}
div#related_item_list ul{
  margin:0 0 6px 12px;
  padding:3px 0;
  background-color:#EFEFEF;
}
div#related_item_list li{
  float:left;
  white-space:nowrap;
  margin:0 3px;
}
div#related_item_list li a{
  color:#000099;
  text-decoration:underline;
	font-size:12px;
	display:block;
	white-space:nowrap;
}


/* カテゴリーごとのサイトマップ */


div#sitemaps_by_category{
	width:585px;
}
div#sitemaps_by_category div{
	float:left;
	width:47%;
	margin:15px 1%;
}
div#sitemaps_by_category h3{
	background:transparent url(/public/img/img_search/bg_li_crumb.jpg) no-repeat scroll left center;
	padding-left:6px;
	font-size:15px;
	border-bottom:2px solid #333;
	width:90%;
	color:#333;
	font-weight:bold;
	margin-bottom:9px;
}
div#sitemaps_by_category ul{

}

div#sitemaps_by_category li{
	list-style:inside disc;
	margin-bottom:6px;
}
div#sitemaps_by_category li a{
	color:#000099;
	text-decoration:underline;
	font-size:11px;
}
p#header_READ_TEXT{
	position: absolute;
	left: 8px;
	top: 4px;
	z-index: 10;
	color:#000;
	font-size: 9px;
	white-space:nowrap;
	line-height:1;
}
h1#CURRENT_TEXT{
	position:absolute;
	right:0px;
	top:4px;
	white-space:nowrap;
	font-size:9px;
	color:#000;
	line-height:1;
	background: url(/public/img/img_global/bg_header_righttop.png) no-repeat right bottom;
	height: 22px;
	padding-right: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome用 */
p#header_READ_TEXT{
	position: absolute;
	left: 8px;
	top: 4px;
	z-index: 10;
	color:#000;
	font-size: 9px;
	white-space:nowrap;
	line-height:1;
}
h1#CURRENT_TEXT{
	position:absolute;
	right:0px;
	top:4px;
	white-space:nowrap;
	font-size:9px;
	color:#000;
	line-height:1;
	background: url(/public/img/img_global/bg_header_righttop.png) no-repeat right bottom;
	height: 23px;
	padding-right: 13px;
}
}

div#banner_repeat_campaign a:hover img, div#FAX a:hover, div#Buy_Only_Ok a:hover, div#BANNER_AREA a#BN00:hover, div#CONTRIGHT a#vissel:hover img, a#sidebar_banner_xkobe:hover img, a#sidebar_banner_digimarc:hover img, a#sidebar_banner_team6:hover img, div#sidebar_relational_websites a:hover img, div#sidebar_banner_manga a:hover img, div#pMark01 a:hover, div.ranking a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
}
div#BOOKS a{
	height:90px !important;
	bottom:1px !important;
	top:27px !important;
}
div#BOOKS a:hover{
	background-color:#fff;
	filter:alpha(opacity=50);
	opacity:0.5;
}


div#sidebar_banner_registerd{
  margin-bottom: 10px;
  background:url(/public/img/global/pmark_right_l.png?20260526000) center top no-repeat #fff;
  width:172px;
  height:280px;
}
div#sidebar_banner_registerd p{
  margin:auto;
  width:150px;
}
div#sidebar_banner_registerd a{
	width:150px;
	text-indent:-9999px;
	display:block;
}
div#sidebar_banner_registerd p.jadma{
	padding-top:2px;
	margin-bottom:10px;
}
div#sidebar_banner_registerd p.jadma a{
  height:80px;
}
div#sidebar_banner_registerd p.pmark a{
  height:180px;
}

/* ホバー効果（白背景を重ねる）
--------------------------------------- */
div#sidebar_banner_registerd a:hover {
  background-color:#fff;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

/*//////////////////////////////////////

DLPO対応ページ改修　CSS（2012年10月）

/////////////////////////////////////*/

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

  HEADER

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

#HEADER #dlpo_freedial {
	position: absolute;
	top: 30px;
	right: 0px;
	width: 168px;
	height: auto;
	margin: 0 11px 0 0;
	padding: 0;
}
#HEADER #dlpo_freedial p {
    width: 168px;
    height: 84px;
    margin: 0;
}

/* グローバルナビ
------------------------------------
#HEADER #dlpo_menutop {
	position: absolute;
	left: 0px;
	top: 125px;
	height: 24px;
	width: 940px;
	background: #A54548;
}
#HEADER #dlpo_menu li {
	float: left;
	overflow: hidden;
	display: inline;
	text-indent: -9999px;
}
#HEADER #dlpo_menu a {
	display: block;
	background: url(/public/img/img_global/topmenu_201302.jpg) no-repeat;
}
#HEADER #dlpo_menu #TM01 {
	height: 24px;
	width: 106px;
	background-position: 0px 0px;
}
#HEADER #dlpo_menu a:hover#TM01 {
	background-position: 0px -24px;
}
#HEADER #dlpo_menu #TM02 {
	height: 24px;
	width: 106px;
	background-position: -106px 0px;
}
#HEADER #dlpo_menu a:hover#TM02 {
	background-position: -106px -24px;
}
#HEADER #dlpo_menu #TM03 {
	height: 24px;
	width: 104px;
	background-position: -212px 0px;
}
#HEADER #dlpo_menu a:hover#TM03 {
	background-position: -212px -24px;
}
#HEADER #dlpo_menu #TM04 {
	height: 24px;
	width: 104px;
	background-position: -316px 0px;
}
#HEADER #dlpo_menu a:hover#TM04 {
	background-position: -316px -24px;
}
#HEADER #dlpo_menu #TM05 {
	height: 24px;
	width: 124px;
	background-position: -420px 0px;
}
#HEADER #dlpo_menu a:hover#TM05 {
	background-position: -420px -24px;
}
#HEADER #dlpo_menu #TM06 {
	height: 24px;
	width: 94px;
	background-position: -544px 0px;
}
#HEADER #dlpo_menu a:hover#TM06 {
	background-position: -544px -24px;
}
#HEADER #dlpo_menu #TM07 {
	height: 24px;
	width: 94px;
	background-position: -638px 0px;
}
#HEADER #dlpo_menu a:hover#TM07 {
	background-position: -638px -24px;
}
#HEADER #dlpo_menu #TM08 {
	height: 24px;
	width: 104px;
	background-position: -732px 0px;
}
#HEADER #dlpo_menu a:hover#TM08 {
	background-position: -732px -24px;
}
#HEADER #dlpo_menu #TM09 {
	height: 24px;
	width: 104px;
	background-position: -836px 0px;
}
#HEADER #dlpo_menu a:hover#TM09 {
	background-position: -836px -24px;
}*/

/* グローバルナビ（テキストver）
------------------------------------*/
#HEADER #dlpo_menutop {
	position: absolute;
	left: 0px;
	top: 125px;
	height: 28px;
	width: 940px;
	background:#A54548;
}
#HEADER #dlpo_menu2 {
	background: url(/public/img/img_global/topmenu_20130628.png) no-repeat #A54548;
}
#HEADER #dlpo_menu2 li {
	float: left;
	overflow: hidden;
	display: inline;
	text-align: left;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#HEADER #dlpo_menu2 a {
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(/public/img/img_global/topmenu_20130628.png) no-repeat;
	height: 28px;
	line-height: 24px;
	outline: none;
	text-shadow: none;
	moz-text-shadow: none;
	webkit-text-shadow: none;
}
#HEADER #dlpo_menu2 a:link {
	color: #fff !important;
}
#HEADER #dlpo_menu2 a#TM01 {
	width: 76px;
	background-position: 0px 0px;
	letter-spacing: 0em;
	padding-left: 26px;
}
#HEADER #dlpo_menu2 a#TM01:hover {
	background-position: 0px -41px;
}
#HEADER #dlpo_menu2 a#TM02 {
	width: 80px;
	background-position: -102px 0px;
	padding-left: 20px;
}
#HEADER #dlpo_menu2 a#TM02:hover {
	background-position: -102px -41px;
}
#HEADER #dlpo_menu2 a#TM03 {
	width: 81px;
	background-position: -202px 0px;
	padding-left: 20px;
}
#HEADER #dlpo_menu2 a#TM03:hover {
	background-position: -202px -41px;
}
#HEADER #dlpo_menu2 a#TM04 {
	width: 80px;
	background-position: -303px 0px;
	padding-left: 21px;
}
#HEADER #dlpo_menu2 a#TM04:hover {
	background-position: -303px -41px;
}
#HEADER #dlpo_menu2 a#TM05 {
	width: 110px;
	background-position: -404px 0px;
	padding-left: 22px;
	letter-spacing: 0em;
}
#HEADER #dlpo_menu2 a#TM05:hover {
	background-position: -404px -41px;
}
#HEADER #dlpo_menu2 #TM06 {
	width: 71px;
	background-position: -536px 0px;
	padding-left: 30px;
}
#HEADER #dlpo_menu2 a#TM06:hover {
	background-position: -536px -41px;
}
#HEADER #dlpo_menu2 a#TM07 {
	width: 70px;
	background-position: -637px 0px;
	padding-left: 31px;
}
#HEADER #dlpo_menu2 a#TM07:hover {
	background-position: -637px -41px;
}
#HEADER #dlpo_menu2 a#TM08 {
	width: 82px;
	background-position: -738px 0px;
	letter-spacing: 0em;
	padding-left: 19px;
}
#HEADER #dlpo_menu2 a#TM08:hover {
	background-position: -738px -41px;
}
#HEADER #dlpo_menu2 a#TM09 {
	width: 80px;
	background-position: -839px 0px;
	padding-left: 21px;
}
#HEADER #dlpo_menu2 a#TM09:hover {
	background-position: -839px -41px;
}


/*====================================
  left（左カラム）
====================================*/

/* 初めてのお客様へ
-------------------------------------------------------------------------------------------------*/
ul#menu_topbutton a.dlpo-biginner{
	height: 39px;
	background-image: url(/public/img/img_menu/biginner_201210.jpg);
}
a:hover.dlpo-biginner{
	background-position: 0px 39px;
}


/* メニュー基本設定
-------------------------------------------------------------------------------------------------*/
#MAIN #MENU dl dt {
	width: 165px;
	height: 20px;
	text-indent: -9999px;
}
#MAIN #MENU dl dd {
	text-indent: 0;
}
#MAIN #MENU dl dd a {
	display: block;
	width: 165px;
	height: 41px;
}
#MAIN #MENU dl dd a img.rollover:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/* ガレージ／車庫まわり
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_garage dt {	background: url(/public/img/img_menu/cat_garage_20131120.png) no-repeat;}

/* 庭まわり
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_garden dt {	background: url(/public/img/img_menu/cat_garden_20131120.png) no-repeat; }

/* 門まわり
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_gate dt {	background: url(/public/img/img_menu/cat_gate_20131120.png) no-repeat; }

/* 屋外収納
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_storeroom dt {	background: url(/public/img/img_menu/cat_storeroom_20131120.png) no-repeat;}

/* バルコニー／ベランダ
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_balcony dt {	background: url(/public/img/img_menu/cat_balcony_20131120.png) no-repeat;}

/* 窓まわり
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_window dt {	background: url(/public/img/img_menu/cat_window_20131120.png) no-repeat;}

/* 外構／その他
----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MAIN #MENU #dlpo_cat_others dt {	background: url(/public/img/img_menu/cat_others_20131120.png) no-repeat;}


/* 既存タグの上書き（"商品の種類から探す"とのマージン） */
#MAIN #MENU #SERCH_NAM {
	margin-top: 10px;
}


/* メーカーから探す
-------------------------------------------------------------------------------------------------*/
#MAIN #MENU h2#dlpo_search_maker {
	height: 25px;
	width: 165px;
	margin: 0 0 5px 0;
	text-indent: -9999px;
	background: url(/public/img/img_menu/search_maker_201210.png) no-repeat;
}

/* 既存のスタイルの上書き */
#MAIN #MENU .mgn {
	margin: auto auto 15px;
}

/* 既存のスタイルの上書き */
div#left_about_valueselect{
	margin-bottom: 10px;
}

/* フリーダイヤル
------------------------------------*/

#MAIN #MENU #dlpo-left-free-dial {
	width: 165px;
	height: 71px;
	margin: 0 0 10px;
}

/* カレンダー
------------------------------------*/

/* 既存のスタイルの上書き */
#MAIN #MENU #CAL.mgn {
	margin: auto auto 10px;
}

/*===========================================================
  right01（右カラム）
===========================================================*/

/* アクセスカウンター
------------------------------------------------------------*/
#dlpo-access-counter {
	margin-bottom: 9px;
	padding-bottom: 6px;
	font-size:100%;
	color: #444444;
	text-align: center;
	border-bottom: 1px dotted #999999;
}
#dlpo-access-counter img {
	vertical-align: middle;
}

/* フォントサイズ変更
------------------------------------------------------------*/
#dlpo-font-change {
}
#dlpo-font-change dl {
	width: 154px;
}
#dlpo-font-change dl dt {
	float: left;
	height: 26px;
	width: 77px;
	background: url(/public/img/img_global/fontsize_201210.png) no-repeat right top;
	text-indent: -9999px;
}
#dlpo-font-change dl dd {
	float: right;
	width: 77px;
}
#dlpo-font-change dl ul {
	overflow: hidden;
	width: 77px;
	padding: 3px 0;
	background: url(/public/img/img_global/text_bg_201210.png) no-repeat right top;
}
#dlpo-font-change dl ul li {
	float: left;
	overflow: hidden;
	width: 26px;
	height: 20px;
	text-indent: -9999px;
}
#dlpo-font-change dl ul li.large-size {
	width: 21px;
}

/* お気に入り
------------------------------------------------------------*/
#dlpo-FAVMAIL {
	margin-top: -1px;
	margin-bottom: 16px;
}
#dlpo-FAVMAIL ul li#dlpo-fav {
	width: 78px;
	background: url(/public/img/img_global/favmail_201210.png) no-repeat;
	background-position: 0px 0px;
}
#dlpo-FAVMAIL ul li#dlpo-fav a {
	height: 18px;
	width: 78px;
	display: block;
	text-indent: -9999px;
}
#dlpo-FAVMAIL ul li#dlpo-mail a {
	display: block;
	padding: 4px 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#dlpo-FAVMAIL ul li#dlpo-mail a img {
	vertical-align: middle;
}
#dlpo-FAVMAIL ul li#dlpo-facebook {
	width: 160px;
	margin-right: 10px;
}
#dlpo-FAVMAIL ul li#dlpo-facebook iframe {
	overflow:hidden;
	width:115px;
	height:24px;
	border:none;
}
#dlpo-FAVMAIL ul li#dlpo-yahoo-bookmark {
	width:39px;
}

/* マンガ
------------------------------------------------------------------------------------*/
div#sidebar_banner_manga {
	margin-bottom:8px;
	/*border-bottom:1px dotted #999;*/
	padding-bottom:7px;
}

/* ここが違う！だから！！エクスショップが選ばれています！
--------------------------------------------------------------------------------------------------*/
#dlpo-exshop-facebook-official {/* フェイスブック */
	margin: 0 auto 8px;
	padding: 7px 0;
	text-align: center;
	/*border-top:1px dotted #999;*/
	border-bottom:1px dotted #999;
}
#dlpo-exshop-sp-site-official {/* スマホサイトPR */
	margin: 0 auto 8px;
	padding: 0 0 7px;
	text-align: center;
	border-bottom:1px dotted #999;
}
#dlpo-exshop-facebook-official a:hover,
#dlpo-exshop-sp-site-official a:hover {
  filter: alpha(opacity=70);
  opacity: 0.5;
}

/* 東日本大震災への支援活動について
-------------------------------------------------------------------------------------*/
a:hover#sidebar_banner_tohoku_earthquake img{
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* 提携施工店さん
------------------------------------------------------------------------------------*/
a#dlpo-partner {
	display: block;
	text-align: center;
}

/* 提携施工店さん
------------------------------------------------------------------------------------*/
a#dlpo-partner-contest {
	display: block;
	text-align: center;
}

/* 職人さん
------------------------------------------------------------------------------------*/
a#dlpo-shokuninnsan {
	display: block;
	text-align: center;
}


/*===========================================================
  フッター
===========================================================*/

#FOOTER li {/* 既存スタイルの再定義 */
	font-size: 0.9em;
}

/*===========================================================
  トップページ（メインコンテンツ）
===========================================================*/

/* スライドメインビジュアル
------------------------------------------------------------------------------------*/
#dlpo-slide-show {
	width: 585px;
	margin: 0 0 20px;
	background: url(/public/img/top/top_main_thumb_bg.jpg) no-repeat 0px 0px;
}

/*スライド用スタイル（バックアップ）*/
/*
#dlpo-slide-show .dlpo-slide-thumb {
	float: left;
	width: 522px;
}
#dlpo-slide-show .dlpo-pre {
	float: left;
	width: 34px;
	padding-top: 18px;
}
#dlpo-slide-show .dlpo-pre a {
	padding: 0 0 0 7px;
}

#dlpo-slide-show .dlpo-back {
	float: right;
	width: 29px;
	padding: 18px 0 0;
}
#dlpo-slide-show .dlpo-back a {
}
*/

ul#dlpo-slide-main-image {/* 大画像 */
	margin: 0;
	padding: 0;
}
ul#dlpo-slide-main-image li {/* 画像560px×243px固定 */
	float: left;
	display: none;
	margin: 0;
	padding: 10px 12px 11px 13px;
	background: url(/public/img/top/top_main_bg.png) no-repeat 0px 0px;
}
ul#dlpo-slide-main-image li.visible {
	float: left;
	display: block;
}
ul#dlpo-slide-main-image li img {
	vertical-align: top;
}

/* サムネイル
--------------------------------------------------------------------------------------- */
ul#dlpo-slide-thumb-image {
	margin: 0;
	padding: 10px 0 10px 13px;
}
ul#dlpo-slide-thumb-image li {
	float: left;
	margin: 0 9px 0 0;
	padding: 1px 0;
}
ul#dlpo-slide-thumb-image li.select {
	position: relative;
	padding: 0;
}
ul#dlpo-slide-thumb-image li.select span.dlpo-colored {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	width: 132px;
	height: 53px;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	background: #FFB400;
}
ul#dlpo-slide-thumb-image li.select img {
	border: 1px solid #F00;
}
ul#dlpo-slide-thumb-image li.select span.dlpo-colored img {
	border: none;
}

/*===========================================================
  SNSボタン
===========================================================*/

/* 右カラム　SNSボタン群
--------------------------------------------------------------------------------*/
#dlpo-FAVMAIL ul {
}
#dlpo-FAVMAIL ul li#dlpo-facebook {/* いいね！ボタン */
	height: 20px;
	/*margin: 0 9px 0 0;*/
	padding-bottom: 0;
	text-align: right;
}
#dlpo-FAVMAIL ul li#dlpo-googlepuls {/* google+ボタン */
	width: 29px;
	margin-top: 2px;
	padding: 0;
}

/* 詳細画面　SNSボタン
-------------------------------------------------------------------------------*/
.sns-button-wrapper {/* 商品詳細ページ用 */}
.sns-button-wrapper-partner {/* 施工店ページ用 */}
.sns-button-wrapper-maker {/* メーカーページ用 */
	position: absolute;
	top: 160px;
	left: 25px;
}
ul.sns-button {
	float: right;
}
.sns-button-wrapper-voice { /* 施工例ページ（お客様の声）で上のマージンをネガティブで上げる */
	margin-top: -30px;
}
.sns-button-wrapper-partner ul.sns-button { /* 施工店ページ */
	float: left;
}
.sns-button-wrapper-maker ul.sns-button { /* メーカーページ */
	float: left;
}
ul.sns-button li {
	float: left;
	margin-top: 7px;
	margin-bottom: 10px;
}
ul.sns-button li.sns-button-facebook {/* いいね！ボタン */
	margin-top: 3px;
}
ul.sns-button li.sns-button-facebook iframe {/* google+ボタン */
	border:none;
	width:105px;
	height:21px;
}
ul.sns-button li.sns-button-googleplus {
	margin-left: 5px;
}
p.delete-history { /* 右チェックした商品履歴の削除 */
	padding: 0px 0px 4px;
	text-align: center;
	background: url(/public/img/img_search/search_intro/bg_history.png) no-repeat left top;
}

/*======================================================================
   新商品テキスト（商品詳細ページ）
======================================================================*/

p#txt-newitem {
	margin: 0 0 2px;
	text-align: left;
	font-weight: bold;
	color: #f00;
}

/* 見積り結果ページFMPテキストエリア
--------------------------------------------------------------------------------*/
textarea#msg_fmp {
	display: block;
	width: 484px;
	min-width: 484px;
	max-width: 566px;
	margin: 15px auto;
	padding: 6px;
	font-size: 12px;
	line-height: 1.25;
	background: #fcfcfc;
	border: 1px solid #bbb;
	box-shadow: 1px 1px 2px #ddd inset;
	border-radius: 3px;
}

/* ===========================================================
 さらに商品を絞り込む
===========================================================*/
#advanced_search {
	margin-top: 43px;
	font-family: verdana, meiryo, sans-serif;
	font-size: 12px;
}
#CONTLEFT #advanced_search .relational_category_ttl,
#CONTLEFT #advanced_search .filter,
#CONTLEFT #advanced_search h3 {
	height: 25px;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 12px;
	background: url("/public/img/img_search/common/bg_advanced_search.jpg") repeat-x left top;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-left: none;
	text-align: left;
}
#advanced_search .condition {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}
#advanced_search .condition dl {
	position: relative;
}
#advanced_search .condition dl dt {
	float: left;
	clear: left;
	position: absolute;
	left:0;
	top: 43%;
	width: 8em;
	margin-top: -0.6em;
	text-align: center;
}
/*小見出しの追加 20140602*/
#advanced_search.filtered_search .condition dl dd dl {
	border-top: none;
	padding: 0;
}
#advanced_search.filtered_search .condition dl dd dl dt {
	position: static;
	width: 100px;
	margin-top: 0;
	text-align: left;
	line-height: 1.7;
}
#advanced_search.filtered_search .condition dl dd dl dd {
	padding-left: 0;
}
/*ここまで*/
#advanced_search .condition dl dt.multi {
	top: 12%;
	line-height: 1.2;
}
#advanced_search .condition dl dd {
	padding-left: 8em;
}
#advanced_search .condition dl dd ul li {
	float: left;
	margin-right: 13px;
	line-height: 1.7;
}
#advanced_search .condition dl dd ul li a {
  padding-left: 8px;
  background: url("/public/img/img_search/common/icon_link.png") no-repeat 0 50%;
	*white-space: nowrap; /* IE7 */
}
#advanced_search .condition hr {
	clear:both;
	height:1px;
	margin: 10px 0;
	border:solid #ccc;
	border-width:1px 0 0 0;
}

/*  商品インデックス
------------------------------------*/
#advanced_search p.cate_index {
	margin-top: 20px;
	margin-bottom: 35px;
	text-align: right;
	line-height: 17px;
}
#advanced_search p.cate_index a {
	display: inline-block;
	padding-left: 19px;
  background: url("/public/img/img_search/common/bg_sitemap_page.png") no-repeat 0 50%;
	background-color: #fff;
	line-height: 17px;
}

/*  FAQ & サイトマップ
------------------------------------*/
#advanced_search .site_link {
	margin-top: 20px;
	margin-bottom: 35px;
}

/*  FAQリンク
---------------------------------------------------------------------------------------------------------*/
#advanced_search .site_link p.faq {
	float: right;
	margin-right: 20px;
	line-height: 17px;
}
#advanced_search .site_link p.faq a {
	display: inline-block;
	padding-left: 22px;
  background: url("/public/img/global/icon_faq.png") no-repeat 0 50%;
	background-color: #fff;
	line-height: 17px;
}

/*  サイトマップ
------------------------------------*/
#advanced_search .site_link p.site_map {
	float: right;
	line-height: 17px;
}
#advanced_search .site_link p.site_map a {
	display: inline-block;
	padding-left: 19px;
  background: url("/public/img/img_search/common/bg_sitemap_page.png") no-repeat 0 50%;
	background-color: #fff;
	line-height: 17px;
}


/*  関連カテゴリ
------------------------------------*/
#relational_category {
	margin-top: 30px;
}
#CONTLEFT #relational_category .relational_category_ttl,
#CONTLEFT #relational_category h3 {
	height: auto;
	margin-bottom: 10px;
	padding-left: 0;
	background: none;
	color: #000;
	line-height: 1;
}
#relational_category ul.by_maker {
	padding: 18px 0 0 21px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}
#relational_category ul.by_maker li {
	float: left;
	text-align: center;
}
#relational_category ul.by_maker li {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: center;
}
#relational_category ul.by_maker li.last-child {
	margin-right: 0;
}
#relational_category ul.by_maker li:nth-of-type(3n) {
	margin-right: 0;
}
#relational_category ul.by_maker li p {
	margin-bottom: 3px;
}
#relational_category ul.by_maker li p img {
	border: 1px solid #ddd;
}
#relational_category ul.by_maker li a {
  padding-left: 8px;
  background: url("/public/img/img_search/common/icon_link.png") no-repeat 0 50%;
}
#relational_category ul.by_maker li p a {
  padding-left: 0;
  background: none;
}

/* ホバー効果
------------------------------------------ */
#relational_category ul.by_maker li a {
	transition: all 0.2s ease-in 0s;
}
#relational_category ul.by_maker li a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
	transition: all 0.2s ease-out 0s;
}

#relational_category ul.by_maker li p a.cate_img {
  display: block;
  width: 158px;
  height: 118px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  *text-indent: -9999px; /* for IE7/6 */
}
#relational_category ul.by_maker li p a.first { background-position: 0px 0px;}
#relational_category ul.by_maker li p a.second { background-position: 0px -118px;}
#relational_category ul.by_maker li p a.third { background-position: 0px -236px;}
#relational_category ul.by_maker li p a.fourth { background-position: 0px -354px;}
#relational_category ul.by_maker li p a.fifth { background-position: 0px -472px;}
#relational_category ul.by_maker li p a.sixth { background-position: 0px -590px;}
#relational_category ul.by_maker li p a.last { background-position: 0px -236px;}

#relational_category ul.relational_cp li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_cp.png"); }
#relational_category ul.relational_cy li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_cy.png"); }
#relational_category ul.relational_cg li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_cg.png"); }
#relational_category ul.relational_sh li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_sh.png"); }
#relational_category ul.relational_tr li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_tr.png?2016011800"); }
#relational_category ul.relational_tg li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_tg.png"); }
#relational_category ul.relational_br li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_br.png"); }
#relational_category ul.relational_bl li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_bl.png"); }
#relational_category ul.relational_wd li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_wd.png?2016011800"); }
#relational_category ul.relational_fe li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_fe.png"); }
#relational_category ul.relational_mp li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_mp.png"); }
#relational_category ul.relational_aw li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_aw.png"); }
#relational_category ul.relational_sy li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_sy.png"); }
#relational_category ul.relational_ts li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_ts.png"); }
#relational_category ul.relational_rs li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_rs.png"); }
#relational_category ul.relational_fu li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_fu.png"); }
#relational_category ul.relational_mo li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_mo.png"); }
#relational_category ul.relational_um li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_um.png"); }
#relational_category ul.relational_ws li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_ws.png"); }
#relational_category ul.relational_mk li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_mk.png"); }
#relational_category ul.relational_fj li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_fj.png"); }
#relational_category ul.relational_gs li p a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_gs.png"); }

/* ====================================================
	関連カテゴリ
====================================================*/
#relational_category ul.by_maker li .img a { background-image: url("/public/img/item/common/relational_cate/sprite_relational_cate.png"); }

#relational_category ul.by_maker li.cp .img a { background-position: 0 0; }
#relational_category ul.by_maker li.cy .img a { background-position: 0 -118px; }
#relational_category ul.by_maker li.cg .img a { background-position: 0 -236px; }
#relational_category ul.by_maker li.sh .img a { background-position: 0 -354px; }
#relational_category ul.by_maker li.tr .img a { background-position: 0 -472px; }
#relational_category ul.by_maker li.tg .img a { background-position: 0 -590px; }
#relational_category ul.by_maker li.aw .img a { background-position: 0 -708px; }
#relational_category ul.by_maker li.pg .img a { background-position: 0 -826px; }
#relational_category ul.by_maker li.br .img a { background-position: 0 -944px; }
#relational_category ul.by_maker li.bl .img a { background-position: 0 -1062px; }
#relational_category ul.by_maker li.wd .img a { background-position: -158px 0; }
#relational_category ul.by_maker li.fe .img a { background-position: -158px -118px; }
#relational_category ul.by_maker li.mp .img a { background-position: -158px -236px; }
#relational_category ul.by_maker li.rs .img a { background-position: -158px -354px; }
#relational_category ul.by_maker li.fu .img a { background-position: -158px -472px; }
#relational_category ul.by_maker li.np .img a { background-position: -158px -590px; }
#relational_category ul.by_maker li.mo .img a { background-position: -158px -708px; }
#relational_category ul.by_maker li.sy .img a { background-position: -158px -826px; }
#relational_category ul.by_maker li.um .img a { background-position: -158px -944px; }
#relational_category ul.by_maker li.ws .img a { background-position: -158px -1062px; }
#relational_category ul.by_maker li.mk .img a { background-position: -316px 0; }
#relational_category ul.by_maker li.rd .img a { background-position: -316px -118px; }
#relational_category ul.by_maker li.xa .img a { background-position: -316px -236px; }
#relational_category ul.by_maker li.fj .img a { background-position: -316px -354px; }
#relational_category ul.by_maker li.ts .img a { background-position: -316px -472px; }
#relational_category ul.by_maker li.pl .img a { background-position: -316px -590px; }
#relational_category ul.by_maker li.st .img a { background-position: -316px -708px; }

/*  ウッドデッキ関連コンテンツ
------------------------------------*/
#wd_relational_contents {
	margin-top: 30px;
	margin-bottom: 30px;
}
#wd_relational_contents .wd_relational_contents_ttl,
#CONTLEFT #wd_relational_contents h3 {
	height: auto;
	margin-bottom: 10px;
	padding-left: 0;
	background: none;
	color: #000;
	line-height: 1;
}
#wd_relational_contents ul {
	padding: 10px 21px;
	border: 1px solid #ddd;
	background-color: #f7f7f7;
}
#wd_relational_contents ul li {
	float: left;
	margin-right: 15px;
	line-height: 1.5;
}
#wd_relational_contents ul li a {
  padding-left: 8px;
  background: url("/public/img/img_search/common/icon_link.png") no-repeat 0 50%;
	*white-space: nowrap; /* IE7 */
}

/* 商品検索
------------------------------------*/
#footer_search {
	position: relative;
	margin-top: 53px;
	*z-index: 1; /* IE7 */
}
.footer_hd_item_search {
	position: absolute;
	top: 2px;
	left: 0;
	display: flex;
}
.footer_hd_item_search::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 30px;
	margin-right: 11px;
	border-radius: 2px;
	background-color: #666;
}
.footer_hd_item_search_ttl {
	font-size: 14px;
}
.footer_hd_item_search_sub {
	color: #aaa;
	font-size: 9px;
}
img.item_search_title {
	position: absolute;
	left: 0;
	top: 4px;
}

.item_search_area {
	position: relative;
	margin-left: 107px;
	*z-index: 0; /* IE7 */
}

span.search_select_area {
	border: 1px solid #aaa;
	box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.1) inset;
	-webkit-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.1) inset;
	-moz-box-shadow: 2px 2px 1px rgba(125, 125, 125, 0.1) inset;
	border-right: 1px solid #d2d2d2;
	width: 75px;
	height: 33px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	z-index: 1;

	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;

	background: rgb(251,248,242);
	background: -moz-linear-gradient(top,  rgba(251,248,242,1) 0%, rgba(249,245,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,248,242,1)), color-stop(100%,rgba(249,245,237,1)));
	background: -webkit-linear-gradient(top,  rgba(251,248,242,1) 0%,rgba(249,245,237,1) 100%);
	background: -o-linear-gradient(top,  rgba(251,248,242,1) 0%,rgba(249,245,237,1) 100%);
	background: -ms-linear-gradient(top,  rgba(251,248,242,1) 0%,rgba(249,245,237,1) 100%);
	background: linear-gradient(to bottom,  rgba(251,248,242,1) 0%,rgba(249,245,237,1) 100%);
}

span.search_select_title {
	font-size: 12px;
	line-height: 35px;
	padding-left: 17px;
	padding-right: 23px;
	font-family: "helvetica neue", helvetica, meiryo, sans-serif;
	white-space: nowrap;
}
span.search_select_arrow {
	position: absolute;
	right: 9px;
	top: 16px;
	display: block;
	width: 8px;
	height: 6px;
	background: url(/public/img/img_footer/bg_select_arrow.png) left top no-repeat;
}

select.item_search_select {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	height: 35px;
	cursor: pointer;
	visibility: visible;
	width: auto;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
}
.item_search_box {
	position: absolute;
	left: 75px;
	top: 0;
	*z-index: 2; /* IE7 */
}

.item_search_textbox {/* 検索入力窓 */
	width: 630px;
	height: 33px;
	padding-left: 13px;
	border: 0 none;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #aaaaaa;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	line-height: 33px;
	outline: none;
	font-family: "helvetica neue", helvetica, meiryo, sans-serif; /* #4412 #28 */

	*position:absolute; /* IE7 */
	*left: 0; /* IE7 */
}

.item_search_btn {
	position:absolute;
	right: 0;
	top: 0;
	transition: all 0.2s ease-in 0s;

	*z-index: 1; /* IE7 */
}
.item_search_btn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
	transition: all 0.2s ease-out 0s;
}
.item_search_submit_btn {
	box-sizing: border-box;
  border: 0 none;
  cursor: pointer;
  height: 35px;
  width: 110px;
  margin: 0;
  padding-left: 37px;
	border-radius: 0 4px 4px 0;
	background: url(/public/img/common/icon_search-white.svg) 16px center no-repeat #1a75f4;
	background-size: 15px auto;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
:-moz-placeholder {
	color: #ccc;
}
::-webkit-input-placeholder {
	color: #ccc;
}
#footer_search .item_search_textbox {
	width: 684px;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
}

/* 商品検索結果
------------------------------------*/
#item_search_unit {
	position: relative;
	margin-top: 25px;
	padding: 10px 9px;
	width: 565px;
	background-color: #eeeeee;
	height: 35px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	*z-index: 1; /* IE7 */
}

#item_search_unit:after {
	margin-left: -20px;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 20px solid #fff;
	border-top-width: 15px;
	border-top-color: #eee;
	top: 100%;
	left: 50%;
}

#item_search_unit .item_search_area {
	position: relative;
	margin-left: 0px;
	*z-index: 0; /* IE7 */
}

#item_search_unit span.search_select_area {
	position: absolute;
	left: 0;
	top: 0;
}

#item_search_unit .item_search_textbox {
	width: 380px;
}

.item_search_result_text {
	position: relative;
	margin-top: 27px;
	text-align: center;
	*z-index: 0; /* IE7 */
}

.item_search_result_text span.title {
	font-size: 16px;
}

.item_search_result_text span.number {
	font-size: 24px;
	font-weight: bold;
}

.item_search_result_text span.count {
	font-size: 14px;
}

/* 商品検索結果 件数0件
------------------------------------*/
#no_item_notice {
	margin: 26px auto 34px;
	padding: 11px 0 10px;
	width: 535px;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 2.2;
	text-align: center;
}

#no_item_notice p {
	font-size: 14px;
}

#no_item_notice p.sorry {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	padding-left: 28px;
	width: 400px;
	background: url(/public/img/img_footer/img_item_notice.png) left top no-repeat;
	line-height: 22px;
}

#no_item_result a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
}

#no_item_result h3 {
	font-size: 14px;
	margin-bottom: 17px;
	padding-left: 8px;
	border-left: 5px solid #992727;
	text-align: left;
	line-height: 25px;
	font-weight: bold;
}

/* 商品カテゴリから探す
------------------------------------*/
#no_item_result .cate_search {
	padding-left: 5px;
}

#no_item_result .cate_search ul {
	margin-left: 4px;
	font-size: 0; /* inline-blockの隙間対策 */
}

#no_item_result .cate_search ul li {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	margin-bottom: 24px;
	margin-right: 19px;
	width: 98px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
}

#no_item_result .cate_search ul li.nth-child-5n {
	margin-right: 0;
}
#no_item_result .cate_search ul li a:link,
#no_item_result .cate_search ul li a:visited,
#no_item_result .cate_search ul li a:hover,
#no_item_result .cate_search ul li a:active {
	color: #555;
    font-weight: bold;
	text-decoration: none;
}
#no_item_result .cate_search ul li p {
	margin-bottom: 6px;
}

#no_item_result .cate_search ul li p img {
	border: 1px solid #ccc;
}

/* メーカーから探す
------------------------------------*/
#no_item_result .maker_search {
	padding-left: 5px;
}

#no_item_result .maker_search h3 {
	margin-top: 30px;
}

#no_item_result .maker_search ul {
	margin-left: 4px;
}

#no_item_result .maker_search ul li {
	float: left;
	margin-bottom: 18px;
	margin-right: 19px;
	width: 98px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
}

#no_item_result .maker_search ul li.nth-child-5n {
	margin-right: 0;
}
#no_item_result .maker_search ul li a:link,
#no_item_result .maker_search ul li a:visited,
#no_item_result .maker_search ul li a:hover,
#no_item_result .maker_search ul li a:active {
	color: #555;
    font-weight: bold;
	text-decoration: none;
}
#no_item_result .maker_search ul li p {
	margin-bottom: 6px;
}


#no_item_result .maker_search ul li p img {
	border: 1px solid #ccc;
}

/* 商品に関するご質問・お問い合わせ
------------------------------------*/
#no_item_result .question_contact {
	margin: 58px auto 0;
	width: 508px;
	text-align: center;
}

#no_item_result .question_contact h4 {
	height: 16px;
	background-color: #ac3d41;
	padding: 9px 0;
}

#no_item_result .question_contact .inner {
	padding: 15px 15px 17px;
	background-color: #fff3f3;
}

#no_item_result .question_contact .inner p {
	margin-bottom: 10px;
	line-height: 1.7;
}

/* 商品カテゴリ検索結果 件数0件
------------------------------------*/
#no_item_result.cate .maker_search {
	margin-bottom: 22px;
}

#no_item_result .top5 {
	margin-bottom: 40px;
}

#no_item_result .top5 .slider {
	position: relative;
	padding-top: 6px;
	width: 574px;
	height: 182px;
	background: url("/public/img/img_footer/top5/bg_top5_slider.png") left top no-repeat;
}

#no_item_result .top5 .slider ul li {
}

#no_item_result .top5 .slider ul li p {
	line-height: 1;
}

#no_item_result .top5 .slider ul li p.name {
	margin-top: 4px;
	margin-bottom: 4px;
}

#no_item_result .top5 .slider ul li p.name a:link,
#no_item_result .top5 .slider ul li p.name a:visited,
#no_item_result .top5 .slider ul li p.name a:hover,
#no_item_result .top5 .slider ul li p.name a:active {
	color: #333;
	text-decoration: none;
}

#no_item_result .top5 .slider ul li p.img {
	margin-top: 15px;
	border: 1px solid #dddddd;
}

#no_item_result .top5 .slider ul li p.price a:link,
#no_item_result .top5 .slider ul li p.price a:visited,
#no_item_result .top5 .slider ul li p.price a:hover,
#no_item_result .top5 .slider ul li p.price a:active {
	color: #dd0000;
	text-decoration: none;
}

#no_item_result .top5 .slider ul li span.ico_top {
	position: absolute;
	top: 0;
	left: 0;
}

#no_item_result .top5 .slider ul li span.ico_top.text {
	top: 6px;
	display: block;
	padding: 0;
	width: 18px;
	background-color: #332F30;
	color: #FFFFFF;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

#no_item_result .top5 .slider .bx-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager.bx-default-pager {
	display: none;
}

#no_item_result .top5 .slider .bx-wrapper .bx-controls-direction .bx-prev,
#no_item_result .top5 .slider .bx-wrapper .bx-controls-direction .bx-next {
	position: absolute;
	top: 56px;
	width: 22px;
	height: 55px;
	text-indent: -9999px;
}

#no_item_result .top5 .slider .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 5px;
	background: url("/public/img/img_footer/top5/img_slide_prev.png") left top no-repeat;
}

#no_item_result .top5 .slider .bx-wrapper .bx-controls-direction a.bx-next {
	right: 5px;
	background: url("/public/img/img_footer/top5/img_slide_next.png") left top no-repeat;
}

#no_item_result .top5 .slider .bx-wrapper .bx-controls-direction a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
}

#no_item_result .top5 .slider .bx-wrapper {
	width:expression(document.body.clientWidth < 500? "500px" : document.body.clientWidth > 500? "500px" : "auto");
}


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

	お見積りメモの見た目変更

=========================================================================================*/
#CONTRIGHT #estimate_memo_module {
	margin-bottom: 20px;
	border: 1px solid #86ace8;
	border-radius: 4px;
	font-size: 11px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#CONTRIGHT #estimate_memo_module dl dt {
	text-align: center;
}
#CONTRIGHT #estimate_memo_module .estimate_memo_module_ttl {
	position: relative;
	height: 26px;
	margin-bottom: 10px;
	padding-left: 46px;
	border-radius: 3px 3px 0 0;
	background: url(/sp2/public/img/common/icon_memo-white.svg) 24px center no-repeat #205fc0;
	background-size: 18px;
	color: #fff;
	font-size: 13px;
	text-align: left;
	line-height: 26px;
  font-weight: bold;
}
#CONTRIGHT #estimate_memo_module .estimate-list-count {
	box-sizing: border-box;
	position: absolute;
	top: -8px;
	right: -4px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #f00;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#CONTRIGHT #estimate_memo_module dl dt img {
	vertical-align: bottom;
}
#CONTRIGHT #estimate_memo_module dl dd {
	font-size: 10px;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

/* login01.html 未ログイン
------------------------------------------------------------------------*/
#CONTRIGHT #estimate_memo_module dl dd p.request {
	position: relative;
	margin: 0 8px 10px;
	padding: 3px 6px 5px 7px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	color: #333;
	font-family: "meiryo ui", sans-serif;
	font-size: 11px;
	line-height: 1.3;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	letter-spacing: 0.05ex;
}
/* フキダシ設定 */
#CONTRIGHT #estimate_memo_module dl dd p.request::before,
#CONTRIGHT #estimate_memo_module dl dd p.request::after {
	content: '';
	display: block;
	position: absolute;
	right: 15px;
	bottom: -9px;
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
/* フキダシボーダー */
#CONTRIGHT #estimate_memo_module dl dd p.request::before {
	right: 15px;
	bottom: -11px;
	border-top: 10px solid #ccc;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

/* for ipad */
@media screen and(-webkit-device-pixel-ratio:2) and (max-device-width: 1024px){
	#CONTRIGHT #estimate_memo_module dl dd p.request {
		width: 140px;
		padding: 6px 0 0 2px;
		font-size: 9.5px;
	}
}

#CONTRIGHT #estimate_memo_module ::-webkit-input-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1;
	vertical-align: middle;
}
#CONTRIGHT #estimate_memo_module :-moz-placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
	line-height: 1;
	vertical-align: middle;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form {
	width: 134px;
	margin: 0 auto;
	font-size: 11px;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form p.label {
	margin-bottom: 4px;
	color: #415ca6;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form input#loginId {
	margin-bottom: 8px;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form input {
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form p.login_btn {
	margin: 15px 0 10px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form p.login_btn a.btn {
	display: inline-block;
	width: 113px;
	height: 27px;
	border-radius: 5px;
	background-color: #205fc0;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 27px;
}
#CONTRIGHT #estimate_memo_module .e_memo_login_form_label {
	display: block;
	margin-bottom: 4px;
	color: #205fc0;
	font-size: 10px;
	font-weight: bold;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form .input {
	box-sizing: border-box;
	width: 133px;
	height: 28px;
	margin: 0;
	padding: 0 7px;
	line-height: 19px;
	border: 1px solid #ccc;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form .input::placeholder {
	color: #aaa;
	font-size: 11px;
	opacity: 1; /* for Firefox */
}
#CONTRIGHT #estimate_memo_module dl dd p.forget_password {
	margin-top: 7px;
	margin-bottom: 3px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module dl dd p.forget_password a {
	color: #205fc0;
	font-size: 11px;
}
/*
　login02.html 未ログイン&お見積りメモあり
　login03.html ログイン&お見積りメモなし
　login04.html ログイン&お見積りメモあり
------------------------------------------------------------------------*/
#CONTRIGHT #estimate_memo_module dl dd p.state_txt {
	padding: 4px 0 15px;
	text-align: center;
	font-size: 11px;
	color: #555;
	line-height: 1.4;
}
#CONTRIGHT #estimate_memo_module dl dd p.show_allmemo {
	margin: 0 0 13px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module dl dd p.show_allmemo a {
	box-sizing: border-box;
	margin: 0 auto;
	display: inline-block;
	width: 133px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	background: #205fc0;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module dl dd p.notice {
	margin: 12px 12px 7px;
	padding-top: 9px;
	border-top: 1px solid #d8e7ff;
	text-align: center;
	font-size: 11px;
}
#CONTRIGHT #estimate_memo_module dl dd .register_form {
	margin: 0 auto;
}
#CONTRIGHT #estimate_memo_module dl dd .register_form p.explanation {
	box-sizing: border-box;
	position: relative;
	width: 133px;
	margin: 0 auto 11px;
	padding: 7px 10px;
	line-height: 1.4;
	font-size: 11px;
	border-radius: 5px;
	background-color: #ffece3;
	color: #333;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}
#CONTRIGHT #estimate_memo_module dl dd .register_form p.explanation::after {
	content: "";
	position: absolute;
	bottom: -7px;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border: 7px solid transparent;
	border-top: 7px solid #ffece5;
	border-bottom: none;
}
#CONTRIGHT #estimate_memo_module dl dd .register_form a.btn_register_user {
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
	width: 116px;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	color: #ff6c2c;
	text-decoration: none;
	border: 1px solid #ff6c2c;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form {
	margin: 0 9px 6px;
}
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.guide {
	width: 121px;
	margin: 0 auto 5px;
	padding: 6px 11px 7px 10px;
	border: 1px solid #d2d9e7;
	background-color: #fff;
	color: #666;
	font-size: 11px;
	font-family: "meiryo ui", sans-serif;
	line-height: 1.5;
	letter-spacing: -0.05ex;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari用 CSSハック*/
    /* Safari only override */
    ::i-block-chrome,#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.guide {
    	font-size: 9px;
    }
}
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p a {
  color: #205fc0;
}
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.logout,
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.chpass {
	float: left;
	font-size: 10px;
}
#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.logout {
	float: right;
}
#CONTRIGHT #estimate_memo_module.login03 dl dd .logout_chpass_form p.logout {
	float: left;
}
#CONTRIGHT #estimate_memo_module.login03 dl dd .logout_chpass_form p.chpass {
	float: right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari用 CSSハック*/
    /* Safari only override */
    ::i-block-chrome,#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.logout {
			font-size: 9px;
			margin-right: 8px;
		}
		::i-block-chrome,#CONTRIGHT #estimate_memo_module dl dd .logout_chpass_form p.chpass {
			font-size: 9px;
		}
}

/* =======================================================================
  お見積りメモ
  public/global_include/estimate_list/`$row.cate_cd`.html
=======================================================================*/
#CONTRIGHT #estimate_memo_module .per_memo dl {
	position: relative;
	margin: 0 0 10px;
	padding: 0 10px;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dt {
	text-align: left;
	font-size: 11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari用 CSSハック*/
    /* Safari only override */
    ::i-block-chrome,#CONTRIGHT #estimate_memo_module .per_memo dl dt {
    	font-size: 9px;
    }
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd {
	background-color: #fff;
	border: none;
	border-top: none;
	border-radius: 0;
	font-size: 11px;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dt.item {
	margin: 0 -10px 3px;
	padding: 4px 11px 2px;
	background-color: #f5f5f5;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dt.item p.item_name {
	margin-top: 2px;
	color: #333;
	font-weight: bold;
	line-height: 1.3;
}

/*--------------------------------
	お見積メモログインとは？
--------------------------------*/
/* 「?」ヘルプボタン */
.memo-header__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #fff;
  color: #2f6bb3;
  border: none;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.memo-tooltip {
  position: absolute;
  top: calc(100% + 12px);
  left: -24px;
  width: 230px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
  padding: 16px 14px;
  z-index: 10;
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
  /* visibilityにdelayを入れて、ボタン→ツールチップ間の
     マウス移動で消えないようにする */
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

.memo-header__help:hover + .memo-tooltip,
.memo-header__help:focus + .memo-tooltip,
.memo-tooltip:hover {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease, visibility 0s;
}

 /* 吹き出しの矢印 */
.memo-tooltip::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 152px; /* 「?」ボタンの位置に合わせて調整 */
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
.memo-tooltip__title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ff0000;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #ff0000;
  margin-bottom: 8px;
}
.memo-tooltip__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background: #ff0000;
  color: #fff;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.memo-tooltip__text,
.memo-tooltip__note {
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}

/*-------------------------------------------------------------------
  リストの中身
-------------------------------------------------------------------*/
#CONTRIGHT #estimate_memo_module .per_memo dl dd.spec {
	color: #333;
	font-family: "meiryo ui", sans-serif;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.spec ul li {
	padding: 3px 0;
	border-bottom: 1px dotted #bbb;
	line-height: 1.2;
	word-break: break-all;
}

/* 複数個あるメモ（二重窓タイプ）
-----------------------------------------------------------------*/
#CONTRIGHT #estimate_memo_module .per_memo dl.multi-item dd.spec ul li ul {
  position: relative;
  margin: 4px 0px 10px;
  padding: 5px 12px 7px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
#CONTRIGHT #estimate_memo_module .per_memo dl.multi-item dd.spec ul li ul:last-of-type {
	margin-bottom: 0;
}
#CONTRIGHT #estimate_memo_module .per_memo dl.multi-item dd.spec ul li {
	border: none;
}
#CONTRIGHT #estimate_memo_module .per_memo dl.multi-item dd.spec ul li ul li {
	border-bottom: 1px dotted #bbb;
}
#CONTRIGHT #estimate_memo_module .per_memo dl.multi-item dd.spec ul li ul li:last-of-type {
	border-bottom: none;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.spec p.price {
	margin: 3px 0 9px;
	text-align: right;
	font-size: 12px;
	color: #d00;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.spec p.price span.yen {
	margin-right: 3px;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn {
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_detail {
	margin-right: -4px;
	text-align: right;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_delete {
	position: absolute;
	top: 5px;
	right: 5px;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_detail a,
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_delete a {
	font-size: 11px;
	text-decoration: none;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_detail a {
	padding-right: 8px;
	background: url(/sp2/public/img/common/icon_next-moderateazure.svg) right center no-repeat;
	background-size: 5px auto;
	color: #205fc0;
}
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_delete a {
	display: block;
	width: 11px;
	height: 11px;
	background: url(/sp2/public/img/common/icon_cross_gray.svg) left center no-repeat;
	background-size: contain;

	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/* hover opacity透明効果
------------------------------------------------------------------------*/
#CONTRIGHT #estimate_memo_module dl dd .login_form p.login_btn a.btn,
#CONTRIGHT #estimate_memo_module dl dd p.show_allmemo a,
#CONTRIGHT #estimate_memo_module dl dd .register_form a.btn_register_user,
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_detail a,
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_delete a {
	transition: all 0.2s ease-in 0s;
}
#CONTRIGHT #estimate_memo_module dl dd .login_form p.login_btn a.btn:hover,
#CONTRIGHT #estimate_memo_module dl dd p.show_allmemo a:hover,
#CONTRIGHT #estimate_memo_module dl dd .register_form a.btn_register_user:hover,
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_detail a:hover,
#CONTRIGHT #estimate_memo_module .per_memo dl dd.btn p.memo_delete a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: all 0.2s ease-out 0s;
}

/* Facebookでログイン
--------------------------------*/
#CONTRIGHT #estimate_memo_module .login_fb {
	position: relative;
	margin: 10px auto 4px;
	padding-top: 10px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module .login_fb::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 135px;
	height: 1px;
	margin: 0 auto;
	background-color: #d8e7ff;
}
#CONTRIGHT #estimate_memo_module .login_fb a {
	box-sizing: border-box;
	display: inline-block;
	width: 139px;
	height: 24px;
	padding-left: 25px;
	border-radius: 4px;
	background: url("/public/img/img_global/right/estimate_memo/icon_facebook_logo.png") 5px center no-repeat #1378f7;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	line-height: 24px;
}

/* Googleでログイン
--------------------------------*/
#CONTRIGHT #estimate_memo_module .login_google {
	margin: 6px auto 10px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module .login_google a {
	box-sizing: border-box;
	display: inline-block;
	width: 139px;
	height: 27px;
	padding-left: 30px;
	border: 1px solid #bbb;
	border-radius: 4px;
	background: url("/public/img/img_global/right/estimate_memo/icon_google_logo.png") 7px center no-repeat #fff;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 27px;
}

/* Yahooでログイン
--------------------------------*/
#CONTRIGHT #estimate_memo_module .login_yahoo {
	margin: 6px auto 15px;
	text-align: center;
}
#CONTRIGHT #estimate_memo_module .login_yahoo a {
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	width: 139px;
	height: 27px;
	padding-left: 49px;
	border-radius: 4px;
	border: 1px solid #ff0033;
	background-image: url("/public/img/img_global/right/estimate_memo/icon_yahoo_logo_red.png"),linear-gradient(90deg, #fff 0%, #fff 28%, #ff0033 0%, #ff0033 100%);
	background-repeat: no-repeat;
	background-position: 11px center;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 27px;
}
/* ログインボタン先頭
--------------------------------*/
#CONTRIGHT #estimate_memo_module .login_first_item {
	position: relative;
	margin: 10px auto;
	padding-top: 10px;
}
#CONTRIGHT #estimate_memo_module .login_first_item::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 135px;
	height: 1px;
	margin: 0 auto;
	background-color: #d8e7ff;
}
/* ===========================================================
	見出し変更h1 2013/10/09
===========================================================*/
p#CURRENT_TEXT{
	position:absolute;
	right:0px;
	top:4px;
	white-space:nowrap;
	font-size:9px;
	color:#000;
	line-height:1;
	background: url(/public/img/img_global/bg_header_righttop.png) no-repeat right bottom;
	height: 22px;
	padding-right: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome用 */
p#CURRENT_TEXT{
	position:absolute;
	right:0px;
	top:4px;
	white-space:nowrap;
	font-size:9px;
	color:#000;
	line-height:1;
	background: url(/public/img/img_global/bg_header_righttop.png) no-repeat right bottom;
	height: 23px;
	padding-right: 13px;
}
}

/* Pマーク（プライバシーマーク）変更 2013/10/17
------------------------------------------------------------------------*/
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 a {
	height: auto;
	width: auto;
	text-indent: 0;
	background: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-bottom:6px;
	display: block;
}
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 {
	margin-bottom: 8px;
	padding: 0 0 6px 8px;
	color: #444;
	font-size: 10px;
	border-bottom: 1px dotted #999;
}
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 p.pmark {
	float: left;
	width: 53px;
}
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 p.pmark img {
	vertical-align: bottom;
}
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 p.pmark a {
	border: none;
	margin: 0;
	padding: 0;
}
#MAIN #CONTENTS #CONTRIGHT #pMark01.pmark_20131017 p.pmark_txt {
	overflow: hidden;
	padding: 7px 0 0 7px;
	white-space: nowrap;
}
#MAIN #CONTENTS #CONTRIGHT .secom div form input:hover {
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* =========================================================================================
	 右カラムチェックした商品の見た目変更 2013/10/24
=========================================================================================*/

#CONTRIGHT #checked_item_history {
	margin-bottom: 8px;
}
#CONTRIGHT #checked_item_history dl dt.ttl_history,
#CONTRIGHT #checked_item_history.checked_item_list .operation a:after,
#CONTRIGHT #checked_item_history.checked_item_list .operation a:before,
#CONTRIGHT #checked_item_history.checked_item_list .operation p.history_delete a {
	background: url("/public/img/img_search/search_intro/sprite_checked_item_history.png") left top no-repeat;
}
#CONTRIGHT #checked_item_history dl dt.ttl_history {
    overflow: hidden;
    width: 160px;
    height: 24px;
    text-indent: 100%;
    white-space: nowrap;
	background-position: 0px 0px ;
}
#CONTRIGHT #checked_item_history dl dt img {
	vertical-align: bottom;
}
#CONTRIGHT #checked_item_history dl dd {
	padding: 7px 0 6px;
	width: 158px;
	font-size: 10px;
	background-color: #f6f6f6;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl {
	position: relative;
	margin: 0 auto 5px;
	width: 142px;
	height: auto;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl:hover {
	border: 1px solid #777;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dt {
	height: 107px; /* dl:142px - dd:35px */
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dt a.item_link {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 142px;
	height: auto;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dt img {
	width: 142px;
	height: 106px;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dt img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd {
	display: table-cell;
	width: 142px;
	height: auto;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd p {
	padding: 0;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd p a {
	position: relative;
	display: block;
	padding: 10px 5px;
	color: #111;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
	font-size: 11px;
	line-height: 1.2;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd p a::after {
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 6px;
	height: 6px;
	background: url("/public/img/img_search/search_intro/bg_per_checked_item.png") center no-repeat;
}
#CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd p a:hover {
	text-decoration: none;
	color: #111;
}

/* 空のセル用設定
------------------------------------------------------------------------------------------------------------------------*/
#CONTRIGHT #checked_item_history dl dd .empty dl,
#CONTRIGHT #checked_item_history dl dd .empty dl:hover {
	border: 1px dotted #ddd;
	background: #efefef/*#f7f7f7*/ url("/public/img/img_search/search_intro/bg_empty.png") no-repeat 50% 50%;
	box-shadow: none;
}
#CONTRIGHT #checked_item_history dl dd .empty dl dt,
#CONTRIGHT #checked_item_history dl dd .empty dl dd {
	display: none;
}


/* IE7用の設定(商品名を上下中央表示のため)
------------------------------------------------------------------------------------------------------------------------*/
*:first-child+html #CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd p { /* IE7 */
	display: inline;
	zoom: 1;
	vertical-align: middle;
}
*:first-child+html #CONTRIGHT #checked_item_history dl dd .per_checked_item dl dd span#ie6_ie7 { /* IE7 */
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}


#CONTRIGHT #checked_item_history dl dd .operation {
	margin: 0 auto;
	width: 144px;
}
#CONTRIGHT #checked_item_history dl dd .operation ul.pagenation {
	float: left;
	margin-top: 3px;
}
#CONTRIGHT #checked_item_history dl dd .operation ul.pagenation li {
	float: left;
	font-size: 11px;
	_line-height: 1.2;
}
#CONTRIGHT #checked_item_history dl dd .operation ul.pagenation li.prev {
	margin-right: 5px;
	padding-left: 8px;
	background: url("/public/img/img_search/search_intro/icon_prev_history.png") left center no-repeat;
}
#CONTRIGHT #checked_item_history dl dd .operation ul.pagenation li.next {
	padding-right: 9px;
	background: url("/public/img/img_search/search_intro/icon_next_history.png") right center no-repeat;
}
#CONTRIGHT #checked_item_history dl dd .operation ul.pagenation li a {
	text-decoration: underline;
}
#CONTRIGHT #checked_item_history dl dd .operation p.history_delete {
	float: right;
}
#CONTRIGHT #checked_item_history dl dd .operation p.history_delete a {
	display: block;
	padding-left: 5px;
	width: 57px; /* 62px - padding-left */
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background: url("/public/img/img_search/search_intro/btn_history_delete.png") left top no-repeat;
}
#CONTRIGHT #checked_item_history dl dd .operation p.history_delete a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* ページャー追加によるCSSの修正 2013/10/28
------------------------------------------------------------------------*/
#CONTRIGHT #checked_item_history.checked_item_list dl dd {
	border-bottom: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#CONTRIGHT #checked_item_history.checked_item_list dl dd.content {
	padding-bottom: 1px;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation {
	position: relative;
	top: -1px;
	padding: 0 5px 6px;
	width: 148px; /* 158px - padding-left - padding-right */
	background-color: #f6f6f6;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation {
	float: left;
	margin-top: 3px;
	font-family: "helvetica neue", helvetica, arial, "meiryo ui", sans-serif;
}

#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a {
	font-size: 11px;
	text-decoration: none;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a:hover {
	color: #f66;
	text-decoration: underline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* chrome用 */
	#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a {
		padding-bottom: 1px;
	}
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a.previous_link {
	margin-right: 6px;
	background-position:-69px -24px;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a.previous_link:before {
    display: inline-block;
    width: 7px;
    height: 8px;
    margin-right: 2px;
    background-position: -62px -24px;
    content: "";
    *zoom: 1;  /* IE */
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a.next_link {
	padding-right: 0px;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation .page_navigation a.next_link:after {
    display: inline-block;
    width: 7px;
    height: 8px;
    margin-left: 2px;
    background-position: -69px -24px;
    content: "";
    *zoom: 1;  /* IE */
}

#CONTRIGHT #checked_item_history.checked_item_list .operation p.history_delete {
	float: right;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation p.history_delete a {
	display: block;
	padding-left: 5px;
	width: 57px; /* 62px - padding-left */
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background-position: 0px -24px;
}
#CONTRIGHT #checked_item_history.checked_item_list .operation p.history_delete a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* ===========================================================
	商品絞り込みUIの改善　#192
===========================================================*/
#CONTLEFT #advanced_search.filtered_search .filter,
#CONTLEFT #advanced_search.filtered_search h3.filter {
	width: 549px;
	margin: 0 auto;
	padding-left: 36px;
	background: url("/public/img/img_search/common/bg_filtered_search.png") left top no-repeat;
}
#advanced_search.filtered_search .condition {
	width: 563px;
	margin: 0 auto;
	padding: 0 9px;
	border: 2px solid #bbb;
	border-top: 1px solid #bbb;
	background-color: #fff;
}
#advanced_search.filtered_search .condition dl {
	padding: 10px 0 6px;
	border-top: 1px solid #ddd;
}

#advanced_search.filtered_search .condition dl.first-child {
	border-top: none;
}
#advanced_search.filtered_search .condition dl dt {
	margin-top: -0.5em;
	width: 108px;
	color: #6f6f6f;
	font-weight: bold;
}
#advanced_search.filtered_search .condition dl dd {
	padding-left: 108px;
}
#advanced_search.filtered_search .condition dl dd ul li {
	margin-bottom: 4px;
	margin-right: 14px;
	*float: none; /* IE7 */
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
}
#advanced_search.filtered_search .condition dl dd ul li.selected {
	background: url("/public/img/img_search/common/bg_request_selected.png") right top no-repeat;
}
#advanced_search.filtered_search .condition dl dd ul li a {
	display: block;
	padding-left: 7px;
	height: 19px;
}
#advanced_search.filtered_search .condition dl dd ul li.selected a {
	padding: 0 6px 0 23px;
	color: #b43d3d;
	background: url("/public/img/img_search/common/bg_request_unlock.png") left top no-repeat;
}
#advanced_search.filtered_search .condition dl dd ul li.selected a:hover {
	text-decoration: none;
}

/* ==============================================================================
	カテゴリ　タイトル
===============================================================================*/

/* 画像タイトル　※現在未使用
------------------------------------------------------------------------*/
/*
#ttl_cate-top {
	margin: 0  0 13px 0;
}
#ttl_cate-top h1 {
	float: left;
	color: #333;
}
#ttl_cate-top .cate_caption {
	float: right;
	padding: 11px 0 0 0;
	font-size: 12px;
	line-height: 1;
}
*/

/* ページタイトル
------------------------------------------------------------------------*/
#ttl_cate {
	margin: 16px 0 12px 0;
}
#ttl_cate h1 {
	float: left;
	padding-top: 2px;
	color: #333;
	font-family: arial, helvetica, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	verticala-align: bottom;
	text-shadow: 0 0 1px #ccc;
}
#ttl_cate.fs20 {
	margin-bottom: 11px;
}
#ttl_cate.fs20 h1 {
	padding-top: 6px;
}
#ttl_cate .cate_caption {/* リードテキスト */
	float: right;
	padding: 13px 0 0 0;
	font-size: 12px;
	line-height: 1;
}
/*ページサブタイトル追加 20140602*/
#ttl_cate .ttl_sub{
	float: left;
	margin: 13px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #A6A6A6;
	line-height: 1;
}
/*ここまで*/

/* =================================================================================
	商品絞り込み検索
=================================================================================*/
#item_filter_search {
	margin: 0 0 31px 0;
	color: #333;
}
#item_filter_search h3 {
	float: left;
	margin: 0;
	padding: 0 0 3px 10px;
	width: 420px; /* 421px - padding */
	/*height: 22px;*/
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fafafa;
}
/*
#item_filter_search h3.closed {
  border-bottom: 1px solid rgb(211, 211, 211);
}
*/
#item_filter_search h3 strong {
	position: relative;
	top: 1px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c60005;
}
#item_filter_search h3 strong.ifs_maker {
	/*padding: 0 0 0 6px;*/
}
#item_filter_search h3 strong.ifs_item_num {
	padding: 0 1px 0 7px;
}
#item_filter_search h3 strong.ifs_pattern {
	padding: 0 2px 0 7px;
}

/* 絞り込み検索内容
------------------------------------------------------------------------*/
#item_filter_search .ifs_contents {
	position: relative;
	top: -2px;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
	*zoom: 1; /* IE7 */
}

/* 絞り込み条件を隠す/表示
------------------------------------------------------------------------*/
#item_filter_search .ifs_head a {
	float: left;
	position: relative;
	padding: 0 0 0 22px;
	display: block;
	width: 142px; /* 164px - padding */
	height: auto;
	line-height: 27px;
	vertical-align: middle;
	font-size: 12px;
	overflow: visible;
	color: #fff;
	text-decoration: none;
	text-align: left;
	background: url("/public/img/img_search/filter_search/bg_hide_condition.png") left top no-repeat;
	z-index: 1;
}
#item_filter_search .ifs_head a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#item_filter_search div.ifs_head a.closed {
	background: url("/public/img/img_search/filter_search/bg_show_condition.png") 0% 0% no-repeat;
}

/* 絞り込み条件一覧
------------------------------------------------------------------------*/
#item_filter_search .ifs_condition {
	width: 585px;
	border-collapse: collapse;
	border-top: 2px solid #ab2c31;
}
#item_filter_search .ifs_condition.ifs_condition_rs,
#item_filter_search .ifs_condition.ifs_condition_wd {
	border-bottom: 1px solid #bbb;
}
#item_filter_search .extra_area .ifs_condition {
	border-top: none;
}
#item_filter_search .ifs_condition th,
#item_filter_search .ifs_condition td {
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #ddd;
}
#item_filter_search .ifs_condition .top th,
#item_filter_search .ifs_condition .top td {
	border-top: none;
}
#item_filter_search .ifs_condition .bottom th,
#item_filter_search .ifs_condition .bottom td {
	border-bottom: 1px solid #bbb;
}
#item_filter_search .ifs_condition th {
	padding: 0 0 0 23px;
	width: 83px;/* 106px - padding */
	font-weight: normal;
	font-size: 12px;
	color: #555;
	background: url("/public/img/img_search/filter_search/icon_search.png") 5px center no-repeat #fafafa;
	border-right: 1px solid #ddd;
	border-left: 1px solid #bbb;
}
#item_filter_search .ifs_condition th.selected {
	color: #c60005;
	background: url("/public/img/img_search/filter_search/icon_search_selected.png") 5px center no-repeat #fafafa;
}
#item_filter_search .ifs_condition td {
	padding: 0 0 7px 10px;
	border-right: 1px solid #bbb;
}
#item_filter_search .ifs_condition li {
	float: left;
	margin: 6px 15px 0 0;
	font-size: 12px;
	*float: none; /* IE7 */
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
}
#item_filter_search .ifs_condition li {

}
#item_filter_search .ifs_condition li.selected {
	background: url("/public/img/img_search/filter_search/bg_request_selected.png") right top no-repeat;
}
#item_filter_search .ifs_condition li a {
  padding: 0 0 0 9px;
	display: block;
	height: 17px;
	line-height: 1.5;
	text-decoration: none;
  background: url("/public/img/img_search/filter_search/icon_link.png") left center no-repeat;
	*white-space: nowrap; /* IE7 */
}
#item_filter_search .ifs_condition li.selected a {
	padding: 0 6px 0 19px;
	color: #c60005;
	background: url("/public/img/img_search/filter_search/bg_request_unlock.png") left top no-repeat;
	text-decoration: none;
}
/*絞り込み条件一覧　小見出しの追加 20140602*/
#item_filter_search .ifs_condition dl dt{
	float: left;
	clear: both;
	height: 17px;
	width: 100px;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}
/*ここまで*/

/* 検索条件を全て表示する/選び方
------------------------------------------------------------------------*/
#item_filter_search .ifs_foot {
	padding: 0 5px 0 6px;
	height: 25px;
	border: 1px solid #bbb;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
#item_filter_search .ifs_foot a#show_ifs_condition {/*  検索全条件の表示・非表示*/
	float: left;
	margin: 8px 0 0 0;
	padding: 0 0 0 15px;
	overflow: visible;
	line-height: 1;
	*line-height: 1.1; /* IE7 */
	font-size: 11px;
	text-decoration: none;
	color: #333;
	background: url("/public/img/img_search/filter_search/bg_show_all.png") left center no-repeat;
}
#item_filter_search .ifs_foot a#show_ifs_condition:hover {
	color: #c00;
}

#item_filter_search div.ifs_foot a#show_ifs_condition.closed {
	padding-top: 2px;
	background: url("/public/img/img_search/filter_search/bg_hide_parts.png") 0% 50% no-repeat;
}
#item_filter_search .ifs_foot a.howto_select {
	float: right;
	margin: 4px 0 0 0;
	padding: 0 0 0 21px;
	line-height: 17px;
	font-size: 12px;
	color: #0851af;
	background: url("/public/img/img_search/filter_search/icon_question.png") left center no-repeat;
}

/* ===========================================================
	お見積りメモ ページネーション #213
===========================================================*/
#estimate_memo_module #estimate_memo_pagenation {
	text-align: center;
}
#estimate_memo_module #estimate_memo_pagenation_top {
	margin: 0 10px 10px;
	text-align: center;
}
#estimate_memo_module #estimate_memo_pagenation a,
#estimate_memo_module #estimate_memo_pagenation_top a {
	display: inline-block;
	font-size: 11px;
	color: #205fc0;
}
#estimate_memo_module #estimate_memo_pagenation .page_navigation a.no_more,
#estimate_memo_module #estimate_memo_pagenation_top .page_navigation a.no_more {
	display: none;
}
#estimate_memo_module #estimate_memo_pagenation a.previous_link,
#estimate_memo_module #estimate_memo_pagenation_top a.previous_link {
	float: left;
}
#estimate_memo_module #estimate_memo_pagenation a.previous_link::before,
#estimate_memo_module #estimate_memo_pagenation_top a.previous_link::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	margin-right: 5px;
	background: url(/sp2/public/img/common/icon_next-moderateazure.svg) right center no-repeat;
	background-size: contain;
	vertical-align: middle;
	transform: rotate(180deg);
}
#estimate_memo_module #estimate_memo_pagenation a.next_link,
#estimate_memo_module #estimate_memo_pagenation_top a.next_link {
	float: right;
}
#estimate_memo_module #estimate_memo_pagenation a.next_link::after,
#estimate_memo_module #estimate_memo_pagenation_top a.next_link::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 8px;
	margin-left: 5px;
	background: url(/sp2/public/img/common/icon_next-moderateazure.svg) right center no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#CONTRIGHT #estimate_memo_module dl dd p.show_allmemo {
	margin: 0 0 11px;
}
#estimate_memo_module img.em_empty_image {
	margin: 0 auto 10px;
	display: block;
}

/* ===========================================================
	エクスショップが選ばれる理由 #658
===========================================================*/
#appeal_area {
	width: 673px;
	margin: 50px auto 0;
}
#appeal_area .appeal_area_head {
	float: left;
	width: 514px;
	margin-top: 6px;
}
#appeal_area .appeal_area_head p.h_appeal_area_head {
	padding: 0 0 8px 1px;
	border-bottom: 1px solid #ddd;
}
#appeal_area .appeal_area_head p.txt_appeal_area_head {
	padding-top: 11px;
}
#appeal_area p.appeal_area_sale01 {
	float: right;
	padding-right: 8px;
}
#appeal_area ul.appeal_area_list {
	clear: both;
	padding-top: 4px;
}
#appeal_area ul.appeal_area_list li {
	float: left;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}
#appeal_area ul.appeal_area_list li img {
	vertical-align: bottom;
}
#appeal_area ul.appeal_area_list li.nth-child-1,
#appeal_area ul.appeal_area_list li.nth-child-2,
#appeal_area ul.appeal_area_list li.nth-child-3 {
	margin-bottom: 10px;
}
#appeal_area ul.appeal_area_list li.nth-child-3 {
	padding-right: 12px;
}
#appeal_area ul.appeal_area_list li.last-child {
	padding-right: 10px;
	position: relative;
}
#appeal_area a.pr_link {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 20px;
}
/* ===========================================================
	エクスショップが選ばれる理由 3カラム版
===========================================================*/
#CONTLEFT #appeal_area {
	width: 586px;
	margin: 60px auto 0;
}
#CONTLEFT #appeal_area p {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("/public/img/global/main/appeal_area/sprite_appeal.png?20260615") 0px 0px no-repeat;
}
#CONTLEFT #appeal_area .appeal_area_head {
	float: left;
	width: 443px;
	margin-top: 0;
}
#CONTLEFT #appeal_area .appeal_area_head p.h_appeal_area_head {
	width: 441px;
	height: 37px;
	margin: 3px 0 0 1px;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ddd;
}
#CONTLEFT #appeal_area .appeal_area_head p.txt_appeal_area_head {
	width: 438px;
	height: 34px;
	margin-top: 11px;
	padding-top: 0;
	background-position: 0px -50px;
}
#CONTLEFT #appeal_area p.appeal_area_sale01 {
	float: right;
	width: 144px;
	height: 99px;
	margin: 1px -4px 0 0;
	padding-right: 0;
	background-position: -448px 0px;
}
#CONTLEFT #appeal_area ul.appeal_area_list {
	clear: both;
	padding-top: 1px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li {
	float: left;
	margin-bottom: 8px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url("/public/img/global/main/appeal_area/sprite_appeal.webp?2026052600") 0px 0px no-repeat;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_discount {
	width: 189px;
	height: 149px;
	margin-bottom: 10px;
	background-position: 0px -102px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_free {
	width: 205px;
	height: 149px;
	margin-bottom: 10px;
	background-position: -189px -102px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_partner {
	width: 191px;
	height: 149px;
	margin-bottom: 10px;
	background-position: -394px -102px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_item {
	width: 143px;
	height: 120px;
	background-position: 0px -261px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_voice {
	width: 151px;
	height: 120px;
	background-position: -143px -261px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_guarantee {
	width: 148px;
	height: 120px;
	background-position: -294px -261px;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_security {
	width: 144px;
	height: 120px;
	background-position: -442px -261px;
	position: relative;
}
#CONTLEFT #appeal_area ul.appeal_area_list li.appeal_security a {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: 11px;
	top: 3px;
}
/* ===========================================================
	もしかして/関連キーワード
===========================================================*/
#CONTLEFT dl.suggest {
  margin-bottom: 20px;
  font-size: 12px;
}
#CONTLEFT dl.suggest dt {
  float: left;
  margin-right: 6px;
}
#CONTLEFT dl.suggest dd {
  float: left;
  width: 500px;
}
#CONTLEFT dl.suggest li {
  float: left;
  margin: 0 11px 4px 0;
}
#CONTLEFT dl.suggest li a {
  color: #0034ca;
  text-decoration: underline;
  *white-space: nowrap;  /* IE7 */
}
#CONTLEFT dl.suggest li a:hover {
  text-decoration: none;
}
/*  商品検索結果：0件（もしかして：がある場合）
------------------------------------------------------------------------*/
.item_search_result_text_suggest {
	position: relative;
	margin: 21px 0 15px;
}
.item_search_result_text_suggest span.title {
	font-size: 14px;
}
.item_search_result_text_suggest span.number {
	font-size: 16px;
}
.item_search_result_text_suggest span.count {
	font-size: 12px;
}
/* ブロック要素の全体をリンク領域に設定する
------------------------------------------------------------------------*/
a.allink {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: left;
  text-indent: -999px;
  background: url("/public/img/global/bg_link-cover.png") left top transparent;
}
/* 現調問い合わせバナー
------------------------------------------------------------------------*/
.bnr_estimate {
  margin: 0 0 12px;
}
.bnr_estimate a {
	display: block;
	width: 585px;
}
.bnr_estimate img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
/* お客様インタビューバナー
------------------------------------------------------------------------*/
.bnr_interview {
  margin: 14px 0 14px;
}
.bnr_interview a {
	display: block;
	width: 585px;
}
.bnr_interview img {
	display: block;
	width: 100%;
	height: auto;
}
/* legacy.cssから移行 #4771
------------------------------------------------------------------------*/
/*=======================================
  ランキング画像設定
=======================================*/
#ITEMAREALEFT p {
	position: absolute;
	top: 0px;
	left: 2px;
	width: 61px;
	height: 52px;
	text-indent: -9000px;
	overflow: hidden;
}
#ITEMAREALEFT span {/* 詳細 */
	display: block;
	position: absolute;
	top: 0px;
	left: 2px;
	width: 61px;
	height: 52px;
	text-indent: -9000px;
	overflow: hidden;
}
#ITEMAREALEFT span.style6 {/* 詳細 */
	display: inline;
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	text-indent: 0;
	overflow: auto;
}
/* p用 */
/* カーポート
----------------------------------------------------------------------------------*/
p#cp01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp01.png) no-repeat 0 0; }
p#cp01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp01.png) no-repeat 0 0; }
p#cp01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp01.png) no-repeat 0 0; }

p#cp02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp02.png) no-repeat 0 0; }
p#cp02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp02.png) no-repeat 0 0; }
p#cp02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp02.png) no-repeat 0 0; }

p#cp03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp03.png) no-repeat 0 0; }
p#cp03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp03.png) no-repeat 0 0; }
p#cp03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp03.png) no-repeat 0 0; }

p#cp04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp04.png) no-repeat 0 0; }
p#cp04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp04.png) no-repeat 0 0; }
p#cp04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp04.png) no-repeat 0 0; }

p#cp05s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp05.png) no-repeat 0 0; }
p#cp05s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp05.png) no-repeat 0 0; }
p#cp05s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp05.png) no-repeat 0 0; }

p#cp06s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp06.png) no-repeat 0 0; }
p#cp06s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp06.png) no-repeat 0 0; }
p#cp06s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp06.png) no-repeat 0 0; }

p#cp07s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp07.png) no-repeat 0 0; }
p#cp07s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp07.png) no-repeat 0 0; }
p#cp07s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp07.png) no-repeat 0 0; }

p#cp08s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp08.png) no-repeat 0 0; }
p#cp08s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp08.png) no-repeat 0 0; }
p#cp08s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp08.png) no-repeat 0 0; }

p#cp09s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp09.png) no-repeat 0 0; }
p#cp09s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp09.png) no-repeat 0 0; }
p#cp09s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp09.png) no-repeat 0 0; }

p#cp10s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp10.png) no-repeat 0 0; }
p#cp10s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp10.png) no-repeat 0 0; }
p#cp10s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp10.png) no-repeat 0 0; }


/* 大 */
p#cp01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp01.png) no-repeat 0 0; }
p#cp01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp01.png) no-repeat 0 0; }
p#cp01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp01.png) no-repeat 0 0; }

p#cp02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp02.png) no-repeat 0 0; }
p#cp02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp02.png) no-repeat 0 0; }
p#cp02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp02.png) no-repeat 0 0; }

p#cp03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp03.png) no-repeat 0 0; }
p#cp03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp03.png) no-repeat 0 0; }
p#cp03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp03.png) no-repeat 0 0; }

p#cp04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp04.png) no-repeat 0 0; }
p#cp04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp04.png) no-repeat 0 0; }
p#cp04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp04.png) no-repeat 0 0; }

p#cp05l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp05.png) no-repeat 0 0; }
p#cp05l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp05.png) no-repeat 0 0; }
p#cp05l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp05.png) no-repeat 0 0; }

p#cp06l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp06.png) no-repeat 0 0; }
p#cp06l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp06.png) no-repeat 0 0; }
p#cp06l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp06.png) no-repeat 0 0; }

p#cp07l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp07.png) no-repeat 0 0; }
p#cp07l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp07.png) no-repeat 0 0; }
p#cp07l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp07.png) no-repeat 0 0; }

p#cp08l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp08.png) no-repeat 0 0; }
p#cp08l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp08.png) no-repeat 0 0; }
p#cp08l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp08.png) no-repeat 0 0; }

p#cp09l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp09.png) no-repeat 0 0; }
p#cp09l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp09.png) no-repeat 0 0; }
p#cp09l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp09.png) no-repeat 0 0; }

p#cp10l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp10.png) no-repeat 0 0; }
p#cp10l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp10.png) no-repeat 0 0; }
p#cp10l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp10.png) no-repeat 0 0; }

/* カーゲート
----------------------------------------------------------------------------------*/
p#cg01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg01.png) no-repeat 0 0; }
p#cg01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg01.png) no-repeat 0 0; }
p#cg01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg01.png) no-repeat 0 0; }

p#cg02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg02.png) no-repeat 0 0; }
p#cg02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg02.png) no-repeat 0 0; }
p#cg02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg02.png) no-repeat 0 0; }

p#cg03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg03.png) no-repeat 0 0; }
p#cg03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg03.png) no-repeat 0 0; }
p#cg03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg03.png) no-repeat 0 0; }

p#cg04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg04.png) no-repeat 0 0; }
p#cg04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg04.png) no-repeat 0 0; }
p#cg04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg04.png) no-repeat 0 0; }

/* 大 */
p#cg01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg01.png) no-repeat 0 0; }
p#cg01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg01.png) no-repeat 0 0; }
p#cg01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg01.png) no-repeat 0 0; }

p#cg02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg02.png) no-repeat 0 0; }
p#cg02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg02.png) no-repeat 0 0; }
p#cg02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg02.png) no-repeat 0 0; }

p#cg03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg03.png) no-repeat 0 0; }
p#cg03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg03.png) no-repeat 0 0; }
p#cg03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg03.png) no-repeat 0 0; }

p#cg04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg04.png) no-repeat 0 0; }
p#cg04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg04.png) no-repeat 0 0; }
p#cg04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg04.png) no-repeat 0 0; }


/* テラス屋根
----------------------------------------------------------------------------------*/
p#tr01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br01.png) no-repeat 0 0; }
p#tr01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br01.png) no-repeat 0 0; }
p#tr01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br01.png) no-repeat 0 0; }

p#tr02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br02.png) no-repeat 0 0; }
p#tr02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br02.png) no-repeat 0 0; }
p#tr02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br02.png) no-repeat 0 0; }

/* 大 */
p#tr01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br01.png) no-repeat 0 0; }
p#tr01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br01.png) no-repeat 0 0; }
p#tr01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br01.png) no-repeat 0 0; }

p#tr02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br02.png) no-repeat 0 0; }
p#tr02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br02.png) no-repeat 0 0; }
p#tr02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br02.png) no-repeat 0 0; }


/* バルコニー屋根
----------------------------------------------------------------------------------*/
p#br01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br01.png) no-repeat 0 0; }
p#br01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br01.png) no-repeat 0 0; }
p#br01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br01.png) no-repeat 0 0; }

p#br02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br02.png) no-repeat 0 0; }
p#br02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br02.png) no-repeat 0 0; }
p#br02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br02.png) no-repeat 0 0; }

p#br03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br03.png) no-repeat 0 0; }
p#br03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br03.png) no-repeat 0 0; }
p#br03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br03.png) no-repeat 0 0; }

p#br04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br04.png) no-repeat 0 0; }
p#br04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br04.png) no-repeat 0 0; }
p#br04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br04.png) no-repeat 0 0; }

/* 大 */
p#br01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br01.png) no-repeat 0 0; }
p#br01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br01.png) no-repeat 0 0; }
p#br01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br01.png) no-repeat 0 0; }

p#br02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br02.png) no-repeat 0 0; }
p#br02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br02.png) no-repeat 0 0; }
p#br02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br02.png) no-repeat 0 0; }

p#br03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br03.png) no-repeat 0 0; }
p#br03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br03.png) no-repeat 0 0; }
p#br03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br03.png) no-repeat 0 0; }

p#br04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br04.png) no-repeat 0 0; }
p#br04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br04.png) no-repeat 0 0; }
p#br04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br04.png) no-repeat 0 0; }


/* span用 */
/* カーポート
----------------------------------------------------------------------------------*/
span#cp01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp01.png) no-repeat 0 0; }
span#cp01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp01.png) no-repeat 0 0; }
span#cp01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp01.png) no-repeat 0 0; }

span#cp02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp02.png) no-repeat 0 0; }
span#cp02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp02.png) no-repeat 0 0; }
span#cp02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp02.png) no-repeat 0 0; }

span#cp03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp03.png) no-repeat 0 0; }
span#cp03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp03.png) no-repeat 0 0; }
span#cp03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp03.png) no-repeat 0 0; }

span#cp04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp04.png) no-repeat 0 0; }
span#cp04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp04.png) no-repeat 0 0; }
span#cp04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp04.png) no-repeat 0 0; }

span#cp05s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp05.png) no-repeat 0 0; }
span#cp05s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp05.png) no-repeat 0 0; }
span#cp05s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp05.png) no-repeat 0 0; }

span#cp06s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp06.png) no-repeat 0 0; }
span#cp06s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp06.png) no-repeat 0 0; }
span#cp06s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp06.png) no-repeat 0 0; }

span#cp07s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp07.png) no-repeat 0 0; }
span#cp07s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp07.png) no-repeat 0 0; }
span#cp07s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp07.png) no-repeat 0 0; }

span#cp08s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp08.png) no-repeat 0 0; }
span#cp08s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp08.png) no-repeat 0 0; }
span#cp08s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp08.png) no-repeat 0 0; }

span#cp09s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp09.png) no-repeat 0 0; }
span#cp09s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp09.png) no-repeat 0 0; }
span#cp09s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp09.png) no-repeat 0 0; }

span#cp10s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cp10.png) no-repeat 0 0; }
span#cp10s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cp10.png) no-repeat 0 0; }
span#cp10s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cp10.png) no-repeat 0 0; }

/* 大 */
span#cp01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp01.png) no-repeat 0 0; }
span#cp01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp01.png) no-repeat 0 0; }
span#cp01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp01.png) no-repeat 0 0; }

span#cp02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp02.png) no-repeat 0 0; }
span#cp02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp02.png) no-repeat 0 0; }
span#cp02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp02.png) no-repeat 0 0; }

span#cp03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp03.png) no-repeat 0 0; }
span#cp03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp03.png) no-repeat 0 0; }
span#cp03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp03.png) no-repeat 0 0; }

span#cp04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp04.png) no-repeat 0 0; }
span#cp04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp04.png) no-repeat 0 0; }
span#cp04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp04.png) no-repeat 0 0; }

span#cp05l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp05.png) no-repeat 0 0; }
span#cp05l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp05.png) no-repeat 0 0; }
span#cp05l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp05.png) no-repeat 0 0; }

span#cp06l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp06.png) no-repeat 0 0; }
span#cp06l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp06.png) no-repeat 0 0; }
span#cp06l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp06.png) no-repeat 0 0; }

span#cp07l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp07.png) no-repeat 0 0; }
span#cp07l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp07.png) no-repeat 0 0; }
span#cp07l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp07.png) no-repeat 0 0; }

span#cp08l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp08.png) no-repeat 0 0; }
span#cp08l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp08.png) no-repeat 0 0; }
span#cp08l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp08.png) no-repeat 0 0; }

span#cp09l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp09.png) no-repeat 0 0; }
span#cp09l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp09.png) no-repeat 0 0; }
span#cp09l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp09.png) no-repeat 0 0; }

span#cp10l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cp10.png) no-repeat 0 0; }
span#cp10l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cp10.png) no-repeat 0 0; }
span#cp10l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cp10.png) no-repeat 0 0; }

/* span用 */
/* フェンス
----------------------------------------------------------------------------------*/
span#fe01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe01.png?20251010) no-repeat 0 0; }
span#fe01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe01.png?20251010) no-repeat 0 0; }
span#fe01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe01.png?20251010) no-repeat 0 0; }

span#fe02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe02.png?20251010) no-repeat 0 0; }
span#fe02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe02.png?20251010) no-repeat 0 0; }
span#fe02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe02.png?20251010) no-repeat 0 0; }

span#fe03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe03.png?20251010) no-repeat 0 0; }
span#fe03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe03.png?20251010) no-repeat 0 0; }
span#fe03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe03.png?20251010) no-repeat 0 0; }

span#fe04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe04.png) no-repeat 0 0; }
span#fe04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe04.png) no-repeat 0 0; }
span#fe04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe04.png) no-repeat 0 0; }

span#fe05s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe05.png) no-repeat 0 0; }
span#fe05s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe05.png) no-repeat 0 0; }
span#fe05s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe05.png) no-repeat 0 0; }

span#fe06s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe06.png) no-repeat 0 0; }
span#fe06s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe06.png) no-repeat 0 0; }
span#fe06s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe06.png) no-repeat 0 0; }

span#fe07s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe07.png) no-repeat 0 0; }
span#fe07s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe07.png) no-repeat 0 0; }
span#fe07s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe07.png) no-repeat 0 0; }

span#fe08s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe08.png) no-repeat 0 0; }
span#fe08s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe08.png) no-repeat 0 0; }
span#fe08s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe08.png) no-repeat 0 0; }

span#fe09s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe09.png) no-repeat 0 0; }
span#fe09s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe09.png) no-repeat 0 0; }
span#fe09s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe09.png) no-repeat 0 0; }

span#fe10s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe10.png) no-repeat 0 0; }
span#fe10s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe10.png) no-repeat 0 0; }
span#fe10s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe10.png) no-repeat 0 0; }

span#fe11s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe11.png) no-repeat 0 0; }
span#fe11s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe11.png) no-repeat 0 0; }
span#fe11s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe11.png) no-repeat 0 0; }

span#fe12s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_fe12.png) no-repeat 0 0; }
span#fe12s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_fe12.png) no-repeat 0 0; }
span#fe12s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_fe12.png) no-repeat 0 0; }

/* 大 */
span#fe01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe01.png?20251010) no-repeat 0 0; }
span#fe01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe01.png?20251010) no-repeat 0 0; }
span#fe01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe01.png?20251010) no-repeat 0 0; }

span#fe02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe02.png?20251010) no-repeat 0 0; }
span#fe02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe02.png?20251010) no-repeat 0 0; }
span#fe02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe02.png?20251010) no-repeat 0 0; }

span#fe03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe03.png?20251010) no-repeat 0 0; }
span#fe03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe03.png?20251010) no-repeat 0 0; }
span#fe03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe03.png?20251010) no-repeat 0 0; }

span#fe04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe04.png) no-repeat 0 0; }
span#fe04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe04.png) no-repeat 0 0; }
span#fe04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe04.png) no-repeat 0 0; }

span#fe05l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe05.png) no-repeat 0 0; }
span#fe05l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe05.png) no-repeat 0 0; }
span#fe05l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe05.png) no-repeat 0 0; }

span#fe06l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe06.png) no-repeat 0 0; }
span#fe06l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe06.png) no-repeat 0 0; }
span#fe06l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe06.png) no-repeat 0 0; }

span#fe07l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe07.png) no-repeat 0 0; }
span#fe07l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe07.png) no-repeat 0 0; }
span#fe07l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe07.png) no-repeat 0 0; }

span#fe08l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe08.png) no-repeat 0 0; }
span#fe08l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe08.png) no-repeat 0 0; }
span#fe08l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe08.png) no-repeat 0 0; }

span#fe09l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe09.png) no-repeat 0 0; }
span#fe09l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe09.png) no-repeat 0 0; }
span#fe09l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe09.png) no-repeat 0 0; }

span#fe10l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe10.png) no-repeat 0 0; }
span#fe10l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe10.png) no-repeat 0 0; }
span#fe10l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe10.png) no-repeat 0 0; }

span#fe11l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe11.png) no-repeat 0 0; }
span#fe11l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe11.png) no-repeat 0 0; }
span#fe11l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe11.png) no-repeat 0 0; }

span#fe12l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_fe12.png) no-repeat 0 0; }
span#fe12l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_fe12.png) no-repeat 0 0; }
span#fe12l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_fe12.png) no-repeat 0 0; }

/* カーゲート
----------------------------------------------------------------------------------*/
span#cg01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg01.png) no-repeat 0 0; }
span#cg01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg01.png) no-repeat 0 0; }
span#cg01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg01.png) no-repeat 0 0; }

span#cg02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg02.png) no-repeat 0 0; }
span#cg02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg02.png) no-repeat 0 0; }
span#cg02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg02.png) no-repeat 0 0; }

span#cg03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg03.png) no-repeat 0 0; }
span#cg03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg03.png) no-repeat 0 0; }
span#cg03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg03.png) no-repeat 0 0; }

span#cg04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_cg04.png) no-repeat 0 0; }
span#cg04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_cg04.png) no-repeat 0 0; }
span#cg04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_cg04.png) no-repeat 0 0; }

/* 大 */
span#cg01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg01.png) no-repeat 0 0; }
span#cg01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg01.png) no-repeat 0 0; }
span#cg01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg01.png) no-repeat 0 0; }

span#cg02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg02.png) no-repeat 0 0; }
span#cg02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg02.png) no-repeat 0 0; }
span#cg02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg02.png) no-repeat 0 0; }

span#cg03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg03.png) no-repeat 0 0; }
span#cg03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg03.png) no-repeat 0 0; }
span#cg03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg03.png) no-repeat 0 0; }

span#cg04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_cg04.png) no-repeat 0 0; }
span#cg04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_cg04.png) no-repeat 0 0; }
span#cg04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_cg04.png) no-repeat 0 0; }


/* テラス屋根
----------------------------------------------------------------------------------*/
span#tr01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br01.png) no-repeat 0 0; }
span#tr01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br01.png) no-repeat 0 0; }
span#tr01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br01.png) no-repeat 0 0; }

span#tr02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br02.png) no-repeat 0 0; }
span#tr02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br02.png) no-repeat 0 0; }
span#tr02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br02.png) no-repeat 0 0; }

/* 大 */
span#tr01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br01.png) no-repeat 0 0; }
span#tr01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br01.png) no-repeat 0 0; }
span#tr01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br01.png) no-repeat 0 0; }

span#tr02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br02.png) no-repeat 0 0; }
span#tr02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br02.png) no-repeat 0 0; }
span#tr02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br02.png) no-repeat 0 0; }


/* バルコニー屋根
----------------------------------------------------------------------------------*/
span#br01s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br01.png) no-repeat 0 0; }
span#br01s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br01.png) no-repeat 0 0; }
span#br01s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br01.png) no-repeat 0 0; }

span#br02s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br02.png) no-repeat 0 0; }
span#br02s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br02.png) no-repeat 0 0; }
span#br02s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br02.png) no-repeat 0 0; }

span#br03s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br03.png) no-repeat 0 0; }
span#br03s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br03.png) no-repeat 0 0; }
span#br03s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br03.png) no-repeat 0 0; }

span#br04s_rank1 {  background: url(/public/img/img_ranking/icon_s_ranking1_br04.png) no-repeat 0 0; }
span#br04s_rank2 {  background: url(/public/img/img_ranking/icon_s_ranking2_br04.png) no-repeat 0 0; }
span#br04s_rank3 {  background: url(/public/img/img_ranking/icon_s_ranking3_br04.png) no-repeat 0 0; }

/* 大 */
span#br01l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br01.png) no-repeat 0 0; }
span#br01l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br01.png) no-repeat 0 0; }
span#br01l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br01.png) no-repeat 0 0; }

span#br02l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br02.png) no-repeat 0 0; }
span#br02l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br02.png) no-repeat 0 0; }
span#br02l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br02.png) no-repeat 0 0; }

span#br03l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br03.png) no-repeat 0 0; }
span#br03l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br03.png) no-repeat 0 0; }
span#br03l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br03.png) no-repeat 0 0; }

span#br04l_rank1 {  background: url(/public/img/img_ranking/icon_l_ranking1_br04.png) no-repeat 0 0; }
span#br04l_rank2 {  background: url(/public/img/img_ranking/icon_l_ranking2_br04.png) no-repeat 0 0; }
span#br04l_rank3 {  background: url(/public/img/img_ranking/icon_l_ranking3_br04.png) no-repeat 0 0; }

/*============================================================
  ☆人気アイコン（商品詳細ページ）
  注：旧型の商品詳細ページ用に追加。
  　　それ以外は、/item/estimate/input.cssで設定。
============================================================*/
span#rank1_l { background: url(/public/img/img_ranking/icon_s_ranking1.png) no-repeat 0 0; }
span#rank2_l { background: url(/public/img/img_ranking/icon_s_ranking2.png) no-repeat 0 0; }
span#rank3_l { background: url(/public/img/img_ranking/icon_s_ranking3.png) no-repeat 0 0; }


#ITEMAREALEFT {
	position: relative;
	width: 360px;
	padding-top: 6px;
	float: left;
}
#ITEMAREALEFT #TEXTBOX01 {
	width: 355px;
	padding: 1px 0px 1px 5px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
#ITEMAREALEFT #TEXTBOX02 {
	width: 355px;
	padding: 1px 0px 1px 5px;
	margin: 8px 0px 4px 0px;
	text-align: left;
}
#ITEMAREALEFT #OFFIMG {
	position: absolute;
	right: 2px;
	top: 185px;
}
#ITEMAREARIGHT01 {
	width: 204px;
	background-image: url(/public/img/img_search/search_list/option_back.jpg);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 6px;
	float: right;
}
#ITEMAREARIGHT01 #ICONAREA02{
	width: 200px;
	height: 36px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-bottom: 8px;
}

/* 施工エリア表示 asai
--------------------------------------------------------*/
#ITEMAREARIGHT01 dl#areamapbox {
	margin: -2px 2px 10px;
	border: 1px solid #e4b2b3;
	border-radius: 6px;
	font-size: 90%;
	line-height: 1.5;
	background: url(/public/img/img_search/bg_areamapbox.png) no-repeat 66px 50%;
}
#ITEMAREARIGHT01 dl#areamapbox:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}
#ITEMAREARIGHT01 dl#areamapbox { display: inline-block; }
/* \*/
* html #ITEMAREARIGHT01 dl#areamapbox { height: 1%; }
#ITEMAREARIGHT01 dl#areamapbox { display: block; }
/* */

#ITEMAREARIGHT01 dl#areamapbox dt {
	float: left;
	width: 60px;
	padding: 1px 0 1px 6px;
	background: #f4cecf;
	color: #333;
	text-align: center;
}
#ITEMAREARIGHT01 dl#areamapbox dd {
	margin-left: 66px;
	padding: 1px 0 1px 6px;
	text-align: center;
}
#ITEMAREARIGHT01 dl#areamapbox dd a {
	color: #039;
	text-decoration: underline;
}
#ITEMAREARIGHT01 dl#areamapbox dd a:hover {
	text-decoration: none;
}
.text_price_red {
	margin-right: 4px;
	font-size: 125%;
	font-weight: bold;
	color: #CC0000;
	line-height:1.35;
}
.text_yen {
	padding-left: 2px;
	font-size: 80%;
}
#USERVOICE_AREA{
	height: 82px;
	width: 200px;
	margin-top: 12px;
	position: relative;
}
#USERVOICE_AREA #COUNT03{
	position: absolute;
	right: 138px;
	text-align: right;
	bottom: 17px;
}
a.uservoice2 {
	height: 82px;
	width: 200px;
	display: block;
	text-indent: -9999px;
	background-image: url(/public/img/img_search/search_intro/user_voice_but.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
}

a:hover.uservoice2 {
	background-position: 0px -82px;
}
a.makercatalog {
	height: 62px;
	width: 200px;
	display: block;
	background-image: url(/public/img/img_search/search_intro/maker_catalog_but.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
a:hover.makercatalog {
	background-position: 0px -62px;
}
a.eleaw {
	width: 200px;
	height: 86px;
	display: block;
	margin-bottom: 10px;
	background: url(/public/img/img_search/aw/bt_eleaw.png) no-repeat;
	text-indent: -99999px;
}
a.eleaw:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.autoestimate {
	height: 100px;
	width: 200px;
	display: block;
	text-indent: -99999px;
	background-image: url(/public/img/img_search/search_intro/autoestimate_vec.gif);/* PNG化しない=>アニメーションGIFのため */
	background-repeat: no-repeat;
	margin-top: 5px;
}
a:hover.autoestimate {
	opacity: 0.8;
	alpha: (opacity: 80);
}
a.spec_inplus{
	display:block;
	margin-top:6px;
	width:200px;
	height:46px;
	background:url(/public/img/img_search/search_intro/spec_inplus.jpg) no-repeat left top;
	text-indent:-9999px;
}
a.spec_plamadou{
	display:block;
	margin-top:6px;
	width:200px;
	height:46px;
	background:url(/public/img/img_search/search_intro/spec_plamadou.jpg) no-repeat left top;
	text-indent:-9999px;
}
a:hover.spec_inplus{
	background-position:left bottom;
}
 /* お見積り結果を表示する */
.button02 {
	display:block;
	width:462px;
	height:60px;
	margin-top: 30px;
	margin-bottom: 50px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_to_item_estimate_result.jpg);
	background-repeat: no-repeat;
}
a:hover.button02{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

 /* 次の入力ステップへ進む */
.button03 {
	display:block;
	width:462px;
	height:60px;
	margin-top: 30px;
	margin-bottom: 50px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_to_item_estimate_next.jpg);
	background-repeat: no-repeat;
}
a:hover.button03{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
 /* 商品詳細・「かんたん！お見積り」はこちら */
.closeup_button{
	background-image:url(/public/img/img_search/common/btn/btn_to_item_estimate.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	display: block;
	height: 40px;
	width: 367px;
	margin-top: 20px;
}
a:hover.closeup_button{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*====================================
	 商品名（商品一覧＆詳細）
====================================*/

#ITEMLIST_AREA01 {
	margin: 16px auto 8px;
	padding: 6px 5px 5px 6px;
	_padding: 6px;
	background: url(/public/img/img_search/search_list/bg_item_name.png) repeat-x 0 0;
	border: 1px solid;
	border-color: #eee #ccc #ccc #eee;
	box-shadow: 1px 1px 2px #eee, inset 1px 1px 0 #fafafa;
}
#ITEMLIST_AREA01:after {/* clearfix */
  content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
#ITEMLIST_AREA01 { display: inline-block; }
/* \*/
* html #ITEMLIST_AREA01 { height: 1%; }
#ITEMLIST_AREA01 { display: block; }
/* clearfix */

#ITEMLIST_AREA01 a {
	float: left;
	width: 76px;
	height: 22px;
	background: url(/public/img/img_search/search_list/bg_item_logo.png) no-repeat 0 0;
}
#ITEMLIST_AREA01 img#MAKERLOGO_S {/* メーカーロゴ */
	float: left;
	_display: inline;
	position: static;
	margin-top: 2px;
	margin-left: 2px;
}
#ITEMLIST_AREA01 #ITEMLIST_NAME01,
#ITEMLIST_AREA01 #ITEMLIST_NAME02,
#ITEMLIST_AREA01 #ITEMLIST_NAME03 {/* 商品名 */
	float: right;
	position: static !important;
	width: 484px;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	text-shadow: 1px 1px 1px #fff;
	color: #333;
	line-height: 1.35;
}
#ITEMLIST_AREA01 #ITEMLIST_NAME01 a,
#ITEMLIST_AREA01 #ITEMLIST_NAME01 a:hover,
#ITEMLIST_AREA01 #ITEMLIST_NAME02 a,
#ITEMLIST_AREA01 #ITEMLIST_NAME02 a:hover,
#ITEMLIST_AREA01 #ITEMLIST_NAME03 a,
#ITEMLIST_AREA01 #ITEMLIST_NAME03 a:hover {/* 商品名リンク */
	float: none;
	position: static;
	display: block;
	width: auto;
	height: auto;
	background: none;
	color: #333;
	text-decoration: none;
}
#ITEMLIST_AREA02 {
	padding: 1px;
	width: 200px;
	height: 150px;
	border: 1px solid #ccc;
	position: relative;
	margin-top: 10px;
	margin-left: 1px;
	z-index: 0;
}
#ITEMLIST_AREA02 #OFFIMG_S{
	position: absolute;
	height: 45px;
	width: 64px;
	right: 0px;
	bottom: 0px;
}
#ITEMLIST_AREA03 {
	width: 368px;
	background-image: url(/public/img/img_search/search_list/option_back.jpg);
	background-repeat: no-repeat;
	position: relative;
	margin-top: 10px;
}
#ITEMLIST_AREA03 #ICONAREA01{
	width: 200px;
	height: 36px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.count_bg{
	position: absolute;
	top: 0px;
	right: 1px;
	width: 157px;
	height: 44px;
	background-image: url(/public/img/img_search/search_list/voice_back.jpg);
	background-repeat: no-repeat;
}
a:hover.count_bg{
	background-position: 0px -44px;
}
#ITEMLIST_AREA03 #COUNT02{
	position: absolute;
	right: 72px;
	text-align: right;
	bottom: 7px;
}
.link_umspec_exception{
  margin:5px 0;
}
.link_umspec_exception a{
background: url('/public/img/item/um/exception/spec_inplus.png') no-repeat left top;
  display:block;
  width:281px;
  height:50px;
  text-indent:-9999px;
}
.link_umspec_exception a:hover{
  background-position: left bottom;
}
.link_umspec_exception--plamadou a{
	background-image: url('/public/img/item/um/exception/spec_plamadou.png');
}
.link_umspec_exception--plamakee a{
	background-image: url('/public/img/item/um/exception/spec_plamakee.png');
}
.table01 {
	margin-top: 8px;
}
.table_td01 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.table_td02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-size: 13px;
}
.table_td09 {
	text-align: center;
	width: 109px;
	background-color: #EBEBEB;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
}
.table_td10 {
	text-align: left;
	width: 460px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	line-height:2.1;
}
.table_td12 {
	text-align: center;
	width: 109px;
	background-color: #EBEBEB;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-left-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.table_td13 {
	text-align: left;
	width: 460px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.table_td14 {
	text-align: left;
	width: 460px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
.table_td16 {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}

#TEXTAREA_03 {
	margin-top: 2px;
	width: 200px;
	text-align: center;
}
#TEXTAREA_04 {
	margin-top: 2px;
	margin-left: 1px;
	width: 198px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #990000;
	padding-left: 6px;
	color: #CC0000;
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
}
#TEXTAREA_05 {
	margin-top: 5px;
	margin-left: 1px;
	padding: 6px;
	width: 192px;
	background-color: #F3F3F3;
}

#TEXTAREA_06 {
	margin-top: 7px;
	width: 200px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #990000;
	border-bottom-color: #990000;
	color: #CC0000;
	text-align: center;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
}

.icon01{
	margin-right: 2px;
	margin-left: 2px;
}
#MAKERLOGO_S{
	position: absolute;
	top: 7px;
	left: 6px;
}
#btn_go_estimate_on_title{
	position: absolute;
  top: 7px;
  right: 6px;
  display: none;
}
#LIST_TITLE{
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 580px;
	height: 40px;
}
#LIST_TITLE #COUNT01{
	position: absolute;
	top: 16px;
	right: 206px;
}
#ESTIMATE_IMG{
	margin-top: 8px;
	width: 240px;
	float: left;
}
#ESTIMATE_IMG_COMM{
	width: 230px;
	float: left;
	margin-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
}
#ESTIMATE_RESAREA{
	width: 320px;
	margin-top: 8px;
	float: right;
	margin-right: 1px;
}
.estimate_price01{
	font-size: 120%;
}
.estimate_price02{
	font-size: 120%;
	color: #FF0000;
}
.estimate_price03{
	font-size: 120%;
	font-weight: bold;
}
.estimate_price04{
	font-size: 120%;
}
.estimate_price05{
	color: #FF0000;
}
.estimate_td00{
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: right;
	padding-right: 3px;
}
.estimate_td01{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	text-align: right;
	padding-right: 3px;
}
.estimate_td02{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	background-color: #E4E4E4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	text-align: right;
	padding-right: 3px;
}
.estimate_td03{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	background-color: #CEE1FF;
	text-align: right;
	padding-right: 3px;
	border-top-style: solid;
	border-top-color: #333;
	border-top-width: 1px;
}
.estimate_td04{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	background-color: #FFD2D2;
	text-align: right;
	padding-right: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	color: #000000;
}
.estimate_td05{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	text-align: right;
	padding-right: 3px;
}
#ESTIMATE_COMMAREA01{
	width: 568px;
	color: #003366;
	text-align: left;
	background-color: #F5F5F5;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	line-height: 150%;
}
#ESTIMATE_COMMAREA_TG{
	width: 568px;
	color: #003366;
	text-align: left;
	background-color: #F5F5F5;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	line-height: 150%;
}
.sub_img01{
	position: relative;
	height: 63px;
	width: 84px;
	margin-top: 2px;
	margin-left: 2px;
	float: left;
	margin-right: 1px;
}
a.sub_img_flame01 {
	height: 14px;
	width: 87px;
	display: block;
	background-image: url(/public/img/img_search/search_intro/subimg.png);
	background-repeat: no-repeat;
	position: absolute;
	left: -2px;
	top: -2px;
	text-align: center;
	padding-top: 66px;
	font-size: 12px;
}
a:hover.sub_img_flame01 {
	background-position: -91px 0px;
}
.size_tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 2px;
	padding-top: 2px;
}
.estimate_area01 {
	width: 580px;
	display: block;
	text-align: left;
	background-image: url(/public/img/img_search/search_intro/multiprication_back01.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
}
.estimate_area02 {
	width: 580px;
	display: block;
	text-align: left;
	background-image: url(/public/img/img_search/search_intro/multiprication_back02.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
}
.estimate_area03 {
	width: 580px;
	display: block;
	text-align: left;
	background-image: url(/public/img/img_search/search_intro/multiprication_back03.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
}
.estimate_area04 {
	width: 580px;
	display: block;
	text-align: left;
	background-image: url(/public/img/img_search/search_intro/multiprication_back04.jpg);
	background-repeat: no-repeat;
	padding-top:1px;
}
.estimate_table {
	width: 580px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	margin-top: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.estimate_formtext01 {/* 選択項目名の表示セル */
	width: 302px;
	display: block;
	text-align: left;
	font-size: 120%;
	color: #333;
	font-weight: bold;
	padding-top: 5px;
}
.estimate_formtext02 {
	display: block;
	text-align: right;
}
td.estimate_formtext02 {
	display: table-cell !important;
}
.estimate_formtext03 {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-top: 8px;
}
.estimate_formtext04 {
	width: 540px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 8px;
	color: #333;
	font-weight: bold;
}
.estimate_formtext05 {
	width: 540px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	font-size: 115%;
}
.estimate_formtext06 {
	width: 500px;
	text-align: left;
	padding-left: 30px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 20px;
}
.estimate_formtext07 {
	width: 520px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom: 25px;
	font-size: 115%;
	padding-top: 15px;
	font-weight: bold;
}
.estimate_formtext08 {
	width: 520px;
	text-align: right;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-top: 15px;
	font-size: 115%;
	font-weight: bold;
}
.estimate_formtext09 {
	width: 505px;
	text-align: left;
	padding-left: 25px;
	padding-top: 8px;
	padding-bottom: 1px;
	padding-right: 20px;
	font-size: 105%;
}
.estimate_formtext10 {
	width: 540px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 28px;
	padding-top: 8px;
}
.estimate_formtext11 {
	width: 540px;
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
}
.estimate_formtext12 {
	width: 540px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 120%;
	padding-top: 20px;
	padding-bottom: 8px;
	color: #333;
	font-weight: bold;
}
.estimate_formtext13 {
	width: 505px;
	text-align: left;
	padding-left: 25px;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 105%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.optionint_button{
	background-image:url(/public/img/img_search/search_intro/option_int_button.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 85px;
	text-indent: -99999px;
	display: block;
	float: right;
}
.optionint_detail{
	font-size: 13px;
	color: #1062D0!important;
	font-weight: bold !important;
}
.pics_comment{
	font-size: 12px;
	color: #CC0000;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding-left: 5px;
}
.tg_text{
	margin-top: 6px;
	margin-bottom: 6px;
	color: #000000;
}
h4#fuSetTitle{
	font-size: 13px;
	color: #333;
	background-color: #ECEAE6;
	padding: 3px;
	text-align: center;
	margin-top: 24px;
	margin-bottom:-1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
table#fuSet{
	width: 580px;
	margin-bottom:50px;
}
table#fuSet td{
	padding: 3px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D0C8;
}
table#fuSet td.opItem{
	text-align: left;
}
table#fuSet td.opPrice{
	text-align: right;
}
table#fuSet td.setPriceCol{
	color: #333;
	text-align: left;
	border-top-width: 2px;
	border-top-color: #666;
	font-size: 13px;
	font-weight: bold;
}
table#fuSet td.setPrice{
	color: #333;
	text-align: right;
	border-top-width: 2px;
	border-top-color: #666;
	font-size: 13px;
	font-weight: bold;
}
td.estimate_formtext09 span.payment_attention{
	font-size:12px;
	margin-left:6px;
}
td span.attention{
	color:#ff0000;
	font-size:12px;
	font-weight: normal;
}
td em.maru_de_otoku{
	padding:2px 2px 0 0;
	vertical-align:text-top;
}
#ITEMAREALEFT .bn_cg_service {
	margin: 10px 0 0;
}
/* 概算見積りフォーム内
---------------------------------------------------------------------------------- */
div#CONTLEFT .estimate_area01,
div#CONTLEFT .estimate_area02 {
	position: relative;
}

/* 見積もりフォーム　エラー表示設定 20130712
--------------------------------------------------------------------------------------*/
#alert {
	position: relative;
	margin: 15px 60px 20px;
	padding: 10px;
	border: 1px solid #ffcbc8;
	background: #fff6f1;
	color: #000;
	font-weight: normal;
	line-height: 1.5;
	border-radius: 3px;
	display: none;
}
#alert:before {
	content: " ";
	position: absolute;
	top: -11px;
	left: 224px;
	display: block;
	width: 0px;
	height: 0px;
	margin: 0 auto;
	border-bottom: 10px solid #ffcbc8;
	border-left: 10px solid white;
	border-right: 10px solid white;
}
#alert p {
	display: inline-block;
	margin: 0 auto;
	padding-left: 30px;
	background: url("/public/img/global/icon_alert.png") no-repeat 0 50%;
}
/* ===================================================
	リアルタイム見積もり金額表示（商品詳細画面）
 =================================================== */
#price-window {
	*display: none; /* IE7 */
	z-index: 999;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
}
#price-window dl#estimate-contents {
	position: absolute;
	z-index: 999;
	right: -194px;
	width: 180px;
	margin: 40px 0 0;
	border: 2px solid #b83535;
	border-radius: 6px;
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
	background: #fff8eb;
}
#price-window dl#estimate-contents:after {
	content: " ";
	display: block;
	position: absolute;
	top: 7px;
	left: -8px;
	border-right: 6px solid #b83535;
	border-top: 6px solid white;
	border-bottom: 6px solid white;
}
/* タイトル
----------------------------------------------------------------------*/
#price-window dl#estimate-contents dt#estimate-title {
	position: static;
	height: 24px;
	padding: 5px 0 0 18px;
	background: url("/public/img/global/bg_ttl-estimate-window.png") repeat-x 15px 50%;
	color: white;
	font-weight: normal;
	text-align: center;
	text-shadow: -1px -1px 0 #007;
}
#price-window dl#estimate-contents dt#estimate-title img#icon_cal {
	position: absolute;
	left: 17px;
	top: 4px;
}
/* 合計金額
----------------------------------------------------------------------*/
dd#estimate-sum dt {/* 合計（税込） */
	margin: 6px 15px 4px;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	text-align: left;
}
dd#estimate-sum dd {/* 金額ボックス */
	height: 30px;
	margin: 0 0 10px;
	padding: 0 15px 6px 0;
	text-align: right;
	border-bottom: 1px solid #c9a89c;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
}
dd#estimate-sum dd span#estimate_result {/* 合計金額 */
	line-height: 1;
	font-size: 28px;
	font-weight: bold;
	color: #f00;
}
#price-window dd#estimate-sum dd span#txt_yen {/* 円 */
	padding-left: 2px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: inherit;
	line-height: 30px;/* 親の高さに合わせる */
}
/* 内訳の共通設定
----------------------------------------------------------------------*/
dd.estimate-detail dl {
	margin: 0 15px 10px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}
dd.estimate-detail dl dt {	float: left;}
dd.estimate-detail dl dd {	float: right;}

dd.estimate-detail dl dd span.txt_yen {
	margin-left: 0;
	font-size: 10px;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
}
/* お値引き 共通設定
-----------------------------------------------------------------------------*/
dd.estimate-detail dl.p-off {
	clear: both;
	padding-bottom: 0;
	color: #f00 !important;
	border-bottom: none;
}
dd.estimate-detail dl.p-off dt {
	padding-top: 3px;
	font-size: 10px;
}
dd.estimate-detail dl.p-off span.num_price:before {
	content: "▲";
	display: inline-block;
	padding-right: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
	font-size: 9px;
	font-weight: normal;
}
/* ★内訳メイン
-----------------------------------------------------------------------------*/
dd#estimate-main {
	margin: 15px auto 10px;
}
dd#estimate-main dl {
	padding-bottom: 3px;
}
dd#estimate-main dl dt {
	margin-top: -1px;
}
dd#estimate-main dl dd {
	height: 1em;
	margin-top: -5px;
}
dd#estimate-main dl dd span#price_item,
dd#estimate-main dl dd span#price_const {
	font-size: 18px;
	font-weight: normal;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
}
/* 値引き */
dd#estimate-main dl.p-off {
	margin: 0;
	padding: 3px 0 0;
}
dd#estimate-main dl.p-off dd {
	margin-top: 0;
}
dl#price_const_off_dl dt {/* 施工費値引き部分 */
	letter-spacing: -0.1ex;
}
/* ★内訳サブ
-----------------------------------------------------------------------------*/
dd#estimate-sub {
	margin: 10px auto 12px;
	font-family: Helvetica, Arial, "MS Pゴシック", sans-serif;
}
dd#estimate-sub dl {
	margin-bottom: 5px;
	border-bottom: 1px dotted #bbb;
}
dd#estimate-sub dl dt {
	font-size: 10px;
}
dd#estimate-sub dl dd span.num_price {
	font-size: 14px;
	font-weight: normal;
}
dd#estimate-sub dl dd span.txt_yen {/* 円 */
	margin-left: 1px;
}
/* ★見積もりボタン
-----------------------------------------------------------------------------*/
dd#bt_estimate {
	clear: both;
}
dd#bt_estimate a {
	display: block;
	width: 86px;
	height: 24px;
	line-height: 20px;
	margin: 0 11px 10px auto;
	padding: 0 24px 0 0;
	background: url("/public/img/global/bt_estimate_cv.png") no-repeat 100% 50%;
	text-align: right;
	color: white;
}
dd#bt_estimate a:hover {
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity:80);
}
/* ================================================== */

/* 工事費お値引きサービス対象 20130724
--------------------------------------------------------------------------------------*/
dl.bnr_off {
	margin: 10px 0;
}
dl.bnr_off dd{
	float: left;
}
dl.bnr_off dt img {/* 2013/10/03 */
	vertical-align: bottom;
}
/* 商品詳細ページの工事費込み価格表示
----------------------------------------------------------------------------------*/
dl.ex_price {
	position: relative;
	width: 200px;
	margin-top: 3px;
	margin-bottom: 20px;
	background: white;
	color: #f24040;
	font-size: 11px;
	/font-size: 12px;
	font-family: Helvetica, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.ex_price dt {
	padding: 0.8ex 0 1ex;
	background: #e10303;
	color: white;
	line-height: 1;
	text-align: center;
}
.ex_price dd {
	padding: 2px 3px 2px;
	border-bottom: 1px dotted #999;
	background: white;
}
.ex_price dd p {/* 施工費込み価格 */
	display: table;
	/display: inline;
	/line-height: 20px;
	margin: 0 auto;
	padding-top: 4px;
	/padding-top: 0;
	/padding-bottom: 2px;
	padding-left: 66px;
	background: url("/public/img/img_search/common/icon_all-in.png") no-repeat 0 50%;
	font-size: 21px;
	font-weight: bold;
}
.ex_price dd p span.yen {/* 円 */
	padding-left: 2px;
	font-size: 10px;
	font-weight: normal;
}
.ex_price dd p span.range {/* ~ */
	font-size: 14px;
	font-weight: normal;
}
/* 詳細ページ 商品施工例・カタログボタン
------------------------------------------------------------------------*/
#view_voice_catalog {
	margin: 14px 0 8px;
	padding: 4px 2px 2px 5px;
	width: 192px;
	background-color: #fbf9ef;
	border: 1px solid #f6f2e4;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #333;
}
#view_voice_catalog a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
#view_voice_catalog a:hover,
#view_voice_catalog a:hover span {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
#view_voice_catalog p.view_catalog {
	position: relative;
	width: 192px;
	height: 58px;
}
#view_voice_catalog p.view_catalog a {
	display: block;
	width: 192px;
	height: 58px;
	background: url("/public/img/img_search/search_intro/btn_view_catalog.png") left top no-repeat;
}
#view_voice_catalog p.view_catalog a span {
	position: absolute;
	right: 30px;
	bottom: 16px;
	font-size: 10px;
	line-height: 1.1;
}
a.autoestimate.online {/* オンライン見積はこちらボタン */
	margin-top: 16px;
}
/* この商品に関するご質問はこちらボタン
   商品詳細ページ 2013/10/01
------------------------------------------------------------------------*/
#ITEMAREALEFT .sns-button-wrapper p.item_contact_form {
	float: left;
	margin: 3px 0 19px;
	*padding-bottom: 19px; /* IE7 */
	/* ↓以下#ITEMAREALEFT pの打消し */
	position: static;
	text-indent: 0;
	width: auto;
	height: auto;
	overflow: visible;
	/* ↑以上#ITEMAREALEFT pの打消し */
}
#ITEMAREALEFT .sns-button-wrapper p.item_contact_form a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 玄関ドア 2013/10/03
----------------------------------------------------*/
#item-main .sns-button-wrapper p.item_contact_form {
	margin-bottom: 5px;
	text-align: right;
}
/*------------------------------------------------------------------------
  コンテンツ末のお問い合わせボックス
------------------------------------------------------------------------*/
.contact_receptionist {
	clear: both;
	margin: 99px auto 80px;
	width: 545px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contact_receptionist .receptionist {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: url("/public/img/global/contact/pic_operator.png") right bottom no-repeat;
}
.contact_receptionist .receptionist .h_receptionist {
	height: 40px;
	margin-bottom: 15px;
	border-radius: 3px 3px 0 0;
	background-color: #d00000;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}
@media screen and(-webkit-device-pixel-ratio:2) and (max-device-width: 1024px){/* for ipad */
	.contact_receptionist .receptionist .h_receptionist {
		font-size: 11px;
	}
}

.contact_receptionist .receptionist .lead_receptionist {
	margin-bottom: 15px;
	font-size: 13px;
	text-align: center;
}
.contact_receptionist .receptionist .btn {
	margin-bottom: 20px;
	text-align: center;
}
.contact_receptionist .receptionist .btn a {
	position: relative;
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	height: 46px;
	padding: 0 43px 0 76px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fafafa;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
	color: #333;
	font-size: 16px;
	text-decoration: none;
	line-height: 46px;
}
.contact_receptionist .receptionist .btn a::before,
.contact_receptionist .receptionist .btn a::after {
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	margin: auto 0;
}
.contact_receptionist .receptionist .btn a::before {
	left: 51px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #d00000;
}
.contact_receptionist .receptionist .btn a::after {
	left: 58px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 7px solid #fff;
	border-right: none;
}
.contact_receptionist .receptionist .h_freedial {
	margin-bottom: 7px;
	color: #058600;
	font-size: 13px;
	text-align: center;
}
.contact_receptionist .receptionist .tel {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	margin-bottom: 5px;
	padding-left: 40px;
	background: url("/public/img/global/contact/icon_freedial.png") left center no-repeat;
	color: #2e9e2a;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}
.contact_receptionist .receptionist .time {
	font-size: 14px;
	text-align: center;
}
.contact_receptionist .receptionist .bottom_holder_receptionist {
	padding-bottom: 15px;
	text-align: center;
}
.size_text01 {
	font-size: 110%;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.close {/* ！注：左カラムアコーディオンで同名クラスあり */
  margin-right: auto;
  margin-left: auto;
  width: 160px;
  margin-top: 6px;
  margin-bottom: 0px;
  padding: 0px;
}
/*================================================
  最安値日本一バナー
  /item/sale/list.html
================================================*/
h1#nihon1{
  display:block;
  width:585px;
  height:139px;
  margin-top:7px;
  margin-bottom:12px;
  background:url(/public/img/img_top/nihon1.jpg) left top no-repeat;
  text-indent:-9999px;
}

.static_mgn3{
	margin-top: 3px;
}
.static_mgn10{
	margin-top: 10px;
}
.static_mgn15{
	margin-top: 15px;
}
.static_mgn20{
	margin-top: 20px;
}
.static_mgn30{
	margin-top: 30px;
}
.static_mgn40{
	margin-top: 40px;
}
.static_mgn15_bottom{
	margin-bottom: 15px;
}
.static_mgn40_bottom{
	margin-bottom: 40px;
}
.static_td01{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
.static_td02{
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 3px;
}
.static_text_wide{
	width: 520px;
	padding: 4px;
}
.static_form_toptext{
	padding-left: 15px;
	margin-top: 25px;
	margin-bottom: 10px;
}
.form_button{
	width: 538px;
	height: 28px;
	margin-top: 10px;
	margin-bottom: 50px;
}
.form_button02{
	width: 100px;
	height: 28px;
	margin-top: 10px;
}
.form_button03{
	width: 450px;
	height: 28px;
	margin-top: 10px;
}
.notes_red{
	font-size: 90%;
	color: #FF0000;
}
.form_input{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
}
/* 送信内容の確認画面へ */
.button04 {
	margin-left: 5px;
	display:block;
	width:455px;
	height:60px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_button04.jpg);
	background-repeat: no-repeat;
}
a:hover.button04{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 上記のお申込み内容を送信する */
.button05 {
	margin-left: 5px;
	display:block;
	width:455px;
	height:60px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_submit_item_gencho.jpg);
	background-repeat: no-repeat;
}
a:hover.button05{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 戻る */
.button07 {
	display:block;
	width:122px;
	height:60px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_back_item_gencho.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
a:hover.button07{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 上記のお問合せ内容を送信する */
.button09 {
	margin-left: 5px;
	display:block;
	width:447px;
	height:60px;
	text-indent:-9999px;
	background-image:url(/public/img/img_search/common/btn/btn_button09.jpg);
	background-repeat: no-repeat;
}
a:hover.button09{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 現調依頼フォーム　住所検索 */
td input.searchAddress{
	font-size:11px;
}
td span.searchAddress{
	color:#000099;
	font-size:11px;
	padding:6px;
}
.days{
	color: #000033;
	width: 400px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	margin-top: 5px;
	margin-bottom: 6px;
	margin-left: 10px;
}
/* 現調完了ページ */
div#order_complete_guidance{
  width: 420px;
  margin: 100px auto;
}
div#order_complete_guidance h3{
  font-size: 14px;
  color: #636363;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  text-align: left;
  margin-bottom: 20px;
}
div#order_complete_guidance h3 span{
  color: #f60;
  font-size: 13px;
}
div#order_complete_guidance p{
  width: 160px;
}
div#order_complete_guidance a span{
  color: #00f;
  font-size: 12px;
  text-decoration: underline;
}
div#order_complete_guidance a:hover{
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.login_textbox01{
	width: 180px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 14px;
	padding-left: 2px;
}
.login_textbox02{
	width: 180px;
	height: 18px;
}
.login_textbox03{
	width: 180px;
	height: 24px;
	margin-top: 15px;
	font-size: 14px;
}
.login_textbox04{
	width: 180px;
	font-size: 12px;
	color: #333333;
	background-color: #FFD7D7;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 15px;
	margin-bottom: 8px;
}
.login_passarea01{
	width: 448px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 35px;
	padding-left: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
	margin-top: 0px;
}
/* マルチスクエアのお問い合わせ form02 */
.multi_form_toptext{
	padding-left: 15px;
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 115%;
}
.multi_form_tbl01{
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 90%;
}
.multi_form_tbl02{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFE6E6;
	width: 525px;
	border: 1px solid #FF9999;
	text-align: left;
	margin-left: 10px;
	padding-left: 5px;
	margin-top: 10px;
}
.multi_form_tbl03{
	padding-top: 15px;
	padding-bottom: 20px;
	width: 520px;
	text-align: left;
	margin-left: 15px;
	padding-left: 5px;
}

.photo {
	background:url(/public/img/img_search/photoVoice.png) no-repeat;
	width: 196px;
	line-height:100%;
	height: 105px;
}
/* ===========================================================
	お問い合わせフォームステップ追加
===========================================================*/
#MAIN #CONTENTS #CONTLEFT p#mailform_form01_regist_stepnav {
	margin: 19px 0 18px 0;
	text-align: center;
}
#MAIN #CONTENTS #CONTLEFT p#mailform_form06_regist_stepnav {
	margin: 19px 0 18px 0;
	text-align: center;
}
/* オリコローンキャンペーンページへのリンク:機能 #5130
--------------------------------*/
.link_oricoloan_sweetmogumogu2016 {
	clear: both;
	margin-top: 2px;
	text-align: left;
}
#esim_payment .link_oricoloan_sweetmogumogu2016 {
	margin-top: -12px;
}
#esim_payment .link_oricoloan_sweetmogumogu2016_right {
	margin-top: 7px;
	text-align: right;
}
.link_oricoloan_sweetmogumogu2016 a {
	color: #0035cb;
	font-size: 12px;
	text-decoration: underline;
}
.link_oricoloan_sweetmogumogu2016 a:hover {
	text-decoration: none;
}
.link_oricoloan_sweetmogumogu2016 a::before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	border: 3px solid transparent;
	border-left: 6px solid #0035cb;
	border-right: none;
	vertical-align: middle;
	*display: none; /* IE7 */
}
/* ====================================================
	カテゴリー見出し
====================================================*/
.item-category-headline {
	margin: 16px 0 20px;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.item-category-headline-cp { background-image: url("/public/img/global/item/item-category-headline/pic_cp.png"); }
.item-category-headline-aw { background-image: url("/public/img/global/item/item-category-headline/pic_aw.png"); }
.item-category-headline-bl { background-image: url("/public/img/global/item/item-category-headline/pic_bl.png"); }
.item-category-headline-br { background-image: url("/public/img/global/item/item-category-headline/pic_br.png"); }
.item-category-headline-cg { background-image: url("/public/img/global/item/item-category-headline/pic_cg.png"); }
.item-category-headline-cy { background-image: url("/public/img/global/item/item-category-headline/pic_cy.png"); }
.item-category-headline-fe { background-image: url("/public/img/global/item/item-category-headline/pic_fe.png"); }
.item-category-headline-fj { background-image: url("/public/img/global/item/item-category-headline/pic_fj.png"); }
.item-category-headline-fu { background-image: url("/public/img/global/item/item-category-headline/pic_fu.png"); }
.item-category-headline-gs { background-image: url("/public/img/global/item/item-category-headline/pic_gs.png"); }
.item-category-headline-mk { background-image: url("/public/img/global/item/item-category-headline/pic_mk.png"); }
.item-category-headline-mo { background-image: url("/public/img/global/item/item-category-headline/pic_mo.png"); }
.item-category-headline-mp { background-image: url("/public/img/global/item/item-category-headline/pic_mp.png"); }
.item-category-headline-np { background-image: url("/public/img/global/item/item-category-headline/pic_np.png"); }
.item-category-headline-pg { background-image: url("/public/img/global/item/item-category-headline/pic_pg.png"); }
.item-category-headline-pl { background-image: url("/public/img/global/item/item-category-headline/pic_pl.png"); }
.item-category-headline-rd { background-image: url("/public/img/global/item/item-category-headline/pic_rd.png"); }
.item-category-headline-rs { background-image: url("/public/img/global/item/item-category-headline/pic_rs.png"); }
.item-category-headline-sh { background-image: url("/public/img/global/item/item-category-headline/pic_sh.png"); }
.item-category-headline-sl { background-image: url("/public/img/global/item/item-category-headline/pic_sl.png"); }
.item-category-headline-st { background-image: url("/public/img/global/item/item-category-headline/pic_st.png"); }
.item-category-headline-sy { background-image: url("/public/img/global/item/item-category-headline/pic_sy.png"); }
.item-category-headline-tg { background-image: url("/public/img/global/item/item-category-headline/pic_tg.png"); }
.item-category-headline-tr { background-image: url("/public/img/global/item/item-category-headline/pic_tr.png"); }
.item-category-headline-ts { background-image: url("/public/img/global/item/item-category-headline/pic_ts.png"); }
.item-category-headline-um { background-image: url("/public/img/global/item/item-category-headline/pic_um.png"); }
.item-category-headline-wd { background-image: url("/public/img/global/item/item-category-headline/pic_wd.png"); }
.item-category-headline-ws { background-image: url("/public/img/global/item/item-category-headline/pic_ws.png"); }
.item-category-headline-xa { background-image: url("/public/img/global/item/item-category-headline/pic_xa.png"); }
.item-category-headline-gf { background-image: url("/public/img/global/item/item-category-headline/pic_gf.png"); }
.item-category-headline-wh { background-image: url("/public/img/global/item/item-category-headline/pic_wh.png"); }
.item-category-headline-dy { background-image: url("/public/img/global/item/item-category-headline/pic_dy.png"); }
.item-category-headline-tf { background-image: url("/public/img/global/item/item-category-headline/pic_tf.png"); }
.item-category-headline-tl { background-image: url("/public/img/global/item/item-category-headline/pic_tl.png?2021122100"); }
.item-category-headline-sk { background-image: url("/public/img/global/item/item-category-headline/pic_sk.png?2024121000"); }



.item-category-headline .heading {
	margin-bottom: 14px;
	padding: 8px 0 9px 114px;
}
.item-category-headline-aw .heading { padding-left: 99px;}
.item-category-headline-bl .heading { padding-left: 96px;}
.item-category-headline-br .heading { padding-left: 93px;}
.item-category-headline-cg .heading { padding-left: 99px;}
.item-category-headline-cy .heading { padding-left: 92px;}
.item-category-headline-fe .heading { padding-left: 80px;}
.item-category-headline-fj .heading { padding-left: 79px;}
.item-category-headline-fu .heading { padding-left: 76px;}
.item-category-headline-gs .heading { padding-left: 81px;}
.item-category-headline-mk .heading { padding-left: 56px;}
.item-category-headline-mo .heading { padding-left: 77px;}
.item-category-headline-mp .heading { padding-left: 80px;}
.item-category-headline-pg .heading { padding-left: 88px;}
.item-category-headline-pl .heading { padding-left: 85px;}
.item-category-headline-rd .heading { padding-left: 80px;}
.item-category-headline-rs .heading { padding-left: 65px;}
.item-category-headline-sh .heading { padding-left: 76px;}
.item-category-headline-sl .heading { padding-left: 80px;}
.item-category-headline-st .heading { padding-left: 76px;}
.item-category-headline-sy .heading { padding-left: 78px;}
.item-category-headline-tg .heading { padding-left: 94px;}
.item-category-headline-tr .heading { padding-left: 89px;}
.item-category-headline-ts .heading { padding-left: 91px;}
.item-category-headline-um .heading { padding-left: 93px;}
.item-category-headline-wd .heading { padding-left: 97px;}
.item-category-headline-ws .heading { padding-left: 61px;}
.item-category-headline-xa .heading { padding-left: 94px;}
.item-category-headline-gf .heading { padding-left: 76px;}
.item-category-headline-wh .heading { padding-left: 108px;}
.item-category-headline-dy .heading { padding-left: 92px;}
.item-category-headline-tf .heading { padding-left: 99px;}
.item-category-headline-tl .heading { padding-left: 80px;}


.item-category-headline .heading-hd-wrapper {
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
}
.item-category-headline .hd {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 0 0 1px #ccc;
}
.item-category-headline .hd.hd_with_ttl_sub {
	float: left;
	margin-right: 11px;
}
.item-category-headline .ttl_sub {
	flex-shrink: 0;
	margin: 10px 0 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #A6A6A6;
	line-height: 1.4;
}
.item-category-headline .cate_caption {
	font-size: 12px;
	line-height: 1;
}
.item-category-headline .cate_caption.cate_caption_width_ttl_sub {
	clear: both;
}
.item-category-headline .information {
	padding: 2px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #c40000;
	background-color: #fafafa;
	font-size: 14px;
}
.item-category-headline .information .item_count {
	margin-left: 8px;
}
.item-category-headline .information .pattern_count {
	margin-left: 8px;
}
.item-category-headline .information .num {
	color: #c60005;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/* ====================================================
	#24648: 右カラムランキング デザイン見直し
====================================================*/
.popular_ranking_top5 .ranking_list_common {
	padding: 10px 12px 0;
	background-color:  #fff;
	border: 1px solid #e1cacb;
  width: 172px;
  box-sizing: border-box;
}
.popular_ranking_top5 .ranking_list_common a {
	display: block;
}
.popular_ranking_top5 .ranking_list_common a:hover {
	text-decoration: none;
  color: #333;
}
.popular_ranking_top5 .ranking_list_common .ranking_num,
.popular_ranking_top5 .ranking_list_common .ranking_unit,
.popular_ranking_top5 .ranking_list_common .name,
.popular_ranking_top5 .ranking_list_common .price,
.popular_ranking_top5 .heading_sub {
	font-size: 12px;
	font-family: 'Helvetica neue', Helvetica, Arial, Meiryo, sans-serif;
	margin-bottom: 4px;
	line-height: 120%;
}
.popular_ranking_top5 .ranking_list_common .ranking_num {
	color: #c40000;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}
.popular_ranking_top5 .ranking_list_common .ranking_unit {
	font-weight: bold;
}
.popular_ranking_top5 .ranking_list_common .ranking_img img {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}
.popular_ranking_top5 .ranking_list_common .price {
	color: red;
	margin-bottom: 22px;
	font-size: 11px;
	text-align: right;
}
.popular_ranking_top5 .ranking_list_common .price strong {
	color: red;
	font-size: 18px;
}
/* カーポート別 ランキング
--------------------------------*/
.popular_ranking_top5 .ranking_list_cp {
	padding: 10px 0 0;
}
#MAIN #CONTENTS #CONTRIGHT .popular_ranking_top5 .heading_sub {
	padding: 5px 0;
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #e4eaf6;
}
.popular_ranking_top5 .ranking_list-box {
	padding: 0 12px 0;
}
.popular_ranking_top5 .ranking_list-box--2 {
	padding-top: 10px;
	margin-top: 13px;
	border-top: 1px #ddd solid;
}

/* 社内用
--------------------------------*/
.exshop-internal-use .list-btn-2 #sync_data_input {
	width: 127px;
	height: 24px;
}
.exshop-internal-use .list-btn-2 {
    text-align: right;
	margin-bottom: 10px;
}

/* 赤吹き出し シャワー・高圧洗浄機
--------------------------------*/
.recommend_on_top_ttl_sk{
	margin-bottom: 14px;
}
