@charset "shift_jis";


/* =============================================== */
/** 　share4compatible適用　2014/07/29 追加
/* ----------------------------------------------- */
html {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size: 0.875rem !important;
}

a:focus {
   color: #5787f4;
}

/*===========================================
	arrow a
=============================================*/
.ico_arrow-black {
padding-left: 12px;
background: url("/support/share/images/arrow_black.png") no-repeat left 0.4em;
}

/*===========================================
	breadcrumbs
=============================================*/
 nav.mod-breadcrumbs div.mod-breadcrumbs-min {
    margin-left: 0.5em;
}

 @media (max-width:640px) {

.mod-breadcrumbs { margin:0 !important; }
 }

/**
 * PAGE_HEADER
 */
#pageHeader { margin-bottom: 20px; }

#pageHeader h1 {
	margin-bottom: 20px;
	background: url("/support/images/inquiry_mail/title.gif") no-repeat left top;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

#pageHeader .blt {
	padding-left: 12px;
	font-size: 0.750rem;
	background: url("/support/share/images/arrow_black.png") no-repeat left 3px;
	background-position: left 5px\9;
}

#pageHeader .nav {
	padding-left: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
	font-size: 0.750rem;
}

#pageHeader .nav a { color: #333; }

#pageHeader .nav a:hover { text-decoration: none; }

#supporttop_link_guide {
margin-bottom: 10px;
margin-left: 10px;
margin-top: -5px;
list-style: none;
}


/**
 * headerLink
 */
#pageHeader ul#headerLink {
	float:right;
	width:190px;
	list-style-type:none;
	text-align:right;
	margin-right:10px;
	margin-top: 5px;
}

#pageHeader ul#headerLink span { display:none; }

#pageHeader ul#headerLink li a { display:block; }

#pageHeade ul#headerLink li img { vertical-align:bottom; }

 @media (max-width:640px) {
#supporttop_link_guide .leftArea {
display: none;
}
#pageHeader ul#headerLink {
	float:left;
	width:auto;
	margin: 0 0 10px 0;
}

#pageHeader ul#headerLink li { margin:0 0 0.5em 0 }

#pageHeader ul#headerLink img {
	display:none;
	height:0px;
}

#pageHeader ul#headerLink span {
	display:block;
	text-align:left;
	background:url(/support/share/images/mq/ico_02.png) no-repeat left 50%;
	font-size: 1rem;
	padding: 0 0 0 12px;
	margin-left:13px;
}
 }

/**
 * PAGE_MAIN_CONTENT
 */
#pageMainContent { overflow: hidden; }

/*#pageMainContent ul,
#pageMainContent li {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}*/
#content01 ul,
#content01 li {
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#pageMainContent .section {
	margin-bottom: 20px !important;
	/margin-bottom: 10px;/*for IE 5.5-7*/
	overflow: hidden;
 }
#pageMainContent .section_end {
	margin-bottom: 20px;
	/margin-bottom: 0px;/*for IE 5.5-7*/
}

#pageMainContent li { zoom:1;/*for IE 5.5-7*/ }



* html #pageMainContent li {
	display:inline-table;
	/*\*/display:block;/**/
}

h3.title {
	clear: both;
	color: #666;
	font-size: 0.9375rem;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	zoom: 1;
}

#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 .figure {
	float: left;
	margin-right: 10px;
}

#pageMainContent li a { display: inline; }

#pageMainContent li .figure a {
	padding-left: 0px;
	background: none;
}

#top-cat-02,
#top-cat-03,
#product-cat-01,
#product-cat-02,
#product-cat-06,
#product-cat-07,
#product-cat-08,
#product-cat-09,
#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,
#product-cat-16-06,
#product-cat-20,
#product-cat-21,
#product-cat-22,
#product-cat-30
{ width: 310px; }

#top-cat-02,
#top-cat-03,
#product-cat-01,
#product-cat-02,
#product-cat-06,
#product-cat-07,
#product-cat-09,
#product-cat-10,
#product-cat-12,
#product-cat-14,
#product-cat-16-01,
#product-cat-16-02,
#product-cat-16-03,
#product-cat-16-04,
#product-cat-16-05,
#product-cat-20,
#product-cat-21,
#product-cat-30 {
	float: left;
	margin-right: 10px;
}

#product-cat-08,
#product-cat-13,
#product-cat-15,
#product-cat-16-06,
#product-cat-22 { float: right; }

