@charset "UTF-8";
/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */
body,html{
background: #fff;
color: #fff;
line-height: 1.6;
font-size: 16px;
}
body,th,td{
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.s5-container {
max-width: 100%;
background: #000000;
}
#wrapper{
width: 800px;
margin: 0 auto;
}
#header{
margin: 0 auto 20px;
padding: 50px 0 0;
}
#cont-wrap{
margin: 0 0 50px;
}
#content{
margin: 0 auto;
}
#footer{
padding: 30px 0 0;
}


/* ==================================================== */
/* S T Y L E */
/* ==================================================== */
/* Head
---------------------------------------- */
h1,h2,h3,h4,h5,h6,
dl dt{
font-weight: normal;
}

#content .feature h4{
margin-bottom: 55px;
}

#content .duality{
text-indent: -9999px;
overflow: hidden;
}

/* issue1 , issue2 only */
.issue1 #content .feature h4,
.issue2 #content .feature h4{
margin: 0 0 45px;
padding: 150px 0 0;
background: url(../img/img_dec_01.png) no-repeat center 50px;
text-align: center;
}


/* LINK
---------------------------------------- */
#wrapper a:link{color:#a18c3e; text-decoration: none;}
#wrapper a:visited{color:#a18c3e; text-decoration: none;}
#wrapper a:hover{color: #a18c3e; text-decoration: underline;}
#wrapper a:active{ color:#a18c3e; text-decoration: none;}

/* Form (for Safari Lion placeholder)
---------------------------------------- */
input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
   color: transparent;
}

/* grid2col */
div.grid2col{
margin-bottom: 30px;
}
div.grid2col div.column{
float: left;
}
div.grid2col div.column.first{
/* margin-right: 0; */
}


/* Icon New Win */
.newwin{
padding-right: 21px;
background: url(../img/icn_newwin.png) no-repeat right center;
}

/* img float left */
img.img-l{
float: left;
margin-right: 25px;
margin-bottom: 20px;
}
/* img float right */
img.img-r{
float: right;
margin-left: 25px;
margin-bottom: 20px;
}

/* Show Small View */
.show-sml{
display: none;
}


/* ==================================================== */
/* H E A D E R */
/* ==================================================== */
#header .headbar{
height: 55px;
margin: 0 0 20px;
padding: 50px 0 10px;
}

#header h1,
#header p{
margin: 0 0 10px;
}
#header .logo_sony{
float: left;
padding: 5px 0 0;
}
#header .logo_sony img{
vertical-align: top;
}
h1 .month{
padding: 0 0 8px 10px;
}

#header .hnav{
float: right;
}
#header .hnav img{
vertical-align: top;
}


#header .ttl-block{
clear: both;
height: 115px;
margin: 0;
padding: 35px 0 0;
border-bottom: 1px solid #FFF;
background: #000 url(../img/img_border_01.png) no-repeat left top;
}
#header .ttl-block .primary{
width: 488px;
margin: 0 0 0 20px;
}
#header .ttl-block .primary a {
display:block;
}
#header .ttl-block .secondary {
float: right;
width: 250px;
padding-top: 35px;
margin: 0 20px 0 0;
text-align: right;
background: #000 url(../img/backnumber.png) no-repeat left top;
}
#header .ttl-block .secondary p {
text-align: left;
line-height: 1.5;
font-size: 12px;
}
#header .ttl-block .primary .cap{
margin-bottom: 15px;
}
#header .ttl-block .secondary .issue{
margin-top: 5px;
margin-right: 10px;
}

/* ==================================================== */
/* C O N T E N T */
/* ==================================================== */
#content .section{
}

#content #billboard{
margin-bottom: 15px;
}
#content #billboard h2{
float: left;
width: 541px;
margin: 0 2px 0 0; 
}
#content #billboard .lnav{
float: right;
width: 257px;
}
#content #billboard .lnav ul{
margin: 0;
}
#content #billboard .lnav li{
margin-bottom: 1px;
}

#content .content-caption{
margin-bottom: 45px;
font-size: 18px;
line-height: 1.7;
}


#content .feature{
margin: 0 0 20px;
padding: 20px;
background: #121007;
line-height: 1.9;
}
#content .feature h3{
margin-bottom: 25px;
}
#content .feature p{
padding: 0 10px;
}
#content .feature p img{
}
#content .feature p.align-c img{
margin-left: 0;
}
#content .feature p.nomgn,
#content .feature p.last{
margin-bottom: 0;
}

/* txt titel
---------------------------------------- */
#content .feature .txt-hires{
width: 318px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/txt_hires.png) no-repeat 0 0;
}
#content .feature .txt-place{
width: 538px;
height: 31px;
margin-left: auto;
margin-right: auto;
background: url(../img/txt_experience_02.png) no-repeat 0 0;
}
#content .feature .txt-privatetheater{
width: 702px;
height: 73px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
background: url(../img/txt_privatetheater.png) no-repeat 0 0;
}


