@charset "utf-8";

.g-nav .product-name {
	display: none;
}

/* Base
----------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 100%;
	color:#535353;
	line-height: 1.4;
	background: #FFFFFF;
}
* + html body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* Font
------------------------------------------------- */
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: normal;
  src: local('Noto Sans CJK JP Light'), url(../../_shared/font/NotoSansCJKjp-Light-set.eot), url(../../_shared/font/NotoSansCJKjp-Light-set.woff) format("woff"), url(../../_shared/font/NotoSansCJKjp-Light-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans CJK JP Regular'), url(../../_shared/font/NotoSansCJKjp-Regular-set.eot), url(../../_shared/font/NotoSansCJKjp-Regular-set.woff) format("woff"), url(../../_shared/font/NotoSansCJKjp-Regular-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans CJK JP Medium'), url(../../_shared/font/NotoSansCJKjp-Medium-set.eot), url(../../_shared/font/NotoSansCJKjp-Medium-set.woff) format("woff"), url(../../_shared/font/NotoSansCJKjp-Medium-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: bold;
  src: local('Noto Sans CJK JP Bold'), url(../../_shared/font/NotoSansCJKjp-Bold-set.eot), url(../../_shared/font/NotoSansCJKjp-Bold-set.woff) format("woff"), url(../../_shared/font/NotoSansCJKjp-Bold-set.ttf) format("truetype");
  /* Safari, Android, iOS */
}
#footer_navi,
.g-nav {
	font-family: "NotoSansCJKjp","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.small_txt{
	font-size:.8125em;
}


/* Link
----------------------------------------------------------- */
a:link, a:active, a:hover { color: #126d99; }
a:visited { color: #696969; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover {	text-decoration: underline; }


/* Main Layout
----------------------------------------------------------- */
body {
	text-align: center;
}
#container {
	margin: 0 auto;
	width: 944px;
	text-align: left;
}


/* #header
----------------------------------------------------------- */
#header {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #ffffff;
	height: 65px;
}
#top {
	overflow:hidden;
	position:absolute;
	top: 14px;
	left: 12px;
	z-index:100;
} 
#header .navskip { 
	height:1px;
	overflow:hidden;
	position:absolute;
	top: 13px;
	left: 145px;
	width:1px;
	z-index:100;
} 
#header .regza {
	position:absolute;
	top: 21px;
	left: 210px;
} 
#wrap {
	position: relative;
	background-color: #000000;
	min-width: 960px;
}
#footer {
	width: 100%;
	height: 46px;
	border-top: solid 1px #535353;
}
#footer .footer_contents {
	margin: 0 auto;
	width: 960px;
	font-size: 70%;
	position: relative;
	z-index: 9999;
}


/* ヘッダー
 ---------------------------------------------------------------------------------------------------- */
#inquiry {
	position: absolute;
	top: 26px;
	right: 96px;
	width: 91px;
	height: 15px;
}

.map {
	position: absolute;
	top: 26px;
	right: 5px;
	width: 59px;
	height: 12px;
}

#search {
	position: absolute;
	top: 20px;
	right: 12px;
}
#search li {
	float: left;
	padding: 0 5px;
	line-height: 1;
	color: #b5b5b5;
}
#search li.sw {
	padding: 0;
	border: 1px solid #c9c9c9;
}
#search li a:link,
#search li a:visited {
	text-decoration: none;
	color: #b5b5b5;
}
#search li a:hover,
#search li a:active {
	text-decoration: underline;
}
#search .search_word {
	padding: 1px 2px 1px 3px;
	width: 115px;
	height: 19px;
	border-width: 0px;
	border-style: none;
}
#search .search_btn {
	width: 23px;
	height: 23px;
	text-indent: -9999px;
	border: none;
	background: url('../../common/images/btn_search.png') no-repeat center center;
	cursor: pointer;
}


/* ナビゲーション
 ---------------------------------------------------------------------------------------------------- */
