.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

div.mod-heading {
	clear: both;
}
@media (max-width:640px){
}

div.mod-heading h3 {
	margin-bottom: 5px;
}
@media (max-width:640px){
}

.mod-subHeading2 h3 {
	font-weight: bold;
}
@media (max-width:640px){
	.mod-subHeading2 h3 {
		font-weight: normal;
	}
}

.mod-subHeading2-strong {
	color: #333333;
}

.ex-marginTop10 {
	margin-top: 10px !important;
}
.ex-marginTop20 {
	margin-top: 20px !important;
}
.ex-marginTop30 {
	margin-top: 30px !important;
}
.ex-marginTop40 {
	margin-top: 40px !important;
}
.ex-marginTop50 {
	margin-top: 50px !important;
}
.ex-marginTopNone {
	margin-top: 0 !important;
}

.ex-marginNone {
	margin: 0 !important;
}

.ex-marginBotton10 {
	margin-bottom: 10px !important;
}
.ex-marginBotton20 {
	margin-bottom: 30px !important;
}
.ex-marginBotton30 {
	margin-bottom: 30px !important;
}
.ex-marginBotton40 {
	margin-bottom: 40px !important;
}
.ex-marginBotton50 {
	margin-bottom: 50px !important;
}
.ex-marginBottomNone {
	margin-bottom: 0 !important;
}

.ex-cautionText {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
	padding: 0 1em;
	font-size: 0.84615em !important;
}
.ex-cautionText2 {
	display: block;
	margin-left: 2.0em;
	text-indent: -2.0em;
	padding: 0 2.0em;
	font-size: 0.84615em !important;
}
.ex-cautionColor {
	color: #cc0000;
}

.ex-indentText {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
}
.ex-indentText2 {
	display: block;
	margin-left: 2.0em;
	text-indent: -2.0em;
}

.ex-caption-txt {
	display: none;
}
@media (max-width:480px){
	.ex-caption-txt {
		display: block;
		margin-left: 1em;
		text-indent: -1em;
		font-size: 0.84615em;
	}
}

.ex-fontNormal {
	font-weight: normal !important;
}

dt.none {
	display: none;
}

.ex-txt-nowrap {
	white-space: nowrap;
}

.ex-verticalTop {
	vertical-align: top !important;
}
.ex-verticalMiddle {
	vertical-align: middle !important;
}
.ex-verticalBottom {
	vertical-align: bottom !important;
}

.ex-txt-center {
	text-align: center;
}

@media (max-width:480px){
	a.mod-linkButton1,
	span.mod-linkButton1,
	a.mod-linkButtonExpend,
	span.mod-linkButtonExpend,
	a.mod-linkButtonClose,
	span.mod-linkButtonClose,
	a.mod-linkButtonSonyStore,
	span.mod-linkButtonSonyStore,
	a.mod-linkButtonPrev,
	span.mod-linkButtonPrev,
	a.mod-linkButtonNext,
	span.mod-linkButtonNext{
		font-size:11px; padding:2px 16px 2px 20px;
	}
}

