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


	Site Name   SONY HOME-THEATER SPECIAL
	File Name   style_a.css

	Create Date 2013/11


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


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

	後編用　ナビゲーション　
	
-----------------------------------------------------------*/
#menu-wrap {
  width: 950px;
  min-height:60px;
  margin: auto;
}
#menu {
  list-style-type: none;
  width: 950px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li {
  float: left;
  padding: 0;
}
.fixed{
  position: fixed;
  top: 0px;
  left: auto;
  z-index: 9999;
}


@media (max-width:640px){
#menu-wrap-sp{
width: 100%;
min-height:50px;
margin:auto;
}
#menu {
width: 100%;
display: table;
list-style: none outside none;
border: medium none;
margin: 0px 0px 0px 2px;
font-size: 85%;
}
#menu li{
background:#FFF;
color:#18151c;
text-align:center;
display:table-cell;
vertical-align: middle;
float:left;
width:49%;
margin:0px;
padding:10px 0px 10px 1px;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
}
#menu li a {
	display:block;
	text-align:center;
}

#menu li.link {
	background:#988225;
}
#menu li.link a {
	color:#FFF;
}

#menu li.bottom-border-none{
border-bottom:none;
}
#menu li.right-border-none{
border-right:none;
}
#menu li.selected{
	color:#FFF;
font-weight:bold;
background-color: #000;
background: -moz-linear-gradient(top, #666, #000); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#666), to(#000)); /* Webkit */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#666', endColorstr='#000'); /* IE5.5以上 */
}
#menu li.selected a{
color:#FFF;
}

.fixed{
	width:96%;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 9999;
}
}



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

	後編用　コンテンツ背景
	
-----------------------------------------------------------*/
.mod-column1-main {
	background-color: #FFFFFF;
}
@media (max-width:640px){
.mod-column1-main {
	background-color: #FFFFFF;
	background-position: left top;
	background-image:none;
}
}


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

	後編用　hタイトル
	
-----------------------------------------------------------*/
h2{
	height:430px;
}
h2, h3, h4, p {
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size:180%;
	padding-bottom: 20px;
	font-weight:normal;
}

@media (max-width:640px){
h2{
	height:auto;
}
h2 img{
	width:100%;
}
h3 {
    font-size: 120%;
	line-height:1.4;
    padding: 7px;
    background-color: #000;
    color: #FFF;
    margin: 10px 0;
}
}


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

	後編用　本文
	
-----------------------------------------------------------*/
.inner a {
	color: #1864A4;
	text-decoration: underline;
}
.inner a:visited {
	color: #1864A4;
	text-decoration: underline;
}
.inner a:hover {
	color: #2F2F2F;
	text-decoration: none;
}


.inner{
	width:824px;
	margin:0 auto;
	text-align:left;
}
.inner img.ph,
.inner img.ph-sp,
.inner img.ph-horizonal{
	padding:0px;
	border:5px solid palegoldenrod;
	background-color:white;
}
.inner .image{
	margin: 10px auto 30px auto;
	text-align: center;
}


@media (max-width:640px){
.inner{
	width:100%;
	margin:0 auto;
}
.inner img{
	width:100%;
}
.inner img.ph{
	width: 98%;
}
.inner img.ph-sp {
    width: 50%;
	margin:auto;
}
.inner img.ph-horizonal{
	width:100%;
}
}


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

	後編用　本文 P
	
-----------------------------------------------------------*/
p {
	font-size: 118%;
	line-height: 1.8;
	color: #222;
	padding: 0 0 1.5em 0;
	margin-right: 10px;
	margin-left: 10px;
}
p.read{
	width: 720px;
	font-size: 116%;
	margin: 0 auto 30px auto;
	background-color:#f7f7f7;
	padding:20px;
}
p span.torii{
	font-size:90%;
	color:white;
	display:block;
	float:left;
	background-color:#555;
	padding:0 3px 0 3px;
}
p.interviewer{
	color:#3757A2;
	line-height:1.8;
}
p span.torii{
	font-size:90%;
	color:white;
	display:block;
	float:left;
	background-color:#ccc;
	padding:0 3px 0 3px;
}


@media (max-width:640px){
p {
	font-size: 100%;
	line-height: 1.6;
	margin:0 0 20px 0;
}
p.read{
	width: 94%;
	margin: 0;
	padding: 10px;
}
p.interviewer{
	width: 100%;
	padding: 0px;
}
}


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

	後編用　本文 SPAN
		
