@charset "utf-8";

@import "base.css";
@import "common.css?2017030701";

/*####################　パンくずリスト　####################*/

#TopicPath {margin-bottom:25px;}
#TopicPath ol {display:inline-block; zoom:1;}
#TopicPath ol:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
#TopicPath li {
	float:left;
	background:url(../img/contents/arrow-path.gif) left center no-repeat;
	margin-right:6px;
	padding-left:12px;
	list-style:none;
	font-size:10px;}
#TopicPath li.top {background:none; padding:0;}
#TopicPath li a {text-decoration:underline; color:#565656;}

/*####################　SNS ボタン　####################*/

#SnsButton {
	margin-bottom:10px;
	height:28px;
}

#SnsButton ul {float:right;}
#SnsButton li {
	float:left;
	height:20px;
/* 	background:#ececec; */
	background:#fff;
	margin-left:10px;
	padding:3px;
}
#SnsButton li.twitter	{width:100px;}
#SnsButton li.facebook	{width:115px;}
#SnsButton li.mixi		{width:58px; height:18px; padding:4px 3px;}
#SnsButton li.google	{width:75px;}


/*####################　コンテンツ　####################*/

/*　見出し
-------------------------------------*/

#Main div.title {position:relative;}

#Main div.title .list {
	position:absolute;
	top:8px;
	right:44px;
	width:76px;
	text-indent:-9999px;
	}
#Main div.title .list a {background:url(../img/contents/btn-list.gif) top no-repeat;}
#Main div.title .rss {
	position:absolute;
	top:11px;
	right:15px;
	width:19px;
	}
#Main div.title .rss a {background:url(../img/contents/ico-rss.gif) top no-repeat;}

#Main div.title .list a {display:block; height:24px; text-indent:-9999px;}
#Main div.title .rss a  {display:block; height:19px; text-indent:-9999px;}
#Main div.title a:hover{background-position:0 bottom;}

#Main h2 {clear:both; margin-bottom:12px;}
#Main h2.text {
	background:url(../img/contents/wall-title.gif) left center no-repeat;
	padding:14px 10px 13px 30px;
	line-height:1;
	font-size:14px;
	color:#010101;}
#PageProducts.list #Main h2.text,
#PageSiteSearch #Main h2.text {
	background-image:url(../img/contents/wall-title.gif);
}
#PageProducts.list #Main p.childCategory {
	margin: 0 10px 10px;
	text-align: left;
}
#PageProducts.list #Main p.childCategory:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#PageProducts.list #Main p.childCategory a {
	float: left;
	margin-right: 10px;
	text-decoration: underline;
	/white-space:nowrap;
	/overflow:visible;
}