/*  support download style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mod-download-block {
	margin: 0;
	padding: 0;
}
.mod-download-block { zoom: 1; }
.mod-download-block:before,
.mod-download-block:after { content: ""; display: table; }
.mod-download-block:after { clear: both; }

.mod-download-block h3 {
	margin: 0 10px 20px 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #dbe0e8;
	font-size: 1.143em;
	font-weight: bold;
	color: #333333;
}
.mod-download-block p {
	font-size: 1.077em;
	line-height: 1.6;
}
.mod-download-block ul li {
	font-size: 1.077em;
	line-height: 1.6;
}
.mod-download-block .mod-listMarkText {
	font-size: 1.077em;
	line-height: 1.6;
}

.mod-download-block .mod-listMarkText li {
	margin-bottom: 0.5em;
}
.mod-download-block-text  {
	margin: 0 10px 20px 10px;
}

.mod-download-block-text-inner  {
	margin: 0 20px 20px 20px;
}
@media (max-width:640px){
	.mod-download-block p {
		font-size: 1.143em;
		line-height: 1.4;
	}
	.mod-download-block ul li {
		font-size: 1.143em;
		line-height: 1.4;
	}
	.mod-download-block .mod-listMarkText {
		font-size: 1.143em;
		line-height: 1.4;
	}
	.mod-download-block-text  {
		margin: 0 10px 20px 10px;
	}
	.mod-download-block-text-inner  {
		margin: 0 10px 20px 10px;
	}
	.mod-download-block-text-inner p img.mq-image  {
		width: 100%;
		height: auto;
	}
}

.mod-download {clear:both;padding:20px 0; border-top: none; border-bottom:1px dotted #ccc; margin:10px 0;}
.mod-download .mod-product-image {width:185px !important; float:left; display:inline; margin:0;}
.mod-download .mod-product-image img {border: none !important; margin-left: 10px;}
.mod-download .mod-product-text {width:560px !important; float:left !important; margin:0;}
.mod-download .mod-product-text h3 {margin:0 0 5px;}
.mod-download .mod-product-icon {width:auto; float:none; margin:10px 0;}
.mod-download .mod-product-text-lead {font-weight:normal !important;}
.mod-download .mod-product-text-price {margin:20px 0 !important; color:#990000; font-weight: bold;}
.mod-download .mod-product-text-modelNameNote {margin:0 0 20px !important;}
.mod-download .mod-product-text .mod-iconNew {vertical-align: middle !important;}
@media (max-width:640px){
	.mod-download .mod-product-image {width:150px !important; float:none; display:block; margin:0 auto;}
	.mod-download .mod-product-image img {border: none !important;}
	.mod-download .mod-product-text {width:auto !important; float:left !important; margin:0;}
	.mod-download .mod-product-text h3 {margin:10px 0 5px;}
	.mod-download .mod-product-icon {width:auto; float:none; margin:5px 0;}
	.mod-download .mod-product-text-price {margin:10px 0 !important; color:#990000;}
	.mod-download .mod-product-text-modelNameNote {margin:0 0 10px !important;}
	.mod-download .mod-product-text .mod-iconNew {vertical-align: middle !important;}
}

.mod-download div.mod-product-text-productlink-bnr {
	float: right;
	display: inline;
	width: 200px;
	margin: 20px 0 0;
	padding: 0;
	margin-left: 2.0em;
}
@media (max-width:640px){
	.mod-download div.mod-product-text-productlink-bnr {
		float: none;
		display: block;
		width: auto;
		margin: 0;
		margin: 20px 0 0;
		text-align: center;
	}
}

.mod-download-block dl.mod-download-block-table {
	width: 715px;
	margin: 0 10px;
	display: table;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border-top: none;
	font-size: 1.0em;
}
.mod-news-block-xdcam .mod-download-block dl.mod-download-block-table {
	width: 650px;
}
.mod-download-block dl.mod-download-block-table-top {
	border-top: 1px solid #ccc;
}

.mod-download-block dl.mod-download-block-table dt {
	display: table-cell;
	width: 24%;
	margin: 0;
	padding: 1em;
	background-color: #efefef;
	vertical-align: middle;
	text-align: left;
}
.mod-download-block dl.mod-download-block-table dd {
	display: table-cell;
	width: 76%;
	margin: 0;
	padding: 1em;
	border-left: 1px solid #ccc;
	background-color: #ffffff;
	vertical-align: middle;
	text-align: left;
}
.mod-download-block dl.mod-download-block-table dt.w-half {
	width: 45%;
}
.mod-download-block dl.mod-download-block-table dd.w-half {
	width: 55%;
}

.mod-download-block dl.mod-download-block-table-cell dt {
	width: 24%;
}
.mod-download-block dl.mod-download-block-table-cell dd {
	width: 38%;
	vertical-align: top;
}
.mod-download-block dl.mod-download-block-table-cell dd.version {
	width: 24%;
	vertical-align: top;
}
.mod-download-block dl.mod-download-block-table-cell dd.function {
	width: 52%;
	vertical-align: top;
}

.mod-download-block dl.mod-download-block-table-bgColor dt,
.mod-download-block dl.mod-download-block-table-bgColor dd {
	font-weight: bold;
	background-color: #dfdfdf;
	text-align: center;
	vertical-align: middle;
}

.mod-download-block dl.mod-download-block-table dd p {
	font-size: 1.0em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
.mod-download-block dl.mod-download-block-table dd p strong {
	font-size: 1.077em;
}
.mod-download-block dl.mod-download-block-table dd ul  {
	margin-bottom: 1em;
	line-height: 1.4;
}
.mod-download-block dl.mod-download-block-table dd .subTitle,
.mod-download-block dl.mod-download-block-table dt .subTitle {
	display: none;
}

.mod-download-block form#license textarea {
	width: 100%;
	height: 200px;
	font-size: 1.077em;
	font-family: sans-serif;
}

@media (max-width:640px){
	.mod-download-block dl.mod-download-block-table {
		width: auto;
		margin: 0;
		display: block;
		background-color: #efefef;
		border: 1px solid #ccc;
		border-top: none;
	}
	.mod-news-block-xdcam .mod-download-block dl.mod-download-block-table {
		width: auto;
	}
	.mod-download-block dl.mod-download-block-table-top {
		border-top: 1px solid #ccc;
	}
	.mod-download-block dl.mod-download-block-table dt {
		display: block;
		width: auto;
		margin: 0;
		padding: 1em;
		background-color: #efefef;
		text-align: left;
		white-space: nowrap;
	}
	.mod-download-block dl.mod-download-block-table dt.display-none{
		display: none;
	}
	.mod-download-block dl.mod-download-block-table dd {
		display: block;
		width: auto;
		margin: 0;
		padding: 1em;
		border-left: none;
		border-top: 1px solid #ccc;
		background-color: #ffffff;
		text-align: left;
	}

	.mod-download-block dl.mod-download-block-table dt.w-half {
		width: auto;
	}
	.mod-download-block dl.mod-download-block-table dd.w-half {
		width: auto;
	}

	.mod-download-block dl.mod-download-block-table-cell dd.version {
		width: auto;
	}
	.mod-download-block dl.mod-download-block-table-cell dd.function {
		width: auto;
	}

	.mod-technical-block dl.mod-download-block-table dd.even {
		background-color: #F5F8FA;
	}
	.mod-download-block dl.mod-download-block-table dd p strong {
		font-size: 1.143em;
	}
	.mod-download-block dl.mod-download-block-table dd ul {
		margin-bottom: 1em;
		line-height: 1.4;
	}

	.mod-download-block dl.mod-download-block-table dd a.mod-link {
		font-size: 1.0em;
	}

	.mod-download-block form#license textarea {
		width: 100%;
		height: 100px;
		font-size: 1.077em;
		font-family: sans-serif;
	}
	.mod-download-block dl.mod-download-block-table dd .subTitle,
	.mod-download-block dl.mod-download-block-table dt .subTitle {
			display: block;
		color: #888888;
	}
}

.mod-download-block .mod-download-table {
	width: 100%;
	margin: 0 0 1em;
	border: 1px solid #ccc;
}
.mod-download-block .mod-download-table th,
.mod-download-block .mod-download-table td {
	word-wrap: break-word;
	word-break: break-all;
	font-weight: normal;
	border: 1px solid #ccc;
	padding: 0.3em 5px;
}
.mod-download-block .mod-download-table th {
	background:#efefef;
}
.mod-download-block .mod-download-table tr.title th {
	background:#dfdfdf;
}
@media (max-width:640px){
	.mod-download-block .mod-download-table {
		width: 95%;
		margin: 0 auto 1em;
		font-size:0.84615em;
	}
}

.mod-download-block-table .ex-cautionText {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
	padding: 0.5em 0 0;
}

.mod-download-block ul.ex-cautionText,
.mod-download-block ol.ex-cautionText {
	list-style-type: none;
	margin: 10px 0;
}
.mod-download-block ul.ex-cautionText li {
	list-style-type: none;
	margin-left: 1em;
	text-indent: -1em;
	padding: 0;
}
.mod-download-block ol.ex-cautionText li {
	list-style-type: none;
	margin-left: 2.75em;
	text-indent: -2.75em;
	padding: 0;
}

.mod-download-block dl.mod-download-block-btn {
	width: 100%;
	background-color: #efefef;
	border: 1px solid #ccc;
	border-top: none;
	margin: 0;
	padding: 0;
}
.mod-download-block dl.mod-download-block-btn-top {
	border-top: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btn dt {
	font-size: 1.143em;
	font-weight: bold;
	padding: 1em 1em 0;
	text-align: center;
}
.mod-download-block dl.mod-download-block-btn dd {
	float: left;
	width: auto;
	padding: 1em 0;
}
.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1 {
	padding: 10px 20px;
}
.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1-left {
	margin: 0 0 0 7em;
}
.mod-linkButton1{
	transition: opacity .4s;
}
.mod-linkButton1:hover{
	color: inherit;
	text-decoration: none;
	opacity: .75;
}
@media (max-width:640px){
	.mod-download-block dl.mod-download-block-btn {
		width: 100%;
		background-color: #efefef;
		border: 1px solid #ccc;
		border-top: none;
		margin: 0;
		padding: 0 0 1em;
	}
	.mod-download-block dl.mod-download-block-btn-top {
		border-top: 1px solid #ccc;
	}
	.mod-download-block dl.mod-download-block-btn dt {
		font-size: 1.143em;
		font-weight: bold;
		padding: 1em 1em 0;
		text-align: left;
	}
	.mod-download-block dl.mod-download-block-btn dd {
		float: left;
		width: auto;
		margin: 0 0 0 1em;
		padding: 1em 0 0;
		text-align: center;
	}
	.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1 {
		width: auto;
		margin: 0 2em 0 0;
		padding: 10px 20px;
	}
	.mod-download-block dl.mod-download-block-btn dd a.mod-linkButton1-left {
		margin: 0;
	}
}

.mod-download-block dl.mod-download-block-btnEtc {
	width: 100%;
	margin: 0;
	padding: 0 0 1em;
	background-color: #efefef;
	border: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btnEtc dt {
	font-weight: bold;
	padding: 1em;
	text-align: center;
	background-color: #ffffff;
	border-bottom: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btnEtc dd {
	float: left;
	width: auto;
	padding: 1em 0 0;
	text-align: center;
}
.mod-download-block dl.mod-download-block-btnEtc dd a.mod-linkButton1 {
	margin: 0 0 0 2em;
	padding: 5px 20px;
}
.mod-download-block dl.mod-download-block-btnEtc dd.center {
	float: none;
	width: auto;
	margin: 0 auto;
	padding: 1em 0 0;
	text-align: center;
}
.mod-download-block dl.mod-download-block-btnEtc dd.center a.mod-linkButton1 {
	margin: 0 auto;
	padding: 5px 20px;
}

@media (max-width:640px){
	.mod-download-block dl.mod-download-block-btnEtc {
		width: 100%;
		margin: 0;
		padding: 0 0 1em;
		background-color: #efefef;
		border: 1px solid #ccc;
	}
	.mod-download-block dl.mod-download-block-btnEtc dt {
		font-weight: bold;
		padding: 1em;
		text-align: left;
		background-color: #ffffff;
		border-bottom: 1px solid #ccc;
	}
	.mod-download-block dl.mod-download-block-btnEtc dd {
		float: none;
		width: auto;
		margin: 0 0 0 1em;
		padding: 1em 0 0;
		text-align: left;
	}
	.mod-download-block dl.mod-download-block-btnEtc dd a.mod-linkButton1 {
		margin: 0;
		padding: 5px 20px;
	}

}

.mod-download-block dl.mod-download-block-btn2 {
	width: 100%;
	background-color: #efefef;
	border: 1px solid #ccc;
	border-top: none;
	margin: 0;
	padding: 0;
}
.mod-download-block dl.mod-download-block-btn2-top {
	border-top: 1px solid #ccc;
}
.mod-download-block dl.mod-download-block-btn2 dt {
	font-size: 1.143em;
	font-weight: bold;
	padding: 1em 1em 0;
	text-align: center;
}
.mod-download-block dl.mod-download-block-btn2 dd {
	float: left;
	width: auto;
	padding: 1em 0;
}
.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1 {
	padding: 10px 20px;
}
.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left {
	margin: 0 0 0 17em;
}

.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left2 {
	margin: 0 0 0 11em;
}

.mod-download-block dl.mod-download-block-btn-single dd {
	float: none;
	width: auto;
	padding: 1em 0;
	text-align: center;
}

@media (max-width:640px){
	.mod-download-block dl.mod-download-block-btn2 {
		width: 100%;
		background-color: #efefef;
		border: 1px solid #ccc;
		border-top: none;
		margin: 0;
		padding: 0 0 1em;
	}
	.mod-download-block dl.mod-download-block-btn2-top {
		border-top: 1px solid #ccc;
	}
	.mod-download-block dl.mod-download-block-btn2 dt {
		font-size: 1.143em;
		font-weight: bold;
		padding: 1em 1em 0;
		text-align: left;
	}
	.mod-download-block dl.mod-download-block-btn2 dd {
		float: left;
		width: auto;
		margin: 0 0 0 1em;
		padding: 1em 0 0;
		text-align: center;
	}
	.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1 {
		width: auto;
		margin: 0 2em 0 0;
		padding: 10px 20px;
	}
	.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left {
		margin: 0;
	}
	.mod-download-block dl.mod-download-block-btn2 dd a.mod-linkButton1-left2 {
		margin: 0;
	}

	.mod-download-block dl.mod-download-block-btn-single dd {
		float: none;
		width: auto;
		margin: 0 1em;
		padding: 1em 0;
		text-align: center;
	}

}

.mod-download-block input.mod-linkButton1 {padding:8px 25px;}

span.mod-exIconBg { vertical-align: middle;color:#ffffff;font-size:11px;line-height:1.2;display:inline-block;margin:0 10px 0.5em 0;padding:2px 10px;border:1px solid #444444;background:#666666;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-ms-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in; }
span.windows { width: 5em; text-align: center; }
span.mac { width: 5em; text-align: center; }

.mod-download-block .mod-download-block-infoBox {
	margin: 20px 10px;
	padding: 10px 15px;
	border: 1px solid #cccccc;
}
.mod-download-block .mod-download-block-infoBox ul {
	width: 580px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.mod-download-block .mod-download-block-infoBox ul { zoom: 1; }
.mod-download-block .mod-download-block-infoBox ul:before,
.mod-download-block .mod-download-block-infoBox ul:after { content: ""; display: table; }
.mod-download-block .mod-download-block-infoBox ul:after { clear: both; }

.mod-download-block .mod-download-block-infoBox ul li {
	float: left;
	display: inline;
	width: 250px;
	margin: 0 20px;
}
.mod-download-block .mod-download-block-infoBox ul li img {
	margin: 0 0 5px;
}

@media (max-width:640px){
	.mod-download-block .mod-download-block-infoBox ul {
		width: auto;
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
	}
	.mod-download-block .mod-download-block-infoBox ul li {
		float: none;
		display: block;
		width: auto;
		margin: 10px 0;
	}
	.mod-download-block .mod-download-block-infoBox ul li img {
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width:480px){
	.mod-download-block .mod-download-block-infoBox ul li img {
		width: 100%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
}

.mod-download-block .mod-download-block-pageNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mod-download-block .mod-download-block-pageNav ul li a {
	display: block;
	padding-left:11px;
	background: url(/xdcam/share/images/icon_linkmark_arrow01.gif) no-repeat 0 48%;
}

.mod-download-block-photo {
	float: right;
	margin: 0 0 30px 30px;
}
.mod-news-block-xdcam .mod-download-block-photo {
	float: right;
	margin: 0 0 0 30px;
}
.mod-download-block-photo p {
	font-size: 0.769em;
}
.mod-download-block-photo p img {
	margin: 0 0 10px;
}

@media (max-width:640px){
	.mod-download-block-photo {
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}
	.mod-download-block-photo p {
		font-size: 0.769em;
	}
	.mod-download-block-photo p img.ex-width-over {
		width: 100%;
		height: auto;
		margin: 0 0 5px;
	}
}
@media (max-width:480px){
	.mod-download-block-photo {
		float: none;
		margin: 0 0 15px;
	}
	.mod-download-block-photo p {
		font-size: 0.769em;
	}
	.mod-download-block-photo p img {
		width: 100%;
		height: auto;
		margin: 0 0 5px;
	}
}

/*  solution style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mod-solution-block {
	margin: 0;
}
.mod-solution-block { zoom: 1; }
.mod-solution-block:before,
.mod-solution-block:after { content: ""; display: table; }
.mod-solution-block:after { clear: both; }

.mod-solution-block-inner {
	margin: 0 10px;
}
.mod-solution-block-inner-none {
}
.mod-solution-block-bgClor {
	padding: 20px;
	background: #ecedf1;
	border: 1px solid #e3e4e8;
}

dl.mod-solution-block-bgClor {
	margin: 0 360px 30px 0;
}
dl.mod-solution-block-bgClor dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
dl.mod-solution-block-bgClor dd {
	margin: 10px 0 0;
	padding: 0;
}

.mod-solution-block .ex-listmark-solution {
	margin: 15px 0;
	padding-left: 16px;
	background: url(/xdcam/solution/images/icon_mark_solution-list.png) no-repeat left top;
	font-size: 1.077em;
	font-weight: bold;
	color: #457cbd;
	line-height: 1.3;
}
.mod-solution-block .ex-listmark-solution-inner {
	padding-left: 16px;
}

.mod-solution-block .ex-titlemark-solution {
	margin: 15px 0;
	padding: 5px 10px;
	background: url(/xdcam/solution/images/img_bg_gradation.png) repeat-x center 52%;
	font-size: 1.077em;
	font-weight: bold;
	line-height: 1.3;
	border: 1px solid #d9dadc;
	-webkit-border-radius: 3px; /* firefox */
	-moz-border-radius: 3px;  /* Safari,Chrome */
	border-radius: 3px; /* CSS3 */
}
.mod-solution-block .ex-titlemark-solution-inner {
	padding-left: 12px;
	padding-right: 10px;
}

.mod-solution-block-line {
	margin-bottom: 30px;
	padding-bottom: 0;
	border-bottom: 1px solid #e6e6e6;
}

.mod-pageNav-solution {
	margin: 0 0 30px;
}

.mod-subVisualImg-solution {
	overflow: hidden;
	width: 755px;
	height: 150px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cecece;
}
.mod-subVisualImg-solution img {
	margin: 0;
	padding: 0;
}

.mod-pageNav-solution ul {
	margin: 0 !important;
	padding: 0;
}
.mod-pageNav-solution ul { zoom: 1; }
.mod-pageNav-solution ul:before,
.mod-pageNav-solution ul:after { content: ""; display: table; }
.mod-pageNav-solution ul:after { clear: both; }

.mod-pageNav-solution ul li {
	overflow: hidden;
	float: left;
	display: inline;
	width: 107px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/xdcam/solution/images/nav_bg.png) no-repeat left center;
	text-align: center;
	border-left: 1px solid #cecece;
}
.mod-pageNav-solution ul li.now {
	background: url(/xdcam/solution/images/nav_bg_here.png) no-repeat left center;
	font-weight: bold;
}
.mod-pageNav5-solution ul li {
	overflow: hidden;
	float: left;
	display: inline;
	width: 150px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/xdcam/solution/images/nav5_bg.png) no-repeat left center;
	text-align: center;
	border-left: 1px solid #cecece;
}
.mod-pageNav5-solution ul li.now {
	background: url(/xdcam/solution/images/nav5_bg_here.png) no-repeat left center;
	font-weight: bold;
}

.mod-pageNav-solution ul li.feature-index {
	border-left: none;
}
.mod-pageNav-solution ul li.feature-01 {
}
.mod-pageNav-solution ul li.feature-02 {
}
.mod-pageNav-solution ul li.feature-03 {
}
.mod-pageNav-solution ul li.feature-04 {
}
.mod-pageNav-solution ul li.feature-05 {
}
.mod-pageNav-solution ul li a {
	display: block;
	padding: 10px;
}
.mod-pageNav-solution ul li span {
	display: block;
	padding: 10px 0;
}
.mod-pageNav-solution ul li span.coming-soon {
	color: #afafaf;
}
.mod-pageNav-solution ul li span.dubble-line {
	padding: 5px 5px 0;
	line-height: 1.2;
}