-----------------------------------------------------------*/
strong{
	color:#992E23;
}
p span.sony{
	font-size:90%;
	color:#111;
	display:block;
	float:left;
	background-color:#6D96E0;
	padding:0 3px 0 3px;
}
p span.enomoto{background-color:#F7E3E3 ;color:black;}
p span.masuda{background-color:#F9ECE1 ;color:black;}
p span.miura{background-color:#FAFDCE ;color:black;}
p span.nakano{background-color:#E8FDCE ;color:black;}
p span.ohshima{background-color:#CEFDD9 ;color:black;}
p span.satoh{background-color:#CDFEF2 ;color:black;}
p span.takamatsu{background-color:#CEEFFD ;color:black;}
p span.teramachi{background-color:#E2EBFE ;color:black;}
p span.yana{background-color:#E7E2FE ;color:black;}
p span.yoneda{background-color:#F4E2FE ;color:black;}
p span.tokunaga{background-color:#FEE2F4 ;color:black;}

p span.honbun{
	display:block;
	margin-left:3em;

}

span.caption{
	margin:0 auto;
	font-size:95%;
	color:#A06D2F;
	text-align:left;
	line-height:1;
}
p.caption{
	width:600px;
	margin:0 auto;
	font-size:95%;
	color:#A06D2F;
	text-align:center;
	line-height:1.6;
}
p.caption-s{
	width:510px;
	margin:0 auto;
	font-size:95%;
	color:#A06D2F;
	text-align:left;
	line-height:1.6;
}
p.caption-w600{
	width:600px;
	margin:0 auto;
	font-size:95%;
	color:#A06D2F;
	text-align:left;
	line-height:1.6;
}
p.caption-w700{
	width:700px;
	margin:0 auto;
	font-size:95%;
	color:#A06D2F;
	text-align:left;
	line-height:1.6;
}


@media (max-width:640px){
span.caption{
	width:98%;
	padding: 0;
}
p.caption,
p.caption-s,
p.caption-w600,
p.caption-w700{
	width:98%;
	padding: 0;
	text-align:left;
}
}


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

	後編用　本文 画像2点横並び
		
-----------------------------------------------------------*/
ul.horizonal{
	width:600px;
	margin:auto;
}
ul.horizonal li{
	list-style:none;
	width:280px;
	float:left;
	margin:0 20px 50px 0;
}
ul.horizonal2{
	width:700px;
	margin:auto;
}
ul.horizonal2 li{
	list-style:none;
	width:330px;
	float:left;
	margin:0 20px 20px 0;
}
ul.horizonal2 li.nomgn{
	list-style:none;
	width:330px;
	float:left;
	margin:0 20px 0 0;
	text-align: left;
}
ul.horizonal-08{
	width:620px;
	margin:auto;
}
ul.horizonal-08 li.left{
	list-style:none;
	width:140px;
	float:left;
	margin:0 40px 20px 0;
}
ul.horizonal-08 li.right{
	list-style:none;
	width:440px;
	float:left;
	margin:0 0 0 0;
	text-align: left;
}


@media (max-width:640px){
ul.horizonal,
ul.horizonal-08{
    width: 90%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}
ul.horizonal li,
ul.horizonal2 li,
ul.horizonal-08 li{
	width:100%;
	list-style: none;
	float: none;
	margin: 0 auto 20px auto;
	text-align: left;
}

ul.horizonal-08 li.left {
    width: 100%;
	float:none;
}

ul.horizonal-08 li.left,
ul.horizonal-08 li.right{
	list-style: none;
	float: none;
	margin: 0 auto 0 auto;
	text-align: left;
	width:100%;
}
ul.horizonal2{
	width:100%;
	padding:0;
}
ul.horizonal2 li.nomgn {
    list-style: none outside none;
    width: 100%;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
}

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

	後編用　本文 画像右寄せ
		
-----------------------------------------------------------*/
.ph-right{
	float:right;
	width:210px;
	margin:0 5px 10px 30px;
}
.ph-right-w{
	float:right;
	width:260px;
	margin:0 5px 10px 30px;
}


@media (max-width:640px){
.ph-right,
.ph-right-w{
float: none;
width: 55%;
margin: 0px auto 30px auto;
}
}


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

	後編用　関連リンク
	
-----------------------------------------------------------*/
.partchange{
	margin:30px 0 10px 0;
	text-align:center;
}



.next-page{
	font-size:144%;
	text-align:center;
}

.infoarea {
	font-size: 90%;
	padding: 10px;
	margin-top: 15px;
	border: 2px solid #333333;
	margin-right: 15px;
	margin-left: 15px;
}
.infoarea p {
	margin: 0px;
	padding-bottom: 0px;
	line-height: 1.6;
	text-indent: 0em;
}

.infoarea h4 {
	background-color: #444846;
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	font-family: Verdana;
	color: #FFFFFF;
	margin-bottom: 5px;
}
.infoarea h4 span {
	font-weight:normal;
	font-size:90%;
	padding-left:10px;
}


@media (max-width:640px){
.next-page{
	font-size:110%;
	text-align:center;
}

.infoarea {
	margin: 15px 0 0 0;
}
.infoarea .link {
	font-size: 115%;
	padding:10px 0 0 0;
}
}