@charset "shift_jis";

/*-----------------------------------//
	 トップページ
//-----------------------------------*/
#top #contents{
	margin-bottom:40px;
}
#top #globalNavi ul{
	margin-bottom:25px;
}
#top h2{
	background:url(../images/common/bg_title.gif) repeat-x bottom;
	margin-bottom:15px;
	padding-bottom:7px;
}
/* レコメン */
#top #recommend{
	padding-bottom:26px;
}
#top #recommend .leftBt{
	width:200px;
	float:left;
}
#top #recommend #recContents{
	width:900px;
	float:left;
}
/* FLASH */
#recContents p.flashDL{
	padding:10px 0 0 3px;
}
#top #recContents{
	position:relative;
}
#top #mainImg{	
	position:relative;
	width:700px;
	height:315px;
}
#top #mainImg div{
	position:absolute;
	display:none;
	left:0;
	top:0;
}

#top #caution2{
	width: 700px;
	color: #000000 !important;
	text-align: start;
	padding: 20px 20px 27px 20px;
	border: 1px solid #f6d2d6;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin: 20px auto;
	position: relative;
}

#top #caution2 a{
	color: #000000;

}
#top #caution2 a:hover{
	color: #e03639;

}
#top #caution2 a:visited{
	color: #FF0004;

}

#top #caution{
	width: 700px;
	color: #FF0004 !important;
	text-align: center;
	padding: 20px 20px 27px 20px;
	border: 1px solid #f6d2d6;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin: 20px auto;
	position: relative;
}

#top #caution a{
	color: #FF0004;

}
#top #caution a:hover{
	color: #e03639;

}
#top #caution a:visited{
	color: #FF0004;

}

#top .caution_btn{
	text-align: right;
	padding: 10px 0 0 0;
	/* display: table-column-group; */
	position: absolute;
	right:  5px;
}

#imgNav{
	position:absolute;
	left:738px;
	top:251px;
	z-index:1;
}
/*（従来の横幅 2011.9.29コメントアウト）#imgNav{
	position:absolute;
	left:538px;
	top:251px;
	z-index:1;
}*/
/*（ボタン4つ）#imgNav{
	position:absolute;
	left:496px;
	top:251px;
	z-index:1;
}*/
#imgNav li{
	float:left;
	margin-right:5px;
}
#imgNav li img{
	cursor:pointer;
	vertical-align:top;
}
#imgNav li div{
	width:43px;
}
#noScript{
	position:relative;
	z-index:2;
}
.noScriptTxt{
	margin-top:10px;
}
.rImg img{
	cursor:pointer;
}
/* 左広告スペース */
#top #pop01{
	position:absolute;
	width:700px;
	height:315px;
	background:url(../images/bg_pop_01.gif) no-repeat left top;
	top:0;
	left:0;
	padding:10px;
	visibility:hidden;
	z-index:2;
}
#top #pop02{
	position:absolute;
	width:700px;
	height:315px;
	background:url(../images/bg_pop_02.gif) no-repeat left top;
	top:0;
	left:0;
	padding:10px;
	visibility:hidden;
	z-index:2;
}
#top #pop03{
	position:absolute;
	width:700px;
	height:315px;
	background:url(../images/bg_pop_03.gif) no-repeat left top;
	top:0;
	left:0;
	padding:10px;
	visibility:hidden;
	z-index:2;
}
#top #pop04{
	position:absolute;
	width:700px;
	height:315px;
	background:url(../images/bg_pop_04.gif) no-repeat left top;
	top:0;
	left:0;
	padding:10px;
	visibility:hidden;
	z-index:2;
}

/* 左列 */
#top #left{
	width:200px;
	height:700px;
	float:left;
}


/* ピックアップ */
#top #pickup{
	width:200px;
	height:280px;
	float:left;
}

