/*
Title:			Roxio.com - Enterprise Solutions Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	2.16.06
*/

/* Styles for sub navigation.  Used with /include/subNav_enterprise.inc */

#introduction #nav_introduction a, #down #nav_down a, #emc #nav_emc a, #toast #nav_toast a, #bump #nav_bump a, #recordnow #nav_recordnow a {
	background-position:0 -150px;
	border-width:0;
}
	
#introduction #nav_introduction a:hover span, #down #nav_down a:hover span, #emc #nav_emc a:hover span, #toast #nav_toast a:hover span, #bump #nav_bump a:hover span, #recordnow #nav_recordnow a:hover span {
	color:#d98604;
}

#introduction #nav_introduction a span, #down #nav_down a span, #emc #nav_emc a span, #toast #nav_toast a span, #bump #nav_bump a span, #recordnow #nav_recordnow a span {
	background-position:100% -150px;
	padding-bottom:7px;
	color:#333;
}

/*Styles for sub navigation child */

#sub_nav_child ul {
	clear: left;
	margin:0;
	padding: 3px 0px 3px 5px;
	list-style:none;
	background:#666 url("/jpn/images/sub_hdr_child_bg.gif") repeat-x bottom;
	border-bottom: 2px solid #666;
}

#sub_nav_child li {
	display:inline;
	margin: 0px;
	padding: 0px 10px 0px 5px;
	background: url("/jpn/images/sub_hdr_child_seperator.gif") no-repeat right;
}

#sub_nav_child li a {
	color: #FFF;
	text-decoration: none;
}

/* add maki*/
#sub_nav_child2 ul {
	clear: left;
	margin:0;
	padding: 3px 0px 3px 5px;
	list-style:none;
	background:#666 url("/jpn/images/sub_hdr_child_bg.gif") repeat-x bottom;
	border-bottom: 2px solid #666;
}

#sub_nav_child li {
	display:inline;
	margin: 0px;
	padding: 0px 10px 0px 5px;
	
}

#sub_nav_child li a {
	color: #FFF;
	text-decoration: none;
}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sub_nav_child a span {float:none;}
	/* End IE5-Mac hack */
#sub_nav_child a:hover span {
	color:#FCAA2A;
}

#sub_nav_child li a:hover {
	color: #FCAA2A;
	text-decoration: none;
}

#overview #child_overview a, #contact #child_contact a {
	color:#FFF;
}

#overview #child_overview a:hover, #contact #child_contact a:hover {
	color:#FCAA2A;
}

#enterprise {
		padding: 10px 0px 0px 0px;
}
#enterprise img{
		display: block;
}
#enterprise #overview{
}
#enterprise #overview img{
	float: left;
	padding: 0px 10px 0px 0px;
}
#enterprise #overview p{
	float: left;
}
#enterprise #column1{
	padding: 0px 10px 0px 0px;
	float: left;
}
#enterprise #column2{
	float: left;
	width: 600px;
}

/* generic styles */
.alert {
	color: #C80009;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.text_center {
	text-align: center;
}

.floatLeft {
	float: left;
}

.clearLeft {
	clear: left;
}

.title_text {
	width: 90%;
	font-weight: bold;
	font-size: 1.1em !important;
	color: #A0A0A0;
	margin: .5em .5em 0em 0em;
	border-bottom: 1px solid #A0A0A0;
}

.title_text_lg {
	font-weight: bold;
	font-size: 1.2em !important;
	color: #A0A0A0;
	margin: .5em .5em 0em 0em;
	border-bottom: 1px solid #A0A0A0;
}


