
* {
	list-style:none;
}

body {
	display: table;
	width: 100%;
}

/* common start */

.mt0 {
	margin-top: 0px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mt5 {
	margin-top: 10px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px;
}

.mt40 {
	margin-top: 40px;
}

.font-110per {
	font-size: 110%;
}

.bothSide-p10 {
	padding: 0 10px;
}

.img-spOnly {
	display:none;
}

.pcOnly {
	display: block;
}

.spOnly {
	display: none;
}

.txtAlign-c-pc {
	text-align: center;
}

.disBlock-pc {
	display:block;
}

.disBlock-sp {
	display: inline;
}

.w-auto {
	width: auto;
}

.break-pcOnly {
	display: block;
}

h3 {
	font-size: 24px;
}



/* common end */


.mod-sample-block .sample-detail-box p {
	margin-bottom: 0px;
	font-size: 18px;
}

.mod-categoryHeader {
	clear: none;
	position: static;
	width: auto;
	min-height: 0;
	_height: 0px;
	margin: 0 auto;
	padding: 0;
}

.mod-mainContentContainer {
	max-width: none;
	padding-bottom: 155px;
}

.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav {
	padding-top: 0px;
}

.main-visual-wrapper .img-spOnly {
	display: none;
}

.main-visual-wrapper {
	background: url(/products/Professional/c_c/nmi/images/main-visual-bg.jpg) repeat-x;
	text-align: center;
}

.main-visual-wrapper h1 .pcOnly {
	margin: 0;
}

.video-section .content {
	width: 944px;
	margin: 0 auto 0;
	text-align: center;	
}


.first-section {
	padding-bottom: 50px;
	background: #0764bb;
	color: #FFF;
}

.first-section h3.first,
.first-section h3.second {
	text-align: left;
	margin-top: 45px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 50px;
	background: url(/products/Professional/c_c/nmi/images/circle.gif) no-repeat left 0px;
	-ms-background-position-y: -1px;
}

.first-section .desc-large {
	margin: 20px 0 15px;
	font-size: 22px;	
}

.first-section .desc-small {
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
}

.first-section .arrow-down {
	display:block;
	margin: 0 auto;
}

.first-section .arrow-down.img-spOnly {
	display: none;
}

.first-section .under-h2 {
	margin-top: 20px;
}

.first-section .catch-phrase {
	width: 890px;
	margin-top: 20px;
	margin-bottom: 0;
	padding: 20px 30px;
	font-size: 30px;
	background-color: #000;
	letter-spacing: -2px
}

.second-sectionTop {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #c5e8fc;
}


.second-section {
	padding-top: 25px;
	padding-bottom: 50px;
	background: #c5e8fc;
}


.first-section .content {
	width: 944px;
	margin: 40px auto 0;
	text-align: center;
}

.second-section .content,
.second-sectionTop .content {
	width: 944px;	
	margin: 0 auto;
	text-align: center;	
}

.second-section .content p {
	text-align: left;
	font-size: 18px;
}

.second-section .content .img-desc-wrapper {
	width: 950px;
}

.second-section .content .img-desc-wrapper .img-desc {
	float: left;
	width: 475px;
}

.second-section .content .img-desc-wrapper .img-desc p {
	width: 420px;
	margin-left: 20px;
	font-size: 16px;
	margin-top: 5px;
}

.second-section .content .img-desc-wrapper .img-desc .blue-font {
	color: #0764bb;
	margin-left: 35px;
}

.second-section .content .img-desc-wrapper .img-desc .txtAlign-c-pc {
	text-align: center;
}

.first-section h2 {
	width: 950px;
	font-size: 30px;
	margin: 0 auto;
	padding-top: 40px;	
	color: #ffffff;
}

.second-sectionTop h2 {
	width: 950px;
	font-size: 30px;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;	
	background-color: #000;
}

.second-sectionTop .merit-listPc {
	width: 950px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 0;
}

.second-sectionTop .merit-listPc li {
	float: left;
	margin-bottom: 0;
	margin-left: 10px;
}

.second-sectionTop .merit-listPc .first-ml0 {
	margin-left: 0;
}


.second-sectionTop .merit-listSp {
	margin: 10px 0 0 0;
	padding: 0;
}

.second-sectionTop .merit-listSp.bottom {
	margin-top: 5px;
}

.second-sectionTop .merit-listSp li {
    display:  block;
	width: 49%;
	margin: 0;
}

.second-sectionTop .merit-listSp .merit-left {
	float: left;
}

.second-sectionTop .merit-listSp .merit-right {
	float: right;
}
 

.second-sectionTop .merit-listSp li img {
	width: 100%;
	height:auto;
}


.inquiry {
	width: 850px;
	margin: 130px auto 0;	
	background-color: #bde1f6;
}

	.inquiry h3 {		
		color: #0865bc;
		font-size: 28px;
		margin: 0;
		padding: 20px 0 0;
		text-align: center;
	}
		
	.inquiry ul {
		width: 725px;
		height: 77px;
		margin: 15px auto 40px;
		padding: 0px;
		color: #333333;
	}
	
	.inquiry ul li {
		display: block;
		width: 334px;
		height: 77px;
		margin: 0;
	}
			
	.inquiry ul li a {
		display: block;
		width: 334px;
		height: 77px;
		margin: 0;
		padding: 0px;
		color: #333333;
		font-weight: bold;		
	}
	
	.inquiry ul .btn-telFax {
		float: left;
	}
	
	.inquiry ul .btn-mail {
		float: right;
		margin-right: 2px;
	}
	

/* header start */

#header {
min-height: 60px;
line-height: 60px;
background: #000000;
}

	#header .inner {
	overflow: hidden;
	}
		.inner {
		width: 960px;
		margin: auto;
		padding: 0 10px;
		}
	
	#header h1 {
	float: left;
	width: 94px;
	font-size: 0;
	}
	
		#header h1 a {
		display: inline-block;
		vertical-align: middle;
		}
		
			#header h1 .sony {
			display: block;
			overflow: hidden;
			width: 94px;
			height: 17px;
			background: url('../images/header/logo.png') no-repeat 50% 50%;
			text-align: left;
			text-indent: -9999px;
			}	
		
			#header h1 .network-camera {
			display: none;
			}
		
	#header .products {
	float: left;
	width: 660px;
	margin-left: 15px;
	font-size: 0;
	}
	
		#header .products .note, #header .products .network-camera {
		border-right: 1px solid #4d4d4d;
		}
		
			#header .products li {
			display: inline-block;
			margin-left: 15px;
			padding: 5px 10px 5px 0;
			vertical-align: middle;
			font-size: 14px;
			}
			
			#header .products .network-camera a {
			display: block;
			overflow: hidden;
			width: 135px;
			height: 16px;
			background: url('../img/header/text_digital_paper.png') no-repeat 50% 50%;
			text-align: left;
			text-indent: -9999px;
			}
			
			#header .products li {
			display: inline-block;
			margin-left: 15px;
			padding: 5px 10px 5px 0;
			vertical-align: middle;
			font-size: 14px;
			}
			
			#header .products .desc span {
			display: block;
			overflow: hidden;
			width: 160px;
			height: 14px;
			background: url('../img/header/text_desc.png') no-repeat 50% 50%;
			text-align: left;
			text-indent: -9999px;
			}
			
			#header .products .document a {
			display: block;
			overflow: hidden;
			width: 118px;
			height: 16px;
			background: url('../img/header/text_document.png') no-repeat 50% 50%;
			text-align: left;
			text-indent: -9999px;
			}
			
			#header .products .note, #header .products .network-camera {
			border-right: 1px solid #4d4d4d;
			}
			
			#header .products li {
			display: inline-block;
			margin-left: 15px;
			padding: 5px 10px 5px 0;
			vertical-align: middle;
			font-size: 14px;
			}
			
			#header .products .note a {
			display: block;
			overflow: hidden;
			width: 77px;
			height: 16px;
			background: url('../img/header/text_note.png') no-repeat 50% 50%;
			text-align: left;
			text-indent: -9999px;
			}
			
