@charset "Shift_JIS";

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

	Site Name   SNC
	File Name   mq_page.css

	Create Date 2013/03/21
	Update Date 2014/11/10

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

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-pageheaderBiz-inner h1 {}
@media (max-width:640px){
	.mod-pageheaderBiz-inner h1 { display: none; }
}

#ex-sonybsc { display: none; }
@media (max-width:640px){
	#ex-sonybsc { display: block; margin: 20px 0 10px; }
}
@media (max-width:480px){
	#ex-sonybsc img { width: 100%; height: auto; }
}

.mod-categoryHeader img {
	display: inline;
	vertical-align: middle;
	margin: -3px 6px 0 0;
}
.mod-categoryHeader.ex-categoryHeader-onlyText .mod-categoryHeader-title {
	margin: -3px 0 0;
	font-size: 1.23077em;
}

nav.mod-breadcrumbs {
	margin: 5px auto;
	background: #ffffff;
}
@media (max-width:640px){
}

div.mod-brandTopImage {
	margin-top: 0;
}
@media (max-width:640px){
}

div.mod-heading {
	clear: both;
}
div.mod-heading-none br {
}
div.mod-heading-pdfline {
}
@media (max-width:640px){
	div.mod-heading-none br {
		display: none;
	}
	div.mod-heading-pdflink {
		display: none;
	}
}

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

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

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

@media (max-width:640px){
	.mod-categoryNavTop {font-size:12px;width:auto;height:auto;padding:0 7px 0 10px;margin:10px 0;border:none;background:none;overflow:hidden}
	.mod-categoryNavTop ul li a span.long-txt { font-size:10px;}
}