label.purchase {
	width: 27em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.submit input {
	margin-left: 4.5em;
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9;
}
.purchaseInput {
	color: #434343;
	background: #fffbf5;
	border: 1px solid #434343;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* image elements */
.box_shot {
	width: 115px;
	height: 141px;
	border: none;
	margin-left: 10px;
}

.box_shot_sm {
	width: 70px;
	height: 86px;
	border: none;
}

.screenshot_sm {
	width: 90px;
	height: 90px;
	border: none;
}

/* add ito */
.screenshot_l {
	width: 130px;
	height: 94px;
	border: none;
}

.ss_sm {
	width: 70px;
	height: 70px;
	border: none;
}

.screenshot {
	width: 90px;
	height: 90px;
	border: none;	
}

.enlarge {
	width: 70px;
	height: 15px;
	border: none;
}

.enlarge_2 {
	width: 90px;
	height: 15px;
	border: none;
}


/*styles for overview.aspx */
.col_box_shot_overview {
	width: 70px;
	clear: left;
	float: left;
	padding: .5em 10px 0px 10px;
}
.col_details_overview {
	width: 640px;
	float: left;
}

/*add ito */

.col2_box_shot_overview {
	width: 130px;
	clear: left;
	float: left;
	padding: .5em 10px 0px 10px;
}

.col2_details_overview {
	width: 500px;
	float: left;
}

/* popup windows */
.popUp_ent {
	width: 325px;
	text-align: left;
	float: left;
}

div.popUp_ent h1 {
	font-size: 1.2em;
	margin: .5em 0em 0em 0em;
	font-weight: bold;
}

div.popUp_ent h2 {
	font-size: 1em;
	margin: .5em 0em 0em 0em;
	font-weight: bold;
}

div.popUp_ent ul{
	list-style-type: square;
}

/*overview header for all product pages*/
.overview_header {
	background: #FFF url(/jpn/images/enterprise_solutions/overview_sub_bg.gif) repeat-x top;
	padding: 10px 0px 10px 0px;
}

.overview_header h1{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0em 0em .5em 0em;
}

.overview_header h4{
	font-size: 1em;
	margin: .5em 0em 0em 0em;
	font-weight: bold;
}

.col_overview_box_shot {
	width: 135px;
	clear: left;
	float: left;
	padding-bottom: 10px;
}
.col_overview_details {
	width: 650px;
	float: left;
}

.col_overview_details_ss {
	width: 580px;
	float: left;
}

/* ecdc/features.aspx, purchase.aspx */
.col_overview_ss {
	width: 110px;
	clear: left;
	float: left;
	padding-bottom: 10px;
}
.col_overview_ss_details {
	width: 620px;
	float: left;
}

.col_50_a {
	width: 49%;
	clear: left;
	float: left;
}
.col_50_b{
	width: 49%;
	float: left;
}

.col_ss_sm {
	width: 90px;
	clear: left;
	float: left;
	padding-bottom: 10px;
	margin-top: 5px;
	padding-top: 5px;
}

.col_ss_details {
	width: 260px;
	float: left;
}

.row_features {
	clear: left;
}

/* toast/index.aspx */
.col_17 {
	width: 16%;
	float: left;
	padding-right: 10px;
}

.col_83 {
	width: 82%;
	float: left;
}

.osxbadge {
	width: 100px;
	height: 99px;
	border: none;
}

/* toast/features.aspx */
.hdr_save_it {
	clear: left;
	font-size: 1.2em;
	height: 35px;
	background: #FFF url(/jpn/images/enterprise_solutions/save_it.jpg) no-repeat left top;
	background-position: 0px 8px;
	color: #00ADF0;
	padding-left: 65px;
	padding-top: 30px;
	vertical-align: bottom;
	border-bottom: 1px solid #A0A0A0;
}

.hdr_copy_it {
	clear: left;
	font-size: 1.2em;
	height: 30px;
	background: #FFF url(/jpn/images/enterprise_solutions/copy_it.jpg) no-repeat left top;
	background-position: 0px 8px;
	color: #00ADF0;
	padding-left: 65px;
	padding-top: 30px;
	vertical-align: bottom;
	border-bottom: 1px solid #A0A0A0;
}

.hdr_hear_it {
	clear: left;
	font-size: 1.2em;
	height: 30px;
	background: #FFF url(/jpn/images/enterprise_solutions/hear_it.jpg) no-repeat left top;
	background-position: 0px 8px;
	color: #00ADF0;
	padding-left: 65px;
	padding-top: 30px;
	vertical-align: bottom;
	border-bottom: 1px solid #A0A0A0;
}

.hdr_see_it {
	clear: left;
	font-size: 1.2em;
	height: 30px;
	background: #FFF url(/jpn/images/enterprise_solutions/see_it.jpg) no-repeat left top;
	background-position: 0px 8px;
	color: #00ADF0;
	padding-left: 65px;
	padding-top: 30px;
	vertical-align: bottom;
	border-bottom: 1px solid #A0A0A0;
}

.col_ss_details h4 {
	color: #00ADF0;
	margin: 0px;
	padding: 0px;
}

/* Comparison Table for product_comparison.aspx */
.comparison_table {
	padding-bottom: 25px;
}

.comparison_table thead {
	background-color: #666666;
	color: #FFF;
}

.comparison_table thead th {
	text-align: center;
	padding: 5px 5px 5px 5px;
}



.comparison_table thead th.row_benefits {
	width: 435px;
}

.comparison_table thead th.row_emc8 {
	width: 85px;
	background-color:#F09A1E;
}

.comparison_table thead th.row_emc75 {
	width: 85px;
}

.comparison_table thead th.row_emc7 {
	width: 85px;
}

.comparison_table thead th.row_toast7 {
	width: 85px;
	background-color:#7895BD;
}

.comparison_table thead th.row_toast6 {
	width: 85px;
}

.comparison_table thead th.row_toast5 {
	width: 85px;
}

.comparison_table tbody td {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #E5E5E5;
}

.comparison_table tbody td.row_alt {
	background-color: #F1F1F1;
}

/*screenshots table*/

.table_screenshots {
	padding-left: 10px;
}

.table_screenshots td {
	width: 120px;
	padding: 5px 5px 5px 5px;
}

.screenshots_sm {
	width: 114px;
	height: 88px;
	border: none;
}

/* add ito*/

.greyBox_foram2{
	padding: 5px 10px 0 10px;
    background-repeat: no-repeat;
    background-color: #F7F7F7;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	text-color: #fff;
	
	
}

/* テーブル内のスタイル(by ito) */
table#table-01J {
    width: 750px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table#table-01J th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
  /*white-space: nowrap; */
}
table#table-01J td {
    padding: 2px;
    width: 400px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
  
}