.mod-heading-solution {
	margin: 40px 0 30px;
	padding: 5px 10px;
	border-bottom: none;
	*zoom: 1;
}
.mod-heading-solution h3 {
	font-size: 1.077em;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
.mod-heading-solution-shoulder {
	margin-top: 0;
	background: #38509e;
}
.mod-heading-solution-handy {
	margin-top: 0;
	background: #ac5352;
}
.mod-heading-solution-recorder {
	margin-top: 0;
	background: #618065;
}
.mod-heading-solution-others {
	margin-top: 0;
	background: #dab853;
}

.mod-solution-block p {
	margin: 0 0 30px;
	font-size: 1.077em;
	line-height: 1.6;
}

.mod-solution-block .photo-box-center {
	clear: both;
	margin: 30px auto;
	padding: 0;
	text-align: center;
}
.mod-solution-block .photo-box-center p {
	margin: 0 auto;
	padding: 0;
	font-size: 0.84615em;
	text-align: center;
}
.mod-solution-block .photo-box-center p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-solution-block .photo-box-left {
	float: left;
	display: inline;
	margin: 0 30px 30px 0;
	padding: 0;
}
.mod-solution-block .photo-box-left p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}
.mod-solution-block .photo-box-left p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-solution-block .photo-box-right {
	float: right;
	display: inline;
	margin: 0 0 30px 30px;
	padding: 0;
}
.mod-solution-block .photo-box-right p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}
.mod-solution-block .photo-box-right p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-solution-block ul.mod-solution-block-product {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.mod-solution-block-product { zoom: 1; }
ul.mod-solution-block-product:before,
ul.mod-solution-block-product:after { content: ""; display: table; }
ul.mod-solution-block-product:after { clear: both; }

.mod-solution-block ul.mod-solution-block-product li {
	overflow: hidden;
	float: left;
	display: inline;
	width: 110px;
	margin: 0 9px 0 0;
	padding: 0 9px 0 0;
	border-right: 1px dotted #d9d9d9;
}
.mod-solution-block ul.mod-solution-block-product li.end-child {
	margin: 0;
	padding: 0;
	border: none;
}
.mod-solution-block ul.mod-solution-block-product li:first-child {
}

.mod-solution-block-solution-left {
	float: left;
	display: inline;
	width: 368px;
}
.mod-solution-block-solution-right {
	float: right;
	display: inline;
	width: 368px;
	padding-left: 9px;
	border-left: 1px solid #dedede;
}

.mod-solution-block-solution-3left {
	float: left;
	display: inline;
	width: 239px;
	margin-right: 9px;
}
.mod-solution-block-solution-3center {
	float: left;
	display: inline;
	width: 239px;
	padding-left: 9px;
	border-left: 1px solid #dedede;
}
.mod-solution-block-solution-3right {
	float: right;
	display: inline;
	width: 239px;
	padding-left: 9px;
	border-left: 1px solid #dedede;
}


.mod-solution-block .mod-solution-table {
	width: 100%;
	margin: 0 auto 10px auto;
	border: 1px solid #dddddd;
	font-size: 0.84615em;
	line-height: 1.3;
}
.mod-solution-block .mod-solution-table th {
	padding: 5px 2px;
	border: 1px solid #dddddd;
	background-color: #457cbd;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.mod-solution-block .mod-solution-table td {
	padding: 5px 2px;
	border: 1px solid #dddddd;
	text-align: center;
	vertical-align: middle;
}

.mod-solution-block .mod-solution-table-line,
.mod-solution-block .mod-solution-table-line th,
.mod-solution-block .mod-solution-table-line td {
	border: 1px solid #fefefe;
}

.mod-solution-block .mod-solution-table .bg-color-blue1 {
	background-color: #5a91d2;
	color: #ffffff;
}
.mod-solution-block .mod-solution-table .bg-color-blue2 {
	background-color: #8db4e2;
	color: #ffffff;
}
.mod-solution-block .mod-solution-table .bg-color-blue3 {
	background-color: #dde4f2;
	color: #333333;
}
.mod-solution-block .mod-solution-table .bg-color-blue4 {
	background-color: #f3f7fc;
	color: #333333;
}
.mod-solution-block .mod-solution-table tr.bg-color-blue3 th {
	background-color: #dde4f2;
	color: #333333;
}
.mod-solution-block .mod-solution-table tr.bg-color-blue4 th {
	background-color: #f3f7fc;
	color: #333333;
}
.mod-solution-block .mod-solution-table .bg-color-pink {
	background-color: #f2dcdb;
	color: #333333;
}

.mod-solution-block .mod-solution-table-caution {
	width: auto;
	margin: 0 auto 10px auto;
	font-size: 0.84615em;
}

.mod-solution-block ul.ex-cautionText,
.mod-solution-block ol.ex-cautionText {
	margin: 0 0 30px;
	list-style-type: none;
}

.mod-solution-block .ex-marginRight440 {
	margin-right: 440px;
}

@media (max-width:640px){
	.mod-subVisualImg-solution {
		width: auto;
		height: auto;
		border-bottom: none;
	}
	.mod-subVisualImg-solution img {
		width: 100%;
		height: auto;
	}
	.mod-pageNav-solution {
		margin: 5px 0 15px;
	}
	.mod-solution-block-inner-none {
		display: none;
	}
	.mod-pageNav-solution ul {
	}
	.mod-pageNav-solution ul li {
		overflow: visible;
		float: none !important;
		display: block !important;
		width: auto !important;
		height: 40px !important;
		margin: 0 0 5px !important;
		padding: 0 15px !important;
		background-image: none;
		background: #ececec;
		text-align: left !important;
		border-left: none;
		white-space: nowrap;
	}
	.mod-pageNav-solution ul li.now {
		background: url(/xdcam/solution/images/nav_bg_mq_here.png) repeat-x left center;
	}
	.mod-pageNav-solution ul li.feature-index {
		border-left: none;
	}
	.mod-pageNav-solution ul li a {
		display: blockblock;
		padding: 10px;
		background: url(/share2/images/mod-link/ico_02.png) no-repeat left center;
		white-space: nowrap;
	}

	dl.mod-solution-block-bgClor {
		clear: both;
		margin: 0 0 15px;
	}

	.mod-solution-block p {
		font-size: 1.143em;
		line-height: 1.4;
	}

	.mod-solution-block ul.mod-solution-block-product {
		margin: 0 0 0 9px;
		padding: 0 0 0 9px;
		list-style: none;
		border-left: 1px dotted #d9d9d9;
	}
	.mod-solution-block ul.mod-solution-block-product li {
		overflow: hidden;
		float: left;
		display: inline;
		width: 100px;
		margin: 0 9px 15px 0;
		padding: 0 9px 0 0;
		border-right: 1px dotted #d9d9d9;
	}
	.mod-solution-block ul.mod-solution-block-product li.end-child {
		margin: 0 9px 0 0;
		padding: 0 9px 0 0;
		border-right: 1px dotted #d9d9d9;
	}
	.mod-solution-block ul.mod-solution-block-product li img {
		width: 100px;
		height: auto;
	}

	.mod-solution-block-solution-left {
		float: none;
		display: block;
		width: auto;
		margin-bottom: 30px;
	}
	.mod-solution-block-solution-right {
		float: none;
		display: block;
		width: auto;
		padding-left: 0;
		border-left: none;
	}

	.mod-solution-block-solution-3left {
		float: none;
		display: block;
		width: auto;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.mod-solution-block-solution-3center {
		float: none;
		display: block;
		width: auto;
		padding-left: 0;
		border-left: none;
		margin-bottom: 30px;
	}
	.mod-solution-block-solution-3right {
		float: none;
		display: block;
		width: auto;
		padding-left: 0;
		border-left: none;
	}

	.mod-solution-block .photo-box-center {
	}
	.mod-solution-block .photo-box-center p {
	}
	.mod-solution-block .photo-box-center p img {
		width: 100%;
		height: auto;
	}

	.mod-solution-block .mod-solution-table {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.mod-solution-block .mod-solution-table-caution {
		width: 100%;
	}

	.mod-solution-block .ex-marginRight440 {
		margin-right: 0;
	}

	.mod-solution-block .photo-box-wide {
		float: none;
		display: block;
		margin: 0 auto 15px;
		padding: 0;
		text-align: center;
	}
	.mod-solution-block .photo-box-wide img {
		margin: auto 0;
	}
}
@media (max-width:480px){
	.mod-solution-block .photo-box-left {
		float: none;
		display: block;
		margin: 0 0 15px;
		padding: 0;
	}
	.mod-solution-block .photo-box-left p {
	}
	.mod-solution-block .photo-box-left p img {
		width: 100%;
		height: auto;
	}

	.mod-solution-block .photo-box-right {
		float: none;
		display: block;
		margin: 0 0 15px;
		padding: 0;
	}
	.mod-solution-block .photo-box-right p {
	}
	.mod-solution-block .photo-box-right p img {
		width: 100%;
		height: auto;
	}

	.mod-solution-block ul.mod-solution-block-product {
		width: 266px;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0 9px;
	}
	.mod-solution-block ul.mod-solution-block-product li {
		width: 110px;
	}
	.mod-solution-block ul.mod-solution-block-product li img {
		width: 110px;
		height: auto;
	}
}




/*  sample style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* index style */
.mod-sample-block { clear:both; width: auto; padding:0 10px; margin:30px 0; *zoom:1}
.mod-sample-block:before, .mod-application-block:after { content: ""; display: table;}
.mod-sample-block:after { clear: both;}
.mod-sample-block-text {}
.mod-sample-block-text h3 { font-size:1.692em; line-height:1.2; margin: 0 0 0 5px;}
@media (max-width:640px){
	.mod-sample-block { padding:0; margin:15px 0;}
	.mod-sample-block-text {}
	.mod-sample-block-text h3 { font-size:1.692em; line-height:1.2; margin:15px 0;}
}

/* index tab-nav style */
.mod-sample-block ul.mod-sample-block-page_nav {
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
	border-bottom: 3px solid #c0c0c0;
}
.mod-sample-block ul.mod-sample-block-page_nav li {
	float:  right;
	display: inline;
	overflow: hidden;
	width: 375px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/xdcam/sample/images/bg_nav.png) no-repeat center top;
	color: #a3a3a3;
}
.mod-sample-block ul.mod-sample-block-page_nav li:first-child {
	float: left;
}

.mod-sample-block ul.mod-sample-block-page_nav li.now {
	background: url(/xdcam/sample/images/bg_nav_here.png) no-repeat center top;
	color: #333333;
	font-size: 1.15em ;
}
.mod-sample-block ul.mod-sample-block-page_nav li a {
	display: block;
	width: 375px;
	height: 50px;
	font-size: 1.15em ;
}
.mod-about-block ul.mod-about-block-page_nav li a:hover {
	opacity: 0.75;
}
.mod-sample-block ul.mod-sample-block-page_nav li span {
	display: inline-block;
	margin: 20px 0 0;
}
.mod-sample-block ul.mod-sample-block-page_nav li.now span {
	margin: 15px 0 0;
}

.mod-sample-block ul.mod-sample-block-page_nav li.cam01 {
	line-height: 1.2;
}
.mod-sample-block ul.mod-sample-block-page_nav li.cam01 span {
	margin: 12px 0 0;
}
.mod-sample-block ul.mod-sample-block-page_nav li.cam01.now span {
	margin: 10px 0 0;
}
.mod-sample-block ul.mod-sample-block-page_nav li.cam02 {
}

@media (max-width:640px){
	.mod-sample-block ul.mod-sample-block-page_nav {
		margin: 0;
	}
	.mod-sample-block ul.mod-sample-block-page_nav li {
		width: 49%;
		height: 60px;
	}
	.mod-sample-block ul.mod-sample-block-page_nav li:first-child {
		width: 50%;
	}
	.mod-sample-block ul.mod-sample-block-page_nav li.now {
		-webkit-border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-ms-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	.mod-sample-block ul.mod-sample-block-page_nav li a {
		width: 100%;
	}
	.mod-sample-block ul.mod-sample-block-page_nav li.cam01 a {
	}
	.mod-sample-block ul.mod-sample-block-page_nav li.cam02 a {
	}
}
@media (max-width:480px){
	.mod-sample-block ul.mod-sample-block-page_nav li {
		height: 90px;
	}
}


.mod-sample-block div.line-box {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 1px solid #dedede;
}
.mod-sample-block div.none {
	margin: 0 0 2em;
	padding: 0;
	border-bottom: none;
}

.mod-sample-block div.sample-box {
	float: left;
	display: inline;
	width: 357px;
	margin: 0;
	padding: 0;
}
.mod-sample-block div.sample-box-left {
	margin: 0;
	padding: 0;
	width: 362px;
	border-right: 1px dotted #dedede;
}
.mod-sample-block div.sample-box-right {
	margin: 0 0 0 15px;
	padding: 0;
}

.mod-sample-block div.photo-box {
	float: left;
	display: inline;
	width: 110px;
}
.mod-sample-block div.text-box {
	float: right;
	display: inline;
	width: 235px;
	line-height: 1.3;
}
.mod-sample-block div.sample-box-left div.text-box {
	width: 235px;
	margin-right: 5px;
}

.mod-sample-block div.text-box h3 {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	font-weight: bold;
}
.mod-sample-block div.text-box h3 img {
	vertical-align: middle;
}
.mod-sample-block div.text-box p {
	margin: 0.5em 0 0;
	padding: 0;
}
.mod-sample-block div.text-box p.caution {
	font-size: 0.75em;
	color: #666666;
}
.mod-sample-block div.text-box p.linkbtn {
	margin: 0.75em 0 0;
	padding: 0 10px 0 0;
	text-align: right;
}
.mod-sample-block div.sample-box-left h3,
.mod-sample-block div.sample-box-left p {
	padding: 0 10px 0 0;
}

.mod-sample-block div.icon-box {
	margin: 0.5em 0 0;
	padding: 0;
}
.mod-sample-block div.icon-box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mod-sample-block div.icon-box ul li {
	display: inline-block;
	margin: 0 0 4px;
	padding: 2px 4px 1px;
	background: #8a99dd;
	font-size: 0.846em;
	color: #ffffff;
}

/* for IE */
	*:first-child+html body .mod-sample-block div.icon-box ul li {
		display: inline;
		margin: 0 2px 0 0;
	}

/* for IE6 */
	* html body .mod-sample-block div.icon-box ul li {
		display: inline;
		margin: 0 2px 0 0;
	}

.mod-sample-block span.mod-iconNew {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 13px;
	margin: 0 0 2px 5px;
    padding: 0;
    background: transparent url(/xdcam/sample/images/icon_mark_new.png) no-repeat 0 0;
    overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
}

span.mod-iconPDF {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
	margin: 0 0 0 5px;
    padding: 0;
    background: transparent url(/xdcam/share/images/icon_mark_pdf-dl.png) no-repeat 0 0;
    overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
}

@media (max-width:640px){
	.mod-sample-block div.line-box {
		margin: 0 0 20px;
		padding: 0 10px;
		border-bottom: none;
	}

	.mod-sample-block div.sample-box {
		float: none;
		display: block;
		width: auto;
		margin: 0;
		padding: 0;
	}
	.mod-sample-block div.sample-box-left {
		margin: 0 0 20px;
		padding: 0 0 20px;
		width: auto;
		border-right: none;
		border-bottom: 1px solid #dedede;
	}
	.mod-sample-block div.sample-box-right {
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #dedede;
	}

	.mod-sample-block div.photo-box {
		float: left;
		display: inline;
		width: 110px;
		margin-right: 15px;
	}
	.mod-sample-block div.text-box {
		float: none;
		display: block;
		width: auto;
		margin-left: 125px;
	}
	.mod-sample-block div.sample-box-left div.text-box {
		width: auto;
		margin-right: 0;
	}

	.mod-sample-block div.icon-box {
	}
	.mod-sample-block div.icon-box ul {
	}
	.mod-sample-block div.icon-box ul li {
		margin-bottom: 2px;
		padding: 2px 4px;
		line-height: 1.0;
	}
}


.mod-sample-block div.sample-index-box div.photo-box {
	float: left;
	display: inline;
	width: 315px;
}
.mod-sample-block div.sample-index-box div.text-box {
	float: right;
	display: inline;
	width: 420px;
	line-height: 1.3;
}
.mod-sample-block div.sample-index-box div.text-box h3 {
	margin: 0 0 1em;
	padding-left: 8px;
	border-left: 4px solid #457cbd;
}
.mod-sample-block div.sample-index-box div.text-box p {
	margin: 1.0em 0 0;
}
.mod-sample-block div.sample-index-box div.text-box p.linkbtn {
	margin: 1.0em 0 0;
	text-align: left;
}
.mod-sample-block div.sample-index-box div.text-box p.ex-cautionText {
	padding-left: 1.0em;
}

@media (max-width:640px){
	.mod-sample-block div.sample-index-box div.icon-box {
		padding-left: 12px;
	}
	.mod-sample-block div.sample-index-box {
		margin: 0 0 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #dedede;
	}
	.mod-sample-block div.sample-index-box div.photo-box {
		float: left;
		display: inline;
		width: 300px;
		margin-right: 0;
	}
	.mod-sample-block div.sample-index-box div.text-box {
		float: none;
		display: block;
		width: auto;
		margin-left: 300px;
		line-height: 1.3;
	}
	.mod-sample-block div.sample-index-box div.photo-box p {
	}
	.mod-sample-block div.sample-index-box div.text-box p {
		padding-left: 12px;
	}
	.mod-sample-block div.sample-index-box div.text-box p.ex-cautionText {
		padding-left: 24px;
	}
}
@media (max-width:480px){
	.mod-sample-block div.sample-index-box div.photo-box {
		float: none;
		display: block;
		width: auto;
		text-align: center;
		margin-bottom: 1em;
	}
	.mod-sample-block div.sample-index-box div.text-box {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
		line-height: 1.3;
	}
}


/* index リンク色設定 */
.mod-sample-block div.sample-box a,
.mod-sample-block div.sample-box a:link {
	text-decoration: none;
	background-color: transparent;
	color: #333;
	cursor: pointer;
	*zoom: 1;
	*z-index: 1;
}
.mod-sample-block div.sample-box a:visited {
	background-color: transparent;
	color: #333;
	cursor: pointer;
	*zoom: 1;
}
.mod-sample-block div.sample-box a:hover,
.mod-sample-block div.sample-box a:active {
	background-color: transparent;
	color: #333;
	text-decoration:underline;
	cursor: pointer;
	*zoom: 1;
}

.mod-sample-block div.sample-box a h3,
.mod-sample-block div.sample-box a:link h3 {
	text-decoration: none;
	background-color: transparent;
	color: #43677e !important;
	cursor: pointer;
	*zoom: 1;
}
.mod-sample-block div.sample-box a:visited h3 {
	background-color: transparent;
	color: #43677e !important;
	cursor: pointer;
	*zoom: 1;
}
.mod-sample-block div.sample-box a:hover h3,
.mod-sample-block div.sample-box a:active h3 {
	background-color: transparent;
	color: #c41230 !important;
	text-decoration: underline;
	cursor: pointer;
	*zoom: 1;
}

.mod-sample-block div.sample-box img {
	position: relative;
	display: inline;
	*zoom: 1;
	*z-index: -1;
}


/* detail style */
.mod-sample-block .sample-detail-box {
	clear: both;
	margin: 20px 0;
}
.mod-sample-block .sample-detail-box .none {
	display: none;
}

.mod-sample-block .sample-detail-title {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-title { zoom: 1; }
.mod-sample-block .sample-detail-title:before, .mod-sample-block .sample-detail-title:after { content: ""; display: table; }
.mod-sample-block .sample-detail-title:after { clear: both; }

.mod-sample-block .sample-detail-title h2 {
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 8px;
	margin-right: 15px;
	font-size: 1.692em;
	font-weight: bold;
	line-height: 1.2;
	border-left: 5px solid #457cbd;
}
.mod-sample-block .sample-detail-title p.category {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	margin-top: 0.35em;
}
.mod-sample-block .sample-detail-title p.pdf-download {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	margin-top: 0.25em;
}
.mod-sample-block .sample-detail-title p.date {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	margin-top: 0.25em;
}

.mod-sample-block .sample-detail-box p.catch-txt {
	margin: 30px 0;
	padding: 5px 8px;
	line-height: 1.2;
	font-size: 1.38462em;
	font-weight: normal;
	background: #e1ecf9;
	border: 1px solid #d7e6f5;
}

.mod-sample-block .sample-detail-catch {
	margin: 0 !important;
	padding: 0;
}

.mod-sample-block .sample-detail-box p.sub-title {
	margin: 30px 0 30px 15px;
	padding: 0;
	line-height: 1.2;
	font-size: 1.38462em;
	font-weight: normal;
}

.mod-sample-block .mod-heading {
}
.mod-sample-block .mod-heading h3 {
}

.mod-sample-block .sample-detail-box p {
	margin: 30px 0;
	padding: 0;
	line-height: 1.6;
}

.mod-sample-block div.sample-detail-corporate {
	margin: 0;
	padding: 10px 20px;
	background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat left bottom;
}

/* for IE */
	*:first-child+html body .mod-sample-block div.sample-detail-corporate {
		padding-top: 25px;
	}

/* for IE6 */
	* html body .mod-sample-block div.sample-detail-corporate {
		padding-top: 25px;
	}

.mod-sample-block div.sample-detail-corporate dl {
	position: relative;
	width: 695px;
	height: auto;
}
.mod-sample-block div.sample-detail-corporate dl dt {
	float: right;
	display: inline;
	width: 370px;
	margin: 0 0 0 325px;
	font-weight: bold;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate dl dd {
	margin: 0 0 0 325px;
}
.mod-sample-block div.sample-detail-corporate dl dd p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 325px;
}
.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
	width: 300px;
	margin-bottom: 10px;
	line-height: 1.3;
	font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
	margin-bottom: 5px;
}


.mod-sample-block .sample-detail-box .photo-box-center {
	clear: both;
	margin: 30px auto;
	padding: 0;
	text-align: center;
}
.mod-sample-block .sample-detail-box .photo-box-center p {
	margin: 0 auto;
	padding: 0;
	font-size: 0.84615em;
	text-align: left;
}
.mod-sample-block .sample-detail-box .photo-box-center p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-sample-block .sample-detail-box .photo-box-left {
	float: left;
	display: inline;
	margin: 0 30px 30px 0;
	padding: 0;
}
.mod-sample-block .sample-detail-box .photo-box-left p {
	width: 400px;
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}
.mod-sample-block .sample-detail-box .photo-box-left p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-sample-block .sample-detail-box .photo-box-right {
	float: right;
	display: inline;
	margin: 0 0 30px 30px;
	padding: 0;
}
.mod-sample-block .sample-detail-box .photo-box-right p {
	width: 400px;
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}
.mod-sample-block .sample-detail-box .photo-box-right p img {
	margin: 0 0 5px;
	padding: 0;
}

.mod-sample-block .sample-detail-box .w200 {
	width: 200px !important;
}
.mod-sample-block .sample-detail-box .w250 {
	width: 250px !important;
}
.mod-sample-block .sample-detail-box .w340 {
	width: 340px !important;
}
.mod-sample-block .sample-detail-box .w450 {
	width: 450px !important;
}
.mod-sample-block .sample-detail-box .w480 {
	width: 480px !important;
}

.mod-sample-block .sample-detail-profile {
	padding: 20px;
	border: 5px solid #efefef;
}

.mod-sample-block .sample-detail-profile02 {
	padding: 10px;
	border: 5px solid #efefef;
}

.mod-sample-block .sample-detail-company {
	padding: 20px;
	border: 2px solid #dddddd;
	background: #efefef;
}
.mod-sample-block .sample-detail-profile { zoom: 1; }
.mod-sample-block .sample-detail-profile:before, .mod-sample-block .sample-detail-profile:after { content: ""; display: table; }
.mod-sample-block .sample-detail-profile:after { clear: both; }
.mod-sample-block .sample-detail-company { zoom: 1; }
.mod-sample-block .sample-detail-company:before, .mod-sample-block .sample-detail-company:after { content: ""; display: table; }
.mod-sample-block .sample-detail-company:after { clear: both; }

.mod-sample-block .sample-detail-profile dl {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt {
	float: left;
	display: inline;
	width: 180px;
	margin-right: 25px;
}
.mod-sample-block .sample-detail-profile dl dd {
	margin: 0 0 0 205px;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt.mw200 {
	float: left;
	display: inline;
	width: 200px;
	margin-right: 25px;
}

.mod-sample-block .sample-detail-profile dl dd.mw200 {
	margin: 0 0 0 225px;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dt.mw140 {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 25px;
}
.mod-sample-block .sample-detail-profile dl dd.mw140 {
	margin: 0 0 0 165px;
	padding: 0;
}

.mod-sample-block .sample-detail-profile02 dl dt.mw140 {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 10px;
}
.mod-sample-block .sample-detail-profile02 dl dd.mw140 {
	margin: 0 0 0 15px;
	padding: 0;
}

.mod-sample-block .sample-detail-profile dl dt.none {
	display: none;
}
.mod-sample-block .sample-detail-profile dl dd.no-photo {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p.title {
	margin: 0 0 1em;
	padding: 0;
}
.mod-sample-block .sample-detail-profile dl dd p a {
	margin-top: 1em;
}
.mod-sample-block .sample-detail-profile02 dl dd p {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-profile02 dl dd p.title {
	margin: 0 0 1em;
	padding: 0;
}
.mod-sample-block .sample-detail-profile02 dl dd p a {
	margin-top: 1em;
}
.mod-sample-block .float_left {
	float: left;
	width:300px;
}
.mod-sample-block .float_right {
	float: right;
	width:300px;
	clear: none;
}

.mod-sample-block .float_left02 {
	float: left;
	width:320px;
}
.mod-sample-block .float_right02 {
	float: right;
	width:320px;
	clear: none;
}

@media (max-width:640px){

	.mod-sample-block .mod-heading {
		margin-left: 10px;
		padding-right: 10px;
	}
	.mod-sample-block .sample-detail-box {
		margin-left: 10px;
		padding-right: 10px;
	}

	.mod-sample-block .sample-detail-title {
		margin: 15px 10px;
		padding: 0;
	}
	.mod-sample-block .sample-detail-title p.category {
		float: left;
		display: inline;
		margin: 0 0 15px;
		padding: 0;
		margin-right: 10px;
		margin-top: 0.35em;
	}
	.mod-sample-block .sample-detail-title p.pdf-download {
		float: none;
		display: block;
		margin: 0;
	}
	.mod-sample-block .sample-detail-box p.catch-txt {
		margin: 30px 0;
	}

	.mod-sample-block div.sample-detail-corporate {
		margin: 0 10px;
	}
	.mod-sample-block div.sample-detail-corporate dl {
		width: auto;
	}
	.mod-sample-block div.sample-detail-corporate dl dt {
		display: none;
	}
	.mod-sample-block div.sample-detail-corporate dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate dl dd p {
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
		position: relative;
		float: left;
		display: inline;
		width: 315px;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
		width: 300px;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
	}


	.mod-sample-block .sample-detail-box .photo-box-left {
		float: none;
		display: block;
		margin: 30px 0;
	}
	.mod-sample-block .sample-detail-box .photo-box-left p {
		width: 400px;
		margin: 0 auto 15px;
	}
	.mod-sample-block .sample-detail-box .photo-box-left p img {
	}

	.mod-sample-block .sample-detail-box .photo-box-right {
		float: none;
		display: block;
		margin: 30px 0;
		padding: 0;
	}
	.mod-sample-block .sample-detail-box .photo-box-right p {
		width: 400px;
		margin: 0 auto 15px;
	}
	.mod-sample-block .sample-detail-box .photo-box-right p img {
	}

	.mod-sample-block .sample-detail-profile {
		margin-right: 10px;
	}
	.mod-sample-block .sample-detail-profile dl dt {
		float: left;
		display: inline;
		width: 180px;
		margin-right: 0;
	}
	.mod-sample-block .sample-detail-profile dl dt.none {
		display: none;
	}
	.mod-sample-block .sample-detail-profile dl dd {
		margin: 0 0 0 205px !important;
		padding: 0;
	}
	.mod-sample-block .sample-detail-profile dl dd.no-photo {
		margin: 0 !important;
		padding: 0;
	}
	.mod-sample-block .float_left {
		float: none;
		width:auto;
	}
	.mod-sample-block .float_right {
		float: none;
		width:auto;
		clear: none;
	}

	.mod-sample-block .sample-detail-box .w200 {
		width: 90% !important;
		text-align: center;
	}
	.mod-sample-block .sample-detail-box .w200 img {
	}
	.mod-sample-block .sample-detail-box .w250 {
		width: 250px !important;
	}
	.mod-sample-block .sample-detail-box .w340 img {
	}
	.mod-sample-block .sample-detail-box .w340 {
		width: 340px !important;
	}
	.mod-sample-block .sample-detail-box .w340 img {
	}
	.mod-sample-block .sample-detail-box .w450 {
		width: 400px !important;
	}
	.mod-sample-block .sample-detail-box .w450 img {
		width: 400px !important;
		height: auto !important;
	}
	.mod-sample-block .sample-detail-box .w480 {
		width: 400px !important;
	}
	.mod-sample-block .sample-detail-box .w480 img {
		width: 400px !important;
		height: auto !important;
	}

}

@media (max-width:480px){

	.mod-sample-block .sample-detail-title p.category {
		float: left;
		display: inline;
		margin: 15px 0 0;
		padding: 0;
		margin-right: 10px;
	}
	.mod-sample-block .sample-detail-title p.pdf-download {
		float: left;
		display: inline;
		margin: 12px 0 0;
	}

	.mod-sample-block div.sample-detail-corporate dl dd {
		margin: 0;
	}

	.mod-sample-block div.sample-detail-corporate dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box {
		position: relative;
		float: left;
		display: inline;
		width: auto;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p {
		width: auto;
	}
	.mod-sample-block div.sample-detail-corporate dl dd div.photo-box p img {
		width: 100%;
		height: auto;
	}

	.mod-sample-block .sample-detail-box .photo-box-left p {
		width: auto;
		margin: 0 auto;
	}
	.mod-sample-block .sample-detail-box .photo-box-left p img {
		width: 100%;
		height: auto;
	}
	.mod-sample-block .sample-detail-box .photo-box-right p {
		width: auto;
		margin: 0 auto;
	}
	.mod-sample-block .sample-detail-box .photo-box-right p img {
		width: 100%;
		height: auto;
	}


	.mod-sample-block .sample-detail-profile dl {
		margin: 0;
		padding: 0;
	}
	.mod-sample-block .sample-detail-profile dl dt {
		float: none;
		display: block;
		width: 180px;
		margin: 0 0 15px;
	}
	.mod-sample-block .sample-detail-profile dl dt.none {
		display: none;
	}
	.mod-sample-block .sample-detail-profile dl dd {
		margin: 0 !important;
		padding: 0;
	}
	.mod-sample-block .sample-detail-profile dl dt.mw200 {
		float: none;
		display: block;
		width: 200px;
		margin: 0 0 15px;
	}
	.mod-sample-block .sample-detail-profile dl dd.mw200 {
		margin: 0;
		padding: 0;
	}

	.mod-sample-block .sample-detail-box .w200 {
		width: 200px !important;
		text-align: left;
	}
	.mod-sample-block .sample-detail-box .w200 img {
	}
	.mod-sample-block .sample-detail-box .w250 {
	}
	.mod-sample-block .sample-detail-box .w340 img {
	}
	.mod-sample-block .sample-detail-box .w340 {
		width: auto !important;
	}
	.mod-sample-block .sample-detail-box .w340 img {
		width: 100%!important;
		height: auto !important;
	}
	.mod-sample-block .sample-detail-box .w450 {
		width: auto !important;
	}
	.mod-sample-block .sample-detail-box .w450 img {
		width: 100%!important;
		height: auto !important;
	}
	.mod-sample-block .sample-detail-box .w480 {
		width: auto !important;
	}
	.mod-sample-block .sample-detail-box .w480 img {
		width: 100%!important;
		height: auto !important;
	}

}



/* detail style mbs */

.mod-sample-block div.sample-detail-corporate-mbs {
	margin: 0;
	padding: 10px 20px;
	background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat left bottom;
}

.mod-sample-block div.sample-detail-corporate-mbs dl {
	position: relative;
	width: 695px;
	height: auto;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dt {
	float: right;
	display: inline;
	width: 360px;
	margin: 0 0 0 335px;
	font-weight: bold;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd {
	margin: 0 0 0 335px;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 335px;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p {
	float: left;
	display: inline;
	width: 150px;
	margin-bottom: 10px;
	line-height: 1.3;
	font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p:first-child {
	margin-right: 10px;
}
.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p img {
	margin-bottom: 5px;
}

@media (max-width:640px){

	.mod-sample-block div.sample-detail-corporate-mbs {
		margin: 0 10px;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl {
		width: auto;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dt {
		display: none;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd p {
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box {
		position: relative;
		float: none;
		display: block;
		width: 340px;
		margin: 0 auto;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p {
		margin-left: 10px;
		margin-right: 10px;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p img {
	}

}

@media (max-width:480px){

	.mod-sample-block div.sample-detail-corporate-mbs dl dd {
		margin: 0;
	}

	.mod-sample-block div.sample-detail-corporate-mbs dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box {
		width: 240px;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p {
		width: 100px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.mod-sample-block div.sample-detail-corporate-mbs dl dd div.photo-box p img {
		width: 110px;
		height: auto;
	}

}



/* detail style jouchi */

.mod-sample-block div.sample-detail-corporate-jouchi {
	margin: 0;
	padding: 10px 20px;
	background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat left bottom;
}

.mod-sample-block div.sample-detail-corporate-jouchi dl {
	position: relative;
	width: 695px;
	height: auto;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dt {
	float: right;
	display: inline;
	width: 470px;
	margin: 0 0 0 225px;
	font-weight: bold;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd {
	margin: 0 0 0 225px;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p {
	margin-bottom: 10px;
	line-height: 1.3;
	font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p:first-child {
	margin-right: 10px;
}
.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p img {
	margin-bottom: 5px;
}

@media (max-width:640px){

	.mod-sample-block div.sample-detail-corporate-jouchi {
		margin: 0 10px;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl {
		width: auto;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dt {
		display: none;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd p {
		margin: 0;
		padding: 0;
		margin-bottom: 1em;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box {
		position: relative;
		float: none;
		display: block;
		width: 225px;
		margin: 0 auto;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p {
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p img {
	}

}

@media (max-width:480px){

	.mod-sample-block div.sample-detail-corporate-jouchi dl dd {
		margin: 0;
	}

	.mod-sample-block div.sample-detail-corporate-jouchi dl dd {
		margin: 0;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box {
		width: 225px;
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p {
	}
	.mod-sample-block div.sample-detail-corporate-jouchi dl dd div.photo-box p img {
	}

}

/* detail style sma */

.mod-sample-block div.sample-detail-corporate-sma dl {
	position: relative;
	width: 695px;
	height: 420px;
	min-height: 420px;
}
@media (max-width:640px){
	.mod-sample-block div.sample-detail-corporate-sma dl {
		position: relative;
		width: auto;
		height: auto;
		min-height: inherit;
	}
}



/* detail style old */

.mod-sample-block div.sample-detail-corporate-old {
	margin: 0;
	padding: 10px 20px;
	background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat left bottom;
}

.mod-sample-block div.sample-detail-corporate-old dl {
	position: relative;
	width: 100%;
	height: auto;
}
.mod-sample-block div.sample-detail-corporate-old dl dt {
	float: none;
	display: block;
	width: 100%;
	margin: 0;
	font-weight: bold;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-old dl dd {
	margin: 0;
}
.mod-sample-block div.sample-detail-corporate-old dl dd p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

.mod-sample-block .sample-detail-profile-old dl dt {
	width: 150px;
}
.mod-sample-block .sample-detail-profile dl dd {
	margin: 0 0 0 175px;
	padding: 0;
}

@media (max-width:480px){

	.mod-sample-block .sample-detail-profile-old dl dt {
		width: 150px;
	}
	.mod-sample-block .sample-detail-profile dl dd {
		margin: 0;
		padding: 0;
	}

}

/*  movie style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-movie-block {
	position: relative;
	width: 640px;
	height: 360px;
	margin: 0 auto 30px;
	padding: 0;
}
.mod-movie-block-480 {
	display: none;
}
.mod-movie-block-320 {
	display: none;
}

@media (max-width:640px){
	.mod-movie-block {
		display: block;
		width: 480px;
		height: 270px;
		margin: 0 auto 30px;
		padding: 0;
	}
	.mod-movie-block img {
		width: 100%;
		height: auto;
	}
	.mod-movie-block iframe {
		display: block;
		width: 480px;
		height: 270px;
		margin: 0 auto 30px;
		padding: 0;
	}
	.mod-movie-block-480 {
		display: block;
		width: 480px;
		height: 270px;
		margin: 0 auto 30px;
		padding: 0;
	}
	.mod-movie-block-320 {
		display: none;
	}
}

@media (max-width:480px){
	.mod-movie-block {
		display: block;
		width: 300px;
		height: 169px;
		margin: 0 auto 30px;
		padding: 0;
	}
	.mod-movie-block img {
		width: 100%;
		height: auto;
	}
	.mod-movie-block iframe {
		display: block;
		width: 300px;
		height: 169px;
		margin: 0 auto 30px;
		padding: 0;
	}
	.mod-movie-block-480 {
		display: none;
	}
	.mod-movie-block-320 {
		display: block;
		width: 300px;
		height: 169px;
		margin: 0 auto 30px;
		padding: 0;
	}
}

.mod-sample-block .mod-movie-block iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}



/*  info style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-news-caution {
	margin: 0;
	padding: 10px 15px;
	border: 1px solid #ff0000;
}
dl.mod-news-caution-block {
	margin: 0;
	padding: 0;
	color: #ff0000;
}
dl.mod-news-caution-block dt {
	text-align: center;
	font-weight: bold;
}
dl.mod-news-caution-block dd {
	text-align: left;
	margin: 0;
	padding: 0;
}
@media (max-width:640px){
	.mod-news-caution {
		margin: 20px 0;
		padding: 10px 15px;
		border: 1px solid #ff0000;
	}
}

.mod-news-Title h3 {
	font-size: 1.385em !important;
	font-weight: bold;
	text-align: center;
	margin: 0 0 2em
}
@media (max-width:640px){
}

.mod-news p {
	font-size: 1.077em;
	line-height: 1.6;
}
@media (max-width:640px){
	.mod-news p {
		font-size: 1.143em;
		line-height: 1.4;
	}
}

.mod-news-block-xdcam {
	margin: 1em 0;
	padding: 15px 20px;
	background: #EFF4F9;
	border: 1px solid #fff;
}
.mod-news-block-xdcam a.mod-linkButton1 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
@media (max-width:640px){
	.mod-news-block-xdcam img {
		width: 100%;
		height: auto;
	}
}


.mod-news-support {
	clear: both;
	margin: 20px 0;
	padding: 0 10px
}
@media (max-width:640px){
	.mod-news-support {
		margin: 0;
		padding: 0 10px;
	}
}


/*　ムービープレイヤー設定
----------------------------------------------------------------------*/
.cboxLoadedContent {
	overflow: hidden;
}
.cboxIframe {
	overflow-x: hidden;
	overflow-y: hidden;
}

#movieWindow {
	width: auto;
	height: auto;
	zoom:1;
	background: #111111;
	overflow: hidden;
}
#movieWindow #movieplayer {
	overflow: hidden;
	width: 640px;
	height: 390px;
	max-width: 100%;
	margin: 0;
	background: #111111;
	zoom:1;
	position: relative;
}
#movieWindow #movieplayer #myFlash {
	overflow: hidden;
	width: 640px;
	height: 390px;
}
@media (max-width:480px){
	#movieWindow #movieplayer {
		width: 100%;
		height: auto;
		max-width: 100%;
	}
	#movieWindow #movieplayer #myFlash {
		overflow: hidden;
		width: 100%;
		height: auto;
	}


}

/* for IE6 */
	* html body#movieWindow {
		margin-left: 0px;
	}
	* html body#movieWindow #movieplayer {
		margin-top: 0;
		padding: 0px;
	}

/* for IE7 */
	*:first-child+html body#movieWindow {
		margin-left: 0px;
	}
	*:first-child+html body#movieWindow #movieplayer {
		margin-top: 0;
		padding: 0px;
	}

/* for IE8 */
	html>/**/body#movieWindow {
		text-align/*\**/: left;
		margin-left/*\**/: 0px\9;
	}
	html>/**/body#movieWindow #movieplayer {
	}

/* for IE9 */
	html>/**/body#movieWindow:not(:target) {
		margin-left/*\**/: 0px\9;
	}
	html>/**/body#movieWindow #movieplayer:not(:target) {
	}

#movieWindow {
	margin: 0;
	padding: 0;
}

p.need{
		border-bottom:1px solid #ccc;
		font-weight:bold;
		padding-bottom:5px;
		font-size:116%;
}
	p.text-red {margin:10px 0 !important; color:#990000;}



.event_bnr750 img {
    height: auto;
    width: 750px;
	margin-bottom:10px;
	margin-left:12px;
}

.event_bnr750_02 img {
    height: auto;
    width: 750px;
}

.event_bnr750_02{
	margin-bottom:0;
	height:150px;
}

.photo-box02 {
	float: right;
	display: inline;
	margin: 0 0 20px 10px;
}
.mod-sample-block .sample-detail-box .photo-box02 p {
	margin: 0;
}
.sample-detail-box > .photo-box02 > p {
	float: right;
	display: block;
	margin: 10px 10px;
	font-size: 0.84em;
}

.clearfix .profile .photo-box02 p {
	float: left;
	margin: 0 0 0 10px;
	font-size: 0.8em;
}

.mod-sample-block .sample-detail-box .photo-box02 p.right {
	margin-left: 10px;
	padding: 0;
    line-height: 1.6;
    display: inline;
    float: left;
}

.photo-text {
	font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate-old.photo-set {
	padding: 25px;
}
.mod-sample-block .sample-detail-box p.profile {
	margin: 0;
	margin-bottom: 10px;
}

.mod-casestudy-detail div#mod-casestudy-detail-profile2 {
    margin: 30px 0;
    padding: 25px;
    background: #f0f0f0;
}

.mod-casestudy-detail div#mod-casestudy-detail-profile2 div.photo-box {
    float: right;
    display: inline;
    margin: 0 0 20px 20px;
}

.mod-casestudy-detail div#mod-casestudy-detail-profile2 div.photo-box p {
    float: left;
    display: inline;
    margin: 0 0 0 10px;
    font-size: 0.8em;
}

.mod-casestudy-detail p {
    font-size: 1.077em;
    line-height: 1.6;
}


.detail-box-right {
	float: right;
	display: inline;
	width: 420px;
	margin-left: 25px;
}


.mod-sample-block .sample-detail-box p.photo-box3 {
    line-height: 1.6;
    margin: 0 auto;
	padding: 0;
	font-size: 0.84615em;
	text-align: left;
}

.mod-sample-block .photo-box-center p.w675 {
	width: 675px;
	font-size: 1em;
}


@media (max-width: 480px)
.mod-casestudy-detail div#mod-casestudy-detail-profile div.photo-box {
    float: none;
    display: block;
    width: auto;
    margin: 0 auto 20px;
}

.sample-detail-box .photo-box-center {

}



@media (max-width:640px){
.event_bnr750 img {
    height: auto;
    max-width: 640px;
    width: 100%;
	margin-left:0;
}

.event_bnr750_02 img {
    height: auto;
    max-width: 640px;
    width: 100%;
}

.event_bnr750_02{
	margin-bottom:0;
	height:auto;
}


}


@media (max-width:640px){	
	.mod-sample-block .sample-detail-box p.photo-box3 img {
    width: 100%;
    height: auto;
}
}
 @media (max-width:640px){
 	.mod-sample-block .sample-detail-box p.photo-box3 {
    width: auto;
    margin: 0 auto;
}
}
 @media (max-width:640px){
 	.mod-sample-block .sample-detail-box .detail-box-right {
	float: none;
	display: block;
	margin: 30px 0;
	padding: 0;
	width: auto;		
 	}
} 	
 @media (max-width:640px){
.mod-sample-block .sample-detail-box .detail-box-right p {
    width: auto;
    margin: 0 auto;
    font-size: 0.84615em;
}
}

 @media (max-width:640px){
.mod-sample-block .sample-detail-box .photo-box02 p.right {
	width: auto;
	margin-left: 10px;
}
}

 @media (max-width:640px){
.photo-box02 {
	margin: 0 auto 20px;
	display: block;
	width: 100%;
}
}
 @media (max-width:640px){
.w675 {
    width: auto !important;
}
}



/*2017-0314 casestudy*/

.casestudy .photo-box-left {
	width: 360px;
	float: left;
}

.casestudy .photo-box-right {
	width: 360px;
	float: right;
}
.casestudy .photo-box-left p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}

.casestudy .photo-box-right p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.84615em;
}
.photo-box-center2 p {
	text-align: center;
	font-size: 0.84615em;
}

.casestudy {
	display: block;
	height: 330px;
}

.mod-mainContentContainer.ex-mainContentContainer-hasCategoryNav3 {
    padding-top: 10px;
}

 @media (max-width:640px){
     
.casestud {
    width: 100%;
     }
     
.casestudy .photo-box-left {
    width: 100%;
    height: auto;
}
     
.casestudy .photo-box-right {
    width: 100%;
    height: auto;
}
.casestudy .photo-box-left img {
    width: 100%;
    height: auto;
}
     
.casestudy .photo-box-right img {
    width: 100%;
    height: auto;
}
     
     
}

/*--------------株式会社あいテレビ---------------*/
.c5-height{
	height: 200px;
}
@media (max-width:640px){
	.c5-height350{
		height: 350px;
	}
}

/*-------------- 2018/12/19 ---------------*/
.frame-red {
  border: 1px solid #cc0000;
  padding: 1em;
}

.mod-news-block-xdcam02 {
	margin: 1em 0;
	padding: 15px 20px;
}


/*-------------- 2019/10/24 ---------------*/
.mod-outline-important {
    border: solid 2px #c93434;
    padding: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.red{
	color: #c41230;
}



/*-------------- 2019/11/7 ---------------*/
.mod-download-block dl.mod-download-block-btn3 {
	width: 95%;
	background-color: #ffffff;
	border: 1px solid ##c41230;
	border-top: none;
	margin: 0;
	padding: 0;
}
.mod-download-block dl.mod-download-block-btn3-top {
    border: 1px solid #c41230;
    padding: 20px;
}
.mod-download-block dl.mod-download-block-btn3 dt {
	font-size: 1.143em;
	font-weight: bold;
	padding: 1em 1em 0;
	text-align: center;
}
.mod-download-block dl.mod-download-block-btn3 dd {
	float: left;
	width: auto;
	padding: 1em 0;
}
.mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1 {
	padding: 10px 20px;
}
.mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left {
	margin: 0 0 0 8em;
}

.mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left2 {
	margin: 0 0 0 11em;
}

/* for IE7 */
	*:first-child+html body .mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left {
		margin: 0 0 0 15em;
	}

/* for IE6 */
	* html body .mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left {
		margin: 0 0 0 12em;
	}

/*for 2col */
.c5-2col-lineup img{
  margin-top: 25px;
}
@media (max-width:640px){
.c5-2col-lineup{
  display: block;
}
.c5-2col-lineup img{
  width: 300px;
  margin-top: 10px;
}

}

.c5-ex-wrap{
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 90%);
	padding: 15px;
    margin-bottom: 40px;
}
.c5-about-heading-sub {
    font-size: 16px;
    border-bottom: 1px solid #333333;
    padding: 0 10px 5px 10px;
    margin-bottom: 15px;
    font-weight: bold;
}
.mod-about-block p {
    margin: 0 10px 30px;
    font-size: 1.077em;
    line-height: 1.6;
}

/*=========================================================


  Site Name   NXL TOP
  File Name   page.css [base-css bravia]

  Create Date 2008/08/06
  Update Date 2015/07/22


==========================================================*/

/*----------------------------------------------------------

  Module Top Style Sheet

-----------------------------------------------------------*/

/*コンテンツエリアを755pxに変更する(トップ以外の階層は760px)*/

body div#container div#pagebody div#column2-main760 {
  width: 755px;
}

/*サイドバーのアンケートバナー*/

body div#container div#pagebody div#column3-right p#enquete {
  margin: 0 0 10px;
}


body div#container div#main-visual {
  width: 950px;
  height: 300px;
  margin: 10px 0 0;
  position:relative;
  background-color: #222222;
}

/* メインビジュアル内のバナー */
body div#container div#main-visual div#sub {
  position:absolute;
  top: 0;
  right: 0;
  width: 285px;
  height: 300px;
  margin: 0;
  padding: 0;
}



/*ヘッダ部分H1(トップのみ)*/

#header h1 {
  height:21px;
  width:129px;
  position:absolute;
  top:15px;
  left:15px;
}

  body div#container div#pagebody div#column2-main760 div.section {
    width: 100%;
    padding: 0 0 25px;
    position: relative;
  }

    /*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)のタイトル用*/

    body div#container div#pagebody div#column2-main760 div.section h2 {
      margin: 0 0 30px;
      padding: 0 0 10px;
      background: transparent url(../images/title_bg.gif) bottom center no-repeat;
    }

    body div#container div#pagebody div#column2-main760 div.section p {
      position: absolute;
      top: 3px;
      right: 0;
    }

    /*製品ラインアップ用*/

    body div#container div#pagebody div#column2-main760 div#lineup h2 {
      margin: 0;
      padding: 0;
      background: none;
    }

    body div#container div#pagebody div#column2-main760 div#lineup p {
      position: absolute;
      top: -20px;
      right: 0;
    }

    /*重要なお知らせ部分のサブメニュー*/

    body div#container div#pagebody div#column2-main760 div.section ul.importantSub {
      position: absolute;
      top: 11px;
      right: 0;
    }

    /*更新情報部分のサブメニュー*/

    body div#container div#pagebody div#column2-main760 div.section ul#informationSub {
      position: absolute;
      top: 3px;
      right: 0;
    }

      body div#container div#pagebody div#column2-main760 div.section ul li {
        margin: 0 0 0 13px;
        display: inline;
      }

    /*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)用*/

    body div#container div#pagebody div#column2-main760 div.section div {

    }

      body div#container div#pagebody div#column2-main760 div.section div dl {
        width: 370px;
        min-height: 90px;
        margin: 0 15px 25px 0;
        padding: 0 0 25px;
        position: relative;
        float: left;
      }

      body div#container div#pagebody div#column2-main760 div.section div#seriesMain dl {
        min-height: 108px;
      }

      * html body div#container div#pagebody div#column2-main760 div.section div dl {
        height: 90px;
      }

      * html body div#container div#pagebody div#column2-main760 div.section div#seriesMain dl {
        height: 108px;
      }


      body div#container div#pagebody div#column2-main760 div.section div dl.smallthumb {
        margin: 0 15px 0 0;
        padding: 0 0 0;
      }

      body div#container div#pagebody div#column2-main760 div.section div dl dt.smallthumb {
        width: 90px;
        position: absolute;
        top: 0;
        left: 0;
      }

      body div#container div#pagebody div#column2-main760 div.section div dl dd.smallcap {
        margin: 0 0 0 90px;
        line-height: 1.3;
      }

      body div#container div#pagebody div#column2-main760 div.section div dl dd.smallcap2 {
        margin: 10px 0 0 90px;
        line-height: 1.3;
      }

      body div#container div#pagebody div#column2-main760 div.section div dl.noMargin {
        margin-right: 0;
      }

        /*各モジュール(シリーズ、製品情報、ピックアップコンテンツなど)の左画像用*/

        body div#container div#pagebody div#column2-main760 div.section div dl dt {
          width: 168px;
          position: absolute;
          top: 0;
          left: 0;
        }

        body div#container div#pagebody div#column2-main760 div.section div dl dd {
          margin: 0 0 0 168px;
          line-height: 1.3;
        }

        body div#container div#pagebody div#column2-main760 div.section div dl dd.txt10 {
          margin-top: 5px;
        }

        body div#container div#pagebody div#column2-main760 div.section div dl dd.notice {
          margin-top: 10px;
          color: #df0101;
        }

        body div#container div#pagebody div#column2-main760 div.section div dl dd.linkProductInfo {
          margin-top: 10px;
          line-height: 0;
          font-size: 0;
        }
        
        body div#container div#pagebody div#column2-main760 div.section div dl dd span.mod-iconNew {
          display: inline-block;
          vertical-align: bottom;
          width: 23px;
          height: 0;
          margin:0;
          padding: 23px 0 0;
          background: url(/share2/images/mod-iconNew/ico_01.png) repeat 0% 0%;
          overflow: hidden;
        }
        body div#container div#pagebody div#column2-main760 div.section div dl dd span.mod-newItem {
          color:#cc0000;
        }
        
    /*TOPページおすすめ商品用*/   
        
    a.itemTitle {
      font-size:130%;
      font-weight: bold;
      color: #333;
    }
    
    div.items dl dd a.itemTitle span{
      font-size:65%;
      display: block;
      padding:0 0 0 0;    
    }
    
    a span.itemSmallText {
      font-size: 85%;
    }
    
    div.items dl dd span {
      display: block;
      padding: 7px 0 0 0;
    }
    a.itemArrow:link,
    a.itemArrow:visited,
    a.itemArrow:active {
      color: #333!important;
    }
      
    body div#container div#pagebody div#column2-main760 div.section div dl.smallList dt{
      width:88px !important;
    }
    
    body div#container div#pagebody div#column2-main760 div.section div dl.smallList dd {
      margin: 0 0 0 88px;
      line-height: 1.3;
    }
    
    body div#container div#pagebody div#column2-main760 div.section div dl.smallList dd.linkProductInfo {
      margin-top: 10px;
      line-height: 0;
      font-size: 0;
    }

    /*上記モジュール以外(製品ラインアップ)用*/

    body div#container div#pagebody div#column2-main760 div#lineup {
      margin-top: 25px;
    }

      body div#container div#pagebody div#column2-main760 div#lineup table {
        width: 100%;
        margin-bottom: 25px;
        border-collapse: collapse;
        border: 1px solid #ccc;
      }

        body div#container div#pagebody div#column2-main760 div#lineup table tr th {
          padding: 15px;
          vertical-align: top;
        }

        body div#container div#pagebody div#column2-main760 div#lineup table tr td {
          border-bottom: 1px solid #ccc;
        }

        body div#container div#pagebody div#column2-main760 div#lineup table tr td ul {

        }

          body div#container div#pagebody div#column2-main760 div#lineup table tr td ul li {
            margin: 0;
            display: inline;
          }

    /*上記モジュール以外(重要なお知らせ)用*/

    body div#container div#pagebody div#column2-main760 div.section dl.importantNews {
      padding: 0 0 25px;
    }

      body div#container div#pagebody div#column2-main760 div.section dl.importantNews dt {
        width: 11em;
        margin: 0 0 10px;
        float: left;
      }

      body div#container div#pagebody div#column2-main760 div.section dl.importantNews dd {
        margin: 0 0 1em 11em;
        padding: 0 0 0 10px;
        background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
      }

      * html body div#container div#pagebody div#column2-main760 div.section dl.importantNews dd {

      }

    body div#container div#pagebody div#column1-main div.section dl.importantNews {
      padding: 0 0 25px;
    }

      body div#container div#pagebody div#column1-main div.section dl.importantNews dt {
        width: 11em;
        margin: 0 0 10px;
        float: left;
      }

      body div#container div#pagebody div#column1-main div.section dl.importantNews dd {
        margin: 0 0 1em 11em;
        padding: 0 0 0 10px;
        background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
      }

      * html body div#container div#pagebody div#column1-main div.section dl.importantNews dd {

      }

    /*上記モジュール以外(更新情報)用*/

    body div#container div#pagebody div#column2-main760 div.section dl#informationNews {
      padding: 0 0 25px;
    }

      body div#container div#pagebody div#column2-main760 div.section dl#informationNews dt {
        width: 11em;
        margin: 0 0 10px;
        float: left;
      }

      body div#container div#pagebody div#column2-main760 div.section dl#informationNews dd {
        margin: 0 0 1em 11em;
        padding: 0 0 0 10px;
        background: transparent url(../images/news_bg.gif) 0 6px no-repeat;
      }

      * html body div#container div#pagebody div#column2-main760 div.section dl#informationNews dd {

      }

