@charset "utf-8";

/*when a width of contents is fixed*/
article.contentsArea .subContentsBox {
	width:970px;
	margin:0 auto;
}
/*when a width of contents is not fixed*/
body.notFixedWidth article.contentsArea .subContentsBox {
	width: auto;
}

/* ============================================
      heading
============================================ */
.contentsArea h2,
.contentsArea h3,
.contentsArea h4,
.contentsArea h5 {
    font-size: 12px;
}

/*h2*/
.contentsArea h2 {
    color: #222222;
    margin: 30px 0 -2px;
}

.contentsArea h2 {
    background: url("/component/c_common/img/bg_h2_970_bottom.gif") no-repeat bottom;
    padding: 0 0 10px;
}

.contentsArea h2 span {
    background: url("/component/c_common/img/bg_h2_970_top.gif") no-repeat scroll center top;
    display: block;
    padding: 9px 0 2px 10px;
}

/*h3*/
.contentsArea h3 {
    border-bottom: 1px solid #B0B0B0;
    padding: 0 0 5px;
    margin: 15px 0 0;
}

.contentsArea h3 span {
    border-left: 2px solid #8A9FA6;
    display: block;
    padding: 0 0 0 5px;
}

/*h4*/
.contentsArea h4 {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 3px 5px;
}
.contentsArea h4 {
    margin: 25px 0 0;
}

.contentsArea h4.typeB {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 2px solid #8A9FA6;
    padding: 0 5px;
}

/*h5*/
.contentsArea h5 {
    padding: 5px 0 4px;
}

.contentsArea h5 {
    margin: 15px 0 0;
}

.contentsArea h5 span {
    border-bottom: 4px solid #EEEEEE;
}


/* ============================================
      p
============================================ */
article.contentsArea .subContentsBox p,
article.contentsArea .subContentsBox ul {
    margin: 11px 0 -1px;
}


/* ============================================
      img
============================================ */
.contentsArea p.imageTextCenter01 {
    color: #666666;
    font-size: 11px;
    margin: 20px auto 0;
}

.contentsArea img {
    border: 0 none;
}

.contentsArea .line p span.imageCaption {
    color: #666666;
    font-size: 11px;
}


