/* - Software Navigation- */
div#software_menu_area ul#navi {
	display:block;
	width:950px;
	margin-top:6px;
}

div#software_menu_area ul#navi li {
	display:block;
	float:left;
	height:34px;
}
div#software_menu_area div.line {
	clear:both;
}
div#products_info_area2 {
	margin-bottom:50px;
}
div#products_info_area2 div.products_info ul.dotted_list {
	margin-left:30px;
}

@media (max-width:640px) {
	div#software_menu_area ul#navi {
		display:block;
		width:auto;
		margin-top:6px;
	}
	
	div#software_menu_area ul#navi li {
		display:block;
		float:left;
		height:34px;
	}
	div#software_menu_area div.line {
		clear:both;
	}
	div#products_info_area2 {
		margin-bottom:50px;
	}
	div#products_info_area2 div.products_info ul.dotted_list {
		margin-left:30px;
	}
}


/* paragraph 
------------------------------------------------------------------------*/
body  div#main div.h2area {
	width: 950px;
	margin-left: 0;
	margin-bottom: 40px;
}
body  div#main h2 {
	margin: 40px 0 20px;
	font-size:1.33333em;
	background: none repeat scroll 0 0 #E5E5E5;
	padding: 5px 9px 4px;
}
body  div#main div.h2area h3 {
	margin-bottom: 15px;
	font-size:1.33333em;
}
@media (max-width:640px) {
	body  div#main div.h2area {
		width: auto;
		margin-left: 0;
		margin-bottom: 40px;
	}
}


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


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


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


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

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

body  div#main ul.caption_cap_15 {
	padding-left:0;
	list-style:none;
}

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


body  div#main 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 50%;*/
	list-style:none;
}
@media (max-width:640px) {
	.arrow_list{
		float:none;
		margin:10px auto 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;
	}
}

/* margin 
------------------------------------------------------------------------*/

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

.clearfix {
	overflow:hidden!important;
	margin: 0 20px 50px 20px;
}

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

/* headline setting */
#main h2 {
	margin-bottom:30px!important;
	padding:5px 9px 8px;
	font-size:108%;
	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:100%;
}

#main h4 {
	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 {
	list-style:none;
}
.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;
	}
}