/* ダイトモ */
#top #daitomo{
        clear : both;
	width:200px;
        height:328px;
	float:left;
}
#top #daitomo li{
	margin-bottom:10px;
}


/* ニュース */
#top #news{
        clear : none;
	width:460px;
	float:left;
	padding:0 20px 0 20px;
}
#top #news #newsWrap{
	width:460px;
	position:relative;
}
#top #news .title{
	position:absolute;
	right:1px;
}
#top #news .rss{
	position:absolute;
	top:0px;
	left:135px;
}
#top #newsList #listContents dt{
	float:left;
}
* html #top #newsList #listContents dt{
	position:absolute;
}
#top #newsList #listContents dd{
	margin-bottom:12px;	
	padding:0 0 12px 10em;
	background:url(../images/common/brd_dot_02.gif) repeat-x bottom;
}
/* インフォメーション */
#top #information{
	width:200px;
	float:right;
}
#top #information li{
	width:200px;
	float:left;
	margin-bottom:10px;
}


/* -----404----- */
#notFound #globalHeader{
	background:none;
	margin-bottom:30px;
}
#notFound #contents #mainContents{
	float:none;
	width:100%;
}
#notFound #globalFooter #copy{
	margin-top:15px;
}
#notFound .notfoundArea{
	margin:50px 95px;
}
#notFound .textArea{
	width:550px;
}
#notFound .notfoundArea .floatL img{
	margin-right:50px;
}


/* -----下階層----- */

/*-----------------------------------//
	 テーブル
//-----------------------------------*/
/* common */
table.common{
	width:100%;
	border-left:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
}
table.common th,
table.common td{
	padding:.5em;
	border-right:1px solid #c0c0c0;
	border-top:1px solid #c0c0c0;
}
table.common th{
	background-color:#f4f4f4;
	font-weight:normal;
	text-align:left;
	width:200px;
}
table.common caption{
	padding-bottom:5px;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/common/icon_indent_gray.gif) no-repeat 0 .15em;
}
/* pattern01 */
table.pattern01{
	width:100%;
}
table.pattern01 th,
table.pattern01 td{
	margin-bottom:5px;
	padding:7px 0;
	background:url(../images/common/brd_dot_01.gif) bottom repeat-x;
}
table.pattern01 th{
	width:120px;
	font-weight:normal;
	text-align:left;
}
table.pattern01 td .colIndent{
	padding:6px 17px;
	border-left:3px solid #dbdbdb;
}
table.pattern01 .listDecimal li{
	list-style-type:decimal;
	margin-left:20px;
}


/* -----製品情報----- */
#product .productsWrap{
	position:relative;
	margin-bottom:35px;
}
#product .productsWrap.bottom{
	margin-bottom:0;
}
#product .productsWrap .floatL{
	margin-right:15px;
}
#product .productsWrap .textBox{
	float:left;
	width:495px;
}
#product .productsWrap .btDetail{
	position:absolute;
	top:192px;
	left:177px;
}
#product .productsWrap .btTwobox{
	position:absolute;
	top:192px;
	left:177px;
}
#product .productsWrap  .btTwobox .btTwo{
	position:absolute;
	top:192px;
	left:177px;
}

/* -----アクセサリー----- */
#accessory .contTitle{
	margin-bottom:10px;
}
#accessory .acsBt{
	margin-bottom:4px;
}
#accessory .threeClm,
#accessory .fourClm{
	width:670px!important;
	float:none!important;
	margin-right:0!important;
}
#accessory .threeClm .floatL{
	padding-right:59px;
}
#accessory .threeClm .floatR{
}
#accessory .threeClm .acsImg{
	margin-bottom:10px;
}
#accessory .fourClm h3{
	width:140px;
}
#accessory .fourClm .floatL{
	padding-right:20px;
}
#accessory .fourClm .acsImg{
	margin-bottom:10px;
}
#accessory .dotBottom{
	margin-bottom:25px;
	padding-bottom:25px;
}
/* -----グッズ----- */
#goods .popThumb{
	margin-right:15px;
}
#goods .thumb{
  float:left;
}
#goods .thumb .column{
  margin-top:10px;
}
#goods .contTitleWrap{
	width:500px;
}