/*----------------------------------------------------------

  Common Module

-----------------------------------------------------------*/

/*clearfix*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

/*nonHeight*/

.nonHeight {
  line-height: 0;
  font-size: 0;
}

/*info*/

/*-------banner list area-------*/
ul.inc-bannerlist li {
  line-height:1;
  width:180px;
  margin-bottom:15px;
}
.inc-bannerlist li img{
  vertical-align:bottom;
}
.inc-bannerlist li p{
  line-height:1.2;
  margin-top:3px;
}
.inc-bannerlist li p a{
  background:url(/share/images/arrow_black.gif) left 0.4em no-repeat;
  margin-left: 5px;
  padding-left:10px;
  display:block;
}
.inc-bannerlist li p.newsicon{
  line-height:1.2;
  min-height:0;
  text-align:left;
  background:url(/share/images/arrow_black.gif) 5px 0.4em no-repeat;
  /*\*//*/
display: inline-table;
/**/
}
*+html:first-child body .inc-bannerlist li p.newsicon{
overflow: hidden;
}
.inc-bannerlist li p.newsicon:after{
  content:".";
  display:block;
  height:0;
  clear: both;
  visibility:hidden;
  line-height:0;
}
/* \*/ 
* html .inc-bannerlist li p.newsicon {height:1%;} 
.inc-bannerlist li p.newsicon {display: block;} 
/* */
.inc-bannerlist li p.newsicon span {
  float:left;
  width:25px;
}
.inc-bannerlist li p.newsicon span.banner_text {
  float:right;
  width:135px;
}
.inc-bannerlist li p.newsicon a span {
  cursor:pointer;
}

