@charset "utf-8";
/* ****************************************************
support.css
***************************************************** */

/* Index [ support.css ]
=================================
1: link
2: support-list-type
3: news-list
4: important-info
5: support-inquiry
6: other
7: table
99: clearfix
=================================*/

/* 1: link
------------------------------------ */
#content-body .update{
	margin:-17px 0 10px;
	text-align:right;
	position:relative;
}
.sym-col .normal-link{
	margin-top:5px;
	padding:17px 0 13px;
	background:url(../images/common_ex01.gif) repeat-x 0 0;
}
.sym-col .normal-link.no-border{
	background:none;
}



.sym-col .normal-link li{
	float:left;
	width:165px;
	margin-bottom:5px;
	padding-right:10px;
}
.sym-col .normal-link li a{
	display:block;
	float:left;
	padding-left:10px;
	background:url(../images/common_bg17.gif) no-repeat left 0.6em;
}
.section .mark-list{
	margin-top:20px;
}
.section .mark-list dt{
	float:left;
	width:6em;
}
.section .mark-list dd{
	margin-left:6.5em;
	margin-bottom:10px;
	zoom:1;
}
.section .data{
	width:730px;
	margin-top:20px;
	border-left:1px #CCCCCC solid;
	border-top:1px #CCCCCC solid;
}
.section .data th,
.section .data td{
	padding:8px;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}
.section .data th{
	background-color:#F4F4F4;
}
.section .data td.support-mark{
	text-align: center;
	color: #cc0000;
	font-weight: bold;
}

/* 2: support-list-type
------------------------------------ */
/* support-list-type01 */
.support-list-type01 h2 {
	margin-bottom:15px;
}
.support-list-type01 h3 {
	padding-bottom:1px;
	border-bottom:#dfdfdf 1px solid;
	margin-bottom:15px;
}
.support-list-type01 h3.no-link {
	border-top:#dfdfdf 1px solid;
	padding-top:1px;
}
.support-list-type01 h3 a {
	background:url(../images/common_bg26.gif) repeat-y;
	display:block;
	font-weight:normal;
	padding:6px 2px 2px 10px;
	color:#ffffff;
	min-height:19px;
	zoom:1;
}
.support-list-type01 h3 a:link,
.support-list-type01 h3 a:hover,
.support-list-type01 h3 a:active,
.support-list-type01 h3 a:visited{
	color:#ffffff;
}
.support-list-type01 h3.no-link span{
	background:url(../images/common_bg05.gif) repeat;
	display:block;
	font-weight:normal;
	padding:4px 2px 2px 10px;
	color:#ffffff;
	min-height:19px;
	zoom:1;
}
support-list-type01 h3 a:hover,
.support-list-type01 h3 a:visited {
	color:#ffffff;
}
.support-list-type01 .column02 .list-item p {
	margin:0 10px;
}
.support-list-type01 .column02 .list-item p.text .icon{
	margin-bottom:10px;
}
/* column02 */
.support-list-type01 .column02 {
	margin:0 0 0 -20px;
	padding-bottom:20px;
	width:inherit;
}
*html .support-list-type01 .column02 {/* for IE6 */
	margin-left:-40px;
	padding-bottom:20px;
	width:800px;

}
*:first-child+html .support-list-type01 .column02 {/* for IE7 */
	padding-bottom:10px;
	width:800px;
}
.support-list-type01 .column02 h3 a {
	width:343px;
}
.support-list-type01 .column02 .list-item {
	float:left;
	width:355px;
	margin-left:20px;
}
.support-list-type01 .column02 .list-item {/* for IE6 */
	margin-left:20px;
}
.support-list-type01 .column02 .list-item ul.normal-list {
	margin:10px 10px 0;
}


/* 4: design-h2-important
------------------------------------ */
.design-h2-important {
	margin-bottom: 10px;
	padding: 5px 0 7px 0;
	background: url(../images/common_bg03.gif) repeat-x left bottom;
	zoom: 1;
}
.design-h2-important span {
	display: block;
	padding: 7px 18px 0 18px;
	background: url(../../support/img/index_bg01.gif) no-repeat left top;
	/*background: url(../../support/images/index_bg01.gif) no-repeat left top;*/
	font-size: 110%;
	font-weight: bold;
	zoom: 1;
}

