@charset "shift_jis";
/**
 * PAGE_HEADER
 */
 
 
/* =============================================== */
/*  2014-07-17  新テンプレ（キメラ）適用に伴うフォント変更 
/* =============================================== */
body{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.share4-breadcrumbs, .share4-breadcrumbs2,
.share4-pagefooter{
	letter-spacing: normal;
}
.share4-pagefooter-copyright {
	color: #fdfdfd;
	padding-top: 0;
	font-size: 0.83333em!important;
	text-align: center;
}

@media(max-width:640px){
	.share4-pagefooter-copyright {
		text-align: left;
		font-size: 0.5em!important;
	}
}


#pageHeader {
	height: 150px;
	margin-bottom: 40px;
}
#pageHeader h1 {
	margin-bottom: 20px;
	background: url(/support/images/index/title.gif) no-repeat left top;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#pageAsideLink-01 {
	position: absolute;
	right: 0;
	top: 56px; /*vaio無償修理バナー削除時　−110px*/
}
#pageAsideLink-01 a {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 6px;
}
:root *> #pageAsideLink-01 a {
	padding-left: 12px;/* IE6-8以外 */
	background-position: left 5px !important;
}
#pageAsideLink-02 a {
	position: absolute;
	right: 0;
	top: 76px; /*vaio無償修理バナー削除時　−110px*/
	width: 399px;
	height: 43px;
	background: url("/support/images/index/bt-01.gif") no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}
#pageHeader .infolink {
	position: absolute;
	right: 0;
	top: 135px; /*vaio無償修理バナー削除時　−110px*/
}
#pageHeader .infolink a {
	display: block;
	padding-left: 20px;
	line-height: 30px;
	background: url("/support/share/images/bt-02.gif") no-repeat left 0px;
}

/**
 * PAGE_MAIN_CONTENT
 */
#pageMainContent {
	width: 560px;
	float: left;
	overflow: hidden;
}
#pageMainContent ul, #pageMainContent li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#pageMainContent .section {
	margin-bottom: 35px;
}
#pageMainContent li {
	zoom:1;/*for IE 5.5-7*/
}
#pageMainContent li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #pageMainContent li {
	display:inline-table;
	/*\*/display:block;/**/
}
#pageMainContent .title {
	clear: both;
	color: #666;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}

#pageMainContent .header .title {
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
	padding: 10px 21px;
	border: none;
	color: #333;
	background: url(/support/share/images/title-bg.gif) repeat-x left top;
}
#pageMainContent li {
	position: relative;
}
#pageMainContent .figure {
	float: left;
	margin-right: 10px;
}
#pageMainContent li a {
	display: inline;
}
#pageMainContent li .figure a {
	display: inline;
	padding-left: 0px;
	background: none;
}
#pageMainContent li span {
	padding-left: 12px;
	font-size: 9px;
	color: #999999;
	letter-spacing: 0.05em;
}
#product-cat-01, #product-cat-02, #product-cat-06, #product-cat-07, #product-cat-08, #product-cat-10, #product-cat-11, #product-cat-12, #product-cat-13, #product-cat-14, #product-cat-15, #product-cat-16-01, #product-cat-16-02, #product-cat-16-03, #product-cat-16-04, #product-cat-16-05, /* 追加 2014-05-28 */ #product-cat-17 {
	width: 270px;
}
#product-cat-06, #product-cat-08, #product-cat-10, #product-cat-12, #product-cat-14, #product-cat-16-01, #product-cat-16-03, #product-cat-16-05, #product-cat-17 {
	float: left;
	clear: both;
}
#product-cat-01,#product-cat-02,#product-cat-03, #product-cat-04, #product-cat-05, #product-cat-09, #product-cat-17  {
	width: 580px;
}
#product-cat-01,#product-cat-03, #product-cat-04, #product-cat-05, #product-cat-09 {
	zoom: 1;
}
#product-cat-01:after,#product-cat-02:after,#product-cat-03:after, #product-cat-04:after, #product-cat-05:after, #product-cat-09:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #product-cat-03, * html #product-cat-04, * html #product-cat-05, * html #product-cat-09 {
	display:inline-table;
	/*\*/display:block;/**/
}
#product-cat-01 li,#product-cat-02 li,#product-cat-03 li, #product-cat-04 li, #product-cat-05 li, #product-cat-09 li ,#product-cat-17 li {
	float: left;
	clear: none;
	width: 270px;
	height: 50px;
	margin-right: 20px;
	margin-bottom: 10px;
}