.starmarks{
  color: #990000;

}

.textright{
  text-align: right;
}

/* 2009.06.03追加　おすすめ商品　プレミアムオーダー用*/
div.premiumo{
  width: 720px;
  margin: 0px;
  padding: 15px 16px 15px 16px;
  border:solid 1px #CCCCCC;
  float: left;
}

div.premiumo div.leftbox{
  width: 159px;
  float:left;
}

div.premiumo div.centerbox{
  width: 357px;
  float:left;
}

div.premiumo div.rightbox{
  width:173px;
  float:right;
}

div.premiumo div.leftimg{
  width:173px;
  float:left;
}

div.premiumo div.rightimg{
  float:right;
}

div.premiumo div.pt10{
  padding-top:10px;
}

div.premiumo div.pr10{
  padding-right:10px;
}

div.premiumo div.pr15{
  padding-right:15px;
}

div.premiumo div.pb10{
  padding-bottom:10px;
}

div.premiumo div.pb22{
  padding-bottom:22px;
}


/* 2009.06.04追加　TOPメインエリア*/

body div#container div#main-visual div.mainbanner{
  width:760px;
  float:left;
}

body div#container div#main-visual div.rightbanner{
  width:180px;
  float:right;
  padding:5px 5px 2px 2px;
}

body div#container div#main-visual div.rightbanner2{
  width:180px;
  float:right;
  padding:0px 5px 2px 2px;
}