/* 5: support-inquiry
------------------------------------ */
div.support-inquiry {
	clear: both;
	width: 726px;
	padding: 1px;
	border: 1px solid #cccccc;
}
.support-inquiry h3 {
	padding-bottom:1px;
	border-bottom:#dfdfdf 1px solid;
	margin-bottom:10px;
}
.support-inquiry h3 a {
	background:url(../../support/img/index_bg02.gif) repeat-y;
	/*background:url(../../support/images/index_bg02.gif) repeat-y;*/
	display:block;
	font-weight:normal;
	padding:6px 2px 2px 10px;
	color:#ffffff;
	min-height:19px;
	zoom:1;
}
.support-inquiry h3 a:hover,
.support-inquiry h3 a:visited {
	color:#ffffff;
}

div.support-inquiry ul {
	margin: 10px;
}
div.support-inquiry ul li {
	margin: 2px 0;
}

/* 6: other
------------------------------------ */

.ipod-note .caption-asterisk-number {
	padding-left:3em;
	text-indent:-3em;

}
.ipod-note .caption-asterisk-number2 {
	padding-left:3.5em;
	text-indent:-3.5em;
}
.ipod-note .caption-asterisk-number,
.ipod-note .caption-asterisk-number2 {
	margin-top:6px;
}
.ipod-note .caption-asterisk-number span,
.ipod-note .caption-asterisk-number2 span{
	margin-right:1em;
}
.ipod-table td{
	text-align:center;
}

#iphone-table {
	width:300px;
	margin:0 auto;
}
#iphone-table td{
	text-align:center;
}
table.ipod-table col.product-name,
#iphone-table col.product-name{
	width:130px;
}
table.ipod-table td,
table.ipod-table th,
#iphone-table td,
#iphone-table th{
	padding:5px 8px; 
}
/* contacts/index.html */
#contact-index div.anchor-area ul li a span{
	background-position:138px top;
	padding:3px 10px;
	min-height:30px;
	width:250px;
}
/* IE6用 */
* html #contact-index div.anchor-area ul li a span{
	width:auto;
}
/* IE7用 */
*:first-child+html #contact-index div.anchor-area ul li a span{
	width:auto;
} 
#contact-index div.anchor-area ul li a span#item01{
	background-image:url(../images/contact_ic01.gif);
}
#contact-index div.anchor-area ul li a span#item02{
	background-image:url(../images/contact_ic02.gif);
	padding-top:4px;
}
#contact-index div.anchor-area ul li a span#item03{
	background-image:url(../images/contact_ic03.gif);
}
#contact-index div.anchor-area ul li a span#item04{
	background-image:url(../images/contact_ic04.gif);
}
#contact-index div.anchor-area ul li a span#item05{
	background-image:url(../images/contact_ic05.gif);
}
#contact-index div.anchor-area ul li a span#item06{
	background-image:url(../images/contact_ic06.gif);
}
#contact-index div.anchor-area ul li a span#item07{
	background-image:url(../images/contact_ic07.gif);
}
#contact-index div.anchor-area ul li a span.no-item{
	background-image:url(../images/contact_digizo.gif);
}
#contact-index div.anchor-area ul li a span.no-item-digizo{
	background-image:none;
	padding-top:10px;
}

#contact-index div.anchor-area ul li span.sub-txt{
	display:block;
	width:auto;
	background-image:none;
	padding:0;
}
#contact-index div.anchor-area ul li a span span{
	width:202px;
	background-position:left 0.3em;
	padding:0 0 0 17px;
}
*:first-child+html #contact-index div.anchor-area ul li a span span{
	width:130px;
}

#contact-index div.anchor-area ul li span.sub-txt2{
	display:block;
	width:200px;
	background-image:none;
	padding:0;
}

#contact-index div.anchor-area ul li a span .brand-name-digizo{
	width:200px;
	background-position:left 0.3em;
	padding:0 0 0 17px;
}
*:first-child+html #contact-index div.anchor-area ul li a span span{
	width:130px;
}
*:first-child+html #contact-index div.anchor-area ul li a span .brand-name{
	width:140px;
}
*:first-child+html #contact-index div.anchor-area ul li a span .brand-name-digizo{
	width:200px;
}
* html #contact-index div.anchor-area ul li a span .brand-name-digizo{
	width:200px;
}

*:first-child+html #contact-index div.anchor-area ul li span.sub-txt2{
width:200px;
}
* html  #contact-index div.anchor-area ul li span.sub-txt2{
width:200px;
}


.contact-area{
	width:630px;
	margin:0 auto;
}