#product-cat-07, #product-cat-11, #product-cat-13, #product-cat-15, #product-cat-16-02, #product-cat-16-04 {
	float: right;
}
/**
 * PAGE_SUB_CONTENT
 */
#pageSubContent {
	width: 370px;
	float: right;
}
#pageSubContent ul, #pageSubContent li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#pageSubContent .section {
	margin-bottom: 32px;
}
#pageSubContent ul {
	zoom:1;/*for IE 5.5-7*/
}
#pageSubContent ul:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #pageSubContent ul {
	display:inline-table;
	/*\*/display:block;/**/
}
#pageSubContent li {
	zoom:1;/*for IE 5.5-7*/
}
#pageSubContent li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html #pageSubContent li {
	display:inline-table;
	/*\*/display:block;/**/
}
#pageSubContent .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
}
#pageSubContent .title span {
	font-size: 13px;
}
#pageSubContent .header .title {
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
	padding: 10px 21px;
	border: none;
	color: #333;
	background: url(/support/share/images/title-bg.gif) repeat-x left top;
}
#pageSubContent .header .title span {
	font-size: 12px;
	letter-spacing: 0.02em;
}


#pageSubContent .figure {
	float: left;
	margin-right: 10px;
}
#pageSubContent .content {
	margin-left: 60px;
	line-height: 16px !important;
}
#pageSubContent .content small {
	font-size: 10px;
}
#pageSubContent li {
	float: left;
	clear: none;
	width: 50%;
	height: 50px;
	margin-bottom: 10px;
}
#pageSubContent li .content {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 3px;
}
:root *> #pageSubContent li .content {/* IE6-8以外 */
	background-position: left 4px !important;
}
#pageSubContent li a {
	display: inline;
}
#pageSubContent li .figure a {
	padding-left: 0px;
	background: none;
}
#pageSubContent li span {
	padding-left: 12px;
	font-size: 10px;
	color: #999999;
}
#menu-cat-03 li {
	float: none;
	width: 100%;
}
#menu-cat-02 li,#menu-cat-06 li,#menu-cat-07 li {
	float: none;
	width: 100%;
}
#menu-cat-07 li span.contenttxt {
	padding-left:0px !important;
	color: #333333 !important;
	font-size: 11.5px;
}
#menu-cat-04 {
	margin-top: 80px;
	margin-bottom: 90px !important;
}

#menu-cat-04 h4 {
	color: #214E90;
	font-size: 13px;
	font-weight: bold;
}
#menu-cat-04 p {
	font-size: 11.5px;
	margin: 1em 0 2em;
	color: #333;
}
#menu-cat-04 li {
	float: none;
	width: 100%;
}
#aside-info dl {
	padding: 0 20px;
	font-size: 14px;
}
#aside-info dt {
	color: #333;
	font-size: 13px;
	margin-bottom: 5px;
}
#aside-info dd {
	margin-bottom: 1em;
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 6px;
}
#aside-info a {
	display: inline;
}