.g-nav{}
.g-nav .g-nav-wrap{
	background-color:#000;
	min-width:960px;
	border-bottom:1px solid #535353;
	padding:5px 0;
}
.g-nav .inner{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.g-nav .product-name{
	float:left;
	padding:9px 14px 11px;
	margin:0;
	width:144px;
	height:20px;
}
.g-nav .product-name img{
	width:100%;
	height:auto;
}
.g-nav .product-name:hover,
.g-nav .product-name:active{
	opacity:1;
	filter: alpha(opacity=100);
}
.g-nav .nav-wrap{
	float:left;
	padding-right:2px;
	font-weight:300;
	padding-top: 10px;
	padding-bottom: 8px;
}
.g-nav .nav-wrap li{
	display:table-cell;
	vertical-align:middle;
	padding-left:45px;
	text-align:center;
}
.g-nav .nav-wrap li:first-child {
	padding-left: 28px;
}

.g-nav .nav-wrap li > a,
.g-nav .nav-wrap li > span{
	font-size:16px;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.g-nav .nav-wrap li > a:hover{
	color:#028330;
	opacity:1;
	filter: alpha(opacity=100);
}
.g-nav .nav-wrap li a .small_txt{
	display:block;
}


/* プルダウンメニュー */
.nav-panel {
	position: relative;
	display: none;
	overflow: visible;
	margin-bottom: 36px;
	height: 178px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
	color: #313131
}
.nav-panel a{
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.nav-panel ul {
	position: absolute;
	top: 0;
	left: 0;
	padding: 9px 0 0;
	width: 100%;
	box-sizing:border-box;
	max-width:1200px;
	min-width:960px;
}
.nav-panel li {
	float: left;
	margin: 0 0 0 80px;
	max-width: 150px;
	width: 15%;
	height: 165px;
}
.nav-panel li:first-child {
	margin-left: 40px
}
.nav-panel li a {
	width: 100%;
	height: 100%;
	background-image: url(../../_shared/img/nav_panel.jpg?21a07);
	background-repeat: no-repeat;
}

.nav-panel .panel-tsm-regza-4k li a {
	width: 100%;
	height: 100%;
	background-image: url(../../_shared/img/nav_panel_oled.jpg?21a07);
	background-repeat: no-repeat;
}

.nav-panel .panel-regza li a {
	width: 100%;
	height: 100%;
	background-image: url(../../_shared/img/nav_panel_regza.jpg?21a07);
	background-repeat: no-repeat;
}

.panel-regza li:first-child {
	position: relative;
}
.panel-regza li:first-child::before {
	content: 'ハイビジョン 液晶レグザ';
	display: block;
	color: #777;
	font-size: 12px;
	font-weight: 300;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 2;
}




.nav-panel li a:hover, .nav-panel li a:active {
	opacity: .6
}
.nav-panel .separator {
	border-left: 1px solid #dcdcdc;
	margin-left: 13px;
	padding-left: 13px;
	width:15%;
}
.nav-panel-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}
.panel-regza li {
	max-width: 125px;
	width: 13%;
/*  
	height: 140px;
*/  
	margin: 0 0 0 2%;
}
.panel-regza li:first-child {
	margin-left: 1px
}
.panel-regza li.ex_az77 {
	width: 125px;
}
.current-pointer, .btn-close-nav {
	position: absolute;
	display: block;
	background-image: url(../../_shared/img/nav_panel_controller.png);
}


.current-pointer,
.btn-close-nav {
  display: block;
  position: absolute;
  background-image: url(../images/nav_panel_controller.png);
}

.current-pointer {
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: -4px;
	left: 18%;
	width: 80px;
	height: 20px;
	background-position: 0 -20px
}
.current-pointer.regza4k {
	left: 38.5%;
	width: 54px;
	background-position: -12px -20px
}
.current-pointer.regza {
	left: 49.25%;
	width: 54px;
	background-position: -12px -20px
}
.btn-close-nav {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 75px;
  height: 22px;
  right: 0;
  bottom: -11px;
  background-color: #fff;
  color: #313131;
  background-position: 0 2px;
  cursor: pointer;
}
.btn-close-nav:hover, .btn-close-nav:active {
  background-position: -75px 2px;
}


.nav-x9400s {
	background-position: -125px 0px;
}
.nav-x9400 {
	background-position: -280px 0px;
}

.nav-z740xs {
	background-position: -490px 0px;
}


.nav-x8900k {
	background-position: -125px 0;
}

.nav-x8400 {
	background-position: -280px 0px;
}

.nav-z670k {
	background-position: -320px 0px;
}

.nav-z570k {
	background-position: -500px 0px;
}

.nav-m550k {
	background-position: -670px 0px;
}

.nav-c350x {
	background-position: -830px 0px;
}



.nav-v34 {
	background-position: -125px 0px;
}
.nav-s24 {
	background-position: -285px 0px;
}

.nav-panel li a.nav-v34,
.nav-panel li a.nav-s24,
.nav-panel li a.nav-s22 {
	-webkit-background-size: auto;
	background-size: auto;
}


.nav-panel ul.panel-tsm-regza-4k li ,
.nav-panel ul.panel-regza-4k li {
  margin-left: 1%;
  max-width: 145px;
  width: 15%;
}

.nav-panel ul.panel-tsm-regza-4k li.wide ,
.nav-panel ul.panel-regza-4k li.wide {
  max-width: none;
  width: 175px;
}


.nav-panel ul.panel-tsm-regza-4k li:first-child ,
.nav-panel ul.panel-regza-4k li:first-child {
	margin: 0 0 0 0.025%;
	max-width: 130px;
}
.nav-panel ul.panel-regza li {
	width: 15%;
	margin: 0 1.5%;
}
.nav-panel ul li.nav-panel-short {
	max-width: 10%;
}
.nav-panel ul.panel-regza li:first-child {
	margin-left: 1%;
}
.nav-panel ul.panel-tsm-regza-4k li.separator ,
.nav-panel ul.panel-regza-4k li.separator {
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	border-left: 1px solid #c5c5c5;
}

.nav-panel ul.panel-regza li.separator {
	margin: 0 0 0 0.8%;
	padding: 0 0 0 0.7%;
	border-left: 1px solid #c5c5c5;
	width: 15.5%;
}
.panel-tsm-regza-4k li:first-child ,
.panel-regza-4k li:first-child {
	position: relative;
}
.panel-tsm-regza-4k li.separator ,
.panel-regza-4k li.separator {
	position: relative;
}
.panel-tsm-regza-4k li.separator::before ,
.panel-regza-4k li.separator::before {
	content: '4K液晶レグザ';
	display: block;
	color: #777;
	font-size: 12px;
	font-weight: 300;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 22px;
	z-index: 2;
}
.panel-tsm-regza-4k li:first-child::before ,
.panel-regza-4k li:first-child::before {
	content: '4K有機ELレグザ';
	display: block;
	color: #777;
	font-size: 12px;
	font-weight: 300;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 2;
}


/* #crumb
----------------------------------------------------------- */
#crumb {
	clear: both;
	margin: 10px 0;
	width: 100%;
}
#crumb .crumb_txt {
	clear: both;
	width: 720px;
	margin-left: 12px;
	color: #a3a3a3;
	font-size: 69%; /* 11px */
	min-height: 18px;
	height: auto !important;
	height: 18px;
	float: left;
}
#crumb .crumb_txt p {
	line-height: 1.2;
	padding: 2px 0 0 10px;
}
#crumb a:link, #crumb a:active, #crumb a:hover { color: #666666; }
#crumb a:visited { color: #666666; }


