/*
Title:			Roxio.com - Support Pages Stylesheet
Author:		wil22884 / Sonic Solutions
Updated:	1.6.07
*/

#support{
	padding: 0;
	margin: 0;
} /* ------------------------------GLOBAL DIV FOR SUPPORT */

#supportBreadcrumb{
	padding: 0;
	margin-bottom: 10px;
}
#auxContainer{
	width:100%;
	margin-top: 10px;
}
#productChoose{
 float: right;
 padding-bottom: 5px;
}	
#productChoose select{
 font-size: 11px; 
	padding: 1px 1px 1px 1px;
	border: 1px solid #666;
}
#productChooseHome{
 float: left;
 padding-top: 10px;
 padding-bottom: 5px;
}
	#productChooseHome select{
 font-size: 11px; 
	padding: 1px 1px 1px 1px;
	border: 1px solid #666;
}
#subNav{
		padding: 0;
		margin: 0;
}
/*
.columna a{
	color: #00458A;
	text-decoration: underline;
}
.columna a:hover{
	color: #666;
	text-decoration: underline;
}

.columnb a{
	color: #00458A;
	text-decoration: underline;
}
.columnb a:hover{
	color: #666;
	text-decoration: underline;
}*/
#support h1{
	float: left;
}
#support h3{
	padding: 0;
}
#formHolder{
	width: 520px;
}
.columna{
 clear: both;
	float: left;
	width: 456px;
	margin-bottom: 5px;
	}
.columnb{
	float: right;
	width: 243px;
	margin-bottom: 5px;
}

.sucolumna{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.sucolumnb{
	float: right;
	width: 243px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*add*/
.greyBand2{
	font-size: 95% !important;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	border-bottom: 3px solid #ccc;
	padding: 1px 5px 2px 10px !important;
/*	text-transform: uppercase;*/
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 

.heading2 h2{
color: red;
}
.slist1 ul{
	list-style-type: none;
	padding: 10px 5px 5px 0;
}
.slist1 li{
	background-image: url("/jpn/images/7x7_light_grey_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
}
.slist1bld ul{
	list-style-type: none;
	padding: 10px 5px 5px 0;
}
.slist1bld li{
	background-image: url("/jpn/images/7x7_light_grey_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
	font-weight:bold;
}
.slist1q ul{
	list-style-type: none;
	padding: 10px 5px 5px 0;
}
.slist1q li{
	background-image: url("/jpn/images/qanda/qanda_q.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	margin-bottom: 4px;
}
.slist1a ul{
	list-style-type: none;
	padding: 10px 5px 5px 0;
}
.slist1a li{
	background-image: url("/jpn/images/qanda/qanda_a.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 23px;
	margin-bottom: 23px;
	margin-top: 0px;
	padding-top: 0px;
}
.slist2 ul{
	list-style-type: none;
	padding: 0;
}
.slist2 li{
	background-image: url("/enu/images/6x6_rd_orange_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
	font-weight: normal;
}

.slist10 ul{
	list-style-type: none;
	padding: 0;
}
.slist10 li{
	background-image: url("/jpn/images/check1.gif");
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 0;
	font-weight: normal;
}

.slist11 ul{
	list-style-type: none;
	padding: 0;
}
.slist11 li{
	background-image: url("/jpn/images/check2.gif");
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 0;
	font-weight: normal;
}


.slist3 li{
	background-image: url("/jpn/images/6x6_rd_orange_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
}
.slist4 li{
/*	background-image: url("/enu/images/7x7_blue_bullet.gif");
*/
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
}
	
.slist5 ul{
	list-style-type: none;
	padding: 0;
}
.slist5 li{
	background-image: url("/jpn/images/6x6_rd_blue_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 15px;
	padding-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
}


.slist6 li{
	background-image: url("/enu/images/7x7_light_grey_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	margin-bottom: 5px;
	padding-top: 0;
	
}


/* --------------------------------------SUPPORT HOME */
#shAskRoxann{	
	background-image: url("../images/support/roxann_new2.png");
	background-position: 5px 16px;
 background-repeat: no-repeat;	
	padding: 16px 10px 20px 140px;
	border-bottom: 1px solid #ccc;
}
#shAskRoxann h3{
	margin-left: 5px;
}
#shAskRoxann p{
	margin-left: 5px;
}
#shTopSupportNotes{
	padding: 10px 10px 10px 10px;
	background-image: url("../images/support/support_notes.gif");
	background-position: top right;
 background-repeat: no-repeat;	
	background-color: #666;
	text-color: #fff;
	
	}
#shTopSupportNotes a{
	color: #fff;
	text-decoration: underline;
}
#shTopSupportNotes a:hover{
	color: #CCC;
	text-decoration: none;
}
#shTopSupportNotes h3{
	color: #fff;
	padding-bottom: 10px;
	
}



.buttonDownload{
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
 width: 90px;
}

.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;
}
a:hover.btnSupport {
	color: #fff;
	text-decoration: none;
}
.updateHeading {
	font-weight: bold !important;
	color:#666;
	font-size: 115% !important;
	padding-top: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
}

/*add ito*/
.updateHeading2 {
	font-weight: bold !important;
	color:#666;
	font-size: 115% !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	background: #ffff00;
}

.btnSupport {
	font-weight: bold !important;
	font-size: 90%;
	text-align: center;
	text-transform: uppercase;
	line-height: 18px;
	height: 18px;
padding: 2px;
	background: #ffa537 url("../images/buttonOrange_bg.gif") repeat-x;
	background-position: 0 0;
	color: #fff;
	border: 1px solid #9c9c9c;
	border-top-color: #cecece;
	border-left-color: #cecece;
	text-decoration: none;
}

#supportTools{
	padding: 0 10px 15px 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-top: none;
	background-image: url("/jpn/images/gradient_lower_suptools.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
#supportTools h3{
	font-size: 152%;
	margin-bottom: 5px;
}
#shFlashContainer{
	padding: 0;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100%;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	background-color: #efefef;
}
.kb{
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.searchInput {
  width: 300px;
}
#shPromo{
	padding: 0;
}

/* --------------------------------------CUSTOMER SERVICE */
	
ul.slist2 {
	margin-bottom: 20px;
}
#quickService{
	padding: 0 0 10px 0;	
}
#faqs{
	padding: 5px 5px 15px 0px;
	background-color: #efefef;
	margin-bottom: 20px;
}

