@charset "shift_jis";
/* 京 */

/*===============================

	[ /windows/8/begin/index ]

===============================*/

/*
-----------------------------------------------------------
	summary
-----------------------------------------------------------
*/

div#summary {
	margin: 0 0 0 100px;
}


div#summary div.content{
	margin: 0 0 25px 0;
	padding: 0px;
	width: 560px;
}

div#summary div.content:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

div#summary div.content div.leftArea{
	float: left;
	width: 100px;
	padding: 0 3px 0 0;
	margin: 0px;
}

div#summary div.content div.rightArea{
	float: left;
	width: 457px;
	margin: 0px;
	padding: 0px; 
}

div#summary div.content div.rightArea p{
	margin: 0px;
	padding: 0px;
}

div#summary div.content div.rightArea img{
	margin: 0px;
	padding-bottom: 2px;
}

div#summary div.content div.rightArea ul{
	float: right;
	padding: 0 !important;
}

div#summary div.content div.rightArea div.lead{
	padding: 5px 10px 0px 10px;
	width: 433px;
	height: 59px;
}

div#summary div.content div.rightArea div.border01{
	border: 2px solid #00ADEF;
}

div#summary div.content div.rightArea div.border02{
	border: 2px solid #00A600;
}

div#summary div.content div.rightArea div.border03{
	border: 2px solid #BF1E4B;
}

div#summary div.content div.rightArea div.border04{
	border: 2px solid #DC572E;
}

div#summary div.content div.rightArea div.border05{
	border: 2px solid #2777EC;
}

div#summary div.content div.rightArea div.border06{
	border: 2px solid #643EBF;
}


/*--- PDFダウンロード ---*/
div#main2 .reader ul {
	list-style-type: none;
}

div#main2 .reader li {
	background-image: url(/support/vaio/windows/8/begin/images/index_icon_reader.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

.reader ul li {
	margin: 0;
	padding: 0;
}

.reader div p {
	float: left;
}

.reader div div {
	float: left;
}
/*---/ PDFダウンロード ---*/



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

@media screen and (max-width: 640px) {
div#summary {
	margin: 0 0 0 10px;
}

div#summary div.content{
	width: auto;
}

div#summary div.content div.rightArea{
	width: auto;
}
div#summary div.content div.leftArea{
	float: none;
	margin-bottom: 2px;
}

div#summary div.content div.rightArea img {
	width: 99%;
	height: auto;
}

div#summary div.content div.rightArea div.lead{
	width: auto;
	height: 100%;
	padding-bottom: 24px;
}

}