/* #bd_link
----------------------------------------------------------- */
#tvbd_link {
	width: 190px;
	float: right;
	margin-right: 12px;
	height: 29px;
	text-indent: -9999px;
}
#tvbd_link .tv {
	width: 93px;
	float: left;
	height: 29px;
	background: url(../images/btn_regza.gif) left top no-repeat; 
}
#tvbd_link .bd {
	width: 93px;
	float: right;
	height: 29px;
	background: url(../images/btn_regza_bd_off.gif) left top no-repeat; 
}
#tvbd_link .bd a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
}



/* #content
----------------------------------------------------------- */
#content {
	width: 920px;
	margin: 0 0 0 12px;
}


/* #main
----------------------------------------------------------- */
#main {
	float: left;
	width: 720px;
	margin: 0 10px 18px 0;
	padding: 0 0 20px 0;
	font-size: 82%; /* 13px */
}


/* #sub
----------------------------------------------------------- */
#sub { 
	float: left;
	width: 190px;
	padding: 0 0 18px 0;
}


/* side_head */
#sub .side_head span,
#sub .side_head a {
	display: block;
	width: 190px;
	height: 33px;
	background: transparent url(../images/head_side_others.gif) left top no-repeat;
	zoom: 1;
	text-indent: -9999px;
	outline: none;
}
#sub .head_info {
	position: relative;
}
#sub .head_hi span { background-position: left top; }
#sub .head_family span { background-position: left -33px; }
#sub .head_personal span { background-position: left -66px; }
#sub .head_select span { background-position: left -99px; }
#sub .head_related_product span { background-position: left -132px; height: 32px; }
#sub .head_related_service span { background-position: left -165px; height: 32px; }
#sub .head_info span { background-position: left -198px; height: 32px; }
#sub .head_support span { background-position: left -231px; height: 32px; }

/* side_box */
#sub .side_box {
	padding: 0 0 15px 0;
	zoom: 1;
}
#sub .side_box_body {
	border: solid 1px #dbdbdb;
	zoom: 1;
}