/* add 2012/07/02 */
.mod-pageMenuNav{
	display:none;
}

 @media (max-width:640px) {
.mod-content,  #pageMainContent,  #pageSubContent {
	float: none;
	width: 100%;
	overflow: hidden;
}
#pageMainContent .section,  #pageSubContent .section,  #pageMainContent li,  #pageSubContent li {
	float: none !important;
	width: auto !important;
}
.mod-content .title {
	margin-bottom: 0px !important;
	border: none !important;
	padding: 0 !important;
}
.mod-content .title a {
	display: block;
	position: relative;
	height: 60px;
	padding: 0 40px 0 10px;
	background: url(/support/sp/images/sp-title-bg.png) no-repeat left top;
	line-height: 60px;
	color: #333;
	white-space: nowrap;
    overflow: hidden;
	/*-webkit-background-size:320px 60px;*/
}
.mod-content .title a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 60px;
	background: url(/support/sp/images/title-bt-open.png) no-repeat left top;
}
#pageHeader .title {
	background: url(/support/images/index/title-sp.gif) no-repeat center center !important;
	height: 19px !important;
	padding: 0px 0 9px !important;
	border-bottom: 2px solid #ccc !important;
	margin-bottom: 15px !important;
}
#pageHeader .infolink {
	width: 100%;
	text-align: center;
}
#pageHeader .infolink a {
	display: inline-block;
}
.mod-content .header .title {
	padding: 10px !important;
	line-height: 1.3;
	height: auto !important;
	background: #666 !important;
	color: #fff !important;
}
.mod-content .section {
	margin-bottom: 6px !important;
}
.mod-content .section ul {
	background: #EEEDEE;
	padding: 10px 10px 1px !important;
}
#etc-products {
	background: #EEEDEE;
	padding: 10px !important;
}
#etc-products,  .mod-content .section ul {
	display: none;
}
#menu-cat-04 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
#menu-cat-04 ,#menu-cat-05 ul,  #etc-products ul {
	display: block;
}
.opened ul {
	display: block !important;
}
.opened #etc-products {
	display: block;
}
#etc-products .title {
	background: none !important;
	padding: 0 !important;
	margin-bottom: 10px !important;
}
#etc-products ul {
	margin-bottom: 20px;
}
#pageAsideLink-01,  #pageAsideLink-02 a {
	position: static;
}
#pageAsideLink-01 a,  #pageAsideLink-02 a {
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 5px;
	text-indent: 0;
}
#pageAsideLink-01 {
	margin: 20px 0 10px;
}
#pageAsideLink-02 {
	margin-bottom: 20px;
}
#menu-cat-04 .title {
	border-bottom: 1px solid #D0D0D0 !important;
    clear: both;
    color: #666666;
    font-size: 15px;
    margin-bottom: 15px ;
    padding: 0 0 5px 5px ;
}
#menu-cat-04 h4 {
	font-size: 16px;
	margin-top:10px;
}
#menu-cat-04 ul {
	padding: 0 !important;
	background: transparent;
}
#aside-info dl {
	padding: 20px 5px !important;
}
#product-cat-16-01 ul li, #product-cat-16-02 ul li, #product-cat-16-03 ul li, #product-cat-16-04 ul li, #product-cat-16-05 ul li {
	margin-bottom: 20px;


}


/* add 2014/3/18 START */
#menu-cat-08 ul {
	background:#fff;
	display:block;
	margin-top:10px;
}

#menu-cat-08 .title {
	border-bottom: 1px solid #D0D0D0 !important;
    clear: both;
    color: #666666;
    font-size: 15px;
    margin-bottom: 15px ;
    padding: 0 0 5px 5px ;
}



/* add 2012/07/02 START */
.mod-pageMenuNav{
	margin: 20px 0;
	display:block;
	position:relative;
}
.mod-pageMenuNav ul {
	font-size: 1em;
	border: none;
	border-radius: 4px;
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D7D7D7;
}
.mod-pageMenuNav li {
	float: none;
	width: auto;
	margin: 0 0 -1px;
	padding: 0;
	overflow:hidden;
	white-space: nowrap;
	border: 1px solid #D7D7D7;
}
.mod-pageMenuNav li:first-child, .mod-pageMenuNav li:first-child a {
	border-radius: 4px 4px 0 0;
}
.mod-pageMenuNav li:last-child, .mod-pageMenuNav li:last-child a {
	border-radius: 0 0 4px 4px;
}
.mod-pageMenuNav a {
	color: #333;
	display: block;
	background: url(/support/share/images/mq/bg_01.png) repeat-x 0 50%;
	margin: 0;
	padding: .8em 0 .8em 19px;
	text-decoration: none;
	overflow:hidden;
	white-space: nowrap;
}
#pageHeader .infolink{
	top:auto;
	position:relative;
}
#pageMainContent{
	position:relative;
}
#pageHeader{
	height:auto;
	margin-bottom: 20px;
}/* add 2012/07/02 END */
}



/* add 2014/03/18 START */

#menu-cat-08 li {
	float: none;
	width: 100%;
}

#menu-cat-08 {
    margin-bottom: 90px !important;
    margin-top: 60px;
}
/* end 2014/03/18 START */



