/*　インクルード関連のCSSをまるっと記述　*/

/* spec_002.html css */
h2.spectitle {
	margin: 20px 0;
	padding-bottom: 5px;
	font-size: 1.7em;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
table.specBox {
	width: 950px;
	margin: 0 0 20px;
	padding: 10px;
	font-weight: 400;
	vertical-align: top;
	border-top: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	text-align: center;
}
table.specBox th {
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	padding: 10px;
}
table.specBox td {
	border-bottom: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
	padding: 10px;
}
.bgColor_gray {
	background: #E9E9E9;
}
.bgColor_gray2 {
	background: #F2F2F2;
}
.spectextLeft {
	text-align: left;
}
@media (max-width:640px) {
h2.spectitle {
	margin: 20px 0;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #999;
}
table.specBox {
	width: auto;
	margin: 0 0 20px;
	padding: 10px;
	font-weight: 400;
	font-size: .6em;
	vertical-align: top;
	border-top: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	text-align: center;
}
.mod-specTable-note {
	font-size: .5em;
}
}
/* spec_002.html css end */

/* category内 */
.inc-acc-cBox {
	overflow: hidden;
}
h3.inc-acc-title {
	position: relative;
	background: url(/handycam/pre_include/wd/images/bg.png);
	min-height: 79px;
	padding: 0;
	vertical-align: middle;
}
h3.inc-acc-title img.type1 {
	position: absolute;
	left: 10px;
	top: 0;
}
h3.inc-acc-title img.type2 {
	position: absolute;
	left: 10px;
	top: 15px;
}
h3.inc-acc-title img.type3 {
	position: absolute;
	left: 10px;
	top: 4px;
}
.inc-acc-title span.ttl {
	position: absolute;
	left: 200px;
	top: 23px;
	color: #CC3266;
	font-size: 24px;
}
.inc-acc-title span.ttl2 {
	position: absolute;
	left: 215px;
	top: 23px;
	color: #CC3266;
	font-size: 24px;
}
.inc-acc-title span.ttl3 {
	position: absolute;
	left: 230px;
	top: 23px;
	color: #CC3266;
	font-size: 24px;
}
.inc-acc-contents p {
	font-size: 16px;
	margin: 30px 30px 30px;
}
.inc-acc-contents .le {
	float: left;
}
.inc-acc-contents .ri {
	float: right;
}
@media (max-width:640px) {
h3.inc-acc-title {
	min-height: auto;
	padding: 5px 5px 20px;
	background: #f4dae3 url(/handycam/pre_include/wd/images/bgsp.png) repeat-x left bottom;
}
.inc-acc-title img {
	width: 20%;
}
.inc-acc-title span {
	font-size: 18px;
	margin: 5px 0 0 6px;
	width: 70%;
}
.inc-acc-title span.ttl {
	font-size: 105%;
	margin: 0px 0 0 6px;
	width: 70%;
}
.inc-acc-contents p {
	font-size: 14px;
}
.inc-acc-contents img {
	width: 100%;
}
.inc-acc-contents .le {
	float: none;
}
.inc-acc-contents .ri {
	float: none;
}
h3.inc-acc-title img.type1 {
	position: static;
	margin: 10px auto;
}
h3.inc-acc-title img.type2 {
	position: static;
}
h3.inc-acc-title img.type3 {
	position: static;
}
h3.inc-acc-title img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}
.inc-acc-title span.ttl {
	position: static;
	left: 0;
	top: 0;
	color: #CC3266;
	font-size: 24px;
}
.inc-acc-title span.ttl2 {
	position: static;
	left: 0;
	top: 0;
	color: #CC3266;
	font-size: 26px;
}
.inc-acc-title span.ttl3 {
	position: static;
	left: 0;
	top: 0;
	color: #CC3266;
	font-size: 24px;
}
}
/* acc include format */
.leftblock {
	float: left;
	width: 316px;
	margin: 15px 0 0 40px;
}
.leftblock p {
	margin: 0 0 20px;
}
.leftblock2 {
	float: left;
	width: 390px;
	margin: 15px 0 0 40px;
}
.leftblock2 p {
	margin: 0;
}
.rightblock {
	position: relative;
	float: right;
	width: 499px;
	margin: 18px 40px 0 0;
}
.rightblock2 {
	float: right;
	width: 386px;
	margin: 18px 77px 0 0;
}
.centerblock {
	width: 630px;
	margin: 0 auto 40px;
}
.accbtn {
	position: absolute;
	left: 322px;
	top: 289px;
}
.accbtn2 {
	position: absolute;
	left: 16px;
	top: 290px;
}
.accbtn3 {
	position: absolute;
	left: 263px;
	top: 290px;
}
.accbtn4 {
	position: absolute;
	left: 388px;
	top: 290px;
}
.acc_include_arrow {
	float: left;
	margin: 270px 0 0 15px;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
@media (max-width:640px) {
.leftblock {
	float: none;
	width: auto;
	margin: auto;
}
.leftblock img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.leftblock p {
	margin: 30px auto;
}
.leftblock2 {
	float: none;
	width: auto;
	margin: auto;
}
.rightblock {
	position: relative;
	float: none;
	width: auto;
	margin: 0 auto;
}
.rightblock img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}
.rightblock2 {
	float: none;
	width: auto;
	margin: 0 auto;
}
.rightblock2 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}
.centerblock {
	width: auto;
	margin: 0 30px;
}
.centerblock img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}
.accbtn {
	position: absolute;
	left: 64%;
	top: 82%;
}
.accbtn img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.accbtn2 {
	position: absolute;
	left: 2%;
	top: 82%;
}
.accbtn2 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.accbtn3 {
	position: absolute;
	left: 53%;
	top: 82%;
}
.accbtn3 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.accbtn4 {
	position: absolute;
	left: 77%;
	top: 83%;
}
.accbtn4 img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.acc_include_arrow {
	overflow: hidden;
	float: none;
	margin: 0 auto;
}
.acc_include_arrow img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 20px auto;
}
}
@media (max-width:420px) {
.accbtn {
	position: absolute;
	left: 64%;
	top: 78%;
}
.accbtn img {
	display: block;
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;
}
.accbtn2 {
	position: absolute;
	left: 1%;
	top: 80%;
}
.accbtn2 img {
	display: block;
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
}
.accbtn3 {
	position: absolute;
	left: 53%;
	top: 80%;
}
.accbtn3 img {
	display: block;
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
}
.accbtn4 {
	position: absolute;
	left: 76%;
	top: 80%;
}
.accbtn4 img {
	display: block;
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
}
}
@media (max-width:380px) {
.accbtn {
	position: absolute;
	left: 64%;
	top: 78%;
}
.accbtn img {
	display: block;
	max-width: 70%;
	max-height: 70%;
	width: auto;
	height: auto;
}
.accbtn2 {
	position: absolute;
	left: -1%;
	top: 79%;
}
.accbtn2 img {
	display: block;
	max-width: 65%;
	max-height: 65%;
	width: auto;
	height: auto;
}
.accbtn3 {
	position: absolute;
	left: 48%;
	top: 79%;
}
.accbtn3 img {
	display: block;
	max-width: 65%;
	max-height: 65%;
	width: auto;
	height: auto;
}
.accbtn4 {
	position: absolute;
	left: 76%;
	top: 80%;
}
.accbtn4 img {
	display: block;
	max-width: 65%;
	max-height: 65%;
	width: auto;
	height: auto;
}
}
/***********************************
compatible_001.html
***********************************/
.cateBox {
	overflow: hidden;
	width: 942px;
	margin: 0 auto 40px;
}
.cateBox a {
	text-decoration: none;
	color: #000;
}
.cont {
	float: left;
	width: 306px;
	margin: 20px 9px 0 0;
	border: solid 1px #ccc;
}
.cont:hover {
	background: #fafafa;
}
.cont_last {
	float: left;
	width: 306px;
	margin: 20px 0 0 0;
	border: solid 1px #ccc;
}
.cont_last:hover {
	background: #fafafa;
}
.cont_last a:hover {
	color: #c41230;
	text-decoration: underline;
}
.borderwrap {
	margin: 0;
}
.stext {
	margin: 30px 0 0;
	padding: 0;
	font-size: 90%;
	text-align: center;
}
.product {
	width: 306px;
	margin: 0 auto;
}
.name {
	margin: 3px auto;
	font-weight: normal;
	font-size: 2.3em;
	text-align: center;
}
.name2 {
	margin: 3px 0;
	font-weight: bold;
	font-size: 160%;
	text-align: center;
}
.introtext {
	height: 40px;
	margin: 10px 15px 20px;
	padding: 0;
	text-align: center;
}
.btn {
	margin: 25px auto 40px;
	text-align: center;
}
@media (max-width: 640px) {
.cateBox {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
}
.cont {
	float: none;
	width: auto;
	margin: 20px auto;
	border: solid 1px #ccc;
}
.cont_last {
	float: none;
	width: auto;
	margin: 20px auto;
	border: solid 1px #ccc;
}
.cont_last a:hover {
	color: #c41230;
	text-decoration: underline;
}
.borderwrap {
	overflow: hidden;
	margin: 0 0 20px;
}
.stext {
	margin: 30px 0 0;
	padding: 0;
	font-size: 90%;
	text-align: center;
}
.product {
	float: left;
	width: 50%;
	margin: 0 0 0 5%;
}
.product img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.name {
	margin: 3px auto;
	font-weight: normal;
	font-size: 2.3em;
	text-align: center;
}
.name2 {
	margin: 3px 0;
	font-weight: bold;
	font-size: 160%;
	text-align: center;
}
.introtext {
	height: 40px;
	margin: 0 15px 30px;
	padding: 0;
	text-align: center;
}
.btn {
	float: right;
	width: 45%;
	margin: 10% auto 0;
}
}
/***********************************
feature_1_b_
***********************************/
.featureTtl {
	width: 950px;
	margin: 30px 0;
}
.featureMovBlock {
	overflow: hidden;
	width: 950px;
	margin: 0 0 30px;
}
.featureMovLeft {
	float: left;
	width: 452px;
}
.featureMovRight {
	float: right;
	width: 452px;
}
.featureSubTtl {
	width: 452px;
	margin: 0;
}
iframe {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
 @media (max-width:640px) {
.featureTtl {
	width: auto;
	margin: 0 auto 30px;
}
.featureTtl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.featureSubTtl {
	width: auto;
	margin: 0 auto;
}
.featureSubTtl img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.featureMovBlock {
	overflow: hidden;
	width: auto;
	margin: 0 auto 30px;
}
.featureMovLeft {
	float: none;
	width: auto;
	margin: 0 auto 30px
}
.featureMovLeft img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.featureMovRight {
	float: none;
	width: auto;
	margin: 0 auto 30px
}
.featureMovRight img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
}
.YoutubeWrapper {
	position: relative;
	margin: 0;
	padding-bottom: 56%;
	overflow: hidden;
}
.YoutubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
body {
	margin: 0!important;
	padding: 0!important;
}


/***********************************
top logo bnr関連
***********************************/
.logobnrarea {
	width:950px;
	margin: 0 auto;
}
@media (max-width: 640px){
	.logobnrarea {
		width:auto;
		margin: 0 10px;
	}
}
ul.jyusyo_logo {
	overflow: hidden;
	margin: 0 0 40px;
	padding: 0;
}
ul.jyusyo_logo li {
	list-style: none;
	float: left;
	display: inline;
	margin: 15px 15px 0 0;
}
ul.jyusyo_logo li.last {
	list-style: none;
	float: left;
	display: inline;
	margin: 15px 15px 0 6px;
}
.inc-gallery-note {
	display: block;
	overflow: hidden;
}
.inc-gallery-note .inc-pickupnav-item-img {
	float: left;
}
.inc-pickupnav-item-img {
	width: 215px;
	height: 130px;
}
.inc-gallery-note .inc-pickupnav-item {
	width: 100%;
	float: none;
}
.inc-gallery-note .inc-pickupnav-item-text {
	overflow: hidden;
	padding: 48px 0 45px 20px;
}
.inc-pickupnav-item-text {
	font-size: 13px;
	padding: 6px 0 0;
}
.inc-pickupnav-item-h {
	font-weight: 700;
}
.inc-pickupnav-item a {
	color: #000;
	text-decoration: none;
	display: block;
}
/***********************************
MQ
***********************************/
.pc {
	display: block;
}
.sp {
	display: none;
}
@media (max-width:640px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
}