@charset "Shift_JIS";

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


	Site Name   SONY AV/Hi-Fi AUDIO TOP
	File Name   page.css [base-css bravia]

	Create Date 2008/08/06
	Update Date 2010/12/06


==========================================================*/
#network { padding-bottom: 10px; }
#network img { vertical-align: top; }

#network .hero {
	padding-bottom: 30px;
}
#network .hero p { margin-top: .5em; }

#network .internet_title {
	overflow: hidden;
	_zoom: 1;
}
#network .attention {
	margin-top: 20px;
	border: 1px solid #e8e8e8;
	padding: 1em;
	text-align: center;
}
#network .categoryTtl {
	padding-left: 23px;
	background: url(../../../network/images/bg_red.jpg) repeat-y 0 0;
 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
 font-size: 1.5em;
 line-height: 1.1em;
 width: 450px;
	font-size: 18px;
}
#network .categoryTtl.lower {
	float: left;
}

#network .internet_btn_area {
	margin-top: -6px;
	float: right;
	width: 280px;
	overflow: hidden;
}
#network .internet_btn_area li {
	margin-top: 6px;
	padding-left: 10px;
	float: right;
}

#network .categoryTtl div { margin-top: 10px; }

#network .categoryList { margin-top: 8px; }
#network .categoryList dt {
	margin-top: 10px;
	height: 24px;
}
#network .categoryList dd {
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../../../network/images/list_line.gif) repeat-x 0 bottom;
	overflow: hidden;
	_zoom: 1;
}
#network .categoryList dd div {
	float: left;
}
#network .categoryList dd p {
	overflow: hidden;
	*zoom: 1;
}
#network .categoryList dd ul {
	margin-top: 8px;
	float: right;
	text-align: right;
	width: 340px;
	overflow: hidden;
}
#network .categoryList dd li {
	margin: 3px 0 0 0;
	padding-left: 12px;
	float: right;
	font-size: 10px;
}
#network .annotationArea {
	margin: 20px 0;
}

#network .lowerMain {
	margin-top: 17px;
}

#network.youtube .lowerMain {
	margin-top: -20px;
}

#network.youtube .lowerMain h2 {
	margin-top: 37px;
	color: #206cb8;
}
#network.youtube .lowerMain .figCap,
#network.youtube .lowerMain .fig {
	margin-top: 1em;
	font-size: 12px;
}
#network.youtube .lowerMain .fig {
	text-align: center;
}
#network.youtube .lowerMain .fig2 {
	margin: 0 auto;
	width: 528px;
	text-align: left;
	line-height: 2.5;
}
#network.youtube .note {
	margin-top: 37px;
}
#network.youtube .note p {
	margin-top: .5em;
	font-size: 12px;
}
#network.youtube .modelAbout {
	margin-top: 22px;
}

#network.dch .lists {
	padding-top: 10px;
}
#network.dch .lists dt {
	margin-top: 15px;
}

#network.dch .lists dd {
	background: #cfbc92;
	overflow: hidden;
	_zoom: 1;
}
#network.dch .lists dd.arcive {
	padding: 5px 0 25px 18px;
	background: url(../../../network/images/dch/berlinphil_listen_bg.jpg) no-repeat 100% 100% #cfbc92;
}

#network.dch .lists dd.arcive ul {
	float: left;
}
#network.dch .lists dd.price .link {
	margin: 5px 0 5px 18px;
}
#network.dch .lists dd.step { padding-bottom: 20px; }
#network.dch .lists dd.step ol {
	margin-left: 18px;
	overflow: hidden;
	_zoom: ;1
}
#network.dch .lists dd.step li {
	padding-right: 5px;
	float: left;
	position: relative;
}
#network.dch .lists dd.step li a {
	position: absolute;
	top: 144px; left: 50px;
}

#network.dch .about {
	margin-top: 35px;
	width: 755px;
	overflow: hidden;
}
#network.dch .about h3 {
	font-size: 14px;
}

#network.dch .about a.block {
	display: block;
	overflow: hidden;
}
#network.dch .about .figCap {
	float: left;
}
#network.dch .about .figCap p {
	margin-top: 8px;
}
#network.dch .about .figCap .btn {
	margin-top: 12px;
}