.mod-seriesList a p {color:#43677e;text-decoration:none;background-color:transparent;-webkit-transition:color 0.3s ease-in;-moz-transition:color 0.3s ease-in;-ms-transition:color 0.3s ease-in;-o-transition:color 0.3s ease-in;transition:color 0.3s ease-in}
.mod-seriesList a p:visited {color:#43677e;background-color:transparent}
.mod-seriesList a p:hover, .mod-seriesList a p:active {color:#c41230;text-decoration:underline;background-color:transparent}

.mod-seriesList .mod-seriesList-item2-wide{width:740px !important;float:none !important;}
@media (max-width:640px){
	.mod-seriesList .mod-seriesList-item2-wide{width:auto !important;float:none !important;}
}

.mod-seriesList a p.mod-seriesList-item2-text-intro,
.mod-seriesList a p.mod-seriesList-item2-text-intro:hover,
.mod-seriesList a p.mod-seriesList-item2-text-intro:visited {color:#333333;text-decoration:none;}

.mod-seriesList a p.mod-seriesList-item2-text-note,
.mod-seriesList a p.mod-seriesList-item2-text-note:hover,
.mod-seriesList a p.mod-seriesList-item2-text-note:visited {text-decoration:none;}


.mod-listMarkText {
	margin-left: 10px !important;
}

.mod-heading-snc {
	margin: 40px 0 30px;
	padding: 7px 15px;
	background: url(/snc/share/images/img_bg_title.jpg) no-repeat left bottom;
	border-bottom: none;
	*zoom: 1;
}
.mod-heading-snc h2 {
	font-size: 1.385em;
	font-weight: bold;
	float: left;
	margin: 0;
	color: #333333;
}
.mod-heading-snc h3 {
	font-size: 1.385em;
	font-weight: bold;
	float: left;
	margin: 0;
	color: #333333;
}

.mod-heading-snc-lineup {
	margin: 30px 0;
	padding: 0 7px;
	background: none;
	border-left: 7px solid #003399;
	border-bottom: none;
	*zoom: 1;
}
.mod-heading-snc-lineup h2 {
	font-size: 1.385em;
	font-weight: bold;
	float: left;
	margin: 0;
	color: #333333;
}
.mod-heading-snc-lineup h3 {
	font-size: 1.385em;
	font-weight: bold;
	float: left;
	margin: 0;
	color: #333333;
}


.ex-marginTop05 {
	margin-top: 5px !important;
}
.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-marginBottom05 {
	margin-bottom: 5px !important;
}
.ex-marginBottom10 {
	margin-bottom: 10px !important;
}
.ex-marginBottom20 {
	margin-bottom: 30px !important;
}
.ex-marginBottom30 {
	margin-bottom: 30px !important;
}
.ex-marginBottom40 {
	margin-bottom: 40px !important;
}
.ex-marginBottom50 {
	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 1em;
	font-size: 0.84615em !important;
}
.ex-cautionColor {
	color: #cc0000;
}
.ex-cautionBox {
	padding: 20px;
	border: 1px solid #cc0000;
}

.ex-cautionText-noMark {
	list-style-type: none;
}

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

.ex-textBlockIndent {
	margin-left: 2.0em;
}

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

dt.none {
	display: none !important;
}

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

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

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 {
}
.mod-linkButton1--disable{
	color: #333333;
	text-decoration: none;
	opacity: 0.5;
}
.mod-linkButton1--disable:hover{
	cursor: default;
}
.ex-linkButton1 {
}
.ex-linkButton1 a {
	padding-top: 10px;
	padding-bottom: 10px;
}
@media (max-width:640px){
	.ex-linkButton1 {
	}
	.ex-linkButton1 a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media (max-width:480px){
	.ex-linkButton1 {
	}
	.ex-linkButton1 a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}


/*  for IE6
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-brandTopImage {
	_margin-bottom: -20px;
}

.mod-subTitle {
	_margin-top: 0;
}

#suppport_box .mod-heading {
	margin-top: 20px;
}

.mod-subTitle2kai {
    font-size: 1.53846em;
    line-height: 1.2;
    clear: both;
    padding: 9px 9px 9px 15px;
        padding-top: 9px;
        padding-right: 9px;
        padding-bottom: 9px;
        padding-left: 15px;
    margin: 0 0 10px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
    background: #dddddd url(../images/mod-subTitle/bg_01.png) repeat-x 0 100%;
    *zoom: 1;
}


/*  rightarea style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.mod-inc-rightarea ul.inc-bannerlist {
	list-style-type: none;
	margin: 0 0 10px;
	padding: 0;
}
@media (max-width:640px){
	div.mod-inc-rightarea ul.inc-bannerlist {
	}
}

div.mod-inc-rightarea ul.bannermenu {
	list-style-type: none;
}
@media (max-width:640px){
	div.mod-inc-rightarea ul.bannermenu {
	}
}

.mod-sideBanner {clear:both; margin: 20px 0;}
.mod-sideBanner:first-child{margin-top:0;}
.mod-sideBanner p {margin: 0 0 5px;}


/*  mod-pageNav style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.mod-pageNav {
}
@media (max-width:640px){
}

div.mod-pageNav ul {
	margin: 30px 0 30px 15px;
	padding: 0;
}
@media (max-width:640px){
}

div.mod-pageNav ul { zoom: 1; }
div.mod-pageNav ul:before,
div.mod-pageNav ul:after { content: ""; display: table; }
div.mod-pageNav ul:after { clear: both; }

div.mod-pageNav ul li {
	float: left;
	display: inline;
	margin: 0 30px 0.5em 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
@media (max-width:640px){
	div.mod-pageNav ul li {
		white-space: normal;
	}
}

div.mod-pageNav a.mod-link-pageNav, div.mod-pageNav span.mod-link-pageNav {
	display:inline-block;
	padding-left:11px;
	background:url(/snc/share/images/icon_linkmark_arrow01.gif) no-repeat 0 48%;
}
div.mod-pageNav a.mod-link-pageNav:hover, div.mod-pageNav a:hover span.mod-link-pageNav {
	text-decoration:none;
	opacity:.6;
}
@media (max-width:640px){
	div.mod-pageNav a.mod-link-pageNav, div.mod-pageNav span.mod-link-pageNav {
		font-size:14px;
		padding-left:15px;
		background:url(/snc/share/images/icon_linkmark_arrow02.gif) no-repeat 0 48%;
	}
	div.mod-pageNav a.mod-link-pageNav:hover, div.mod-pageNav a:hover span.mod-link-pageNav {
		opacity:1;
	}
	.mod-pageNav a {color:#43677e;text-decoration:none;background-color:transparent;-webkit-transition:color 0.3s ease-in;-moz-transition:color 0.3s ease-in;-ms-transition:color 0.3s ease-in;-o-transition:color 0.3s ease-in;transition:color 0.3s ease-in}
	.mod-pageNav a {color:#43677e;background-color:transparent}
	.mod-pageNav a:hover, .mod-pageNav a:active {color:#c41230;text-decoration:underline;background-color:transparent}
}

div.mod-pageNav ul li.no-link {
	color: #888888;
}
div.mod-pageNav ul li.li.no-link span.mod-link-pageNav {
}


/* 20150318追記 タブタイプページナビ */
div.mod-pageNav-tab {
}
@media (max-width:640px){
}

div.mod-pageNav-tab ul {
	margin: 30px 0 30px 15px;
	padding: 0;
}
@media (max-width:640px){
}

div.mod-pageNav-tab ul { zoom: 1; }
div.mod-pageNav-tab ul:before,
div.mod-pageNav-tab ul:after { content: ""; display: table; }
div.mod-pageNav-tab ul:after { clear: both; }

div.mod-pageNav-tab ul li {
	float: left;
	display: inline;
	margin: 0 30px 0.5em 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
@media (max-width:640px){
	div.mod-pageNav-tab ul li {
		white-space: normal;
	}
}

div.mod-pageNav-tab a.mod-link-pageNav, div.mod-pageNav-tab span.mod-link-pageNav {
	display:inline-block;
	padding-left:11px;
	background:url(/snc/share/images/icon_linkmark_arrow01.gif) no-repeat 0 48%;
}
div.mod-pageNav-tab a.mod-link-pageNav:hover, div.mod-pageNav-tab a:hover span.mod-link-pageNav {
	text-decoration:none;
	opacity:.6;
}
@media (max-width:640px){
	div.mod-pageNav-tab a.mod-link-pageNav, div.mod-pageNav-tab span.mod-link-pageNav {
		font-size:16px;
		padding-left:15px;
		background:url(/snc/share/images/icon_linkmark_arrow02.gif) no-repeat 0 48%;
	}
	div.mod-pageNav-tab a.mod-link-pageNav:hover, div.mod-pageNav-tab a:hover span.mod-link-pageNav {
		opacity:1;
	}
	.mod-pageNav-tab a {color:#43677e;text-decoration:none;background-color:transparent;-webkit-transition:color 0.3s ease-in;-moz-transition:color 0.3s ease-in;-ms-transition:color 0.3s ease-in;-o-transition:color 0.3s ease-in;transition:color 0.3s ease-in}
	.mod-pageNav-tab a {color:#43677e;background-color:transparent}
	.mod-pageNav-tab a:hover, .mod-pageNav-tab a:active {color:#c41230;text-decoration:underline;background-color:transparent}
}


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

.mod-pageNav-tab ul li {
	overflow: hidden;
	float: left;
	display: inline;
	width: 188px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/snc/share/images/nav_bg.png) repeat-x left center;
	text-align: center;
	border-left: 1px solid #cecece;
}
.mod-pageNav-tab ul li.now {
	background: url(/snc/share/images/nav_bg_here.png) repeat-x left center;
	font-weight: bold;
}

.mod-pageNav-tab ul li.feature-index {
	border-left: none;
}
.mod-pageNav-tab ul li.feature-01 {
}
.mod-pageNav-tab ul li.feature-02 {
}
.mod-pageNav-tab ul li.feature-03 {
}
.mod-pageNav-tab ul li a {
	display: block;
	padding: 10px;
}
.mod-pageNav-tab ul li span {
	display: block;
	padding: 10px;
}

.mod-pageNav-tab2 ul li {
	width: 376px;
}
.mod-pageNav-tab3 ul li {
	width: 250px;
}
@media (max-width:640px){
	.mod-pageNav-tab2 ul li {
		width: 100%;
	}
	.mod-pageNav-tab3 ul li {
		width: 100%;
	}
	.mod-pageNav-tab {
		margin: 30px 0 15px;
	}
	.mod-pageNav-tab ul {
	}
	.mod-pageNav-tab 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-tab ul li.now {
		background: url(/snc/share/images/nav_bg_here.png) repeat-x left center;
	}
	.mod-pageNav-tab ul li.feature-index {
		border-left: none;
	}
	.mod-pageNav-tab ul li a {
		display: block;
		padding: 10px;
		background: url(/share2/images/mod-link/ico_02.png) no-repeat left center;
		white-space: nowrap;
	}
}



/*  index lineupList style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-lineupList {
	margin: 0 0 20px;
	padding: 0;
}
.mod-lineupList { zoom: 1; }
.mod-lineupList:before, .mod-lineupList:after { content: ""; display: table; }
.mod-lineupList:after { clear: both; }

.mod-lineupList .mod-lineupList-item {
	float: left;
	display: inline;
	margin: 0 0 0 17px;
	padding: 0 17px 0 0;
	border-right: 1px dotted #cdcdcd;
}
.mod-lineupList .mod-lineupList-item.firstChild {
	margin: 0;
}
.mod-lineupList .mod-lineupList-item.lastChild {
	padding: 0;
	border-right: none;
}
.mod-lineupList-item { zoom: 1; }
.mod-lineupList-item:before, .mod-lineupList-item:after { content: ""; display: table; }
.mod-lineupList-item:after { clear: both; }

.mod-lineupList .mod-lineupList-item-image {
	margin: 0 0 5px;
	padding: 0;
}
.mod-lineupList .mod-lineupList-item-text {
	overflow: hidden;
}
.mod-lineupList .mod-lineupList-item-text h3 {
	margin: 5px 0;
	padding: 0;
	line-height: 1.2;
	font-size: 1.385em;
}
.mod-lineupList .mod-lineupList-item-text-intro {
	margin: 0;
	padding: 0;
	font-size: 0.84615em;
}
.mod-lineupList-item-text-date {
	margin: 0;
	padding: 0;
	font-size: 0.84615em;
	color: #c41230;
}
.mod-lineupList .mod-lineupList-item-text div .mod-linkButton1 {
	margin-top: 5px;
}

.mod-lineupList a {
	color: #333333;
	text-decoration: none;
}
.mod-lineupList a:hover {
	color: #333333;
	text-decoration: none;
}
.mod-lineupList a:visited {
	color: #333333;
	text-decoration: none;
}

@media (max-width:640px){
	.mod-lineupList {
		margin: 0;
		padding: 0;
	}
	.mod-lineupList .mod-lineupList-item {
		float: none;
		display: block;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-right: none;
		border-bottom: 1px dotted #cdcdcd;
	}
	.mod-lineupList .mod-lineupList-item.firstChild {
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	.mod-lineupList .mod-lineupList-item.lastChild {
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	.mod-lineupList .mod-lineupList-item-image {
		float: left;
		display: inline;
		width: 228px;
		margin: 0 15px 0 0;
		padding: 0;
	}
	.mod-lineupList .mod-lineupList-item-text {
		width: auto;
	}

	.heightLine-lineup-01,
	.heightLine-lineup-02 {
		height: auto !important;
	}
}
@media (max-width:480px){
	.mod-lineupList .mod-lineupList-item-image {
		float: left;
		display: inline;
		width: 115px;
		height: 95px;
		margin: 0 10px 0 0;
		padding: 0;
	}
	.mod-lineupList .mod-lineupList-item-image img {
		visibility: hidden;
	}

	.mod-lineupList #PMW-1000 {
		background: url(/snc/images/pic_lineup_mq_PMW-1000.jpg) no-repeat center top;
	}
	.mod-lineupList #PMW-400K {
		background: url(/snc/images/pic_lineup_mq_PMW-400K.jpg) no-repeat center top;
	}
	.mod-lineupList #PMW-400L {
		background: url(/snc/images/pic_lineup_mq_PMW-400L.jpg) no-repeat center top;
	}
	.mod-lineupList #PMW-300K1 {
		background: url(/snc/images/pic_lineup_mq_PMW-300K1.jpg) no-repeat center top;
	}
	.mod-lineupList #PMW-300K2 {
		background: url(/snc/images/pic_lineup_mq_PMW-300K2.jpg) no-repeat center top;
	}
	.mod-lineupList #PMW-200 {
		background: url(/snc/images/pic_lineup_mq_PMW-200.jpg) no-repeat center top;
	}
}



/*  index ather style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mod-seriesList-narrow .mod-seriesList-item2-image {
	margin-right: 20px;
}

.c5-seriesList-item2-text {
	margin: 5px auto!important ;
	text-align: center;
}

.c5-seriesList-item2-text p{
	background: rgba(0, 0, 0, 0) url("/share2/images/mod-link/ico_01.png") no-repeat scroll 0 0.35em;
    display: inline-block;
    padding-left: 10px;
}

.mod-seriesList .mod-seriesList-item1-image {
	float: left;
	display: inline;
	margin-right: 30px;
}
.mod-seriesList .mod-seriesList-item1-text {
	width: auto;
	float: none;
	display: block;
	margin-left: 290px;
}
@media (max-width:640px){
	.mod-seriesList .mod-seriesList-item1-image {
		float: left;
		margin-right: 20px;
	}
	.mod-seriesList .mod-seriesList-item1-text {
		margin-left: 280px;
	}
}
@media (max-width:480px){
	.mod-seriesList .mod-seriesList-item1-image {
		float: none;
		display: block;
		margin: 0 0 15px;
	}
	.mod-seriesList .mod-seriesList-item1-text {
		width: auto;
		float: none;
		margin: 0;
	}
}



/*  lineup lineupList style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-lineupList .mod-lineupList-products {
	float: left;
	display: inline;
	width: 490px;
}
.mod-lineupList .mod-lineupList-products h3 {
	margin: 0;
	padding: 0;
}
.mod-lineupList .mod-lineupList-products a {
	display: block;
	cursor: pointer;
}

.mod-lineupList .mod-lineupList-products-acc {
	float: right;
	display: inline;
	width: 250px;
}
.mod-lineupList .mod-lineupList-products-acc p {
	margin: 0;
	padding: 0;
}
.mod-lineupList .mod-lineupList-products-acc a {
	display: block;
	cursor: pointer;
}

.mod-lineupList .mod-lineupList-products-media {
	margin: 0 0 30px;
	padding: 0;
}
.mod-lineupList .mod-lineupList-products-media h3 {
	margin: 0;
	padding: 0;
}
.mod-lineupList .mod-lineupList-products-media a {
	display: block;
	cursor: pointer;
}

@media (max-width:640px){
	.mod-lineupList .mod-lineupList-products {
		float: none;
		display: block;
		overflow: hidden;
		width: 490px;
		height: 100px;
		margin: 0 auto 5px;
	}
	.mod-lineupList .mod-lineupList-products-acc {
		float: none;
		display: block;
		overflow: hidden;
		width: 490px;
		height: 60px;
		margin: 0 auto 30px;
	}
	.mod-lineupList .mod-lineupList-products-media {
		width: 490px;
		height: 70px;
		overflow: hidden;
		margin: 0 auto 15px;
		padding: 0;
	}

}

@media (max-width:480px){
	.mod-lineupList .mod-lineupList-products {
		float: none;
		display: block;
		overflow: hidden;
		width: 300px;
		height: 100px;
		margin: 0 auto 5px;
	}
	.mod-lineupList .mod-lineupList-products-acc {
		float: none;
		display: block;
		overflow: hidden;
		width: 300px;
		height: 60px;
		margin: 0 auto 30px;
	}
	.mod-lineupList .mod-lineupList-products-media {
		width: 300px;
		height: 85px;
		overflow: hidden;
		margin: 0 auto 15px;
		padding: 0;
	}

}


/*  lineup snc style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-lineup-block .lineup_nw {
	margin: 0 0 30px;
}

.mod-lineup-block .lineup_nw h4 {
	margin: 0 0 15px;
	padding: 5px 10px;
	font-size: 1.23077em;
	font-weight: bold;
	background: #e5e5e5;
}

.mod-lineup-block .ex-search-button {
	margin-left: 0px;
}
.mod-lineup-block .ex-search-button a {
	padding-top: 10px;
	padding-bottom: 10px;
}

div.mod-pageNav-lineup_snc {
}
div.mod-pageNav-lineup_snc ul {
	margin: 30px 0 30px -10px;
	padding: 0;
}
div.mod-pageNav-lineup_snc ul li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 180px;
	height: 60px;
	margin: 0 0 10px 10px;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}
@media (max-width:640px){
	div.mod-pageNav-lineup_snc ul {
		margin: 30px 0 30px -3%;
		padding: 0;
	}
	div.mod-pageNav-lineup_snc ul li {
		float: left;
		display: inline;
		overflow: hidden;
		width: 30%;
		height: auto;
		margin: 0 0 10px 3%;
		padding: 0;
		list-style-type: none;
		white-space: nowrap;
	}
	div.mod-pageNav-lineup_snc ul li img {
		width: 100%;
		height: auto;
	}
}
@media (max-width:480px){
	div.mod-pageNav-lineup_snc ul {
		margin: 30px 0 30px -2%;
		padding: 0;
	}
	div.mod-pageNav-lineup_snc ul li {
		float: left;
		display: inline;
		overflow: hidden;
		width: 48%;
		height: auto;
		margin: 0 0 10px 2%;
		padding: 0;
		list-style-type: none;
		white-space: nowrap;
	}
	div.mod-pageNav-lineup_snc ul li img {
		width: 100%;
		height: auto;
	}
}

/*  lineup snc style2
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.mod-pageNav-lineup_snc2 {
}
div.mod-pageNav-lineup_snc2 ul {
	margin: 30px 0 30px 10px;
	padding: 0;
}
div.mod-pageNav-lineup_snc2 ul li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 156px;
	height: 60px;
	margin: 0 0 10px 10px;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

div.mod-pageNav-lineup_snc2kai {
}
div.mod-pageNav-lineup_snc2kai ul {
	margin: 0 0 0 0;
	padding: 0;
}
div.mod-pageNav-lineup_snc2kai ul li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 377;
	height: 50px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}


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

.mod-sample-block2 .sample-detail-movie {
	width: 100%;
	margin: 0 auto;
}


/* index tab-nav style */
.mod-sample-block2 ul.mod-sample-block2-page_nav {
	margin: 0 -10px;
	padding: 0;
	list-style-type: none;
	border-bottom: 3px solid #878e56;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li {
	float:  right;
	display: inline;
	overflow: hidden;
	width: 375px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/snc/support/haw_sow/images/bg_tab_nav.png) no-repeat center bottom;
	color: #878e56;
	font-size: 1.5em ;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li:first-child {
	float: left;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li.sample {
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li.live {
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li.now {
	background: url(/snc/support/haw_sow/images/bg_tab_nav_here.png) no-repeat center bottom;
	color: #ffffff;
	font-size: 1.5em ;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li a {
	display: block;
	width: 375px;
	height: 50px;
	font-size: 1.5m ;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li a:hover {
	opacity: 0.75;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li span {
	display: inline-block;
	margin: 10px 0 0;
}
.mod-sample-block2 ul.mod-sample-block2-page_nav li.now span {
	margin: 10px 0 0;
}

@media (max-width:640px){
	.mod-sample-block2 ul.mod-sample-block2-page_nav {
		margin: 0;
	}
	.mod-sample-block2 ul.mod-sample-block2-page_nav li {
		width: 49%;
	}
	.mod-sample-block2 ul.mod-sample-block2-page_nav li:first-child {
		width: 50%;
	}
	.mod-sample-block2 ul.mod-sample-block2-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-block2 ul.mod-sample-block2-page_nav li a {
		width: 100%;
	}
	.mod-sample-block2 ul.mod-sample-block2-page_nav li.now a {
	}
	.mod-sample-block2 ul.mod-sample-block2-page_nav li.live a {
	}
	.mod-sample-block2 ul.mod-sample-block2-page_nav li.live span {
		font-size: 14px;
	}
}
@media (max-width:480px){
}


/* index page style */
.mod-sample-block2 div.line-box {
	margin: 0 0 2em;
	padding: 0 0 2em;
	border-bottom: 1px solid #dedede;
}
.mod-sample-block2 div.none {
	margin: 0 0 2em;
	padding: 0;
	border-bottom: none;
}

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

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

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

.mod-sample-block2 div.icon-box {
	margin: 0.25em 0 0;
	padding: 0;
}
.mod-sample-block2 div.icon-box ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.mod-sample-block2 div.icon-box ul li {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 2px 5px 1px;
	background: #2270a0;
	font-size: 0.846em;
	color: #ffffff;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.mod-sample-block2 div.icon-box ul li.category {
	padding: 2px 10px 1px;
	background: #3b3b3b;
}
.mod-sample-block2 div.icon-box ul li.block {
	float: left;
	display: inline;
	margin: 0 8px 10px 0;
}

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

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

.mod-sample-block2 span.mod-iconNew {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 13px;
	margin: 0 0 2px 5px;
    padding: 0;
    background: transparent url(/snc/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(/snc/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-block2 div.line-box {
		margin: 0 0 20px;
		padding: 0 10px;
		border-bottom: none;
	}

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

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

	.mod-sample-block2 div.icon-box {
		margin: 15px 0 0 5px;
	}
	.mod-sample-block2 div.icon-box ul {
	}
	.mod-sample-block2 div.icon-box ul li {
		margin-bottom: 2px;
		padding: 2px 5px 1px;
	}
	.mod-sample-block2 div.icon-box ul li.category {
		padding: 2px 10px 1px;
	}
}


.c5-colswrap {
	display: flex;
	margin-bottom: 20px;
}
.c5-colswrap > div {
	text-align: center;
	font-size: 14px;
	margin-right: 40px;
}
@media (max-width:640px){
	.c5-colswrap {
		display: block;
	}
	.c5-colswrap > div {
		margin-right: 0;
		margin-bottom: 20px;
	}
}