/* -----ミュージック----- */
#music .borderSlit .musicListArea,
#music .borderSlitB .musicListArea{
	background-color:#f5f5f5;
	padding:10px 15px;
}
#music .contTitleWrap{
	width:430px;
}
#music .contentsWrap dt{
	width:20px;
  float:left;
}
#music .contentsWrap dd{
	width:350px;
	margin-left:20px;
}
#music .contentsWrap dd.sDigit{
	width:271px;
	margin-left:30px;
}
#music .contentsWrap dl.single dd{
	width:600px;
	margin-left:20px;
}
#music .cdAreaMgn{
	width:303px;
}
#music .cdAreaMgnR{
	width:303px;
	margin-left:10px;
}
#music .thumb{
  float:left;
}
#music #compi .borderSlit{
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #dedede;
}
#music #compi .borderSlit.bottom{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
/* -----ゲーム----- */
#game .contTitleWrap{
	width:468px;
}
#game .thumb{
  float:left;
}
#game .thumb.slimImg{
	margin:0 25px 0 10px;
}
/* -----ニュースリリース----- */
#releases .listContents dd{
	padding-left:10em;
}
/* -----FAQ----- */
#faq .listContents dd{
	padding-left:10em;
}
/* -----サイトマップ----- */
#sitemap .contentsWrap li{
	width:300px;
}
#sitemap .contentsWrap ul{
	padding-right:30px;
}
#sitemap .contentsWrap ul.right{
	padding-right:0;
}
#sitemap .contTitle{
	margin-bottom:5px;
}
#sitemap .paLeft{
	padding-left:1em;
}
/* -----プライバシーポリシー、免責事項----- */
#privacy dl.dlType dt,
#disclaimer dl.dlType dt{
	font-weight:bold;
	color:#e60012;
	margin-bottom:.5em;
}
#privacy dl.dlType dd,
#disclaimer dl.dlType dd{
	margin-bottom:2em;
	padding-left:1em;
}
/* -----免責事項----- */
#disclaimer ol.listDecimal li{
	list-style-type:decimal;
}
#disclaimer ol.listDecimal li{
	margin-left:25px;
	padding-bottom:.5em;
}
/* -----悪質な攻略販売に関する注意----- */
#malignant ul.listType li{
	padding-left:11px;
	background:url(../images/common/icon_indent_gray.gif) no-repeat 0 .15em;
}
#malignant ul.listType li{
	margin-bottom:1.5em;
}
#malignant ul.listType li.bottom{
	padding-bottom:0;
}
/* -----会社情報----- */
#mapWrap .floatL{
	width:280px;
}
#mapWrap .floatL.right{
	margin-left:15px;
}
#mapWrap .floatC{
	width:600px;
}
#mapWrap p{
	padding-left:11px;
}
/* -----グッズお問い合わせ先----- */
#contactGoods ul.listStyle{
	width:320px;
	margin-right:20px;
}
#contactGoods ul.right{
	margin-right:0;
}
#contactGoods .listStyle li{
	margin-bottom:.5em;
}
/* -----お問い合わせフォーム----- */
#contact table.pattern01 th{
	width:150px;
}
#contact .btnArea input{
	margin-right:30px;
}
#contact #veriSignArea{
	margin:20px 0;
	text-align:center;
}
/* -----採用情報----- */
#recruit .recruitWrap ul{
	margin-bottom:30px;
}
#recruit .recruitWrap li{
	float:left;
	width:200px;
	margin-right:35px;
}
#recruit .recruitWrap li.right{
	margin-right:0;
}
#recruit .recruitWrap .caption{
	margin-top:.2em;
}
/* -----設置店検索----- */
#shopSearch .searchArea select{
	margin-right:10px;
}
#shopSearch .serachContents{
	position:relative;
	width:670px;
	height:200px;
	background:url(../contents/search/images/bg_yoshimune.gif) no-repeat;
}
#shopSearch .searchArea{
	position:absolute;
	top:10px;
	left:245px;
}
/*-- ニュース一覧 --*/
#newsl .rss{
	margin-bottom:15px;
}
#newsl #newsList #listContents dt{
	float:left;
}
* html #newsl #newsList #listContents dt{
	position:absolute;
}
#newsl #newsList #listContents dd{
	margin-bottom:12px;	
	padding:0 0 12px 10em;
	background:url(../images/common/brd_dot_02.gif) repeat-x bottom;
}
/* -----モバイルサイト----- */	
#mobile .logoArea{
	width:250px;
	float:left;
	padding-right:15px;
}
#mobile .textArea{
	width:400px;
	float:left;
	padding-bottom:20px;
}
#pcSite.contentsWrap{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dedede;
}
#pcSite .btnArea{
	margin:13px 0 0 20px;
}
#mobile .contTitle{
	margin-bottom:5px;
}
#mobile table.layout th{
	font-weight:normal;
	vertical-align:top;
}