body div#container div#main-visual div.rightbanner3{
  width:180px;
  float:right;
  padding:0px 5px 5px 2px;
}

/* 2009.09.02追加　TOP ZX5ボタン内バナー*/

#seriesMain .showroombanner{
  position:absolute;
  top:170px;
  left:437px;
}

#seriesMain .showroombanner img{
  border:none;
}

/* 2009.09.02追加　TOP V5メインビジュアル内省エネシミュレーターバナー*/

#main-visual .in-banner{
  position:absolute;
  top:239px;
  left:263px;
}

#main-visual .in-banner img{
  border:none;
}


/*----------------------------------------------------------

  Common Module

-----------------------------------------------------------*/

/*clearfix*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

/*-------main-visual area-------*/

body div#container div#main-visual {
  position:relative;
  width:950px;
  height:300px;
  overflow: hidden;
}
body div#main-visual img.mainImg {
  position:absolute;
  left:0;
  top:0;
}

body div#main-visual ul#main-banner {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 300px;
  overflow: hidden;
}
body div#main-visual ul#main-banner li#banner01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 380px;
  height: 300px;
  background: #222222;
}
body div#main-visual ul#main-banner li#banner02 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 360px;
  height: 40px;
  background: #eeeeee;
  overflow: hidden;
}

body div#main-visual dl.howToUseNav {
  position:absolute;
  left:770px;
  bottom:13px;
  line-height:1;
  font-size:0;
}
body div#main-visual dl.howToUseNav dt {
  overflow: hidden;
  width: 170px;
  height: 34px;
}
body div#main-visual dl.howToUseNav dd ul li {
  overflow: hidden;
  width: 170px;
  height: 41px;
}