/* =============================================== */
/** アコーディオンタイトルを2行にする対応 2015/08/07 追加 */
/* ----------------------------------------------- */

#menu-cat-02 h3.title.adjust_2line span,#menu-cat-06 h3.title.adjust_2line span,#menu-cat-07 h3.title.adjust_2line span {
	font-size:15px;
}

@media (max-width: 640px) {

#menu-cat-02 h3.title.adjust_2line a,#menu-cat-06 h3.title.adjust_2line a {
	line-height:1.2;
	overflow:hidden;
}

#menu-cat-02 h3.title.adjust_2line span.inner_adjust_2line,#menu-cat-06 h3.title.adjust_2line span.inner_adjust_2line {
	font-size:inherit;
	padding:12px 0 0 0;
	height:60px;
	display:block;
}

#menu-cat-02 h3.title.adjust_2line span span,#menu-cat-06 h3.title.adjust_2line span span {
	display:block;
}

}

/*リンクが2行になる場合につける*/
@media (max-width: 640px) {
	.link-twin{
		margin-bottom:8px !important;
	}

}

/* =============================================== */
/** お問い合わせ窓口にバナーエリア設置 2013/12/09 追加 */
/* ----------------------------------------------- */


.bnr_area {
	display:block;
	margin: 0 auto;
	text-align: center;
}

.bnr_area { margin:0 auto; }

.bnr_single { padding:0 0 10px 0; }


@media (max-width: 640px) {
.bnr_area {
	margin:0;
	width:100%;
}

.bnr_single { 
	margin-bottom:5px;
	margin-top:10px;
 }

.bnr_single img {
	width:100%;
	height:auto;
	max-width: 370px;
}
}

/* =============================================== */
/** 製品別サポート情報　トグル削除　2014/06/13 追加
/* ----------------------------------------------- */

@media (max-width: 640px) {
	#menu-cat-01 h3.title {
		display:none;
	}
	#menu-cat-01 .wrapper{
		display: block!important;
		width: 100%;
		margin-top:10px;
	}
	#menu-cat-01 .wrapper ul {
		display: block!important;
	}
}	


/* =============================================== */
/** サポートトップ、inquiryお知らせ追加　2014/07/10 追加
/* ----------------------------------------------- */
	
	.emergency_info{
		border:2px solid #666;
		margin-bottom:20px;
		width:auto;
		padding:15px;
		color:#F00;
	}
	
	.emergency_info .title{
		color:#000;
		font-weight:bold;
		text-align:center;
		font-size:16px;
	}


/* =============================================== */
/** お知らせ一覧ページへの同線追加 2014/08/06 追加 */
/* ----------------------------------------------- */
#menu-cat-09 .header{
	position:relative;
}
	#menu-cat-09 .header .title-List {
		display: block;
		font-size: 13px !important;
		text-align: right;
		padding-left: 10px;
		position: absolute;
		right: 21px;
		top: 10px;
		background: url(/support/share/images/arrow_black.png) left 50% no-repeat;
		font-weight: normal;
	}

@media(max-width:640px){
	#menu-cat-09 .header .title-List {
		margin: 5px 0 0 10px;
		font-size: 16px !important;
		padding-left: 0;
		position: static;
		text-align: left;
		background: url(/support/share/images/mq/ico_02.png) left 50% no-repeat;
	}
		#menu-cat-09 .header .title-List a {
			padding: 0 0 0 12px;
			color: #333;
		}
}


/* =============================================== */
/** vaio修理受付バナー追加 2014/08/22 */
/* ----------------------------------------------- */

.bnr01{
	margin-bottom:10px;
}

@media(max-width:640px){
	.bnr01 img{
		max-width:100%;
		
}

	
}

/* =============================================== */
/** 接続情報バナー追加 2014/09/04 */
/* ----------------------------------------------- */

@media(max-width:640px){
	.bnr_single{
		background-color:#EEEDEE;
		margin-bottom:0;
		padding:10px 10px;
	}
}

/* =============================================== */
/*  2015-04-14  サイト統合によるパンくず離れの対応 
/* =============================================== */
.s5-pageFooter{
	margin-top: 0!important;
}