table#table-01 {
    width: 750px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table#table-01 th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    /*white-space: nowrap; */
}
table#table-01 td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
     text-align: left;
    /*white-space: nowrap; */
}

table#table-001 {
    width: 750px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table#table-001 th {
    padding: 2px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
   /*white-space: nowrap; */
}


table#table-001 td {
    padding: 2px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
  /* white-space: nowrap;*/
}

/* テーブル内のスタイル(by ito) */

table#table-02 {
    width: 340px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table#table-02 th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
   white-space: nowrap; 
}
table#table-02 td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
   white-space: nowrap;
}

/* テーブル内のスタイル(by ito) */

table#table-03 {
    width: 80px;
    border: 0px #ffffff solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table#table-03 th {
    padding: 5px;
    border: #ffffff solid;
    border-width: 0 0 0px 0px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
   white-space: nowrap; 
}
table#table-03 td {
    padding: 1px;
    border: 1px #ffffff solid;
    border-width: 0 0 1px 1px;
    text-align: left;
   white-space: nowrap;
}



table#table-05 {
    width: 750px;
    border: 1px #999999 solid;
 
}


table#table-05 tr {
    padding: 5px;
    border: 0px #999999 solid;


}
table#table-05 td {
    padding: 5px;
    border: 1px #999999 solid;
    


}

table#table-06 {
    width: 100%;
    border: 0px #999999 solid;
 
}


table#table-06 tr {
    padding: 0px;
    border: 0px #999999 solid;
  


}
table#table-06 td {
    padding: 0px;
    border: 0px #999999 solid;
  


}

table#table-07 {
    width: 30%;
    border: 0px #999999 solid;
 
}


table#table-07 tr {
    padding: 0px;
    border: 0px #999999 solid;
  


}
table#table-07 td {
    padding: 0px;
    border: 0px #999999 solid;
    text-align: left;


}



.buttonAsk{
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
 width: 160px;
}
.buttonAsk a{
	background: #fff  url("../images/buttonGrey_bg.gif") repeat-x;
	background-position: 0 -2px;
	color: #fff;
	border: 1px solid #9c9c9c;
	border-top-color: #cecece;
	border-left-color: #cecece;
	display: block;
	height: 18px;
	text-decoration: none;
}