/*-------support area-------*/

body div#suppport_box dl.support {
  position:relative;
}
body div#suppport_box dl.support dt {
  min-height: 40px;
  height: auto !important;
  height: 40px;/*Needs to match the min height pixels above*/
  margin-bottom: 0;
  padding-bottom: 0;
}

body div#suppport_box dl.support li {
  margin-bottom: 5px;
  padding-bottom: 0;
}


/*-------icon style-------*/

body img.icon {
  vertical-align: baseline;
}

/*------------20180413---------------*/
.c5-margin-t20{
  margin-top: 20px;
}

a.c5-btnDL {
  color: #FFF;
    box-sizing: border-box;
    display: inline-block;
    padding: 8px 18px;
    border-radius: 1px;
    background: #5787f4;
  text-decoration: none;
}
a.c5-btnDL.no_active {
  pointer-events: none;
  opacity: .5;
}

/*--------------main area--------------*/
.info-title {
  position:relative;
  margin-bottom:30px;
}
.info-title .back_btn {
  position:absolute;
  right:20px;
  top:15px;
}

/*--------------list area--------------*/
#info-list {
  margin:0 20px 20px 20px;
}
#info-list dl {
  width:900px;
  text-align:left;
  clear:both;
  min-height:0;
  /*\*//*/
display: inline-table;
/**/
}
*+html:first-child body #info-list dl  {
overflow: hidden;
}
#info-list dl:after {
  content:".";
  display:block;
  height:0;
  clear: both;
  visibility:hidden;
  line-height:0;
}
/* \*/ 
* html #info-list dl { height:1%;}
#info-list dl {display: block;} 
/* */