#product-cat-03,
#product-cat-04,
#product-cat-05,
#product-cat-31 { width: 960px; }

#product-cat-03,
#product-cat-04,
#product-cat-05,
#product-cat-31 { zoom: 1; }


* html #product-cat-03,
* html #product-cat-04,
* html #product-cat-05,
#product-cat-31 {
	display:inline-table;
	/*\*/display:block;/**/
}

#product-cat-03 li,
#product-cat-04 li,
#product-cat-05 li {
	float: left;
	clear: none;
	width: 310px;
	min-height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#etc-cat-01 .contact { padding: 0 30px; }

#etc-cat-01 .contact p { margin-bottom: 20px; }

#etc-cat-01 .contact #tel-01,
#etc-cat-01 .contact #tel-02 {
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	color: #333;
	cursor: default;
}

#etc-cat-01 .contact #tel-02:hover { text-decoration: none; }

#etc-cat-01 .caption {
	font-size: 0.625rem;
	margin-bottom: 20px;
}

#etc-cat-01 .text { margin-bottom: 20px; }

h3.ruletitle { font-size: 0.9375rem; }

#rule {
	font-size: 0.750rem;
	line-height: 1.7;
	margin-right: 10px;
	margin-left: 10px;
}

#rule .contents {
	margin-top: 10px;
	margin-bottom: 20px;
}

#rule .contents ul { margin-top: 0.5em; }

#rule .contents ul li {
	list-style-position: inside;
	margin-bottom: 0.5em;
	padding: 0px;
}

#rule ul.rulelist { }

#rule ul.rulelist ul { padding-left: 3em; }

#rule ul.rulelist ul li { }

#rule .center {
	font-weight: bold;
	text-align: center;
}

#rule .right {
	margin: 20px 0;
	text-align: right;
}

#rule h4 {
	font-size: 0.9375rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#rule h5 {
	font-size: 0.9375rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#tel a { color: #333333; }

#tel {
	color: #333333;
	cursor: default;
}

#tel:hover { text-decoration: none; }


#product-cat-20 div.wrapper,
#product-cat-21 div.wrapper,
#product-cat-22 div.wrapper {
	position: static;
	display: block;
}

.box .search_box_form {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 15px;
}

.box .search_box_form p {
	margin:0 !important;
	font-size:0.750rem;
	line-height:1.6;
}

.box p.search-title {
	font-size:1rem !important;
	font-weight:bold;
	margin-right:1em !important;
	/* width:9.8em !important; */
	/* display:inline-block; */
	*display:inline;
}

.box .search_box_form input.search-text01,
.box .search_box_form input.search-text02 {
	vertical-align: 0.1em;
	border: #ADADAF 1px solid;
	height: 1.5em;
}

.box .search_box_form input.search-text01 {
	width:30%;
	min-width:200px;
}

.box .search_box_form input.search-text02 {
	width:50%;
	min-width:200px;
}

.box .search_box_form input.search-img {
	vertical-align: -0.35em;
	margin-left: 0.5em;
}


#pageMainContent .inquiry_product {
	float: left;
	margin-right: 10px;
}

#pageMainContent .inquiry_product03 {
	float: left;
	margin-right: 10px;
}

#pageMainContent .inquiry_link02 {
	background: url("/support/share/images/arrow_black.png") no-repeat left 2px top 6px;
	line-height: 16px;
padding-left: 12px;
vertical-align: top;
}

#pageMainContent .inquiry_link03 {
	background: url("/support/share/images/arrow_black.png") no-repeat left 2px top 6px;
	line-height: 16px !important;
padding-left: 12px;
vertical-align: top;
}

.product_text {
padding-left: 7px;
padding-top: 7px;
width:210px;
float: right;
}

.product_text03 {
padding-left: 7px;
width:295px;
}

 @media (max-width:640px) {

.product_text {
	float: none;
width:auto !important;
}
#pageMainContent .inquiry_product03 {
	float: none;
}

#pageMainContent .inquiry_link03 {
	float: none;
}

.product_text03 {
padding-left: 7px;
width:400px;
}

}

#pageMainContent .inquiry_product img{
	float: left;
padding-right: 2px;
}

#pageMainContent .blanklink{
	float: right !important;
}


 @media (max-width:640px) {

.mod-content,
#pageMainContent {
	float: none;
	width: auto;
	overflow: visible;
}

#pageMainContent .section,
#pageMainContent 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;
}



#pageHeader p { font-size: 0.750rem; }