/* -----CSRの取り組み----- */
#csr .center {
  text-align: center;
}
#csr .contributionBox01 {
  padding: 50px 20px;
}
#csr .contributionBox01 .box01{
  float: left; 
  text-align: center;
}
#csr .contributionBox01 .box02{
  float: right; 
  text-align: left;
}
#csr .definition3r {
  box-sizing: border-box;
  margin-bottom: 30px;
  padding-left: 25px;
}
#csr .definition3r dt {
  font-weight: bold;
  font-size:14px;
  margin-bottom: 0.5em;
}
#csr .definition3r dd {
  box-sizing: border-box;
  padding-left: 65px;
}
#csr .definition3r.last {
  margin-bottom: 60px!important;
} 
#csr .csrCommonList {
  list-style: none;
  margin-bottom: 60px;
}
#csr .csrCommonList li {
  background:url(../images/common/arr_link.gif) no-repeat 0 .3em;
  font-weight: bold;
  list-style: none;
  margin-bottom: 0.7em;
  padding-left:8px;
}
#csr .environmentBox01 {
  padding: 30px 0px;
}
#csr .environmentBox01 .box01{
  float: left; 
  text-align: left;
}
#csr .environmentBox01 .box02{
  float: right; 
  text-align: left;
}

#csr .safeBox01 {
  padding: 50px 90px;
}
#csr .safeBox01 .box01{
  float: left; 
  text-align: center;
}
#csr .safeBox01 .box02{
  float: right; 
  text-align: center;
}
#csr .listWelfare {
  list-style: none;
}
#csr .listWelfare li {
  border: 1px solid #cccccc;
  display: inline-block;
  height: 158px;
  list-style: none;
  margin: 0 5px 10px 0;
  padding: 0;
  vertical-align: middle;
  width: 158px;
}
#csr .listWelfare li.last {
  margin: 0 0 10px 0;
}
#csr .listWelfare li a{
  display: table-cell;
  height: 158px;
  vertical-align: middle;
  width: 158px;
}
#csr .posterBox01 {
  padding: 0px 60px 20px;
}
#csr .posterBox01 .box01{
  float: left; 
  text-align: center;
}
#csr .posterBox01 .box02{
  float: right; 
  text-align: left;
}
#csr .osoujiList2 {
  margin-bottom: 60px;
}
#csr .osoujiList dl,
#csr .osoujiList2 dl{
  list-style: none;
  float: left;
  margin: 0 6px 10px 0;
}
#csr .osoujiList dl.last,
#csr .osoujiList2 dl.last{
  list-style: none;
  float: left;
  margin: 0 0 10px 0;
}
#csr .osoujiList dl dt,
#csr .osoujiList2 dl dt{
  height: 20px;
}

