@charset "UTF-8";
/* CSS Document */


/* base */
body{
	background:none;
}
.capred{color:#cb0a26; font-size:90%;}

.acc {
height: 0;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
}
body #container{width:100%;}
body #container #main{
	width:100%;
	font-size:12px;
	color:#333;
}

.centered{
	width:960px;
	margin:0 auto;
}

.linkicon{
	vertical-align:middle;
}

#main a{
	color:#cb0a26;
	text-decoration:underline;
}
#main a:hover{
	color:#cb0a26;
	text-decoration:none;
}

.news a{
	color:#333;
	text-decoration:underline;
}
.news a:hover{
	color:#333;
	text-decoration:none;
}

#main a:hover img {
       opacity: 0.7;
       filter: alpha(opacity=70);
       -ms-filter: "alpha(opacity=70)";
}

#main .sec07-relation a{
	color:#333;
	text-decoration:underline;
}
#main .sec07-relation a:hover{
	color:#333;
	text-decoration:none;
}

/*
header
*/

.nav-area {
	width: 100%;
	background-color: #666;
}

.nav-area ul{
	width:960px;
}

.nav-area ul li{
	float:left;
}

.nav-area ul li a{
	background:#666;
	text-decoration: none;
	display:block;
	color:#fff;
	font-size:120%;
}


/* section 01 */

#sec-01 {
	width: 100%;
	min-width: 960px;
	font-size: 0; /* omajinai! */
}

#sec-01-col-L {
	float: left;
	padding-top: 72px;
	width: 440px;
	text-align: center;
	padding-left:25px;
}
#sec-01-col-L h1 {
	margin-bottom: 40px;
}
#sec-01-col-L h2 {
	margin-bottom: 28px;
}
#sec-01-col-L h3 {
	margin: 40px 0 10px;
}
#sec-01-col-L p {
	padding-top: 9px;
}

#sec-01 #keyvisual{
	margin:20px auto 0;
	position: relative;
	width: 100%;
}
#sec-01 #keyvisual #sec-01-col-L {
	float: left;
	padding-top: 72px;
	width: 440px;
	text-align: center;
	padding-left:12px;
}
#sec-01 #keyvisual #sec-01-col-L h1{
	margin: 0 0 40px 30px;
}
#sec-01 #keyvisual #sec-01-col-L h2{
	margin: 0 0 28px 32px;
}
#sec-01 #keyvisual #sec-01-col-L p{
  	margin-left: 32px;
    padding-top: 9px;
}
#sec-01 #keyvisual #sec-01-col-L p.keycap{
	margin-left:0;
}
#sec-01 #keyvisual #sec-01-col-L .movie{
	margin-left:20px;
}
#sec-01 #keyvisual #sec-01-col-L .movie div{
	float:left;
	width:190px;
}


#sec-01-col-R {
	float: right;
	padding-top: 70px;
	width: 435px;
	text-align: center;
	padding-left:60px;
}
#sec-01-box-01{
	padding-top:15px;
	padding-bottom:50px;
	width:960px;
	margin:0 auto;
}
#sec-01-box-01 dl{
	display:block;
	width:962px;
	margin-left:-2px;
}
#sec-01-box-01 dl dt{
	display:block;
	padding-bottom:20px;
}
#sec-01-box-01 dl dt img{
	display:block;
	width:567px;
	margin:0 auto;
}
#sec-01-box-01 dl dd{
	float:left;
	width:479px;
	margin-left:2px;
}

#sec-01-box-01 dl dd.one{
	float:left;
	width:100%;
	display: block;
	margin-left:2px;
	padding:23px 0;
	text-align:center;
	background-color:#666;	
}

#sec-01-box-02{
	padding:0 0 50px;
	width:960px;
	margin:0 auto;
}

/* section 02 */

#sec-02 {
	background:#ececec;
}

#sec-02 .col-pct { padding: 30px 0; margin:0; }
#sec-02 .col-r h3 { margin: 30px 0; }
#sec-02 .col-r p { margin-bottom:20px; }
#sec-02 .col-txt { padding-top: 55px;
width:580px; }
.col-l{float:left;}
.col-r{float:right;}

/* section 03 */

#sec-03 .col-pct { padding: 120px 20px 0 0; }
#sec-03 .col-l h3 { padding: 40px 0 30px; }
#sec-03 .col-l p { margin-bottom: 40px; }
#sec-03 .col-txt { padding-top: 60px;
width:560px; }

/* section 04 */

#sec-04 {
	margin-top: 60px;
}

#sec-04 .centered { border-top:1px dotted #cccccc; border-bottom:1px solid #cccccc; }
#sec-04 .col-r h3 { margin:0 0 30px; }
#sec-04 .col-r p { margin-bottom: 40px; }
#sec-04 .col-pct { padding: 65px 0 0; }
#sec-04 .col-txt { padding-top: 60px;
width:450px; }

/* section 05 */