#network.dch .about .fig {
	float: right;
}
#network.dch #aboutBPH {
	margin-top: 30px;
	padding-bottom: 40px;
	width: 755px;
	overflow: hidden;
}
#network.dch #aboutBPH h3 {
	font-size: 14px;
}
#network.dch #aboutBPH .figCap {
	float: left;
	width: 565px;
}
#network.dch #aboutBPH p {
	margin-top: 12px;
}
#network.dch #aboutBPH .fig {
	padding-top: 15px;
	float: right;
}

#network.d3 {
	font-size: 12px;
}
#network.d3 .hero {
	padding-bottom: 0;
}
#network.d3 .hero p {
	margin: 0;
}

.d3List { padding-bottom: 35px; }

.d3List .sec {
	margin-top: 30px;
	float: left;
}
.d3List .sec.wMax {
	overflow: hidden;
	width: 760px;
}
.d3List .secWrap,
.d3List .sec.wMax2 {
	float: left;
	margin-right: -15px;
	width: 775px;
}
.d3List .sec.wMin {
	padding-right: 15px;
	width: 372px;
}
.d3List .sec.wMax2 .sec2 {
	margin-top: 30px;
	float: left;
	padding-right: 15px;
	width: 372px;
}

.d3List .sec.wMax h3,
.d3List .sec.wMax2 h3 {
	background: url(../../../network/images/3d/title_bg3.gif) no-repeat 0 0;
}
.d3List .sec.wMax2 h3 { margin-bottom: -15px; }

.d3List .sec.wMin h3 {
	background: url(../../../network/images/3d/title_bg2.gif) no-repeat 0 0;
}
.d3List .sec h3 {
	line-height: 2;
	text-align: center;
}
.d3List .sec.wMax2 h4 {
	padding-bottom: 10px;
	background: url(../../../network/images/3d/bd_bg_bottom.gif) no-repeat 0 bottom;
	width: 372px;
	font-weight: normal;
}
.d3List .sec.wMax2 h4 span {
	padding: 10px 0 0 18px;
	display: block;
	background: url(../../../network/images/3d/bd_bg_top.gif) no-repeat 0 0;
}
.d3List .sec.wMax2 p,
.d3List .sec.wMax2 .fig {
	margin-top: 15px;
	padding: 0 20px;
}

.d3List .sec.wMax .figCap {
	margin-top: 15px;
	width: 372px;
	float: left;
}
.d3List .sec.wMax .figCap p {
	padding: 0 20px;
}
.d3List .sec.wMax .figCap .figCapNote {
	margin-top: 1em;
	padding: .5em 20px;
	background: #eee;
}
.d3List .sec.wMax .figCap .figCapNote p {
	margin-top: 1em;
	padding: 0;
}
.d3List .sec.wMax .fig {
	margin-top: 15px;
	padding-right: 20px;
	float: right;
}

.d3List .sec.wMin .fig {
	margin-top: 15px;
	padding: 0 20px;
}
.d3List .sec.wMin p {
	margin-top: 15px;
	padding: 0 20px;
}

.d3List .d3Note {
	padding-top: 30px;
	clear: left;
}
/*
a.ex-fadeEffect {
    transition: opacity 0.2s ease-in 0s;
				color: #333;
}
a.ex-fadeEffect:hover {
    opacity: 0.5;
				color: #333;
				text-decoration: none;
}*/
a.ex-fadeEffect {
	color: #333;
	-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;
	cursor: pointer;
}

a.ex-fadeEffect:hover {
	color: #333;
	filter: alpha(opacity=50);
	opacity: .5;
	*zoom: 1;
	text-decoration: none;
}
a.ex-fadeEffect:hover a.mod-linkButton1, .ex-fadeEffect:hover span.mod-linkButton1, .ex-fadeEffect:hover a.mod-linkButtonExpend, .ex-fadeEffect:hover span.mod-linkButtonExpend, .ex-fadeEffect:hover a.mod-linkButtonClose, .ex-fadeEffect:hover span.mod-linkButtonClose, .ex-fadeEffect:hover a.mod-linkButtonSonyStore, .ex-fadeEffect:hover span.mod-linkButtonSonyStore, .ex-fadeEffect:hover a.mod-linkButtonPrev, .ex-fadeEffect:hover span.mod-linkButtonPrev, .ex-fadeEffect:hover a.mod-linkButtonNext, .ex-fadeEffect:hover span.mod-linkButtonNext {
    filter: none;
    opacity: 1;
}
.text_link {
    background: url(../../../network/images/mod_about_list.gif) no-repeat scroll 0 50%;
    padding-left: 10px;
}
