@charset "Shift_JIS";
/* word-braek */
.item_name,
.mod-list-w200 h3,
.mod-list-w200 p,
.item_list h3,
.item_list p{word-break:break-all;word-wrap:break-word;}

/* clear */
.clearfix:after{
content:".";
height:0;
display:block;
clear:both;
visibility:hidden;
font-size:0;
line-height:0;
}
*html .clearfix{height:1%;}*:first-child+html .clearfix{display:inline-block;}

/* hover */
a:hover .img_sam img,
.mod-list-w200 a:hover img,
a:hover .fadeImg {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
a .img_sam img,
.mod-list-w200 a img,
a .fadeImg {
	-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;
}
.item_list li a:hover {
	color: #c41230 !important;
	text-decoration: underline !important;
}
.top_news_link a,
.item_list li a,
.item_list li a .mod-button,
.mod-categoryHeader-content h1 a,
.mod-productLinks-logo h2 a,
td .img_sam a:hover .mod-button {
 	-webkit-transition: color 0.3s ease-in !important;
	-moz-transition: color 0.3s ease-in !important;
	-ms-transition: color 0.3s ease-in !important;
	-o-transition: color 0.3s ease-in !important;
	transition: color 0.3s ease-in !important;
 }
.mod-list-w200 li a h3 {color: #333 !important;}
.mod-list-w200 li a:hover {text-decoration:none !important;}

.mod-seriesList a,
.mod-seriesList a:hover,
.mod-seriesList a:visited{
  color:#333;
  text-decoration:none;
  cursor:pointer;
  display:block;
  *zoom:1;
  /*background:url(../images/ie6.png);*/
}
.mod-contentContainer a.mod-link,
.mod-contentContainer span.mod-link{
  color:#333;
  display:inline-block;
  padding-left:8px;
  background:url(/share4/images/mod-contentsIndex/ico_01.png) no-repeat 0 0.45em;
  -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;
}

.mod-contentContainer a.mod-link:hover,
.mod-contentContainer a:hover span.mod-link{
  color:#333;
  text-decoration:none;
  opacity:.6;
}

/*----------------------------------------------------------
	02 > module box
-----------------------------------------------------------*/
.mod-newsTable{
	font-size: 1.16667em;
	line-height: 1.5;
}
.mod-newsTable table{
  width:100%;
}
.mod-newsTable th,
.mod-newsTable td{
  vertical-align:top;
  text-align:left;
  padding:.4em 0;
}
.mod-newsTable th{
  font-weight:normal;
  white-space:nowrap;
  width:1%;
  min-width:120px;
  padding-right:1em;
}
.mod-newsTable td{
  word-wrap:break-word;
  word-break:break-all;
}
.mod-newsTable td a{
  display:inline-block;
  padding-left:10px;
  background:url(/share4/images/mod-contentsIndex/ico_01.png) no-repeat 0 0.35em;
}

/* common module
------------------------------------- */
/* information about products */
.top_news_link {
	clear:both;
    padding-top: 10px;
    text-align: right;
}

/* now window - share4 over write */
.mod-iconNewWin {margin:6px 0 0 5px;}

/* centerBtn */
.centerBtn{
margin-top:35px;
text-align:center;
}

/* title */
.mod-heading {
  padding:0 5px;
  border-bottom:1px solid #ccc;
  margin:60px 0 30px;
  *zoom:1;
}
.mod-heading:after{
  content:'';
  display:block;
  clear:both;
  height:0;
}
.mod-contentContainer .mod-heading:first-child{
margin-top:0;
}
.mod-heading h2, .mod-heading h3{
  font-size:1.38462em;
  font-weight:bold;
  float:left;
  margin:0;
}
.mod-heading ul.mod-heading-misc{
  font-size:0.92308em;
  margin:0;
  padding:.5em 0 0;
  list-style:none;
  float:right;
}
.mod-heading ul.mod-heading-misc li{
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-left:8px;
}
.mod-heading_start {
	margin: 0 !important;
}

/* lists */
.lst_none li {list-style-type: none !important;}
.lst_none.ul_num {
	padding-left: 16px;
	margin-left: 2em;
	text-indent: -2em;
}
.item_list,
.item_list_wall {
	margin: 0 0 50px 0;
	padding: 0;
}
.item_list li,
.tag_list li {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
.item_list li.item_01 {width: 240px}
.item_list li.item_02 {width: 235px}
.item_list li.item_03 {width: 240px}
.item_list li.item_04 {width: 235px}

.item_name {
	min-height: 125px;
	_height: 125px;
}
.item_name.hMin {
	min-height: 100px;
	_height: 100px;
}
.item_name.hMiddle {
	min-height: 138px;
	_height: 138px;
}
.item_name.hHigh {
	min-height: 150px;
	_height: 150px;
}
.item_name a:hover {text-decoration: underline !important;}
.item_name p {font-size: 11px; margin: 0 3px;}
.item_name p.subtxt{}
.item_name h3 {
	font-size: 26px;
	margin: 3px 0;
	font-weight: bold;
	line-height:1.8;
}
.item_name h3 span {font-size: 16px; font-weight: normal;}
.item_name img.new{width:24px;vertical-align:middle;margin-left: 5px;margin-top: -5px;}

.item_name .detail {font-size: 12px;}

.item_list li .img_sam {
	border-right: 1px dotted #929393;
	/*height: 170px;*/
	margin-bottom: 10px;
}
.item_list li .img_sam {
	position: relative;
}
.item_list li .img_sam .drop_item {
	position: absolute;
	width: 56px;
	height: 16px;
	top: 0;
	left: 50%;
	margin-left: -28px;
}
.item_list li .img_sam .icon_hires {
	position: absolute;
	/*width: 34px;*/
	height: 32px;
	top: 0;
	left: 15px;
}
.item_list li .img_sam .icon_hires ul,
.item_list li .img_sam .icon_hires ul li{display:inline;}
.item_list li .img_sam .icon_hires img{margin-right:5px;}
.item_list li .img_sam.nob {height: auto;}
.nob {border: none !important;}
.item_list li.item_01.img_sam,
.item_list li.item_03.img_sam {width: 238px}
.item_list li.item_02.img_sam,
.item_list li.item_04.img_sam {width: 233px}
.item_list li.item_01 .img_sam {
	border-left: 1px dotted #929393;
}
.show_link {margin-top: .8em;}
.other_item {width: 215px; display: block; margin: 0 auto; max-width: 215px; margin-right: 30px !important;}
.item_04.other_item {margin-right: 0px !important;}
.other_item .item_name h3 {text-align: left; margin-bottom: 0px;}
.other_item .item_name p {text-align: left; margin-bottom: 20px;}
.other_item .item_name {
	min-height: 75px;
	_height: 75px;
}
.other_item .item_name .detail {min-height: 50px;}
.other_item .item_name div .mod-button {text-decoration: none !important;}

/* prizeLists */
.item_list .prizeLists{
margin-left:15px;
}
.item_list .prizeLists li{
float:none;
margin-top:5px;
text-align:left;
}
.item_list.keephi1 .item_prize{min-height:60px;}
.item_list.keephi2 .item_prize{min-height:120px;}
.item_list.keephi3 .item_prize{min-height:190px;}
.item_list.keephi4 .item_prize{min-height:240px;}
.item_list.keephi5 .item_prize{min-height:290px;}
.item_list.keephi6 .item_prize{min-height:320px;}
.item_list.keephi7 .item_prize{min-height:380px;}
.item_list.keephi8 .item_prize{min-height:440px;}
.item_list.keephi9 .item_prize{min-height:500px;}
.item_list.keephi10 .item_prize{min-height:560px;}


/**/
.item_list .mod-preLink{
	padding-top:10px;
	text-align:center;
}
/* .item_list .mod-preLink a{
	font-size:0.8em;
	display:inline-block;
	padding-left:15px;
	background:url("/share4/images/mod-contentsIndex/ico_01.png") no-repeat 0 50%;
} */
.item_list .mod-preLink a,
.item_list .mod-preLink a:link{color:#000;}
.item_list .mod-preLink a:visited{color:#333;}
.item_list .mod-preLink a:hover{color:#666 !important;text-decoration:none !important;}

/**/
.other_item h3 a:hover,
.other_item p a:hover {color: #000 !important; text-decoration: none !important;}
.other_item p a:hover {color: #333 !important;}
.other_item h3 {font-size: 18px;}
.other_item p {font-size: 12px;}
.other_item .img_sam div img {width: 215px;}

.mod-list-w200 {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 980px;
	margin-right: -30px;
	overflow: hidden;
}
.mod-list-w200 li {
	float: left;
	width: 215px;
	margin-right: 30px;
	text-align: left;
	margin-bottom:11px;
}
.mod-list-w200 li h3 {
	padding: 0;
	margin: 0 0 5px 0;
}
.mod-list-w200 li h3 .tSub{font-size:0.9em;}
.second_list li .item_name.mh130 {
	min-height: 130px;
	_height: 130px;
}
.mod-list-w200 li p {color: #666;}

.mod-itemLogo {
	margin: 30px 0;
	position: relative;
}

/*----------------------------------------------------------
	04 > module button
-----------------------------------------------------------*/
.mod-button,
.mod-button:visited {
	display: inline-block !important;
	*display: block;
	*zoom: 1;
	*border: 1px solid #E4E4E4;
	*background:url("/share4/images/mod-button/ico_01.png") no-repeat 20px 50% #F2F2F2!important;
	background-color:#F2F2F2\9;
}

.mod-button {
	display: inline-block !important;
	*display: inline !important;
	*zoom: 1;
	background-image: url("/share4/images/mod-button/ico_01.png");
	background-repeat: no-repeat !important;
	background-position/***/: 16px 48%\9 !important;
	background-color: #F5F5F5\9 !important;
}

.mod-button {
  background: url('/share4/images/mod-button/ico_01_on.png')\9;
}

*+html .mod-button {display: inline !important;}
*html a:hover .mod-button { background-position:16px 48%; }

a:hover .mod-button {
  background-position-x/***/: -384px\9;
}


*+html .mod-seriesList a,
*+html .mod-seriesList a:hover {
	background-position: 20% 50%;
}

* html .mod-button,
* html .mod-seriesList a,
* html .mod-seriesList a:hover {
	background-position: 20% 50%;
}

li a:hover .mod-button {
  color: #999 !important;
  text-decoration: none !important;
}

div .mod-button:hover {
  color: #999 !important;
  text-decoration: none !important;
}
div.unlimitedinfo {
    margin: 0 auto;
    padding: 35px 0 0;
    text-align: center;
}
@media (max-width:640px){
	.other_item .img_sam div img {width: 100%;}

	.item_list li.item_01,
	.item_list li.item_02,
	.item_list li.item_03,
	.item_list li.item_04 {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.item_list li.item_01,
	.item_list li.item_02,
	.item_list li.item_03 {
		border-bottom: 1px dotted #ccc;
		padding-bottom: 20px;
	}
	.item_name {
		min-height: 0;
		_height: auto;
	}
	.item_list li .img_sam img {
		width: 100% !important;
	}
	.item_list li .img_sam {
		border: none !important;
		max-width: 50% !important;
		margin: 0 auto 0 auto !important;
		height: auto !important;
	}
	.item_list li .img_sam a {margin-bottom: 5% !important;}
	.item_list li .item_name {
		min-height: 100% !important;
		margin-bottom:5% !important;
	}
	.item_list li.item_01.img_sam,
	.item_list li.item_03.img_sam {width: auto;}
	.item_list li.item_02.img_sam,
	.item_list li.item_04.img_sam {width: auto;}
	.item_list .item_prize{min-height:1px !important;height:auto;padding-bottom:8%;}
	.item_list .item_prize ul{margin-left:0;max-width:50%;margin:0 auto;text-align:left !important;}
	.mod-list-w200 {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.mod-list-w200 li {
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.mod-list-w200 li a:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.mod-list-w200 li a {
		zoom: 1;
	}
	.mod-list-w200 li a {text-align: center;}
	.mod-list-w200 li a img {width: 40%; float: left; margin-right: 2%;}
	.mod-list-w200 li a div{width: 58%; float: right;}
	.mod-list-w200 li h3,
	.mod-list-w200 li p {text-align: left;}
	.mod-list-w200 li h3, {
		padding: 0;
		margin: 0 0 5px 0;
	}
	.mod-list-w200 li p {color: #666;}
	.mod-list-w200 li a:hover {text-decoration: underline !important;}
	.other_item:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.other_item {
		zoom: 1;
		max-width: 100%;
	}
	.item_01.other_item,
	.item_02.other_item,
	.item_03.other_item,
	.item_04.other_item {text-align: left;}
	.other_item {border-bottom: none !important; padding-bottom: 0 !important;}
	.other_item {width: 100%; display: block;}
	.other_item .img_sam {width: 40%; float: left; margin-right: 2%;}
	.other_item .img_sam img {width: 100%;}
	.other_item .item_name {width: 58%; float: right;}
	.other_item .item_name h3 {margin-bottom: 2.5%;}
	.other_item .item_name p {margin-bottom: 5%;}

	.item_list_wall {margin-bottom: 15px 0;}
	.item_list_wall li .img_sam {margin-left: 0%;}
	.item_list_wall li .img_sam {width: 50%;}
	.item_list_wall li .img_sam img {width: 90%;}
	.item_list_wall li .item_name {width: 50%; margin-left: 0%;}
	.item_list_wall li .item_name h3 {font-size: 140%;}
	.item_list_wall li .item_name h3 span {font-size: 80%;}
	.item_list li .img_sam .icon_hires ul li img{width:90%;}
	.item_list li .img_sam .icon_hires ul li{margin-right:5%;}
	.item_list_wall li .item_name .detail {margin: 7px 0;}
}

/* new icon
------------------------------------- */
.mod-seriesList-item2-text .mod-iconNew { background: url("/audio/share/images/new_icon.gif") repeat scroll 0 0 transparent; }

/* for smt
------------------------------------- */
@media (max-width:960px) {}
@media (min-width:941px) {}
@media (max-width:640px) {

    .mod-mainContentContainer .mod-seriesList {
        margin-top:0;
    }
    .mod-mainContentContainer .mod-seriesList-item2 {
        overflow:hidden;
    }

     .mod-seriesList-premium h2 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .mod-seriesList-premium h2 img { padding-left: 0;}
}

/* about Hi.Res
------------------------------------- */
.hiResWrp{
	color:#FFF;
	background-color:#7e703f;
	padding:15px;
	font-size:12px;
}
.hiResWrp dl:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	line-height:0;
}
.hiResWrp dl{
	padding:0;
	margin:0 0 15px 0;
}

.hiResWrp dt{
	float:left;
	width:57px;
	margin:0 15px 0 0;
}

.hiResWrp dd{
	margin:0 0 0 0;
	padding:0 0 0 72px;
}

.hiResWrp dd p{
	color:#000;
	background-color:#FFF;
	padding:10px;
	margin-bottom:0;
}
.hiResWrp dd p span{
	font-size:10px;
}
.hiResWrp .outline{
	padding:0 0 0 72px;
	position:relative;
}
.hiResWrp .outline p{
	margin-bottom:0;
}

.hiResWrp p.mab{
	margin-bottom:12px;
}

.hiResWrp p.mab{
	margin-bottom:12px;
}
.hiResWrp .btmBtn{
	position:absolute;
	bottom:0;
	right:0;
	padding:0;
	margin-bottom:0;
	line-height:1;
}

@media (max-width:640px){
	.hiResWrp .btmBtn{
		position:relative;
		margin-top:12px;
	}
}
/***** item_logo_inc *****/
.item_name .item_logo_inc{
	margin-top:10px;
	margin-left: 15px;
}
.item_name .item_logo_inc img{
	display: block;
}