#header .links {
float: right;
width: 300px;
text-align: right;
font-size: 0;
}

	#header .links li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	}

		#header .links .store a {
		display: block;
		overflow: hidden;
		width: 300px;
		height: 40px;
		background: url('../images/header/download-buttonPC.gif') no-repeat 50% 50%;
		text-align: left;
		text-indent: -9999px;
		}
		
			.btn {
			position: relative;
			}

			
/* header end */

/* Title */
.mod-titleContainer {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	background-color:#000;
	background-image:url(/snc/special/food/images/headingBg-greyBlack_02.gif);
	background-repeat: no-repeat;
	background-position: center;
}
	.mod-maintitleContainer {
		max-width:890px;
		margin:0 auto;
	}
		.mod-titleContainer .ex-TitleNo{
			display:inline-block;
			vertical-align:middle;
			color:#fff;
			font-size: 16px;
			margin:9px 35px 9px 0;
		}
			.mod-titleContainer .ex-TitleNo img{
				display: none;
			}
		.mod-titleContainer .ex-Title{
			display:inline-block;
			vertical-align:middle;
			color:#fff;
			font-size: 18px;
			margin:9px 35px 9px;
		}
	
	.mod-subtitleContainer {
		background-color:#2c82c4;
	}
		.mod-subtitleContainer .ex-subTitle{			
			max-width:950px;
			margin: 0 auto;
			padding: 10px 0;
			font-size: 24px;
			color:#fff;
		}