.contentsBox h3,
h3.listCategoryName {
	clear:both;
	background:#ececec;
	margin-bottom:18px;
	padding:10px;
	line-height:1;
	font-size:15px;
	color:#434344;}




.contentsBox .entry h1{
	margin-bottom:0;
	font-size:24px;
	font-weight:bold;}
.contentsBox .entry h2{
	margin-bottom:10px;
	font-size:18px;
	font-weight:bold;}
.contentsBox .entry h3{
	clear:both;
	background:#ececec;
	margin-bottom:18px;
	padding:10px;
	line-height:1;
	font-size:12px;
	color:#434344;}
.contentsBox .entry h4{
	margin-bottom:0;
	font-size:12px;
	font-weight:bold;}
.contentsBox .entry h5{
	margin-bottom:0;
	font-size:10px;
	font-weight:bold;}






/*　コンテンツ枠
-------------------------------------*/
.contentsBox {
	border:1px solid #e4e4e4;
	margin-bottom:30px;
	padding:25px 30px;
	background:#fff;}
.msie8 .contentsBox,
.msie9 .contentsBox {width:674px;}
/*
.msie7 .contentsBox {width:675px; background:#fff;}
*/


#PageProducts .contentsBox {padding:20px 11px;}





/*　記事リスト
-------------------------------------*/
.contentsBox  dl.list {
	margin-bottom:25px;
	line-height:1.5;
	font-size:11px;
	}
.contentsBox  dl.list dt {
	margin-bottom:0;
	font-weight:bold;
	color:#0d1c6b;
	}
.contentsBox  dl.list dd {
	background:url(../img/contents/arrow-blue.gif) 0 0.4em no-repeat;
	padding-left:8px;
	}
.contentsBox  dl.list dd a {color:#646464;}
.contentsBox  dl.list dd a:hover {color:#193782; text-decoration:underline;}

.contentsBox  ul.list li {
	background:url(../img/contents/ico-dotted_blue.gif) left 0.55em no-repeat;
	margin-bottom:23px;
	padding-left:6px;
	font-size:12px;}
.contentsBox  ul.list a {text-decoration:underline;}
.contentsBox  ul.list .date {position:relative; left:-6px; color:#040404; font-size:10px;}

.contentsBox  ul.column li {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.contentsBox  ul.column.item7 li {width:6em;}



/*　PageBute
-------------------------------------*/
.contentsBox .pageBute {
	clear:both;
	background:url(../img/contents/wall-pagebute.gif) center top no-repeat;
	padding:25px 0 0;
	overflow:hidden;}
.contentsBox .pageBute:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;}
.contentsBox .pageBute.top {background-position:center bottom; margin-bottom:20px; padding:0 0 10px;}
.contentsBox .pageBute ul {
	position:relative;
	left:50%;
	float:left;}
.contentsBox .pageBute li {
	position:relative;
	left:-50%;
	float:left;
	border-right:1px solid #18266e;
	padding:1px 6px;
	line-height:1;
	font-size:10px;}
.contentsBox .pageBute li.end {border:none; padding-right:0;}

/* ○件あります */
.contentsBox .pageBute .hit {
	float:left;
	margin:0 0 5px;}
.contentsBox .pageBute .hit span {font-weight:bold; color:#ff1f00;}
.contentsBox .pageBute .paging {
	float:right;
	clear:left;
	margin:0 0 16px;
	letter-spacing:1px;
	color:#959596;}
.contentsBox .pageBute .paging a {text-decoration:underline;}
.contentsBox .pageBute .sort {
    clear: both;
    text-align: center;
}




/*　MT Tags
-------------------------------------*/
.contentsBox .tags {
	background:url(../img/contents/wall-pagebute.gif) center top no-repeat;
	margin-top:20px;
	padding-top:25px;
	overflow:hidden;}
.contentsBox .tags dl {
	position:relative;
	left:50%;
	float:left;}
.contentsBox .tags dt,
.contentsBox .tags dd {
	position:relative;
	left:-50%;
	float:left;
	padding:1px 6px;
	line-height:1;
	font-size:10px;}
.contentsBox .tags dt {font-weight:bold;}
.contentsBox .tags dl a {text-decoration:underline;}

/*　MT EntryBody
-------------------------------------*/
.contentsBox .entry hr {display:block;}
.contentsBox .entry a {text-decoration:underline;}
.contentsBox .entry .postData {
	border-bottom:1px solid #d1d1d1;
	margin-bottom:27px;
	padding-bottom:2px;
	text-align:right;
	font-size:10px;
	color:#424242;}
.contentsBox .entry ul{margin:1em 0;}
.contentsBox .entry ul li {
	background:url(../img/contents/ico-dotted_blue.gif) left 0.55em no-repeat;
	padding-left:6px;}
.contentsBox .entry ol {margin:1em 0 1em 15px;}
.msie .contentsBox .entry ol {margin-left:25px;}

.contentsBox .entry th {
	border:1px solid #dbd9dc;
	background:#f8f8f8;
	width:100px;
	padding:10px;
	text-align:center;}
.contentsBox .entry td {
	border:1px solid #dbd9dc;
	padding:10px;}

/*####################　製品情報　####################*/

/*　商品リスト
-------------------------------------*/
#PageProducts.list .contentsBox .wrap {
	margin-right:-3px;}

/* ブランド一覧 */
#PageProducts.list.brand .mainImg {
	border:1px solid #cdcdcd;
	background:#fff;
	padding:1px;
	}
#PageProducts.list .contentsBox .wrap dl {
	float:left;
	background:url(../img/shop/wall-item_list.gif) center top no-repeat;
	width:140px;
	margin:0 3px 30px 0;
	padding-top:11px;}
#PageProducts.list .contentsBox .wrap dt {margin:0 10px 12px; font-weight:bold; height:65px;}
#PageProducts.list .contentsBox .wrap dd {margin:0 8px 12px;}
#PageProducts.list .contentsBox .wrap dd.detail {
	background:url(../img/shop/wall-item_list_bottom.gif) center bottom no-repeat;
	margin:0;
	padding-bottom:20px;
	text-align:center;}
#PageProducts.list .contentsBox .wrap dd.detail a {
	display:block;
	background:url(../img/shop/btn-detail.gif) top no-repeat;
	width:118px;
	height:28px;
	margin:0px 0px 0px 10px;
	text-indent:-9999px;}
#PageProducts.list .contentsBox .wrap dt a:hover {opacity:0.8;}
#PageProducts.list .contentsBox .wrap dd.statusArea img{margin-right:6px;}
#PageProducts.list .contentsBox .wrap dd.detail a:hover {background-position:bottom;}
#PageProducts.list .contentsBox .wrap dd.photo img {border:1px solid #cdcdcd; background:#fff; padding:1px;}

/* カテゴリ一覧 */
.msie8 #PageProducts.list .contentsBox,
.msie9 #PageProducts.list .contentsBox {width:712px;}

#PageProducts.list .contentsBox ul,
#PageProducts.list ul.childCategory {
	margin:0 -12px 25px 0; font-weight:bold; text-decoration:underline;}
#PageProducts.list ul.childCategory {
	margin:0 0 4px;}
#PageProducts.list .contentsBox ul:after,
#PageProducts.list ul.childCategory:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
#PageProducts.list .contentsBox li,
#PageProducts.list .childCategory li {
	float:left;
	margin:0 12px 8px 0;
	padding-left:10px;
	font-size:11px;
	/word-break:keep-all;
	/white-space: nowrap;}
#PageProducts.list .contentsBox .hasGrandChild li {
	min-height:50px;}