/* side_lineup_link */
#sub .side_lineup_series span {
	float: left;
	clear: both;
	padding: 0;
	width: 188px;
	height: 32px;
	background: transparent url('../images/head_side_others.gif') left top no-repeat;
	zoom: 1;
	text-indent: -9999px;
	outline: none;
}
#sub .series_4kregza span {
	margin: 9px auto 0 auto;
	background-position: -1px top;
	height: 25px;
}
#sub .series_regza span {
	margin: 9px auto 0 auto;
	background-position: -1px -26px;
	height: 25px;
}
#sub ul.side_lineup_link {
	padding: 7px 10px 5px 10px;
}
#sub ul.side_lineup_link .ttl {
	margin-bottom: 6px;
	padding-left: 16px;
	font-size: 15px;
	font-weight: bold;
}
#sub ul.side_lineup_link li {
	padding: 8px 0 7px 0;
	background: transparent url(../images/bg_dot_2_2_white.gif) left bottom repeat-x;
	zoom: 1;
}
#sub ul.side_lineup_link li.last {
	margin-bottom: 10px;
	padding: 8px 0 7px 0;
	background: transparent url(../images/bg_dot_2_2_white.gif) left bottom repeat-x;
	zoom: 1;
}
#sub ul.side_lineup_link li p {
	padding: 0 0 0 16px;
	background: transparent url(../images/bg_side_lineup_off.gif) left 4px no-repeat;
	zoom: 1;
	font-size: 13px;
	letter-spacing: 0.08em;
}
#sub ul.side_lineup_link li p a {
	color: #038231;
}
#sub ul.side_lineup_link li p img {
	padding-top: 3px;
}
 
#sub ul.side_lineup_link li p.txt {
	padding: 0;
	padding: 3px 0 3px 14px;
	width: 150px;
	zoom: 1;
	font-size: 10px;
}
#sub h2.head_select span {
	float: left;
	clear: both;
	padding: 0;
	width: 190px;
	height: 32px;
	background: transparent url('../images/head_side_others.gif') left top no-repeat;
	zoom: 1;
	text-indent: -9999px;
	outline: none;
}
#sub h2.head_select span.select { background-position: left -52px; }
#sub h2.head_select span.related_service { background-position: left -85px; }
#sub h2.head_select span.related_product { background-position: left -118px; }
#sub h2.head_select span.info { background-position: left -151px; }
#sub h2.head_select span.support { background-position: left -184px; }

/* side_link */
#sub ul.ex_news201106 {
	padding-bottom: 0 !important;
}
#sub ul.side_link {
	padding: 7px 10px 5px 10px;
}
#sub ul.side_link_important {
	background: transparent url(../images/bg_important.gif) 10px 10px no-repeat;
	padding-left: 30px;
	zoom: 1;
}
#sub ul.side_link li {
	padding: 8px 0 7px 0;
	zoom: 1;
}
#sub ul.side_link li span {
	letter-spacing: 0.08em;
}
#sub ul.side_link li.last {
	background: none;
}
#sub ul.side_link li p {
	padding: 0 0 0 16px;
	background: transparent url(../images/bg_arrow_right_off.gif) left 2px no-repeat;
	zoom: 1;
	font-size: 75%;
}
#sub ul.side_link_important li p.icon-none {
	background: none;
	padding-left: 0;
	zoom: 1;
}
#sub ul.side_link li p a {
	color: #038231;
}

#sub .side_bnr {
	margin: 0 0 10px 0;
	width: 190px;
	height: 80px;
}
#sub .side_bnr a {
	display: block ;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#sub .side_bnr a.direct {
	background: url(../images/store.gif) left top no-repeat;
	zoom: 1;
}
#sub .side_bnr a.room {
	background: url(../images/members.gif) left top no-repeat;
}
#sub .side_bnr a {-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
#sub .side_bnr a:hover, #sub .side_bnr a:active {opacity:.6;filter:alpha(opacity=60);}
#sub .side_bnr a:hover img, #sub .side_bnr a:active img {filter:alpha(opacity=60);}


/* .backtotop
----------------------------------------------------------- */
#pagetop {
	padding-bottom: 19px;
	width: 100%;
	position: relative;
}
#pagetop p {
	position: absolute;
	top: 3px;
	left: 12px;
	font-size: 70%;
}
#pagetop a {
	position: absolute;
	top: 3px;
	right: 12px;
	z-index: 9000;
}


/* フッター
---------------------------------------------------------------------------------------------------- */
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #767676;
}
#footer a:hover,
#footer a:active {
	text-decoration: underline;
}
#footer ul {
	padding: 10px 12px;
}
#footer li {
	list-style-type: none;
	margin-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #535353;
	float: left;
}
#footer li.first {
	padding-left: 0;
	border-left: none;
}
#footer p {
	font-style: normal;
}
#copyright {
	width: 455px;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
}
#eco {
	text-align: right;
	padding: 0 12px 10px 0;
}


/* 共通
 ---------------------------------------------------------------------------------------------------- */
.note {
	font-size: 70%;
	color: #898989;
}