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





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


	


	Update 2008/05/08


	


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


	


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





/* - Software Navigation- */


html div#software_menu_area ul#navi {
	display:block;
	width:780px;
	margin-top:6px;
}
html div#software_menu_area ul#navi li {
	display:block;
	float:left;
	height:34px;
}
html div#software_menu_area div.line {
	clear:both;
}
/* - Software InfoArea - */


html div#products_info_area2 {
	margin-bottom:50px;
}
html 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 


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


div.h2area {
	width: 950px;
	margin-left: 0;
	margin-bottom: 40px;
}
h2 {
	margin-bottom: 20px;
}
div.h2area h3 {
	margin-bottom: 15px;
}
@media (max-width:640px) {
	body  div#main div.h2area {
		width: auto;
		margin-left: 0;
		margin-bottom: 40px;
	}
}
/* float
-----------------------------------------------------------------------*/


html float_left {
	float: left;
}
html float_right {
	float: right;
}
html .clearp {
	clear: both;
}
/* align


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


html .align_center {
	text-align: center;
}
html .align_right {
	text-align: right;
}
/* caption 


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


/* caption_cap */


html ul.caption_cap li {
	margin-left: 2em;
	text-indent: -2em;
}
/* caption_cap_08 */


ul.caption_cap_08 li {
	margin-left: 0.8em;
	text-indent: -0.8em;
}
/* caption_cap_10 */


ul.caption_cap_10 li {
	margin-left: 1em;
	text-indent: -1em;
}
/* caption_cap_12 */


ul.caption_cap_12 li {
	margin-left: 1.2em;
	text-indent: -1.2em;
}
/* caption_cap_13 */


ul.caption_cap_13 li {
	margin-left: 1.3em;
	text-indent: -1.3em;
}
/* caption_cap_14 */
ul.caption_cap_14 {
	padding-left:0;
	list-style:none;
}

ul.caption_cap_14 li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}
/* caption_cap_15 */

ul.caption_cap_15 {
	padding-left:0;
	list-style:none;
}
ul.caption_cap_15 li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}
/* caption_cap_18 */


ul.caption_cap_18 li {
	margin-left: 1.8em;
	text-indent: -1.8em;
}

/* link_arrow_list
------------------------------------------------------------------------*/
.arrow_list{
	float:left;
	margin-top:10px!important;
	margin-bottom: 0.5em;
	margin-left: 3px;
	padding-left: 7px;
	background-image: url(/share4/images/mod-link/ico_01.png);
	background-repeat: no-repeat;
	background-position: left 30%;
	list-style:none;
}
@media (max-width:640px) {
	.arrow_list{
		float:none;
		margin:30px auto!important;
		padding-left: 20px;
		background-image: url(/share4/images/mod-link/ico_01.png);
		background-repeat: no-repeat;
		background-position: left 50%;
		list-style:none;
	}
	.ml10{
		margin-left:10px!important;
	}
}



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


html mr10 {
	margin-right: 10px;
}
html mr20 {
	margin-right: 20px;
}
html mr30 {
	margin-right: 30px;
}
html mr40 {
	margin-right: 40px;
}
html mr50 {
	margin-right: 50px;
}
html mr60 {
	margin-right: 60px;
}
html mr70 {
	margin-right: 70px;
}
html mr80 {
	margin-right: 80px;
}
html mr90 {
	margin-right: 90px;
}
html mr100 {
	margin-right: 100px;
}
html mb10 {
	margin-bottom: 10px;
}
html mb20 {
	margin-bottom: 20px;
}
html mb30 {
	margin-bottom: 30px;
}
html mb40 {
	margin-bottom: 40px;
}
html mb50 {
	margin-bottom: 50px;
}
html mb60 {
	margin-bottom: 60px;
}
html mb70 {
	margin-bottom: 70px;
}
html mb80 {
	margin-bottom: 80px;
}
html mb90 {
	margin-bottom: 90px;
}
html mb100 {
	margin-bottom: 100px;
}
html ml10 {
	margin-left: 10px;
}
html ml20 {
	margin-left: 20px;
}
html ml30 {
	margin-left: 30px;
}
html ml40 {
	margin-left: 40px;
}
html ml50 {
	margin-left: 50px;
}
html ml60 {
	margin-left: 60px;
}
html ml70 {
	margin-left: 70px;
}
html ml80 {
	margin-left: 80px;
}
html ml90 {
	margin-left: 90px;
}
html ml100 {
	margin-left: 100px;
}
/* clearfix */


.clearfix {
overflow: hidden!important;
margin: 0 20px 50px 20px;
}
/* End hide from IE-mac */



/* For additional Server Migration (2010 Fall)
-------------------------------------------------- */
/* layout setting */
#main {
	margin:0 auto;
	width:950px;
}
@media (max-width:640px) {
	#main {
		margin:0 auto;
		width:auto;
		font-size:110%;
	}
}

/* headline setting */
h2.soH2Title {
	margin-bottom:30px!important;
	padding:5px 9px 8px;
	font-size:130%;
	border-bottom:1px solid #ccc;
}
#main h3.softwarettl {
	background:url(/vaio/share/images/dotline_side.gif) repeat-x left bottom;
	margin:0 20px;
	margin-bottom:15px;
	padding-bottom:3px;
	font-size:120%;
}

#main h4 {
	font-size:120%;
	border-left:5px solid #ADCDD8;
	margin:0 20px;
	margin-bottom:15px!important;
	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;
}

/* ------------------------------------------------ */
/* colm
------------------------------------------------------------------------*/

.clm {
	width: 710px;
	margin:50px auto;
	padding:20px;
	border:solid 1px #ccc;
	border-radius:5px;
}
@media (max-width:640px) {
	.clm {
		width: auto;
		margin:50px auto;
		padding:20px;
		border:solid 1px #ccc;
		border-radius:5px;
	}
}