@charset "Shift_JIS";

/* mainVisual
------------------------------------------*/
div#mainVisual {
	padding: 12px 0 20px 0;
	height: 400px;
}
div#flashIntro {
	width: 950px;
	/*width: 760px;
	float: left;*/
}
div#mainVisualRight {
	width: 188px;
	float: right;
}
div#mainVisualRight p.bnr1 {
	padding-bottom: 1px;
}
body #container #pagebody {
	margin-top: 0;
}

/* title
------------------------------------------*/
/* title */
h2.title {
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	background:transparent url(/vaio/vaio_top/images/title_bg.gif) no-repeat center bottom;
}

/* titleWrap */
div.titleWrap {
	height: 24px;
	background:transparent url(/vaio/vaio_top/images/title_bg.gif) no-repeat center bottom;
	position: relative;
	margin: 0 0 30px 0;
}
div.withIcon {
	height: 32px;
}
div.titleWrap h2 {
	position: absolute;
	left: 0;
	top: 0;
}
div.titleWrap p {
	position: absolute;
	right: 0;
	top: 0;
}
div.titleWrap p img {
	margin-left: 10px;
}
div.titleWrap p.importantBtn {
	top: 9px;
}
div.titleWrap p.informationBtn {
	top: 1px;
}
div.titleWrap p.rssBtn {
	top: 1px;
	right: 45px;
}

/* #pickUpItem
------------------------------------------*/
#pickUpItem {
	background: url(/vaio/vaio_top/images/pickupitem_bg.gif) repeat-y left top;
	padding: 0 0 20px 0;
}
#pickUpItem h3 {
	padding: 0 0 20px 0;
}
.borderDotted {
	background: url(/vaio/vaio_top/images/pickupitem_borderdotted.gif) no-repeat bottom;
	padding: 0 0 24px 0;
	margin: 0 0 20px 0;
	
}
#pickUpItem h4 {
	line-height: 1em;
	padding: 10px 0;
}
#pickUpItem h4 a {
	color: #333;
}
#pickUpItem p.itemText a {
	color: #333;
}
#pickUpItem p.itemBtn {
	padding-top: 10px;
}
#pickUpItem p.itemLinkShowroom {
	margin-top: 10px;
	padding: 0 0 0 10px;
	background: url(/vaio/share/images/arrow_black.gif) no-repeat left 0.4em;
}
#pickUpItem h4 span {
	font-size: 170%;
}
#pickUpItem h4 img {
	vertical-align: bottom;
	margin-left: 2px;
}
div.pickUpItemLeft {
	float: left;
	width: 234px;
}
div.pickUpItemRight {
	float: right;
	width: 489px;
}
div.pickUpItemRightLeft {
	float: left;
	width: 234px;
}
div.pickUpItemRightRight {
	float: right;
	width: 234px;
}

/* related_recommendation
------------------------------------------*/
.linkInfo {
	font-size: 84%;
	color: #666666;
	padding: 10px 0 0 0;
}

/* lineupBtn
------------------------------------------*/
p.lineupBtn {
	padding: 30px 0 60px 0;
	text-align: center;
}
/* itemList
------------------------------------------*/
div.items {
	padding: 0 0 5px 0;
}

div.items .itemLeft,
div.items .itemRight {
	width: 370px;
	padding: 0 0 45px 0;
}
div.items .itemLeft {
	float: left;
	clear: both;
}
div.items .itemRight {
	width: 370px;
	float: right;
}
div.items dl dt {
	width: 174px;
	float: left;
}
div.items dl dd {
	width: 196px;
	float: right;
}
div.items dl dd span {
	display: block;
	padding: 7px 0 0 0;
}
span.productsBtn {
	padding: 10px 0 0 0;
}
dl#importantNews dt,
dl#informationNews dt {
	float: left;
	margin: 0 0 10px;
	width: 12em;
}
dl#importantNews dd,
dl#informationNews dd {
	background:transparent url(/vaio/share/images/arrow_black.gif) no-repeat scroll 0 6px;
	margin:0 0 1em 11em;
	padding:0 0 0 10px;
}
dl#importantNews {
	padding: 0 0 50px 0;
}
dl#informationNews {
	margin: 0 0 80px 0;
}

div.items dl dd.linkShowroom {
    margin-top: 10px;
    padding-left: 10px;
    font-size: 0.9em;
    background: url(/vaio/share/images/arrow_black.gif) no-repeat left 4px;
	width: 186px;
}



a span.itemSmallText {
	font-size: 85%;
}
a.itemArrow {
	background: url(/vaio/share/images/arrow_black.gif) no-repeat left;
	padding: 0 0 0 10px;
	display: block;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	height: 1%;
}
a.itemArrow:link,
a.itemArrow:visited,
a.itemArrow:active {
	color: #333!important;
}
a.itemArrowB {
	background: url(/vaio/share/images/arrow_black.gif) no-repeat 0px 0.35em;
	padding: 0 0 0 10px;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	color: #333;
}
a.itemTitle {
	font-size: 110%;
	font-weight: bold;
	color: #333;
}
.mb50 {
	margin: 0 0 50px 0;
}
/* common
------------------------------------------*/
/* clearfix */
.items:after,
.ul.itemList li dl:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.items,
.ul.itemList li dl,
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.items,
* html.ul.itemList li dl,
* html.clearfix { height: 1%; }
.items,
.ul.itemList li dl,
.clearfix { display: block; }
/* End hide from IE-mac */

/* 先行展示情報
------------------------------------------*/
.exhibition {
padding-bottom: 10px;
width: 100%;
text-align: right;
}

.exhibition span {
float: right;
background: url("/share2/images/mod-link/ico_01.png") no-repeat scroll 0 0.4em transparent;
display: block;
padding-left: 8px;
}

/* 1カラム対応追加
------------------------------------------*/

.mod-seriesList .mod-seriesList-item1-text {
width: 289px;
float: right;
}

.mod-seriesList {
margin-left: 0 !important;
margin-bottom: 40px !important;
}

.columns2 { width:1000px;}
.mod-seriesList-item2 { margin:0px 40px 0 0px !important; width:455px !important}
.mod-seriesList-item2-image{_float:left; _width:144px; margin-right:15px !important;}
.mod-seriesList-item2-text{_float:right; _width:196px;}

/*=====================================
use tablet
=====================================*/

.mod-seriesList-lineup h3 span.firstLeter{
	font-size:110%;
}
a.blue_red:link{
	text-decoration: none ;
	background-color: transparent ;
	color: #43677e!important;
}
a.blue_red:visited{
	background-color: transparent;
	color: #43677e!important;
}
a.blue_red:hover,a.blue_red:active{
	background-color: transparent;
	color: #c41230 !important;
	text-decoration:underline !important;
}
a.titleLink:link{
	text-decoration: none ;
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:visited{
	background-color: transparent !important;
	color: #333 !important;	
}
a.titleLink:hover,a.titleLink:active{
	background-color: transparent !important;
	color: #333  !important;
	text-decoration:underline !important;
}

.smallText{
	font-size:80%;
}

.largeText{
	font-size:130%;
}
.mt30{
	margin-top:30px;
}

span.gray{
	font-size:80%;
	color:#999999;
}