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





	[ Products Solution/その他VAIOでできること ] 


	


	Update 2008/05/08


	


	--- "/vaio/solution/software_08q2/index.html"


	


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





/* - Software Navigation- */


html body div#container div#main div#software_menu_area ul#navi{


display:block;


width:780px;


margin-top:6px;


}


html body div#container div#main div#software_menu_area ul#navi li{


display:block;


float:left;


height:34px;


}


html body div#container div#main div#software_menu_area div.line{


clear:both;


}





/* - Software InfoArea - */


html body div#container div#main div#products_info_area2 {


margin-bottom:50px;


}


html body div#container div#main div#products_info_area2 div.products_info ul.dotted_list{


margin-left:30px;


}


/* - IE6 under- */


*html ul.arrow_list li{


margin-bottom:8px;


}


ul.arrow_list li span.arrowwrap{


padding:0;


margin:0;


display:list-item;


margin-left:1.5em;


text-indent:-1.5em;


list-style:none;


marker-offset:0;


}





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


/* Common Class 


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





/* paragraph 


------------------------------------------------------------------------*/


body div#container div#main div.h2area {


width: 750px;


margin-left: 15px;


margin-bottom: 40px;


clear: both;


}


body div#container div#main h2 {


margin-bottom: 20px;


}





body div#container div#main div.h2area h3 {


margin-bottom: 15px;


}


/* float


------------------------------------------------------------------------*/


html body div#container div#main float_left { float: left; }


html body div#container div#main float_right { float: right; }


html body div#container div#main .clearp { clear: both; }





/* align


------------------------------------------------------------------------*/


html body div#container div#main .align_center { text-align: center; }


html body div#container div#main .align_right { text-align: right; }





/* caption 


------------------------------------------------------------------------*/


/* caption_cap */


html body div#container div#main ul.caption_cap li { margin-left: 2em; text-indent: -2em; }


/* caption_cap_08 */


body div#container div#main ul.caption_cap_08 li { margin-left: 0.8em; text-indent: -0.8em; }


/* caption_cap_10 */


body div#container div#main ul.caption_cap_10 li { margin-left: 1em; text-indent: -1em; }


/* caption_cap_12 */


body div#container div#main ul.caption_cap_12 li { margin-left: 1.2em; text-indent: -1.2em; }


/* caption_cap_13 */


body div#container div#main ul.caption_cap_13 li { margin-left: 1.3em; text-indent: -1.3em; }


/* caption_cap_14 */


body div#container div#main ul.caption_cap_14 li { margin-left: 1.4em; text-indent: -1.4em; }


/* caption_cap_15 */


body div#container div#main ul.caption_cap_15 li { margin-left: 1.5em; text-indent: -1.5em; }


/* caption_cap_18 */


body div#container div#main ul.caption_cap_18 li { margin-left: 1.8em; text-indent: -1.8em; }





/* link_arrow_list


------------------------------------------------------------------------*/


body div#container div#main ul.link_arrow_list li {


margin-bottom: 0.4em;


margin-left: 3px;


padding-left: 20px;


background-image: url(/Common2007/Images/arrow_inline.gif);


background-repeat: no-repeat;


background-position: left;


}








/* colm


------------------------------------------------------------------------*/


.clm {


background: url(../Images/column_middle.gif) repeat-y;


padding: 22px 20px;


}


.clm_top {


background: url(../Images/column_top.gif) no-repeat;


padding: 3px 0 0 0;


}


.clm_bottom {


background: url(../Images/column_bottom.gif) no-repeat bottom;


padding: 0 0 3px 0;


}





/* margin 


------------------------------------------------------------------------*/


html body div#container div#main mr10 { margin-right: 10px; }


html body div#container div#main mr20 { margin-right: 20px; }


html body div#container div#main mr30 { margin-right: 30px; }


html body div#container div#main mr40 { margin-right: 40px; }


