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


	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:#444;
}
#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: #988225;
background: -moz-linear-gradient(top, #b9a31b, #988225); /* mozilla */
background: -webkit-gradient(linear, center top, center bottom, from(#b9a31b), to(#988225)); /* Webkit */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b9a31b', endColorstr='#988225'); /* IE5.5以上 */
}
#menu li.selected a{
color:#FFF;
}

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

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

	前編用　コンテンツ背景
	
-----------------------------------------------------------*/
.mod-column1 {
	background-color: #17151C;
	background-image: url(../images/bg_main.jpg);
}
.mod-column1-main {
	background-color: #17151C;
	background-image: url(../images/bg_main.jpg);
}



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

	前編用　hタイトル
	
-----------------------------------------------------------*/
h2, h3, h4, p {
	margin: 0px;
	padding: 0px;
	color:#FFF;
}
h2 {
	height: 430px;
}
h3{
	padding-bottom: 20px;
}
h4{
	font-size:120%;
	color:white;
	text-align:center;
	margin-top:10px;
}

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



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

	前編用　本文
	
-----------------------------------------------------------*/
.inner a {
	color: #FFD617;
	text-decoration: underline;
}
.inner a:visited {
	color: #FFD617;
	text-decoration: underline;
}
.inner a:hover {
	color: #999999;
	text-decoration: none;
}


.inner{
	width:824px;
	margin:0 auto;
	text-align:left;
}
.inner img.ph{
	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:95%;
}
.inner img.ph{
	width: 92%;
}

table{
	width:95%;
}
}



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

	前編用　本文 画像右寄せ
		
-----------------------------------------------------------*/
.ph-right{
	float:right;
	width:210px;
	margin:0 5px 10px 30px;
}
.ph-right img{
	border:5px solid palegoldenrod;
}

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


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

	前編用　本文 P
	
-----------------------------------------------------------*/
p {
	font-size: 118%;
	line-height: 1.8;
	color: #f3f3f3;
	padding: 0 0 1.5em 0;
	margin-right: 10px;
	margin-left: 10px;
}
p.read {
	font-size: 100%;
	margin:0 40px;
}
p span.torii{
	font-size:90%;
	color:white;
	display:block;
	float:left;
	background-color:#555;
	padding:0 3px 0 3px;
}
@media (max-width:640px){
p {
	font-size: 100%;
	line-height: 1.6;
}
p.read {
    font-size: 100%;
    margin: auto;
    width: 95%;
}
}


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

	前編用　本文 SPAN
		
-----------------------------------------------------------*/
strong{
	color:lightgoldenrodyellow;
}
p span.fujishita{
	font-size:90%;
	color:white;
	display:block;
	float:left;
	background-color:#6D96E0;
	padding:0 3px 0 3px;
}
p span.itoh{
	font-size:90%;
	color:black;
	display:block;
	float:left;
	background-color:#FCB813;
	padding:0 3px 0 3px;
}
p span.honbun{
	display:block;
	margin-left:3em;
}
/*
span.caption{
	color:#ccc;
	display:block;
	margin:5px 0 0 0;
	text-align:left;
    padding: 0 10px;
}
*/
span.caption{
	margin:0 auto;
	font-size:95%;
	color:#CCC;
	text-align:left;
	line-height:1;
}
p.caption{
	width:600px;
	margin:0 auto;
	font-size:95%;
	color:#CCC;
	text-align:center;
	line-height:1.6;
}
p.caption-left{
	width:500px;
	margin:0 auto;
	font-size:85%;
	color:#FFF;
	text-align:left;
	line-height:1.6;
}

p.caption-wide{
	width:770px;
	margin:0 auto;
	font-size:95%;
	color:#CCC;
	text-align:left;
	line-height:1.6;
}

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


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

	後編用　本文 画像右寄せ
		
-----------------------------------------------------------*/
.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:50px 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;
	text-align:left;
}
.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 .link {
	font-size: 115%;
	padding:10px 0 0 0;
}
}




.mod-pageTop {
    clear: both;
    margin: 20px 0px;
    font-size: 0.76923em;
    text-align: right;
    background: #FFFFFF;
    padding: 10px 0 0 0;
}