.contact-area-wide{
	width:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.contact-box{
	width:630px;
	padding-top:7px;
	background:url(../images/common_bg46.gif) no-repeat left top;
}

.contact-box-wide{
	width:700px;
	padding-top:7px;
	background:url(../images/common_bg46wide.gif) no-repeat left top;
}

.contact-box .contact-inner{
	width:630px;
	padding-bottom:6px;
	background:url(../images/common_bg48.gif) no-repeat left bottom;
}

.contact-box-wide .contact-inner{
	width:700px;
	padding-bottom:6px;
	background:url(../images/common_bg48wide.gif) no-repeat left bottom;
}

.contact-box .contact-bottom{
	width:630px;
	background:url(../images/common_bg47.gif) repeat-y left top;
}

.contact-box-wide .contact-bottom{
	width:700px;
	background-image: url(../images/common_bg47wide.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


.contact-box .contact-bottom .dtxtarea{
	width:600px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.contact-box-wide .contact-bottom .dtxtarea{
	width:680px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.contact-box .contact-bottom table, td, th,
.contact-box-wide .contact-bottom table, td, th{
border: none;
border-collapse: collapse;
vertical-align: top;
padding:2px;
}

.contact-box .contact-bottom table th,
.contact-box-wide .contact-bottom table th{
white-space: nowrap;
}


.contact-box .contact-bottom table, td .cap-txt,
.contact-box-wide .contact-bottom table, td .cap-txt{
margin-left: 0.5em;
}

.contact-box dl{
	width:610px;
	margin:0 auto;
	padding:5px 0;
}

.contact-box-wide dl{
	width:610px;
	margin:0 auto;
	padding:5px 0;
}

.contact-box dl dt,
.contact-box-wide dl dt{
	clear:both;
	float:left;
	width:4.5em;
	text-align:right;
}

.contact-box dl dd,
.contact-box-wide dl dd{
	float:left;
}

.contact-box dl dd.number-txt,
.contact-box-wide dl dd.number-txt{
	width:7.5em;
	margin-left:5px;
}


* html .contact-box dl dd.number-txt{
	width:8.0em;
}
*:first-child+html .contact-box dl dd.number-txt{
	width:8.0em;
}
body:first-of-type .contact-box dl dd.number-txt{
	width:11.0em;
}
.contact-box#adjust dl dd.number-txt{
	width:11.25em;
}
*html .contact-box#adjust dl dd.number-txt{
	width:9.5em;
}
*:first-child+html .contact-box#adjust dl dd.number-txt{
	width:9.5em;
}

body:first-of-type .contact-box#adjust dl dd.number-txt{
	width:15em;
}
.contact-box dl dd.txt{
	margin-left:5px;
	padding-top:1px;
}
.contact-box#adjust dl dd.txt{
	margin-left:5px;
}
* html .contact-box#adjust dl dd.txt{
	margin-left:5px;
}
.contact-box dl dd.mail-txt{
	margin-left:5px;
}
.contact-box .center-name{
	width:590px;
	margin:0 auto;
	padding-top:5px;
}

.contact-box-wide .center-name{
	width:670px;
	padding-top:5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* registration/index.html */
dl.user-registration dd {
	margin-bottom: 10px;
}
/* agreement */
#container #input-area{
	text-align:center;
	margin:0 auto;
}
#container #input-area img,
#container #input-area input{
	margin:0 auto;
}

/* holiday 連休対応用注釈 */
.holiday{
	padding: 7px;
	border: solid 2px #ab3c3c;
	clear: both;
	text-align: left;
	margin-bottom: 20px;
}

/* repair */
.rep-tft{
	width:570px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 30px;
}


/* 99:clearfix
------------------------------------ */

.sym-col .normal-link:after,
.sym-col .normal-link li:after,
.section .mark-list:after,
.support-list-type01 .column02:after,
div.news-list dl:after,
.contact-box dl:after,
.contact-box-wide dl:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sym-col .normal-link,
.sym-col .normal-link li,
.section .mark-list,
.support-list-type01 .column02,
div.news-list dl,
.contact-box dl,
.contact-box-wide dl{
	min-height: 1px;
}
/* for IE6 */
* html .sym-col .normal-link,
* html .sym-col .sym-col .normal-link li,
* html .section .mark-list,
* html .support-list-type01 .column02,
* html div.news-list dl,
* html .contact-box dl,
* html .contact-box-wide dl{
	height: 1px;
}
/* for IE7 */
*:first-child+html .sym-col .normal-link,
*:first-child+html .sym-col .normal-link li,
*:first-child+html .section .mark-list,
*:first-child+html .support-list-type01 .column02,
*:first-child+html div.news-list dl,
*:first-child+html .contact-box dl,
*:first-child+html .contact-box-wide dl{
	zoom: 1;
}