#PageProducts.list .contentsBox li img,
#PageProducts.list .childCategory li img {
	margin-right: 5px;
	border: #d0d0d0 1px solid;
	width: 50px;
	height: 35px;
	vertical-align:middle;}
#PageProducts.list .contentsBox li a,
#PageProducts.list .childCategory li a {
	color:#040404;
	text-decoration:none;
	font-size:15px;
	/white-space:nowrap;
	/overflow:visible;}
#PageProducts.list .contentsBox li a.level2,
#PageProducts.list .childCategory li a {
	line-height: 33px;}
#PageProducts.list .contentsBox li a.level3 {
	float:left;
	margin-right: 10px;
	text-decoration: underline;
	font-weight: normal}


#PageProducts.list .contentsBox li a:hover {opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);}



/*　商品詳細
-------------------------------------*/
#PageProducts.detail .contentsBox {padding-right:20px; padding-left:20px;}
.msie8 #PageProducts.detail .contentsBox,
.msie9 #PageProducts.detail .contentsBox {width:695px;}

#PageProducts.detail .mainComment {
	margin: 0 0 10px;
	line-height: 1.5;
	text-align: justify;
}
#PageProducts.detail .contentsBox .outline,
#PageProducts.detail .contentsBox .spec,
#PageProducts.detail .contentsBox .detail {
	float:right;
	clear:right;
	width:275px;
	}

/* 概要 */
#PageProducts.detail .contentsBox .outline {
	border-bottom:1px solid #ececec;
	margin-bottom:20px;
	padding-bottom:20px;}
#PageProducts.detail .contentsBox .outline li {margin-bottom:5px;}
#PageProducts.detail .contentsBox .outline .ico img{margin-right:15px;}
#PageProducts.detail .contentsBox .outline .name {font-size:16px; font-weight:bold;}
#PageProducts.detail .contentsBox .outline .price span {font-weight:bold; color:#e00120;}

/* 詳細 */
#PageProducts.detail .contentsBox .spec {
	border-bottom:1px solid #ececec;
	padding-bottom:20px;
	font-size:12px;}
#PageProducts.detail .contentsBox .spec li {margin-bottom:3px;}
#PageProducts.detail .contentsBox .spec span {font-weight:bold;}

/* 取説 */
#PageProducts.detail .contentsBox .detail {margin-bottom:50px;}
#PageProducts.detail .contentsBox .detail dt {
	background:url(../img/contents/arrow-blue_down.gif) 3px center no-repeat;
	margin:20px 0 3px;
	padding-left:13px;
	font-size:11px;}
#PageProducts.detail .contentsBox .detail dd.pdf a {
	display:block;
	background:url(../img/shop/btn-pdf_dl.gif) top no-repeat;
	width:276px;
	height:28px;
	text-indent:-9999px;}
#PageProducts.detail .contentsBox .detail dd.pdf a:hover {background-position:bottom;}
#PageProducts.detail .contentsBox .detail dd.movie {
	background:url(../img/sub/wall-search_bottom.gif) left bottom no-repeat;
	margin-bottom:15px;
	padding-bottom:5px;
	font-size:12px;	}
