@charset "UTF-8";
/*===================================================================
    reset
===================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td,
nav, article, section, header, footer, address {
  margin: 0;
  padding: 0;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 1.7;
  color: #d2d2d2;
  -webkit-text-size-adjust: 100%;
}

p{
	max-height: 999999px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:link,
a:visited {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #ccc;
}

address {
  font-style: normal;
}

img {
  border: medium none;
  vertical-align: middle;
}

small {
  font-size: 12px;
}

li {
  list-style: none;
}



.caution{
	font-size: 12px;
	color: #d2d2d2;
	padding:10px 0 0 0;
}


/*===================================================================
    clearfix
===================================================================*/
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.clear {
  clear: both;
}

/*===================================================================
    detail
===================================================================*/
body {
  background-color: #191919;
}
body #header {
  width: 100%;
  background-color: #000;
}
body #header #h_top {
  width: 100%;
  height: 41px;
  padding-top: 24px;
  background: #000;
}
body #header #h_top p {
  width: 912px;
  margin: 0 auto;
}
body #header #h_main {
  background: url(../images/bg_hmain.jpg) repeat-x;
}
body #header #h_main #h_cont {
  margin: 0 auto;
  padding-top: 30px;
  background: url(../images/bg_body.jpg) no-repeat;
  background-position: center;
}
body #header #h_main #h_cont h1 {
  text-align: center;
  margin-bottom: 46px;
}
body #header #h_main #h_cont h2 {
  text-align: center;
  margin-bottom: 39px;
}
body #header #h_main #h_cont #h_desc {
  text-align: center;
  margin-bottom: 13px;
}
body #header #h_main #h_cont #h_img {
  width: 960px;
  margin: 0 auto;
  text-align: right;
}
@media screen and (min-width: 640px) {
  body #header #h_cont {
    width: 980px;
  }
}
body #main {
  width: 100%;
  /*.product {
  	width: 300px;
  	padding: 15px;
  	background-color: #0d0d0d;
  	.pl {
  		float: left;
  		width: 181px;

  		h4 {

  		}
  		.p_desc {
  			font-size: 12px !important;
  			margin: 18px 0 14px;
  		}
  		.p_btn {

  		}
  	}
  	.pimg {
  		float: right;
  	}

  }*/
}
body #main .sec_cont {
  width: 900px;
  margin: 0 auto;
}
body #main #sec_01 {
  margin: 52px auto 0;
  padding: 39px 0 0;
  border-top: #7d7d7d 1px solid;
}
body #main #sec_01 .sec_cont {
  width: 960px;
}
body #main #sec_01 .sec_cont .left {
  float: left;
}
body #main #sec_01 .sec_cont .left h3 {
  margin-bottom: 56px;
}
body #main #sec_01 .sec_cont .left p {
  font-size: 16px;
  width:540px;
}
body #main #sec_01 .sec_cont .right {
  float: left;
  width:371px;
}
body #main #sec_02 {
  margin: 33px auto 0;
  padding: 90px 0 0;
  border-top: #7d7d7d 1px solid;
}
body #main #sec_02 p {
  font-size: 16px;
}
body #main #sec_02 h3 {
  margin-bottom: 65px;
}
body #main #sec_02 #ttl_2 {
  margin-bottom: 32px;
}
body #main #sec_02 #sec02_1 {
  margin-bottom: 50px;
}
body #main #sec_02 #se02_2 {
  margin-bottom: 49px;
}
body #main #sec_02 #se02_2 .left {
  width: 510px;
  float: left;
}
body #main #sec_02 #se02_2 .right {
  margin-left: 53px;
  float: left;
}
body #main #sec_03 {
  margin: 45px auto 0;
}
body #main #sec_03 #sec03_1 {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}
body #main #sec_03 #sec03_2 {
  text-align: center;
  margin-bottom: 50px;
}
body #main #sec_03 #sec03_3 {
  font-size: 16px;
}
body #main #sec_04 {
  margin: 133px auto 0;
  padding: 76px 0 0;
  border-top: #7d7d7d 1px solid;
}
body #main #sec_04 p {
  font-size: 16px;
}
body #main #sec_04 h3 {
  margin-bottom: 43px;
}
body #main #sec_04 #sec04_1 .left {
  width: 538px;
  margin-right: 30px;
  float: left;
}
body #main #sec_04 #sec04_1 .right {
  float: left;
  width: 315px;
  /*.product {
  	.pimg {
  		margin-top: 5px;
  	}
  }*/
}
body #main #sec_04 #sec04_1 .right .desc {
  margin: 10px 0 30px;
  font-size: 14px;
  color: #d2d2d2;
}
body #main #sec_04 #sec04_2 {
  margin-top: 48px;
}
body #main #sec_04 #sec04_2 .product {
  float: left;
  margin: 0 36px 7px 0;
  /*.pimg {
  	margin-top: 56px;
  }*/
}
body #main #sec_04 #sec04_3 {
  margin-top: 45px;
}
body #main #sec_04 #sec04_3 .product {
  float: right;
  margin: 0 0 7px 36px;
}
body #main #sec_04 #sec04_4 .product {
  float: left;
  margin: 14px 36px 0 0;
  /*.pimg {
  	margin-top: 42px;
  }*/
}
body #main #sec_04 #sec04_4 .right {
  width: 532px;
  float: left;
}
body #main #sec_04 #sec04_5 {
  margin-top: 46px;
  text-align: center;
}
body #main #sec_05 {
  margin: 96px auto 0;
  padding: 70px 0 0;
  border-top: #7d7d7d 1px solid;
}
body #main #sec_05 p {
  font-size: 16px;
}
body #main #sec_05 h3 {
  margin-bottom: 41px;
}
body #main #sec_05 #sec05_1 {
  margin-bottom: 24px;
  font-size: 16px;
}
body #main #sec_05 #sec05_1 .product {
  float: right;
  margin: 0 0 7px 36px;
  /*.pimg {
  	margin-top: 2px;
  }*/
}
body #main #sec_05 #sec05_2 .left {
  float: left;
  margin-right: 30px;
}
body #main #sec_05 #sec05_2 .left .product {
  margin-bottom: 30px;
}
body #main #sec_05 #sec05_2 .left .product .pimg {
  margin-top: 8px;
}
body #main #sec_05 #sec05_2 .left .product #pimg2 {
  margin-top: 27px;
}
body #main #sec_056 {
  margin: 90px auto 50px;
  padding: 52px 0 0;
  border-top: #7d7d7d 1px solid;
}
body #main #sec_056 h3 {
  margin-bottom: 30px;
  text-align: center;
}
body #main #sec_056 p {
  font-size: 16px;
}
body #main #sec_06 {
  margin-bottom: 98px;
}
body #main #sec_06 h3 {
  text-align: center;
  margin-bottom: 15px;
}
body #main #sec_06 ul {
  display: table;
  width: 635px;
  margin: 0 auto;
}
body #main #sec_06 ul li {
  height: 250px;
  padding: 15px;
  float: left;
  border: 1px solid #b4b4b4;
  background-color: #000;
}
body #main #sec_06 ul li h4, body #main #sec_06 ul li p {
  text-align: center;
}
body #main #sec_06 ul li h4 {
  height: 40px;
}
body #main #sec_06 ul li .dtr_lnk {
  margin: 5px 0;
}
body #main #sec_07 {
  margin-bottom: 74px;
}
body #main #sec_08 {
  text-align: center;
}
body #main #sec_09 {
  margin-top: 70px;
}
body #main #sec_09 .sec_cont h3 {
  font-size: 16px;
}
body #main #sec_09 .sec_cont p {
  margin-top: 12px;
}
body #main #sec_10 {
  margin-top: 57px;
}
body #main #sec_10 .sec_cont h3 {
  margin-bottom: 6px;
  font-size: 16px;
}
body #main #sec_10 .sec_cont .bg_area {
  padding: 22px 0 20px 24px;
  border: #737373 1px solid;
  background: #000;
}
body #main #sec_10 .sec_cont .bg_area h3 {
  float: left;
}
body #main #sec_10 .sec_cont .bg_area .left {
  float: left;
}
body #main #sec_10 .sec_cont .bg_area .right {
  margin: 14px 0 0 143px;
  float: left;
}
body #main #sec_11 {
  margin-top: 70px;
}
body #main #sec_11 .sec_cont h3 {
  font-size: 16px;
}
body #main #sec_11 .sec_cont .bg_area {
  width: 340px;
  height: 70px;
  margin-top: 12px;
  padding: 260px 0 0 541px;
  background: url(../images/bg_sec10.jpg) no-repeat;
}
body #main #sec_12 {
  margin-top: 47px;
}
body #main #sec_12 .sec_cont .desc {
  margin-top: 28px;
  font-size: 16px;
  color: #dcdcdc;
}
body #main #sec_12 .sec_cont .btn {
  margin-top: 30px;
  text-align: center;
}
body #main #sec_12-13 {
  margin-top: 70px;
}
body #main #sec_12-13 .sec_cont h3 {
  font-size: 18px;
}
body #main #sec_12-13 .sec_cont .bg_area {
  height: 70px;
  margin-top: 12px;
  padding: 260px 0 0 640px;
  background: url(../images/bg_sec08.jpg) no-repeat;
}
body #footer {
  margin-top: 58px;
  padding-top: 20px;
  border-top: #7d7d7d 1px solid;
  background-color: #191919;
}
body #footer #f_cont {
  width: 900px;
  margin: 0 auto;
}
body #footer #f_cont #copyright {
  margin-top: 23px;
  padding-bottom: 8px;
}


