@charset "Shift_JIS";

/*
	================================================================================================
		support vaio products format
	================================================================================================
*/

/*
	====================================
		products_menu
	====================================
*/

.section ul.products_menu .Button {
    background: url("/support/vaio/share3/images/linkbutton.png") no-repeat scroll 0 52%;
    border: 1px solid #BCBCBC;
    border-radius: 6px;
    cursor: pointer;
    display: inline-table;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 10px 20px;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    zoom: 1;
}

.section ul.products_menu .current {
    background: url("/support/vaio/products/images3/linkbutton_on_products.png") no-repeat scroll 0 52%;
    border: 1px solid #bcbcbc;
    border-radius: 6px;
    display: inline-table;
    width : 196px;
    height: 32px;
    min-height: 32px;
    padding: 10px 0 10px 20px;
    transition: opacity 0.2s ease-in 0s;
    vertical-align: middle;
    zoom: 1;
}

.section ul.products_menu a:hover span.Button, a:active span.Button {
    background: url("/support/vaio/products/images3/linkbutton_on_products.png") no-repeat scroll 0 52%;
    color: #333333;
    text-decoration: none;
}


/*
	====================================
		シリーズごとのページ
	====================================
*/
div.mod-mainContentContainer div#products_dropdown select {
	border: 1px solid rgb(169,169,169);
}

div#contents div.section_series {
	width: 94%;
	margin-bottom: 10px;
}

div#contents div.section_series div.list {
	float: left;
	width: 50%;
}

div#contents div.section_series div.list_mq {
	display: none;
}

div#contents div.section_series ul.db span {
	color: #0072b5;
	padding-left:15px;
}

div#contents div.section_series div.image {
    float: right;
    width: 40%;
}

div#contents div.section_series div.productnameArea {
	border:1px #dddddd solid;
	margin-top: 10px;
	width: 100%;
}

div#contents div.section_series div.productnameArea div.productnameHead {
	font-weight: bolder;
	width: 100%;
	text-align: center;
	background-color:#fff8dc;
	padding: 3px 0px;
	border-bottom: 1px solid #dddddd;
}

div#contents div.section_series div.productnameArea h4 {
	border-bottom: 1px solid #cccccc;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 0;
}

div#contents div.section_series div.productnameArea div.productnameBody {
	padding: 0px 10px;
}

div#contents div.section_series div.productnameArea div.productnameBody p {
	margin: 8px 0px;
	text-align: left;
}

div#contents div.section_series div.productnameArea img {
	margin-bottom: 8px;
	text-align: center;
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
}



/*
	====================================
		ページ内リンク
	====================================
*/

div.agendahead {
    margin: 0 0 0 22px;
    *margin: 0 0 0 33px;
    width: 690px;
}
div.agendabodyarea {
    margin: 0 0 0 22px;
    *margin: 0 0 0 33px;
    width: 688px;
}
div#agenda div.agendabody ul, div#agenda_single div.agendabody ul {
	padding-left : 7em;
}
div#agenda div.agendabody ul.agenda_ls li {
    width: 46%;
    *width: 44%;
}
div.agendafoot {
    margin: 0 0 0 22px;
    *margin: 0 0 0 33px;
    width: 690px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div.agendahead {
    margin: 0 0 0 33px  !important ;
}
div.agendabodyarea {
    margin: 0 0 0 33px  !important ;
}
div#agenda div.agendabody ul.agenda_ls li {
    width: 44%  !important ;
}
div.agendafoot {
    margin: 0 0 0 33px  !important ;
}
}

@media screen and (max-width: 640px) {

	div.agendahead {
	    width: auto;
	}
	div.agendabodyarea {
	    width: auto;
	}
	div#agenda div.agendabody ul, div#agenda_single div.agendabody ul {
	    padding-left: 0;
	}
	div.agendafoot {
	    width: auto;
	}
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/

@media screen and (max-width: 640px) {

	.section ul.products_menu {
		margin-left: 0px;
	}
	.section ul.products_menu .Button {
		width: 100%;
	}
	.section ul.products_menu .current {
	    width : 100%;
	}


/*
	====================================
		シリーズごとのページ
	====================================
*/
div#contents div.section_series div.list {
	display: none;
}

div#contents div.section_series div.list_mq {
	display: block;
	float: left;
	width: 50%;
}

div#contents div.section_series ul.db span {
	padding-left:0px;
}

div#contents div.section_series div.list {
	width: 40%;
}

div#contents div.section_series div.image {
    width: 50%;
}

div#agenda div.agendabody ul.agenda_ls li {
    width: 90%;
}

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#contents ul.btn_area li {
		margin: 0 35px 10px 0;
}
}