html body div#container div#main mr50 { margin-right: 50px; }


html body div#container div#main mr60 { margin-right: 60px; }


html body div#container div#main mr70 { margin-right: 70px; }


html body div#container div#main mr80 { margin-right: 80px; }


html body div#container div#main mr90 { margin-right: 90px; }


html body div#container div#main mr100 { margin-right: 100px; }





html body div#container div#main mb10 { margin-bottom: 10px; }


html body div#container div#main mb20 { margin-bottom: 20px; }


html body div#container div#main mb30 { margin-bottom: 30px; }


html body div#container div#main mb40 { margin-bottom: 40px; }


html body div#container div#main mb50 { margin-bottom: 50px; }


html body div#container div#main mb60 { margin-bottom: 60px; }


html body div#container div#main mb70 { margin-bottom: 70px; }


html body div#container div#main mb80 { margin-bottom: 80px; }


html body div#container div#main mb90 { margin-bottom: 90px; }


html body div#container div#main mb100 { margin-bottom: 100px; }





html body div#container div#main ml10 { margin-left: 10px; }


html body div#container div#main ml20 { margin-left: 20px; }


html body div#container div#main ml30 { margin-left: 30px; }


html body div#container div#main ml40 { margin-left: 40px; }


html body div#container div#main ml50 { margin-left: 50px; }


html body div#container div#main ml60 { margin-left: 60px; }


html body div#container div#main ml70 { margin-left: 70px; }


html body div#container div#main ml80 { margin-left: 80px; }


html body div#container div#main ml90 { margin-left: 90px; }


html body div#container div#main ml100 { margin-left: 100px; }





/* clearfix */


.clearfix:after {


	content: ".";


	display: block;


	height: 0;


	clear: both;


	visibility: hidden;


}





.clearfix {


	display: inline-block;


}





/* Hides from IE-mac \*/


* html.clearfix { height: 1%; }


.clearfix { display: block; }


/* End hide from IE-mac */



/* For additional Server Migration (2010 Fall)
-------------------------------------------------- */
/* layout setting */
#main {
	margin:0 auto;
	width:780px;
}

/* headline setting */
#main h2 {
	margin-bottom:15px;
	background:#E5E5E5;
	padding:5px 9px 4px;
	font-size:108%;
}
#main h3 {
	background:url(/vaio/share/images/dotline_side.gif) repeat-x left bottom;
	margin-bottom:15px;
	padding-bottom:3px;
}
#main h4 {
	border-left:5px solid #ADCDD8;
	margin-bottom:10px;
	padding-left:10px;
	color: #333333;
}

/* related series area */
.relatedSeries {
	padding: 0 15px 40px;
}

/* products info */
.products_info {
	margin-bottom:50px;
	background:#F7F7F7;
	padding:10px 20px;
}
.products_info ul li {
	margin-left:0.8em;
	text-indent:-0.8em;
}

/*  Arrow */
#main a.arrow_inline,
#popUpContent a.arrow_inline {
	margin-left:0;
	padding-left:10px;
	background:url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat left 0.3em;
}
#main a.arrow_inline_mid,
#popUpContent a.arrow_inline_mid {
	margin-left:0;
	padding-left:10px;
	background:url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat left 0.3em;
}
#main a.arrow_inline_s,
#popUpContent a.arrow_inline_s {
	padding-left:10px;
	background:url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat left 0.2em;
}
.arrow_off{
	list-style:none;
	background-image:none;
}
a.out_link{
	padding-left:15px;
	background-image:url(/Common2007/Images/link_out.gif);
	background-repeat:no-repeat;
	background-position:left;
}
body div#container div#main ul.link_arrow_list li,
body div#container div#main .link_arrow {
	margin-left:0;
	padding-left:10px;
	background:url(/vaio/share/images/products/tmp/arrow_black_bggray.gif) no-repeat left 0.5em;
}

/* ------------------------------------------------ */