.greyBand2{
	font-size: 95% !important;
	font-weight: bold;
	color: #000;
	background-color: #ccc;
	border-bottom: 3px solid #666;
	padding: 1px 5px 2px 10px !important;
/*	text-transform: uppercase;*/
}

/* adding maki*/
.featureRow{
	clear: left;
	padding: 0px 0 0 0;
    margin-top: 10px;
}
.featureRow img{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;

}

.featureRow2 img{
	float: right;
	margin-right: 0px;
	margin-bottom: 10px;

}
.overviewFeature h3{
	font-size: 100%;
}
.overviewFeature{
	float: left;
	width: 370px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: 40px;
}

.overviewFeature3{
	float: left;
	width: 370px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: 47px;
}

.overviewFeature4{
	float: left;
	width: 370px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: 60px;
}

.overviewFeature5{
	float: left;
	width: 370px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.overviewFeature6{
	float: left;
	width: 370px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin-top: -10px;
	margin-bottom: 0px;
}

.small{
   font-size: 80%
}

/* add to here on other day*/
.feature ul{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}


.buttonAsk{
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
 width: 160px;
}
.buttonDownload a{
	background: #fff  url("../images/buttonGreen_bg.gif") repeat-x;
	background-position: 0 -2px;
	color: #fff;
	border: 1px solid #9c9c9c;
	border-top-color: #cecece;
	border-left-color: #cecece;
	display: block;
	height: 18px;
	text-decoration: none;
}
.buttonDownload a:hover{
	color: #fff;
	text-decoration: none;
}
.buttonAsk a{
	background: #fff  url("../images/buttonOrange_bg.gif") repeat-x;
	background-position: 0 -2px;
	color: #fff;
	border: 1px solid #9c9c9c;
	border-top-color: #cecece;
	border-left-color: #cecece;
	display: block;
	height: 18px;
	text-decoration: none;
}

/* 20110908 Add */

#table-06 {
	margin-bottom: 15px;
}

.feature_box {
	margin-bottom: 20px;
}

.feature_image_box {
	width: 72px;
	display: inline;
	margin-right: 5px;
	float: left;
}

.feature_text_box {
	width: 258px;
	display: inline;
	margin-right: 5px;
	float: left;
}

#container .feature_text_box h3,
.feature_text_box h3 {
	line-height: 1;
	margin: 0 0 5px;
}

.feature_icon_box {
	width: 390px;
	float: right;
	position: relative;
}

.feature_icon_box .head_nav {
	height: 35px;
}

.feature_icon_box .btn_left {
	position: absolute;
	top: 0;
	right: 138px;
}

.feature_icon_box .btn_right {
	position: absolute;
	top: 0;
	right: 0;
}

.feature_icon_box ul {
    list-style-type: none;
    padding: 5px 0 5px 5px;
}

.feature_icon_box ul li {
	width: 55px;
	float: left;
}

/* 20111012 Add */
table.table-01J {
    width: 750px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table.table-01J th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
  /*white-space: nowrap; */
}
table.table-01J td {
    padding: 2px;
    width: 400px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
  
}



table.table-01 {
    width: 750px;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}


table.table-01 th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    /*white-space: nowrap; */
}
table.table-01 td {
    padding: 5px;
    border: 1px #999999 solid;
    border-width: 0 0 1px 1px;
     text-align: left;
    /*white-space: nowrap; */
}

table.table-02 {
    width: 442px;
    font-size: 12px;
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}

table.table-03 {
    width: 274px;
    font-size: 12px;
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
    border: 1px #999999 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
}

table.table-02 th,
table.table-03 th {
    padding: 5px;
    border: #999999 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
   white-space: nowrap; 
}
table.table-02 td,
table.table-03 td {
   padding: 5px;
   border: 1px #999999 solid;
   border-width: 0 0 1px 1px;
   text-align: left;
   white-space: nowrap;
}

.table_left {
	width: 445px;
	display: inline;
	overflow: hidden;
	float: left;
}

.table_right {
	width: 275px;
	display: inline;
	overflow: hidden;
	margin-left: 10px;
	float: right;
}

.creator .table_left {
	width: 275px;
}

.creator .table_right {
	width: 445px;
}

.toast .table_left {
	width: 275px;
}

.toast .table_right {
	width: 445px;
}



table#table-001 td.refer {
	border-left: 5px double #ddd;
}



