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





	[ 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.5em;
	margin-left: 3px;
	padding-left: 20px;
	background-image: url(/Common2007/Images/arrow_inline.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}
/* 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.5em;
}
#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;
}

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