/* Title */


@media (max-width: 640px) {
	
.pcOnly {
	display: none;
}

.spOnly {
	display: block;
}

.img-spOnly {
	display:block;
	width: 100%;
	height: auto;
}

.disBlock-pc {
	display: inline;
}

.disBlock-sp {
	display: block;
}

.disBlock-spI {
	display: block !important;
}

.break-pcOnly {
	display: inline;
}

.break-spOnly {
	display: block;
}

.inner {
	width: auto;
}

#header .links .store a {
	background: url('../images/header/download-buttonSP.gif') no-repeat 50% 50%;
	width: 170px;		
}

#header .links {
	width: 170px;
}

.mod-mainContentContainer {
	padding: 0px;
}

.bg-black {
	background-color: rgba(0,0,0,0.6);
	background-image: none;
}


.main-visual-wrapper {
	background-image: none;	
}

.main-visual-wrapper h1 .pcOnly {
	display:none;
}


.main-visual-wrapper .img-spOnly {
	display: block;
	max-width: none;
}

.video-section,
.first-section,
.second-sectionTop,
.second-section {
	width: auto;
	margin: 0 auto 0;
	padding: 0 10px;
}

.video-section {
	width: auto;
	margin: 0 auto 0;
	padding: 0 10px;	
}

.first-section .content {
	margin: 35px auto 0;
	padding-bottom: 30px;
	width: 100%;
}

.first-section h2 {
	width: auto;
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 15px;
}

.first-section .desc-large,
.first-section .desc-small {
	font-size: 12px;
}

.first-section .arrow-down.pcOnly {
	display:none;
}

.first-section .arrow-down.img-spOnly {
	display: block;
	width: 64px;
	height: 19px;
}

.first-section .catch-phrase {
  width: auto;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 14px;
}

.first-section .catch-phrase .large-txt {
	font-size: 16px;
	font-weight: bold;
}

.first-section h3.first,
.first-section h3.second {
  height: 27px;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  padding-left: 30px;
  background: url(/products/Professional/c_c/nmi/images/circleSp.gif) no-repeat left bottom;
  background-size: 24px 24px;
  background-position: 0px 0px;
}

.second-sectionTop {
  padding-top: 30px;
  padding-bottom: 30px;
}

.second-sectionTop .content {
	width: 100%;
}

.second-sectionTop h2 {
	  width: auto;	  
	  margin-bottom: 0;
	  padding: 5px;
	  font-size: 14px;
	  letter-spacing: -2px;
}

.second-sectionTop h2 .large-txt {
	font-size: 16px;
}

.second-section .content p {
	font-size: 12px;
	padding-top: 15px;
	margin-bottom: 5px;
}

.second-section .content {
	width: 100%;		
	padding-bottom: 25px;
}