#info-list dt {
  float: left;
  width: 200px;
  margin: 0 ;
  line-height: 1em;
  padding:0.2em 0;
  clear:both;
}
#info-list dt img {
  margin-right:10px;
  vertical-align:text-top;
}
#info-list dd {
  margin: 0 0 1.5em 200px;
  line-height: 1.4em;
  background:url(../../images/arrow_black.gif) 0 0.5em no-repeat;
  padding-left: 10px;
}

div#important div.titleBox {
  margin: 0px 80px 30px 80px;
}

div#important div.titleBox h3 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 140%;
}
div#important div.titleBox p.center {
  margin-bottom: 30px;
  text-align: center;
}
div#important div.titleBox p.copy {
  margin-bottom: 5px;
  text-align: center;
}
div#important div.titleBox p.copyright {
  margin-bottom: 30px;
  text-align: right;
  line-height: 1.3;
}
div#important div.titleBox p.copyright span.ps {
  color: #CC0000;
  font-weight: bold;
}

div#important div.titleBox p.copyright span.red {
    color:#FF0000;
}



div#important div.txtBox {
  margin: 0px 80px 30px 80px;
}
div#important div.txtBox .m30 {
  margin: 0px 0px 30px;
}
div#important div.txtBox .pl10 {
  padding-left: 10px;
}
div#important div.txtBox p {
  margin: 0px 0px 30px;
}
div#important div.txtBox p.none {
  margin-bottom: 10px;
}
div#important div.txtBox .coution {
  color: #CC0000;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
div#important div.txtBox .center {
  text-align: center;
}
div#important div.txtBox .red {
  color: #cc0000;
}
div#important div.txtBox .stxt {
  font-size: 85%;
}

div#important div.txtBox h4 {
  margin: 40px 0px 30px 0px;
  font-size: 120%;
  text-align: center;
}


div#important div.txtBox ul.anchorNav {
}
div#important div.txtBox ul.anchorNav li {
  display: inline;
  margin: 0 30px 0 0;
}

div#important div.txtBox dl.infoBox {
  margin: 0px 20px 30px 20px;
}
div#important div.txtBox dl.infoBox dt {
  margin: 0px 0px 10px;
  font-size: 116%;
  font-weight: bold
}
div#important div.txtBox dl.infoBox dt.none {
  display: none;
}
div#important div.txtBox dl.infoBox dd {
  margin: 0px 0px 0px 30px;
}
div#important div.txtBox dl.infoBox dd.none {
  margin: 0px 0px 0px 0px;
}
div#important div.txtBox dl.infoBox dd img.m5 {
  margin: 5px 0px;
}
div#important div.txtBox dl.infoBox dd p {
  margin: 0px 0px 1em 0px;
}
div#important div.txtBox dl.infoBox dd ul {
  margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ul li {
  margin: 0px 0px 10px 0px;
  list-style-type: disc;
}
div#important div.txtBox dl.infoBox dd ol {
  margin: 0px 0px 30px 20px;
}
div#important div.txtBox dl.infoBox dd ol li {
  margin: 0px 0px 10px 0px;
  list-style-type: decimal;
}

div#important div.txtBox dl.infoBox dd ul.none li, 
div#important div.txtBox dl.infoBox dd ol.none li {
  list-style-type: none;
}

div#important div.txtBox dl.infoBox dd .caution {
  margin-left: 1em;
  text-indent: -1em;
}


div#important div.lineBox {
  margin: 0px 100px 30px 100px;
  padding: 15px 15px 0px 15px;
  border: 1px solid #cccccc;
}

div#important div.lineBox dl.information {
}
div#important div.lineBox dl.information dt {
  margin: 0px 0px 10px;
  font-size: 116%;
  font-weight: bold
}
div#important div.lineBox dl.information dd {
  margin: 0px 0px 0px 10px;
}

div#important div.txtBox table.serial {
  width: 100%;
  margin: 0px 0px 30px 0px;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.serial th {
  border-right: 1px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  padding: 5px 10px;
}
div#important div.txtBox table.serial td {
  border-right: 1px solid #cccccc;
  padding: 5px 10px;
}

div#important div.txtBox table.change {
  width: 100%;
  margin: 0px 0px 30px 0px;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
div#important div.txtBox table.change th {
  padding: 8px 10px;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
div#important div.txtBox table.change tr.title th {
  width: 33%;
  background: #666666;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
div#important div.txtBox table.change th.title {
  vertical-align: middle;
}
div#important div.txtBox table.change td {
  padding: 8px 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

div#important div.txtBox table.change tr.bg th, 
div#important div.txtBox table.change tr.bg td {
  background: #dddddd;
}
div#important div.txtBox table.change tr.bg td.white {
  width: 14%;
  background: #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
div#important div.txtBox table.change tr.none th, 
div#important div.txtBox table.change tr.none td {
  border-bottom: 1px solid #FFFFFF;
}
p.link a{
  display: block;
  background:url("/share/images/arrow_black.gif") no-repeat scroll left 0.4em transparent;
  margin-left: 5px;
  padding-left:10px;
}


div#important div.txtBox table.spec {
  width: 100%;
  margin: 0 0 30px 0;
  border: 1px solid #cccccc;
  font-size: 85%;
}
div#important div.txtBox table.spec th {
  border: 1px solid #cccccc;
  padding: 5px 5px;
  background-color: #efefef;
  text-align: center;
}
div#important div.txtBox table.spec tr.products th {
  width: 14%;
  padding: 5px 10px;
  background-color: #f5f5f5;
  text-align: left;
}
div#important div.txtBox table.spec td {
  border: 1px solid #cccccc;
  padding: 5px 10px;
  text-align: center;
}





div#important .icon {
  vertical-align: top;
  margin: 0.25em 5px 0 0;
}
div#important .newWindow {
  vertical-align: top;
  margin: 0.25em 0 0 5px;
}
div#important div.information {
  margin: 0px 20px 30px 20px;
  padding-bottom: 15px;
}
div#important div.information p {
  margin: 0;
}
div#important div.bgcBox {
  background:#efefef;
  padding:15px;
}

div#important div.bgcBoxSub {
  background:#efefef;
  padding:10px;
  margin:5px;
}
div#important div.bgcBox ul {
  margin: 5px 0 0;
}
div#important div.bgcBox ul li {
  margin-left: 1em;
  text-indent: -1em;
  padding-bottom: 5px;
}
div#important div.bgcBox ul li span.caution {
  margin-left: 1em;
  text-indent: -1em;
  display: block;
  font-size: 85%;
}



/*==========================================================

info/download以下

==========================================================*/

#download div#important div.txtBox h4 {
  margin: 40px 0px 30px 0px;
  font-size: 120%;
  text-align: left;
  border-left:solid 3px #333333;
  padding-left:8px;
}
#download div#important div.txtBox dl.infoBox {
  margin: 0px 0px 30px 0px;
  border:solid 1px #CCCCCC;
}
#download div#important div.txtBox dl.infoBox dt {
  margin: 0px 0px 10px;
  font-size: 116%;
  font-weight: bold;
  background:#EEEEEE;
  border-bottom:solid 1px #CCCCCC;
  padding:0.3em 0.5em;
}
#download div#important div.txtBox dl.infoBox dd {
  margin:20px ;
}
#download div#important div.txtBox dl.infoBox dd p.img {
    float:right;
  margin-left:20px;
}
#download div#important div.txtBox dl.infoBox dd p.no {
  text-indent:-1em;
  margin-left:1em;
}
#download div#important div.txtBox dl.infoBox dd p img.icon{
    margin:2px 2px 0px 2px
}
#download div#important .red {
    color:#FF0000;
}
#download div#important textarea {
   width:790px;
}
#download div#important p.btn {
   text-align:center;
   margin-top:20px;
}

.infoBox p.need{
    border-bottom:1px solid #ccc;
    font-weight:bold;
    padding-bottom:5px;
    font-size:116%;
}

.infoBox table.specTable{
  margin-bottom:25px;
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
  width:100%;
}

.infoBox table.specTable td,
.infoBox table.specTable th{
  padding:5px;
  text-align:left;
  vertical-align:middle;
  border:1px solid #ccc;
}

.infoBox table.specTable th{
  font-weight:bold;
  background:#f2f2f2;
}

.infoBox table.specTable p{
    margin-bottom:5px !important;
}

.infoBox table.specTable p.supp{
    font-size:85%;
}

.infoBox table.specTable ul{
    margin:0 0 5px 25px !important;
    padding:0;
}

.infoBox table.specTable ul li{
    list-style:disc;
    margin:0 !important;
    padding:0;
}

.infoBox .att{
    font-size:85%;
    color:#ff0000;
    margin-bottom:20px !important;
}


body div#pagebody .dlArea{
  background:#F3F3F3;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  margin:50px 0 30px 0;
  padding-top:10px;
}

body div#pagebody .dlArea p{
    text-align:center;
    font-weight:bold;
    margin-bottom:0 !important;
}

body div#pagebody .dlArea p img{
    margin:0 10px;
}


body div#pagebody .dlArea p.btns{
    margin:10px 0 !important;
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
}

.s5-container .mod-download-block dl.mod-download-block-btn2{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
.s5-container .mod-download-block dl.mod-download-block-btn2 dt{
  width: 100%;
}
.s5-container .mod-download-block dl.mod-download-block-btn2 dd{
  float: none;
  margin: 0;
}
.s5-container .mod-download-block dl.mod-download-block-btn2 dd a{
  margin: 0!important;
}
.mod-subTitle{
  font-size: 14px;
}
.mod-linkButton1{
  border: solid 1px #bcbcbc;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(242, 242, 242, 1) 0%, rgba(188, 188, 188, 1) 100%);
  min-width: 6em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  text-align: center;
  padding: 10px 20px;
  box-sizing: border-box;
}
.mod-linkButton1:before{
  content: "\25B6";
  box-sizing: content-box;
  display: inline-block;
  padding-right: .4em;
  width: 1em;
  margin-left: -.6em;
}

div#important div.txtBox.bg-gray{
  text-align: center;
}
.mod-download-block dl.mod-download-block-table{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#download div#important textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.cIndent ul{
  list-style-type: none;
  padding-left: 0;
}

.mod-download-block dl.mod-download-block-btn3 dd{
  margin: 0;
  width: 50%;
  text-align: center;
}
.mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left,
.mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-right{
  margin: 0 20px;
}
*+.mod-subHeading2{
  margin-top: 3em;
}
@media (max-width:640px){
  *{
    word-break: break-all;
  }
  .download textarea{
    max-width: 100%;
    box-sizing: border-box;
  }
  .mod-download-block dl.mod-download-block-btn3-top{
    box-sizing: border-box;
  }
  .mod-download-block dl.mod-download-block-btn3 dd{
    float: none;
    margin-left: 0;
  }
  .mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-left,
  .mod-download-block dl.mod-download-block-btn3 dd a.mod-linkButton1-right{
    margin: 0 auto;
  }
  img{
    height: auto;
  }
  div#important div.titleBox,
  div#important div.txtBox,
  div#important >div,
  div#important div.information,
  div#important div.information >div,
  div#important div.txtBox dl.infoBox,
  div#important div.txtBox dl.infoBox dd,
  div#important div.txtBox dl.infoBox dd ol,
  div#important div.txtBox dl.infoBox dd ul{
    margin-left: 0;
    margin-right: 0;
  }
}

.download_table_wrap{
  overflow-x: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.download_table_wrap .download_table{
  width: max-content;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 640px){
  .mod-linkButton1{
    font-size: 14px!important;
  }
  .s5-container .mod-download-block dl.mod-download-block-btn2{
    gap: 5px;
  }
  .mod-download-block dl.mod-download-block-btnEtc dd.center{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }
  .s5-container .mod-download-block dl.mod-download-block-btn2:before{
    display: none;
  }
  .mod-download-block dl.mod-download-block-btn2 dt{
    text-align: center;
  }
  .s5-container .mod-download-block dl.mod-download-block-btn2 dt span.mod-exIconBg.windows{
    display: inline-block;
    margin: 0 auto;
  }
}
#pagetoparea{
  display: none!important;
}