/*20181129改修*/
.newtop .newtop-wrap{
	border-bottom:1px dotted #c9c9c9;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.newtop .newtop-inner{
	display: flex;
	margin-right: -7.5px;
	margin-left: -7.5px;
}
.newtop .itembox{
	width: calc(25% - 35px);
	margin-right: 7.5px;
	margin-left: 7.5px;
	background-color: #f2f2f2;
	padding: 10px 10px 20px;
}
.newtop .itembox .thumb{
	position: relative;
	border: solid 1px #a6a6a6;
	margin-bottom: 20px;
}
.newtop .itembox .thumb .zoom{
	position: absolute;
	top:0;
	right:0;
}
.newtop .itembox .thumb .imgBorder{
	width: 100%;
	height: auto;
	border:none;
}
.newtop .itembox .itemttl{
	font-size: 12px;
	font-weight: bold;
}
.newtop .itembox .itemprice{
	font-size: 12px;
	text-align: right;
}
.newtop .itembox .itemlink{
	position: relative;
	font-size: 12px;
	padding-left: 0.8em;
	margin-top: 10px;
}

.newtop .itembox .itemlink:before{
	content:'';
	position: absolute;
	top:50%;
	margin-top:-3px;
	left: 4px;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #e60012;
}
.newtop .itembox .itemlink a{
	padding: 0!important;
	vertical-align: middle;
	letter-spacing: -0.07em;
}
.newtop .itembox .itemlink img{
	vertical-align: middle;
}



.newtop .newtop-inner2{
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}
.newtop .newtop-inner2 .itembox{
	width: calc(50% - 60px);
	margin-right: 10px;
	margin-left: 10px;
	padding: 20px;
}
.newtop .newtop-inner2 .itembox .thumb{
	margin-bottom: 30px;
}
.newtop .newtop-inner2 .itembox .thumb .zoom{
	width: 30px;
	height: 30px;
}
.newtop .newtop-inner2 .itembox .itemttl,
.newtop .newtop-inner2 .itembox .itemprice,
.newtop .newtop-inner2 .itembox .itemlink{
	font-size: 13.5px;
}
.newtop .newtop-inner2 .itembox .itemttl{
	margin-bottom: 5px;
}
.newtop .newtop-inner2 .itembox .itemlink{
	margin-top: 20px;
}

#goods .newitem .typeHigh{
  border-bottom: solid 2px #dedede;
  position: relative;
  font-size: 19.5px;
  padding-bottom: 2px;
  font-weight: bold;
}
#goods .newitem .typeHigh:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #e60012;
  bottom: -2px;
  width: 20%;
}
#goods .newitem .borderSlitIn{
	display: flex;
	justify-content: space-between;
}
#goods .newitem .borderSlitIn p.amazon{
	margin-bottom: 35px;
}
#goods .newitem .borderSlitIn p.amazon a{
	padding-left: 0;
}
#goods .newitem .thumb{
	float: none;
	width: 250px;
	height: 250px;
}
#goods .newitem .thumb .imgBorder{
	width: 100%;
	height: auto;
	border:none;
}
#goods .newitem .contTitleWrap{
	float:none;
	width: calc(100% - 270px);
}

#goods .newitem .thumb{
	position: relative;
	border: solid 1px #a6a6a6;
}
#goods .newitem .thumb .zoom{
	position: absolute;
	top:0;
	right:0;
}
#goods .newitem .iconBar{
	padding-left: 0;
	background-image: none;
	font-size: 13.5px;
}
#goods .newitem .iconBar span{
	font-size: 1.2em;
	color:#e60012;
	font-weight: bold;
	display: inline-block;
	margin-left: 1em;
	margin-right: 0.5em;
}
#goods .newitem .borderSlit.borderBottom{
	border-bottom: none;
}