.second-section .content.pb30-adjSp {
	padding-bottom: 30px;
}

.second-section .desc-underImg.spOnly {
	margin-top: 20px;
}

.second-section .desc-underImg.spOnly p {
	padding: 0;
	margin: 0;
}

.second-section .desc-underImg.spOnly .black-fontSp {
	font-size: 12px;
}

.second-section .desc-underImg.spOnly .blue-fontSp {
	margin-top: 5px;
	font-size: 16px;
	font-weight:bold;
	color: #0764bb;
}

.second-section .content .no-topDesc {
	padding-top: 20px;
}

.video-section .content {
	width: auto;
}

.video-section .content iframe {
	width: 100%;
  height: 320px;
}


.message-spOnly {
	border: none;
	width: auto;
	margin: 20px auto 0;
	padding: 0 10px;
	text-align: center;
}

.question-message p {
	font-size: 13px;
	padding: 0 10px 30px;
}

.question_wideArrow {
	background:url(/snc/special/food/images/arrow-wideSmall.gif) no-repeat top center;
	background-size: 100%;
	height: 0;
	padding: 7.5%;
}
	

.inquiry {
	width: auto;
	margin-top: 30px;
}


#ex-sonybsc {
	padding: 0 10px;	
}

.mod-sample-block .sample-detail-movie p {
	font-size: 10px;
	margin-top: 0px;
}

.mod-sample-block .sample-detail-movie a {
	margin-top: 3px;
}



.inquiry h3 {
	font-size: 20px;
	padding: 20px 0 5px 10px;
}

.inquiry h4 {
	font-size: 12px;
	margin: 15px 0 0 10px;
}
	
.inquiry ul {
	width: auto;
	height: auto;
	padding: 0 25px;
	font-size: 12px;
	text-align: center;
	margin: 5px 0 20px;
}

.inquiry ul li a {
	width: auto;
	height: auto;
	max-height: 77px;
}

.inquiry ul li a img {
	width: 100%;
	max-width: 334px;
	height: auto;
}

.inquiry ul .btn-telFax,
.inquiry ul .btn-mail {
	width: 100%;
	height: auto;
	float: none;	
}

.inquiry ul .btn-mail {
	margin-top: 15px;
}




/* title mq setting area start */

.mod-titleContainer {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
}

.mod-titleContainer .ex-TitleNo {
	position: relative;
	display: block;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	margin: 0;
	background-color: #666666;
	padding: 5px 0 5px 10px;
	overflow: visible;
}



.mod-titleContainer .ex-TitleNo img {
	display: inline;
	position: absolute;
	bottom: -6px;
	left: 22px;
}


.mod-titleContainer .ex-Title {
	display: block;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 20px 15px 20px 15px;
	text-align: center;
}

.mod-subtitleContainer .ex-subTitle {
  font-size: 14px;
  text-align: left;
  padding: 5px 10px 5px 29px;
  text-indent: -19px;
}

}

/* title mq setting area end */


@media (max-width: 640px){
	#header{
		min-height: 0;
	}
	#header .inner {
		display: table;
		width: 100%;
		min-height: 60px;
		padding:14px 20px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
		#header h1{
			float: none;
			display: table-cell;
			vertical-align: middle;
			width: auto;
			line-height: 1;
			text-align: left;
		}
			#header h1 .sony{
				width: 80px;
				height: 14px;
				background-size: contain;
			}
		#header .links{
			float: none;
			display: table-cell;
			vertical-align: middle;
			margin: 0;
			padding: 0;
			line-height: 1;
			text-align: right;
		}
			#header .links li{
				margin: 0;
				padding: 0;
			}
				#header .links .store a{
					height: 28px;
					background-size: contain;
				}
}

body {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}


/*20151112追加*/

.download{
		background: url(/products/Professional/c_c/nmi/images/button_bg.jpg) no-repeat;
		width:640px;
		height:130px;
		margin:0 auto;
		padding-top:10px;
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		border:solid 1px #C9DEF1;
}

.download h2{
	color:#333;
}

@media (max-width: 640px){
	.download{
		max-width:640px;
		width:95%;
	｝