#sec_06 ul {
width: 635px;
}


/* add sec 13 いい音には、発見がある最新ヘッドホン聴き比べ */
#sec_13 {
  margin: 80px 0 70px 0;
  padding: 70px 0 0 0;
  border-top: #7d7d7d 1px solid;
}
#sec_13 h3 {
  text-align: center;
  margin-bottom: 40px;
}

#sec_13 h4{
	padding:0 0 30px 0;
}

#sec13_1 {
  margin-bottom: 24px;
  font-size: 16px;
}

	#sec13_1 .left{
		float:left;
		width:530px;
	}
	#sec13_1 .right{
		float:right;

	}

#sec13_2 {
  font-size: 16px;
}

#sec13_3 {
  margin:10px 0 80px 0;
  font-size: 16px;
}

	#sec13_3 .product{
		float:left;
		width:325px;
	}
	#sec13_3 .right{
		float:right;
		width:540px;
	}

#sec13_4 {
  font-size: 16px;
}

	#sec13_4 .left{
		float:left;
		width:530px;
	}
	#sec13_4 .right{
		float:right;

	}

#sec13_5 {
  font-size: 16px;
  margin-bottom:24px;
}


#sec13_6 {
  margin-bottom: 60px;
  font-size: 16px;
}

	#sec13_6 .left{
		float:left;
		width:325px;
	}
	#sec13_6 .right{
		float:right;
		width:540px;

	}