/* caption block
---------------------------------------- */
#content .cap-block{
display: inline-block;
margin-bottom: 20px;
line-height: 1.5;
}
#content .cap-block.left{
float: left;
margin-right: 20px;
}
#content .cap-block.right{
float: right;
margin-left: 20px;
}
#content .cap-block p{
margin: 0 0 10px;
padding: 0;
}
#content .cap-block .cap-block-note{
display: block;
color: #ccc;
text-align: right;
font-size: 12px;
}
#content .cap-block .cap-block-note.cap-block-note-ac{
text-align: center;
}



/* product-detail
---------------------------------------- */
#content .feature .product-detail{
margin-bottom: 40px;
padding: 150px 10px 0;
background: url(../img/img_dec_01.png) no-repeat center 50px;
font-size: 12px;
line-height: 1.7;
}
#content .feature .product-detail.no-break{
padding: 0 10px 0;
background: none;
}
#content .feature .product-detail .column{
width: 356px;
}
#content .feature .product-detail .primary{
margin-right: 28px;
}
#content .feature .product-detail p{
padding: 0;
}


/* questionnaire-02
---------------------------------------- */
#content .feature .questionnaire-02{
margin: 0 0 25px;
padding: 30px 0 0;
border-top: 1px solid #5a5852;
line-height: 1.5;
text-align: center;
font-size: 14px;
}


/* private-theater
---------------------------------------- */
#content .feature .grid2col.private-theater{
margin: 0 0 0 10px;
}
#content .feature .grid2col.private-theater .column{
width: 360px;
}
#content .feature .grid2col.private-theater .column:first-child{
width: 350px;
margin-right: 20px;
}
#content .feature .grid2col.private-theater p{
padding: 0;	
}


/* place-otonano-sony
---------------------------------------- */
#content .feature .place-otonano-sony{
width: 660px;
margin: 0 auto 30px;
border: 1px solid #333;
}
#content .feature .place-otonano-sony ul{
margin: 0;
}
#content .feature .place-otonano-sony ul li{
float: left;
width: 219px;
margin: 0;
padding: 19px 0 2px;
border-right: 1px solid #333;
text-align: center;
font-size: 12px;
}
#content .feature .place-otonano-sony ul li.last{
border: none;
}
#content .feature .place-otonano-sony ul li p.name{
height: 30px;
font-size: 16px;
line-height: 1.3;
}


/* store-list */
#content .feature ul.store-list{
/* margin-left: -10px; */
padding-top: 15px;
}
#content .feature ul.store-list li{
float: left;
margin: 0 0 20px 10px;
/* width: 360px; */
}


/* archives */
#content .archives{
position: relative;
height: 68px;
background: url(../img/bg_archives.png) no-repeat 0 0;
}
#content .archives .goto-list{
padding: 20px 0 0;
text-align: center;
}
#content .archives .next{
position: absolute;
top: 20px; right: 20px;
}
#content .archives .prev{
position: absolute;
top: 20px; left: 20px;
}

#content #product-unit{
margin-bottom: 20px;
}

#content p.attention {
margin: 35px 0 50px;
padding: 15px 18px;
border: 3px solid #fff;
}


/* coming */
#content .coming .column{
width: 600px;
}
#content .coming .column.right{
width: 190px;
height: 300px;
margin: 0 0 0 10px;
}
#content .coming .column.right h4,
#content .coming .column.right dl,
#content .coming .column.right p{
visibility: hidden;
}



/* ==================================================== */
/* F O O T E R */
/* ==================================================== */
#footer .questionnaire{
float: right;
width: 400px;
text-align: right;
}
#footer .questionnaire img{
vertical-align: middle;
}
#footer .questionnaire a{
padding: 0 0 0 10px;
}

#footer .sns{
float: left;
width: 400px;
padding: 5px 0 0;
}
#footer .sns ul li{
float: left;
width: 110px;
height: 25px;
}
#footer .sns ul li.fb{
margin-top: -5px;
overflow: hidden;
}

/* easter */
#footer .easter{
clear: both;
padding: 220px 0 100px;
text-indent: -9999px;
overflow: hidden;
}
.s4k #footer .easter .copy{
margin: 0;
padding: 80px 0 0;
background: url(../img/img_ftr_4k.png) no-repeat center top;
text-align: center;
font-size: 12px;
font-weight: bold;
}
.shires #footer .easter .copy{
margin: 0;
padding: 120px 0 0;
/* background: url(../img/img_ftr_hr.png) no-repeat center top; */
background: url(../img/logo_hires_ms.png) no-repeat center top;
text-align: center;
font-size: 12px;
font-weight: bold;
}