.greyBox1{
	padding: 5px 10px 0 10px;
	background-color: #F7F7F7;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	
}

/*
add ito
*/
.greyBox3{
	padding: 5px 10px 0 10px;
	background-color: #F7F7F7;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	
}

.greyBox4{
	padding: 5px 10px 0 10px;
	background-color: #C5F7FC;		
	margin-bottom: 20px;	
	border: 2px solid #000033;
	
}

/*
add ito
*/
.greyBox_foram{
	padding: 5px 10px 0 10px;
	/*background-image: url("../images/support/roxann_new2.png");*/
	/*background-position: 120px 100px;*/
	/*background-position: right;*/
    background-repeat: no-repeat;
    background-color: #F7F7F7;		
/*	margin-bottom: 20px;	*/
   margin-bottom: 5px;
	border: 1px solid #ccc;
	text-color: #fff;
	
	
}

.greyBox_foram2{
	padding: 5px 10px 0 10px;
	background-image: url("../images/support/roxann_new2.png");
	background-position: 340px 0px;
	/*background-position: right;*/
    background-repeat: no-repeat;
    background-color: #F7F7F7;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	text-color: #fff;
	
	
}

.greyBox_foram3{
	padding: 5px 10px 0 10px;
	background-image: url("../images/support/roxann_new2.png");
	background-position: 320px 10px;
	/*background-position: right;*/
    background-repeat: no-repeat;
    background-color: #F7F7F7;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	border-top: none;
	text-color: #fff;
	
	
}

.greyBox_faq{
	padding: 5px 10px 0 10px;
	background-image: url("../images/support/support_notes.gif");
	background-position: bottom;
    background-repeat: no-repeat;
    background-color: #666;		
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	text-color: #fff;
	
}

.greyBox_faq a{
color: #fff;
	text-decoration: underline;
}

.greyBox_faq h3{
color: #fff;
	padding-bottom: 10px;
}



.greyBox2{
	padding: 5px 10px 0 10px;
	background-color: #E6E6E6;		
	margin-bottom: 10px;
	margin-top: 10px;	
		}
	
.blueBox1{
	padding: 5px 5px 5px 10px;
	background-color: #EAF5FB;
	margin-bottom: 3px;
	border: 1px solid #CFE8F5;
	text-indent: 3px;
}

table.blueBox2{
	padding: 5px 5px 0px 10px;
	background-color: #EAF5FB;	
	margin-bottom: 3px;
	border: 1px solid #CFE8F5;	
}