#sec-05 { padding-bottom: 60px; }
#sec-05 .col-pct { padding: 60px 0; }
#sec-05 .centered { overflow:hidden; }
#sec-05 .col-txt { padding-top: 72px;
width:450px; }

#sec-05 ul.col-use-list{
	width:1024px;
	margin:60px 0 0 -30px;
}
#sec-05 ul.col-use-list li{
	width:310px;
	float:left;
	padding-left:29px;
	border-left:1px solid #ccc;
}
#sec-05 ul.col-use-list li dl{
	width:280px;
	display:block;
}
#sec-05 ul.col-use-list li p{
	width:280px;
}
#sec-05 ul.col-use-list li ul{
	margin-top:20px;
}
#sec-05 ul.col-use-list li ul li{
	font-size:90%;
	margin:0;
	border:none;
	width:130px;
	float:left;
	background:#FFF url(../img/top/arrow_01.gif) no-repeat 0 4px;
	padding-left:10px;
}
#sec-05 ul.col-use-list li dl dt{
	padding-bottom:35px;
}
#sec-05 ul.col-use-list li dl dd{
	padding-bottom:35px;
}
#sec-05 ul.col-use-list li dl dd.pct{
	display:block;
	padding-bottom:15px;
	width:280px;
	height: 225px;
}
#sec-05 ul.col-use-list li dl dd.pct.btn2{
	height: 192px;
}
#sec-05 ul.col-use-list li dl dd.btn{
	padding-bottom:0;
}



/* section 06 */

#sec-06 h2 { padding-bottom: 40px; }
#sec-06 #sec06-inner { padding:0 0 45px; }
#sec-06 p.caption { padding: 30px 0; }

#sec-06 ul#itemdetail {
	width:1000px;
	margin:0 0 65px -100px;
	background:#FFF url(../img/top/listbg.gif) repeat 70px 0;
}
#sec-06 ul#itemdetail li {
	width:400px;
	padding-left:100px;
	float:left;
}
#sec-06 ul#itemdetail li p{
	margin-bottom:20px;
}
#sec-06 ul#itemdetail li p img{
	display:block;
	margin:0 auto;
}
#sec-06 ul#itemdetail h4 {
	border-bottom:dotted 2px #ccc;
	padding-bottom:8px;
	font-size:120%;
}
#sec-06 ul#itemdetail table th {
	padding:10px 0 0;
	width:25%;
	text-align:left;
	font-weight:bold;
}
#sec-06 ul#itemdetail table td {
	padding:10px 0 0;
}
#sec-06 ul#itemdetail table td .attention{
	display:block;
	font-size:85%;
	padding-top:15px;
}

#sec-06 ul#itemdetail li ul{
	margin-left:-20px;
	padding-top:30px;
	width:420px;
}
#sec-06 ul#itemdetail li ul li{
	padding:0;
	margin-left:20px;
	width:190px;
}
#sec-06 table.spectbl{
	margin:30px 0 0 -15px;
	border-collapse:separate;
	border-spacing:15px;
}
#sec-06 table.spectbl tr th{
	font-weight:bold;
	width:22%;
}
#sec-06 table.spectbl tr td.spec{
	border-left:1px solid #ccc;
	padding-left:40px;
}
#sec-06 table.spectbl tr td em{
	font-weight:bold;
}

#sec-06 p.caution{
	font-size:85%;
}
#sec-06 ul.ulcaution{
	padding:0;
	margin:0 0 20px;
}
#sec-06 ul.ulcaution li{
	width:448px;
	float:none;
	margin-bottom:5px;
	font-size:90%;
}
#sec-06 ul#topul li{
	width:960px;
	float:none;
	margin-bottom:5px;
	font-size:90%;
}


/* section 07 */

#sec-07 #sec07-inner { padding:40px 30px; }
#sec-07 p.caption { padding: 30px 0; margin:0;}
#sec-07 ul.sec07-ban-list{
	padding:0;
	margin-left:-20px;
	width:920px;
}
#sec-07 ul.sec07-ban-list li{
	padding:0;
	margin-left:20px;
	width:210px;
	float:left;
}
#sec-07 h3.caption{
	padding:50px 0 25px;
}
#sec-07 ul.sec07-relation li{
	float:left;
	padding-right:11px;
	width:390px;
}
#sec-07 ul.sec07-relation li img{
	vertical-align:middle;
	padding-left:5px;
}
#ps3{
	background:#FFF url(../img/top/img_15.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#psvita{
	background:#FFF url(../img/top/img_18.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#psvitatv{
	background:#FFF url(../img/top/img_21.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#vaio{
	background:#FFF url(../img/top/img_16.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#tablet{
	background:#FFF url(../img/top/img_19.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#sp{
	background:#FFF url(../img/top/img_17.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}
#walkman{
	background:#FFF url(../img/top/img_20.jpg) no-repeat left center;
	line-height:43px;
	height:43px;
	padding-left:48px;
}