#pageHeader .title {
	background: url(/support/images/inquiry_mail/title-sp.gif) no-repeat center center !important;
	height: 19px !important;
	padding: 0px 0 9px !important;
	border-bottom: 2px solid #ccc !important;
	margin: 0 0 15px 0 !important;
}

#pageHeader .infolink {
	width: 100%;
	text-align: center;
}

#pageHeader .infolink a { display: inline-block; }

.mod-content .header .title {
	padding: 10px !important;
	background: #666 !important;
	color: #fff !important;
}

.mod-content .section { margin-bottom: 6px !important; }

.mod-content .section ul {
	padding: 10px 10px 1px !important;
}


#etc-products {
	overflow: hidden;
	background: #EEEDEE;
	padding: 10px !important;
}

#etc-products .title {
	background: none !important;
	padding: 0 !important;
	margin-bottom: 10px !important;
}



#etc-products {
	z-index: 9999;
	width: auto;
	height: auto;
}

#etc-products ul {
	margin-bottom: 20px;
	width: auto !important;
	overflow: hidden;
	position: static;
}

#top-cat-02,
#top-cat-03,
#product-cat-01,
#product-cat-02,
#product-cat-06,
#product-cat-07,
#product-cat-08,
#product-cat-09,
#product-cat-10,
#product-cat-12,
#product-cat-14,
#product-cat-15,
#product-cat-16-01,
#product-cat-16-02,
#product-cat-16-04,
#product-cat-16-05,
#product-cat-30
 { margin-right: 0; }

#pageHeader { font-size: 1rem; }

#pageHeader .nav { display: none; }


#top-cat-01 ul,
#etc-cat-01 ul {
	display: block;
	position: static;
	padding: 0 !important;
	background: transparent;
	margin-bottom: 20px;
}

#etc-cat-01 .contentWrapper {
	background: #EEEDEE;
	padding: 10px;
}

#etc-cat-01 .caption { font-size: 0.875rem; }

#etc-cat-01 .contact { padding: 0; }

#etc-cat-01 .contact #tel-02 { color: #43677E; }

#etc-cat-01 .contact #tel-02 a,
#etc-cat-01 .contact #tel-02 a:link { color: #43677e; }

#etc-cat-01 .contact #tel-02 a:visited {
	color: #43677e;
	background-color: transparent;
}

#etc-cat-01 .contact #tel-02 a:hover,
#etc-cat-01 .contact #tel-02 a:active {
	color: #c41230;
	text-decoration: underline;
	background-color: transparent;
}

#top-cat-03,
#product-cat-16,
#etc-cat-01 { margin-bottom: 30px !important; }

#etc-cat-01 .header .title { font-size: 0.875rem; }

#rule .center { display: none; }

#rule .right { text-align: left; }

#product-cat-16-01,
#product-cat-16-02,
#product-cat-16-03 { float: none !important; width: auto !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; }

#tel { color: #43677e; }



.box p.search-title { display:block; }

.box .search-option { display:block; }

.box .search_box_form { line-height:2.4; }

.box .search_box_form a { font-size:0.875rem; }

.box .search_box_form input.search-img {
	vertical-align: -0.2em;
	margin-left: 0.5em;
}


#product-cat-20,
#product-cat-21,
#product-cat-22 { margin-top: 20px; }

#product-cat-22 div.wrapper { margin-bottom:40px; }

#product-cat-20 .title,
#product-cat-21 .title,
#product-cat-22 .title {
	clear: both;
	color: #666;
	font-size: 1rem;
	padding: 0 0 5px 5px !important;
	margin-bottom: 15px !important;
	border-bottom: 1px solid #D0D0D0 !important;
	zoom: 1;
}

#product-cat-20 ul,
#product-cat-21 ul,
#product-cat-22 ul {
	padding: 0 !important;
	background:#FFFFFF;
}

#product-cat-16-03 { margin-right:0 !important; }


}

/*===========================================
	anchor_box
=============================================*/
.anchor_box {
	overflow: hidden;
}

.anchor_box .anchor_box_inner {
	padding:10px;
}

.anchor_box li {
	float:left;
	padding-right:20px;
	list-style: none;
}

.anchor_box .anchorlink{
	background: url(/support/share/images/arrow_underline.gif) no-repeat left 0.4em;
    margin: 0 0 15px;
    padding: 0 0 3px 10px;
}
@media(max-width:640px){
	.anchor_box .anchor_box_inner {
		padding-left: 10px;
	}
}