#sec13_7 {
  width: 100%;
  text-align: center;
  margin-bottom: 70px;
}

#sec13_8 {
  margin:10px 0 0 0;
  font-size: 16px;
}

	#sec13_8 .product{
		float:left;
		width:325px;
	}
	#sec13_8 .right{
		float:right;
		width:540px;
	}

#sec13_9 {
  font-size: 16px;
  margin-bottom:80px;
}

#sec13_10 {
  margin:10px 0 0 0;
  font-size: 16px;
}

	#sec13_10 .left{
		float:left;
		width:540px;
	}
	#sec13_10 .product{
		float:right;
		width:326px;
	}

#sec13_11 {
  font-size: 16px;
}

#sec13_12 {
  font-size: 16px;
  margin-bottom:80px;
}

	#sec13_12 .product{
		float:left;
		width:326px;
		margin-top:30px;
	}
	#sec13_12 .right{
		float:right;
		width:540px;
	}

#sec13_13 {
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
}

/* add sec 14 またひとつ、進化を遂げたワイヤレスヘッドホン。 */
#sec_14 {
  margin: 90px 0 80px 0;
  padding: 80px 0 0 0;
  border-top: #7d7d7d 1px solid;
}
#sec_14 h3 {
  text-align: center;
  margin-bottom: 40px;
}

#sec_14 h4{
	padding:0 0 30px 0;
}

#sec14_1 {
  margin-bottom: 24px;
  font-size: 16px;
}

	#sec14_1 .left{
		float:left;
		width:530px;
	}
	#sec14_1 .right{
		float:right;

	}
#sec14_2 {
  font-size: 16px;
}

#sec14_3 {
  margin:10px 0 40px 0;
  font-size: 16px;
}

	#sec14_3 .product{
		float:left;
		width:325px;
		margin-top:30px;
	}
	#sec14_3 .right{
		float:right;
		width:540px;
	}


#sec14_4{
	width: 900px;
	height: 410px;
	background: url(../images/bg_sec14.jpg) no-repeat;
	position:relative;
}
#sec14_4 .detail_btn{
	position:relative;
	width:240px;
	height:45px;
	top:270px;
	left:330px;
}


/* ladac */



#sec_ladac{
	background-color:#fff;
	width: 100%;
	height:100%;
	color:#333;
	font-size:16px;
}

	#sec_ladac h5{
		text-align:center;
		font-size:32px;
		font-weight:bold;
		color:#fff;
		background-color:#A68A40;
		padding:3px;
	}

	#sec_ladac .left{
		float:left;
		width:570px;
		padding:30px 0 0 40px;
		background:#fff;
	}


	#sec_ladac .right{
		float:right;
		margin:50px 40px 0 0;

	}

	#sec_ladac .detail_btn{
		padding:20px 0 0 40px;
		clear:both;
		width:800px;
		height:70px;

	}
	#sec_ladac .detail_btn a{
		float:left;
		padding-top:5px;
	}
	#sec_ladac .detail_btn ul{
		float:left;
		font-size:12px;
		padding:0 0 0 20px;
		color:#666;
		line-height:1.5em;
	}

	#sec_ladac .under{
		clear:both;
		margin:20px 40px 50px 40px;
		border-top:1px #333 solid;
		padding:20px 0 0 0;
	}

	#sec_ladac a{
		text-decoration:underline;
		color:#333;
	}

	#sec_ladac a:hover{
		text-decoration:none;
		color:#666;
	}


	#sec_ladac h6{
		color:#A68A40;
		font-size:22px;
		font-weight:bold;
		line-height:1.5em;
		padding-bottom:15px;
	}

#sec_ladac .caution{
	color:#666;
	font-size:12px;

}

#sec_ladac .icon{
	padding:2px 2px 8px 4px;

}

/* sec_ladacの部分は何故かPタグを使うと背景が真っ黒になって背景イメージ等を設定しても治らないのでpを使ってはいけない */