#PageProducts.detail .contentsBox .detail select{
	border:none;
	background:none;
	background:url(../img/sub/wall-search_top.gif) left top no-repeat;
	width:196px;
	padding:5px 3px 0 0;}
#PageProducts.detail .contentsBox .detail option {
	padding:3px 0;
	border:none;}

#PageProducts.detail .contentsBox .link.brand {clear:both;}
#PageProducts.detail .contentsBox .link.brand h3 {
	background:url(../img/contents/arrow-blue_down.gif) 4px center no-repeat;
	margin-bottom:10px;
	padding:0 0 0 15px;
	color:#252525;
	font-size:11px;}
#PageProducts.detail .contentsBox .link.brand a:hover {opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);}

#ZoomBox *,
#ZoomCapDiv *,
#ShadowBox * {border:none;}

#PageProducts.detail .contentsBox ul.photo {
	float:left;
	clear:none;
	width:404px;
	margin-right:-9px;}
#PageProducts.detail .contentsBox ul.photo li {
	position:relative;
	float:left;
	border:1px solid #cbcbcb;
	width:90px;
	height:90px;
	margin:0 9px 13px 0;
	text-align:center;}
#PageProducts.detail .contentsBox ul.photo li.large {width:393px; height:392px;}
#PageProducts.detail .contentsBox ul.photo li img.zoom {
	position:absolute;
	left:1px;
	bottom:1px;}
#PageProducts.detail .contentsBox ul.photo li:hover {opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);}
#PageProducts.detail .contentsBox ul.photo a {
	display:block;
	width: 90px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
}
#PageProducts.detail .contentsBox ul.photo li.large a {
	width: 392px;
	height: 392px;
}

#PageProducts.detail .mainComment hr,
#PageProducts.detail .contentsBox .spec hr {
	display: block;
}
#PageProducts.detail .mainComment th,
#PageProducts.detail .mainComment td,
#PageProducts.detail .contentsBox .spec th,
#PageProducts.detail .contentsBox .spec td {
	border: inherit;
}


/*####################　カタログ　####################*/

div#catsdiv{
    width:759;
    padding:0px;
    font-size:14px;
    text-align:center;
}

div.catdiv{
    width:33%;
    height:270px;
    padding:0px;
    margin:0px;
    float:left;
    text-align:center;
    margin-bottom:10px;
}


div.imgdiv{
    background: white;
    width:80%;
    height:200px;
    border:1px solid #cccccc;
    text-align:center;
    overflow:hidden;
    margin:auto;
    margin-bottom:5px;
}

img.catimg{
    background: white;
    height:180px;
    margin:10px;
}

div.titlediv{
    width:90%;
    text-align:center;
    margin:0 auto;
    overflow: hidden;
    font-weight:bold;
}

div.mobilelink{
    width:90%;
    height:20px;
    text-align:center;
    margin:0 auto;
    overflow: hidden;
}

div.description{
    width:90%;
    height:50px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
}

/*####################　動画コンテンツ　####################*/
/* カタログとの差異 */
.videoContents div.catdiv{
    height:190px;
}

.videoContents div.imgdiv{
    width:160px;
    height:120px;
}

.videoContents img.catimg{
    width:160px;
    height:auto;
    margin:0px;
}


/*####################　サイト内検索結果　####################*/

.msie8 #PageSiteSearch .contentsBox,
.msie9 #PageSiteSearch .contentsBox {
    width:414px;
}
#PageSiteSearch #cse .gsc-result .gs-title {
    height: auto;
}
#PageSiteSearch #cse .gsc-webResult .gsc-table-result td{
	border: none;
	padding: 0px 10px;
}


/*####################　タグ検索結果　####################*/

#PageSearch .contentsBox .entry {margin-bottom:50px;}

#PageSearch .contentsBox .entry dt {float:left; width:40px;}
#PageSearch .contentsBox .entry dd {float:left; width:620px;}
#PageSearch .contentsBox .entry p {clear:both;}
#PageSearch .contentsBox p.copy {font-size:14px; font-weight:bold; margin-bottom:30px;}

#PageSearch #Sub .archiveBox.itemCategory ul ul {display:none;}

.search{width:440px;padding-left:10px;margin-top:3px;border:1px #ccc solid;font-size:11px;color:#7D7D7D;line-height:66px;margin-left:5px;}
/*####################　おやみだし　####################*/


/*　こみだし
-------------------------------------*/

/* まごみだし */

















/*end*/