td.blueBox2{
	padding: 5px;
}

.alignRight{
text-align:right;
}


.greyBox1 p{

padding-top: 0;
padding-left: 0;
}

/*
add ito
*/
.greyBox3 p{

padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}

.whiteBox1{
	padding: 5px 10px 0 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;	
	
}
.whiteBox1 p{
padding-top: 0;
padding-left: 0;
}

#quickService #askRoxann{
	background-image: url("../images/support/cs_roxann.jpg");
	background-repeat: no-repeat;
	background-position: 0 15px; 
	padding: 15px 0 0 60px;
	}
	
#quickService #downloadHelp{
	background-image: url("../images/support/cs_dlArrow.jpg");
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 15px 0 0 60px;
}

#quickService #cdKeyHelp{
	background-image: url("../images/support/cs_cdKey.jpg"); 
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 15px 0 0 60px;
}
#customerService{
	padding: 0;
}
#customerService #email{
	background-image: url("../images/support/cs_envelope.jpg");
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 15px 0 0 55px;
}
#customerService #chat{
	background-image: url("../images/support/cs_chat.jpg");
	background-position: 0 15px;
	background-repeat: no-repeat;
	padding: 15px 0 0 55px;
}
#customerService #telephone{
	background-image: url("../images/support/cs_phone.jpg");
	background-position: 0 15px;
	background-repeat: no-repeat;
	padding: 15px 0 0 55px;
}



/* -------------------------------------- TOAST8 */

.kbArtHeading1{
	font-weight: bold !important;
	line-height: 160%;
	color:#666;
	font-size: 140% !important;	
	margin-top: 20px;
	margin-bottom: 10px;	
	border-bottom:1px solid #ccc;	
	padding-bottom: 5px;	
	
}

.kbImgHolder1{
	margin-bottom: 30px;
	
}

.kbImgHolder2{
	margin-bottom: 30px;
	margin-top: 10px;
}
.kbSpacer1{
	margin-bottom: 10px;
	margin-top: 10px;
}
.kbReturnLink{
	margin-bottom: 10px;
	margin-top: 10px;
	text-align:center;
}

.kbPowerUsr{
		
 	line-height: 140%;
	font-weight: bold !important;
	font-size: 90% !important;
	color:#FFF;
	background-color:#999999;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px;
	
	
}

.kbImgRt1{
	
	float:right;
	background-repeat:no-repeat
	
	
}
p.strong {
font-weight:bold;
}


/* -------------------------------------- テーブルのスタイル */
#support-table1 table{
text-align: center; /* 配置 */
background-color: #FFFFFF; /* 背景の色 */
border: 2px solid #555555;/* テーブルの枠線 */
width: 100%; /* 全体の幅 */
align: center; 
border-collapse:collapse;
margin-top:3px;
margin-bottom:3px;
}
/* テーブル内のスタイル */
#support-table1 table,td.td-other {
text-align: center;/* 配置 */
font-size: 12px;/* フォントサイズ */
background-color: #FFFFFF; /* 背景の色 */
border: 1px solid #555555;/* テーブルの枠線 */
color:#555555;/* フォントの色 */
font-weight: normal; /* フォントの太さ */
padding: 3px;
} 
/* テーブル内のスタイル2 */
#support-table1 table,td.td-top {
text-align: center;/* 配置 */
font-weight: bold; /* フォントの太さ */
font-size: 13px;/* フォントサイズ */
border: 2px solid #555555;/* テーブルの枠線 */
background-color: #CFE8F5; /* 背景の色 */
color:#333333;/* フォントの色 */
padding: 1px;
} 
/* テーブル内のスタイル3 */
#support-table1 table,td.td-other2 {
text-align: left;/* 配置 */
font-size: 12px;/* フォントサイズ */
background-color: #FFFFFF; /* 背景の色 */
border: 1px solid #555555;/* テーブルの枠線 */
color:#555555;/* フォントの色 */
font-weight: normal; /* フォントの太さ */
padding: 3px;
} 



/* テーブル内のスタイル(by ito) */
table#table-01 {
    width: 600px;
    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;
}

/* add ito */

div.centerbox{
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 border: 0px solid #fff;
 font-weight: bold; /* フォントの太さ */
font-size: 17px;/* フォントサイズ */
padding: 3px;
}

div.centerbox2{
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 border: 0px solid #fff;
/* font-weight: bold; フォントの太さ */
font-size: 17px;/* フォントサイズ */
padding: 3px;
}