/* ============================================
      link
============================================ */
.contentsArea a/*:link*/{ color:#036; text-decoration: underline;}
.contentsArea a:visited{ color:#4d3380; text-decoration: underline;}
.contentsArea a:hover{ color:#7f99b2; text-decoration: underline;}

.contentsArea .line ul.linkList01 li a,
.contentsArea nav.pageNav ul li a{
    color: #003366;
    text-decoration: none;
}

.contentsArea .line ul.linkList01 li a:visited,
.contentsArea nav.pageNav ul li a:visited{
	color:#4d3380;
	text-decoration:none;
}

.contentsArea .line ul.linkList01 li a:hover,
.contentsArea nav.pageNav ul li a:hover{
    text-decoration:underline;
}

.contentsArea .line ul.linkList01 li a:active,
.contentsArea nav.pageNav ul li a:active{
    text-decoration:underline;
}

/* ============================================
      lisit
============================================ */
/*ul*/
.contentsArea p, .contentsArea ul {
    margin: 11px 0 0;
}

.contentsArea ul li {
    background: url("/component/c_common/img/bg_list01.gif") no-repeat scroll left 5px;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 0 0 0 10px;
}

.contentsArea ul li ul {
    margin: 0;
}

.contentsArea ul li ul li {
    background: url("/component/c_common/img/bg_list02.gif") no-repeat scroll left 5px;
    list-style: none outside none;
    padding: 0 0 0 10px;
}


/*linkList*/
.contentsArea .line ul.linkList01 li, .contentsArea .line ul.linkList02 li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

.contentsArea .line ul.linkList01 li a {
    background: url("/component/c_common/img/bg_local_dl05_top.gif") no-repeat scroll 5px 5px;
    display: inline;
    margin: 0;
    padding: 0 9px 0 14px;
	color: #003366;
    text-decoration: none;
}

.contentsArea .line ul.linkList01 li.iconPDF a,
.contentsArea .line ul.linkList02 li.iconPDF a {
    background: url("/common/unchangeable/img/icon_related_all_07.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconBrochure a,
.contentsArea .line ul.linkList02 li.iconBrochure a {
    background: url("/common/unchangeable/img/icon_related_all_01.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconTel a,
.contentsArea .line ul.linkList02 li.iconTel a {
    background: url("/common/unchangeable/img/icon_related_all_02.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconMail a,
.contentsArea .line ul.linkList02 li.iconMail a {
    background: url("/common/unchangeable/img/icon_related_all_03.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconContact a,
.contentsArea .line ul.linkList02 li.iconContact a {
    background: url("/common/unchangeable/img/icon_related_all_04.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconFaq a,
.contentsArea .line ul.linkList02 li.iconFaq a {
    background: url("/common/unchangeable/img/icon_related_all_05.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconDownload a,
.contentsArea .line ul.linkList02 li.iconDownload a {
    background: url("/common/unchangeable/img/icon_related_all_06.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}
.contentsArea .line ul.linkList01 li.iconNewWin a,
.contentsArea .line ul.linkList02 li.iconNewWin a {
    background: url("/common/unchangeable/img/icon_related_all_08.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}

.contentsArea .line ul.linkList01 li.iconSound a,
.contentsArea .line ul.linkList02 li.iconSound a {
    background: url("/common/unchangeable/img/icon_related_all_09.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}
.contentsArea .line ul.linkList01 li.iconMovie a,
.contentsArea .line ul.linkList02 li.iconMovie a {
    background: url("/common/unchangeable/img/icon_related_all_10.png") no-repeat scroll 0 0;
    display: block;
    margin: 0;
    padding: 1px 9px 1px 22px;
}


/* ============================================
      table
============================================ */
.contentsArea table caption {
    caption-side: top;
    color: #666666;
    font-weight: bold;
    margin: 0 0 8px;
    text-align: left;
}

.contentsArea table {
    border-collapse: collapse;
	width:100%;
}

.contentsArea table {
    margin: 12px 0 0;
}

.contentsArea table thead th {
    font-weight: bold;
    text-align: center;
}

.contentsArea table th {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #222222;
    font-weight: normal;
    text-align: left;
}

.contentsArea table th, .contentsArea table td {
    border: 1px solid #CCCCCC;
    padding: 5px 8px;
    vertical-align: top;
}


/* ============================================
      pageNav
============================================ */
.contentsArea nav.pageNav,
.contentsArea nav.pageNav02 {
    background: url("/component/c_common/img/bg_product_pagenav01.gif") repeat-x scroll center bottom;
    border-top: 1px solid #CCCCCC;
    margin: 30px 0 -2px;
    padding: 0 0 16px;
}

.contentsArea nav.pageNav ul, .contentsArea nav.pageNav02 ul {
    margin: 0;
}

.contentsArea nav.pageNav ul li,
.contentsArea nav.pageNav02 ul li {
    background: none repeat scroll 0 0;
    float: left;
    list-style: none outside none;
    padding: 0;
	 margin: 5px 0 0;
    white-space: nowrap;
}

.contentsArea nav.pageNav ul li a {
    background: url("/component/c_common/img/bg_product_pagenav02.gif") no-repeat scroll left 0.6em;
    display: inline-block;
    margin: 5px 15px 0 0;
    padding: 0 0 0 10px;
}

/* ============================================
      notation
============================================ */
.contentsArea dl.notation {
    min-height: 1px;
}

.contentsArea dl.notation {
    color: #666666;
    margin: 4px 0 -0.2em;
}

.contentsArea dl.notation dt {
    clear: both;
    display: inline;
    float: left;
    margin: 0 -2em 0 0;
    padding: 0.2em 0;
    width: 2em;
}

.contentsArea dl.notation dd {
    margin-left: 0.8em;
    padding: 0.2em 15px 0.2em 10px;
}

.contentsArea p.note {
    color: #666666;
    margin-top: 9px;
    text-align: right;
}

/* ============================================
      text-align
============================================ */
.alignC,
.contentsArea table th.alignC,
.contentsArea table td.alignC {
text-align: center;
}

.alignR,
.contentsArea table th.alignR,
.contentsArea table td.alignR {
text-align: right;
}

.alignL,
.contentsArea table th.alignL,
.contentsArea table td.alignL {
text-align: left;
}


/* ============================================
      clearfix
============================================ */
.contentsArea .line:after,
.contentsArea dl.notation:after,
.contentsArea nav.pageNav:after,
.contentsArea nav.pageNav02:after,
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.contentsArea,
.contentsArea.column .size1of2 .size1of4 .clearfix p:first-child a,
.contentsArea .line,
.contentsArea .inquiryBox02 div.inner,
.contentsArea .inquiryBox01 div.inner,
.contentsArea .inquiryBox02,
.contentsArea .inquiryBox01,
.contentsArea .line,
.contentsArea nav.pageNav02,
.contentsArea nav.pageNav,
.contentsArea nav.linerNav,
.clearfix {
    display: block;
}

.contentsArea,
.contentsArea.column .size1of2 .size1of4 .clearfix p:first-child a,
.contentsArea .line,
.contentsArea .inquiryBox02 div.inner,
.contentsArea .inquiryBox01 div.inner,
.contentsArea .inquiryBox02,
.contentsArea .inquiryBox01,
.contentsArea .line,
.contentsArea nav.pageNav02,
.contentsArea nav.pageNav,
.contentsArea nav.linerNav,
.clearfix{
    min-height: 1%;
}

.contentsArea,
.contentsArea.column .size1of2 .size1of4 .clearfix p:first-child a,
.contentsArea .line,
.contentsArea .inquiryBox02 div.inner,
.contentsArea .inquiryBox01 div.inner,
.contentsArea .inquiryBox02,
.contentsArea .inquiryBox01,
.contentsArea .line,
.contentsArea nav.pageNav02,
.contentsArea nav.pageNav,
.contentsArea nav.linerNav,
.clearfix {
    clear: both;
    line-height: 1.4;
}

.contentsArea * {
/*     margin: 0;
    padding: 0; */
	zoom:1;
}