span.arrowButtonA
{
	color:#333;
	font-size:0.750rem;
	line-height:1.4;
	display:inline-block;
	padding:5px 18px 5px 26px;
	margin-top: 15px;
	border:1px solid #bcbcbc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(/support/share/images/bg_btnA.png) no-repeat 0 52%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in
}
a.anchorButtonA,
span.anchorButtonA
{
	color:#333;
	font-size:0.750rem;
	line-height:1.4;
	display:inline-block;
	padding:10px 18px 10px 26px;
	border:1px solid #bcbcbc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(/support/share/images/bg_btnB.png) no-repeat 0 52%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in
}
a.arrowButtonA,
a:hover span.arrowButtonA,
a.anchorButtonA,
a:hover span.anchorButtonA {
	color:#333;
	text-decoration:none;
	filter:alpha(opacity=50);
	opacity:.5;
*zoom:1
}
a.arrowButtonA.big,
span.arrowButtonA.big,
a.anchorButtonA.big,
span.anchorButtonA.big {
	padding:10px 18px 10px 26px;
}


/*===========================================
	inquiry_box
=============================================*/
.box {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
}
.box li{
	list-style:decimal !important;
	margin: 0 0 10px 2em !important;
}
.submid_area {
	width:265px;
	margin: 0 auto;
}
.btn {
	font-size:0.9375rem;
	color: #333 !important;
	text-decoration:none !important;
	display: block;
	background: url(/support/share/images/mq/btn_inq_mail.jpg) no-repeat;
	margin: 0;
	padding: 10px 0 10px 25px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	cursor:pointer;
	-webkit-transition:opacity 0.2s ease-in;
	-moz-transition:opacity 0.2s ease-in;
	-ms-transition:opacity 0.2s ease-in;
	-o-transition:opacity 0.2s ease-in;
	transition:opacity 0.2s ease-in;
}
a.btn:hover {
	color:#333;
	text-decoration:none !important;
	filter:alpha(opacity=50);
	opacity:.5;
*zoom:1
	outline: 0;
}

/*===========================================
	search_box
=============================================*/
#search_box .box {
	border: 1px solid #bbb;
	padding: 6px;
	*padding: 12px 6px 6px;
	margin-bottom: 15px;
	zoom: 1;
	background-color:#f9f9f9;
}

#search_box .box .center {
	text-align: center;
	margin-top: 0;
}

#search_box .box p { margin-top: 1em; }

#search_box .link_box{
	padding: 6px 6px 6px 21px;
	*padding: 12px 6px 6px;
	margin-bottom: 50px;
	zoom: 1;
	background-color:#f9f9f9;
}

 @media (max-width:640px) {
#search_box .box { padding: 0; margin:10px 0 20px;} 

 }



/*add 20130417　赤字お知らせ */
.newyear_info{
	clear: both;
	margin-bottom: 20px;
}

.newyear_info dt{
	color: #F00;
	font-weight: bold;
}
.newyear_info .red{
	color: #F00;
}


/*add 20140813　vaioサポート株式会社リンク */


#pageMainContent .content02 {
	margin-left: 0;
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 2px;

}

@media (max-width:640px) {
#pageMainContent .content02 {
	margin-left: 60px;
	padding-left: 12px;
	background: url("/support/share/images/arrow_black.png") no-repeat left 2px;
	line-height: 16px !important;
}
}

/*add 20150121　メンテナンスお知らせ */
.red_area{
	border: solid 1px red;
	padding:10px;
	margin-bottom:30px;
	color: red;
}

.red_txt{
		color:red;
}
	

.store_area {
	margin-left: 570px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding: 8px 18px;
	border: none;
	background: #5787f4;
}
.store-button {
	color: #FFF !important;
	font-size: .875rem;
}

@media (max-width:640px) {
.store_area {
	margin-left: 10px;
}
}

/* ==========================================================================
   #enqueteArea
   ========================================================================== */
#enqueteArea {
  clear: none;
  width: auto;
  margin: 0px auto 20px;
}

#enqueteArea table {
  width: 600px;
  margin: 0 auto;
  line-height: 1.5;
}

@media (max-width: 640px) {
  #enqueteArea {
    display: table-footer-group !important;
  }

  #enqueteArea table {
    width: auto;
    margin-bottom: 20px;
  }

  #enqueteArea table input {
    max-width: 97px;
    width: 30%;
    height: auto;
  }
}