/* section nasban */

#sec-nasban { background:#f2f2f2; }
#sec-nasban .centered{
	padding:20px 0;
}
#sec-nasban ul{
	width:980px;
	margin-left:-20px;
	/*padding-bottom:10px;*//*0527*/
}
#sec-nasban ul li{
	width:306px;
	float:left;
	margin-left:20px;/*0527*/
	padding-bottom:20px;
}
#sec-nasban p{
	margin-bottom:0;
	text-align:right;
}

#sec-nasban span{
	color:#d04451;
	text-decoration:underline;
}

/* section manual */
#sec-manual .centered ul li{
	float:left;
	margin:20px 20px 0 0;
}
	

/* section news */

#sec-news h2 {
	padding:0 0 20px;
/*	border-bottom:1px solid #d9d9d9;
*/	display:block;
	float:left;
}
#sec-news h2 span{
	display:block;
	width:148px;
	height:23px;
	float:right;
}

/*#sec-news ul {
	padding-bottom:60px;
}*/
#sec-news ul li {
	border-bottom:dotted #ccc 1px;
	padding:30px 0;
}
#sec-news dl dt {
/*	padding:15px 0;
*/	letter-spacing:0.1em;/*0529*/
	float:left;
	clear:left;
	width:110px;/*0529*/
}
#sec-news dl dd {
	padding-left:30px;/*0529*/
	float:left;
}
#sec-news dl dd a{
	color:#333333;
	text-decoration:underline;
}
#sec-news dl dd a:hover{
	color:#333333;
	text-decoration:none;
}
#sec-news dl dd.line{
	width:700px;
}

/* sen-kome */
#sec-kome .centered{
	margin:0 auto 50px;
}

/*------------------------------*/
/*------------------------------*/
/*--------20140522---------*/

.btn_border{
	border:#e60021 1px solid;
}
.btn_border_g{
	border:#666666 1px solid;
}
#sec06-inner ul li{
	display:inline-block;
	margin-right:20px;
	}
#sec-06-col-L{
	width:610px;
	float:left;
}
#sec-06-col-R{
	width:350px;
	float:right;
}

.margin_bottom{
	margin-bottom:60px;
}

#sec-news dd.txt{
	width:704px;
}

#sec-news #btn{
	width:360px;
	float:right;
}
#sec-news #btn ul li{
	margin-left:30px;
	float:left;
	border:none;
	padding:0;/*0529*/
}


/*------------------------------*/
/*------------------------------*/
/*--------20140526---------*/


#sec-news .border_bottom{
	height:39px;
	border-bottom:1px solid #d9d9d9;
}

#sec-bclist .centered{
	padding-top:20px;
	margin-bottom:50px;
}

#sec-bclist ul li{
	float:left;
}

/*------------------------------*/
/*------------------------------*/
/*--------20140527---------*/


.usr-cap{
	font-size:80%;
}


/*movie_css*/
#sec-01 #keyvisual #sec-01-col-L ul#movie li:first-child {
margin: 0 15px 0 40px;
}

#sec-01 #keyvisual #sec-01-col-L ul#movie li {
width: 184px;
float: left;
}

#sec-01 #keyvisual #sec-01-col-L ul#movie li h3 {
padding: 0 15px;
}

#sec-01 #keyvisual #sec-01-col-L p.keycap {
margin-left: 0;
}

/*------------------------------*/
/*------------------------------*/
/*--------20140609---------*/

#sec-annotation{
margin-bottom:50px;
}
#sec-annotation .usr-cap{
padding:20px 0 0;
}

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


/* share buttons */
.entrySocialBlock {
padding:28px 0;
}
.entrySocialBlock table {
margin:0 auto;
}
#twitter-widget-0 {
    width: 107px !important;
}
#___plusone_0 {
    width: 78px !important;
}


/*------------------------------*/
/*------------------------------*/
/*--------20150316--------------*/

#keyvisual-1 {
	padding-left: 120px;
	width: 840px;
	margin: 0 auto;
}
#keyvisual-2 {
	margin-top: -76px;
	width: 100%;
	background: url(../img/top/head_02_bg.jpg) no-repeat center bottom;
}
#keyvisual-2 h2 {
	width: 836px;
	padding-left: 124px;
	margin: 0 auto;
}
#keyvisual-2 h2 a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#keyvisual-2 h2 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
#keyvisual-3 {
	text-align: center;
	padding-top: 35px;
}
#keyvisual-3 .btn {
	padding: 40px 0 65px 0;
}


/* ===========================================
 * Clear
=========================================== */

.clear {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}


/* ===========================================
 * margin
=========================================== */

.mgT20 {
	margin-top:20px;
}

.mgT30 {
	margin-top:30px;
}

.mgT40 {
	margin-top:40px;
}

.mgT60 {
	margin-top:60px;
}


#sec-02 .noborder {
	border: none;
}

.border_g {
	border:1px solid #ccc;
}