@charset "utf-8";


/* ------------------------------------------------------
bodyArea
------------------------------------------------------ */
html > body #body {
margin: 0 auto;
}
* html body #body {
text-align: left;
}
#bdWrapper {
background: url(../images/bg_bottom.gif) left bottom repeat-x;
}
#bd,#bd_s {
padding-bottom: 25px;
background: url(../images/bg_body.gif) repeat-x;
}
body#top-01-01 #bd_s {
background: url(../images/bg_body_home_s.gif) 0 260px repeat-x;
}

#hd {
margin-bottom: 0 !important;
}


#body {
margin-top:0px;
}
#bdWrapper {
margin-top:0px;
}
#bd {
margin-top:0px;
}
/* ------------------------------------------------------
contentsHeaderArea
------------------------------------------------------ */
#contentsHeaderArea {
height: 67px;
}
body#top-01-01 #contentsHeaderArea {
height: 58px;
}
#contentsHeaderArea p.logo {
top: 10px;
}
body#top-01-01 #contentsHeaderArea p.logo {
top: 1px;
}


/* localNavArea
------------------------------------------------------ */
#contentsHeaderArea #localNavArea {
position: absolute;
width: 659px;
top: 22px;
left: 311px;
}
body#top-01-01 #localNavArea {
top: 13px;
}
#contentsHeaderArea #localNavArea ul {
width: 659px;
}
#contentsHeaderArea #localNavArea ul li {
float: left;
display: inline;
}



/* ------------------------------------------------------
productArea
------------------------------------------------------ */
#productWrapper {
padding-bottom: 40px;
background: none;
}
body#top-01-01 #productWrapper {
padding-bottom: 20px;
}
#productArea {
padding: 0;
}



/* ------------------------------------------------------
mainContentsArea
------------------------------------------------------ */
#productArea #mainContentsArea {
float: right;
width: 730px;
padding-top: 10px;
}
#productArea #mainContentsArea.wide {
float: none;
width: 970px;
padding-top: 20px;
}



/* mainVisualArea
------------------------------------------------------ */
#productArea #mainVisualArea {
position: relative;
height:312px;
}
#productArea #mainVisualArea_ban{
position:absolute;
top: 312px;
left:167px;
}
#productArea #mainVisualArea p.button {
float:left;
margin-left:15px;
}
#productArea #mainVisualArea p#ban_01 {margin-left:0px; }
#productArea #mainVisualArea p#ban_02 { } /* +135px */
#productArea #mainVisualArea p#ban_03 { } /* +135px */
#productArea #mainVisualArea p#ban_04 { } /* +135px */
#productArea #mainVisualArea p#ban_05 { } /* +135px */

#productArea #mainVisualArea ul#visualAreaBanner {
	position: absolute;
	top: 262px;
	left: 420px;
	height: 48px;
}
#productArea #mainVisualArea ul#visualAreaBanner li { display: inline; float: left; width: 125px; }

/* featureArea
------------------------------------------------------ */
#productArea #featureArea dt{ 
position:relative;
}
#productArea #featureArea dd {
height: 75px;
background: url(../../images/index_menu_bg.jpg) no-repeat;
}
#productArea #featureArea dd p {
padding: 0px 0 0 11px;
}
#productArea #featureArea dd p a {
padding-left: 18px;
background: url(../images/arrow_gray.gif) left center no-repeat;
font-size: 84%;
color: #000 !important;
}
#productArea #featureArea dd p a:hover {
background-image: url(../images/arrow_white_on.gif);
color: #00A8B5 !important;
}


/* ListArea
------------------------------------------------------ */
#ListArea{
width:350px;
display: inline;
font-size:90%;
float:left; 
}
#ListArea p{
margin:0px;
}

#ListArea dt{
width:12em; float:left;clear: left;
}
#ListArea dd{
margin-left:12em;
}
*html #ListArea dd{
text-indent:-0.3em;
}
/* ListArea2
------------------------------------------------------ */
#ListArea2{
display: block;
font-size:90%;
clear:both;
}
#ListArea2 p{
margin:20px 0px 0px 0px;
}

#ListArea2 dt{
width:12em; float:left;clear: left;
}
#ListArea2 dd{
margin-left:12em;
}
*html #ListArea2 dd{
text-indent:-0.3em;
}

/* logoListArea
------------------------------------------------------ */
#productArea #logoListArea {
float: right;
display: block;
}
#productArea #logoListArea li {
display: block;
float:left;
margin-left: 10px;
}
#logoListArea01{
width:140px;
}

/* heading
------------------------------------------------------ */
/* h1 */
#productArea #mainContentsArea h1 {
margin-bottom: 60px;
}
#productArea #mainContentsArea #mainVisualArea h1 {
margin-bottom: 2px;
}

/* h2 */
#productArea #mainContentsArea h2 {
margin-bottom: 18px;
padding: 5px 0 8px;
background: url(../images/h2_bg_01.gif) left bottom no-repeat;
font-size: 122%;
font-weight: bold;
}
#productArea #mainContentsArea .column h2 {
background-image: url(../images/h2_bg_01_355.gif);
}
#productArea #mainContentsArea h2 span {
display: block;
padding: 2px 0 0 28px;
line-height: 19px;
background: url(../images/h2_bg_01_bullet.gif) left top no-repeat;
}

/* h3 */
#productArea #mainContentsArea h3 {
margin-bottom: 10px;
padding: 6px 6px 4px;
background: #e6e6e6;
font-size: 106%;
font-weight: bold;
color: #666;
}
#productArea #mainContentsArea h3.lead {
padding: 0 0 4px;
background: none;
color: #206141;
}

#productArea #mainContentsArea h3.function_h3 {
background: none;
color: #333333;

padding: 1px 0 0 18px;
line-height: 15px;
background: url(../../function/images/function_h3.gif) left top no-repeat;

}

/* h4 */
#productArea #mainContentsArea h4 {
margin-bottom: 10px;
padding: 2px 6px 0;
line-height: 1.2;
border-left: 3px solid #206141;
background: none;
color: #206141;
}
#productArea #mainContentsArea h4.list {
margin-bottom: 5px;
padding: 0 0 0 6px;
border: none;
background: url(../images/h4_bg_01_bullet.gif) left center no-repeat;
color: #666;
}


/* innerBlock
------------------------------------------------------ */





/* ------------------------------------------------------
asideArea
------------------------------------------------------ */
#productArea #asideArea {
width: 210px;
}

/* localMenuArea
------------------------------------------------------ */
#productArea #asideArea #localMenuArea {
width: 210px;
margin: 10px 0 0;
padding: 110px 0 20px;
background: url(../images/sidebar_prod.jpg) no-repeat;
}
#productArea #asideArea #localMenuArea #localMenuBlock {
width: 100%;
padding: 0 0 30px;
background: url(../images/sidebar_foot.jpg) left bottom no-repeat;
}
#productArea #asideArea #localMenuArea ul {
padding: 0;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background:none;
}
#productArea #asideArea #localMenuArea ul li {
width: 190px;
margin: 0 9px;
padding: 0;
line-height: 1.5;
border-bottom: 1px solid #ccc;
background: none;
vertical-align: bottom;
}
#productArea #asideArea #localMenuArea ul li.last {
border: none;
}
#productArea #asideArea #localMenuArea ul li a {
display: block;
width: auto;
padding: 9px 0 6px;
color: #666;
text-decoration: none;
background: url(../images/lmenu_ico.gif) 0 7px no-repeat;
}
#productArea #asideArea #localMenuArea ul li a.active,
#productArea #asideArea #localMenuArea ul li a:hover,
#productArea #asideArea #localMenuArea ul li a:active,
#productArea #asideArea #localMenuArea ul li a:focus {
background-color: #fff;
background-image: url(../images/lmenu_ico_on.gif);
color: #004a26;
}
#productArea #asideArea #localMenuArea ul li a span {
display: block;
padding-left: 25px;
padding-right: 0;
background: none;
}


/* localBunnerArea
------------------------------------------------------ */
#productArea #asideArea #localBunnerArea {
padding: 0 0 20px 30px;
background: none;
}
#productArea #asideArea #localBunnerArea ul {
padding-bottom: 40px;
background: none;
}
#productArea #asideArea #localBunnerArea ul li {
margin-bottom: 10px;
}





/* ------------------------------------------------------
contentsFooterArea
------------------------------------------------------ */
#contentsFooterArea .arrow span,
#contentsFooterArea .arrow a:link,
#contentsFooterArea .arrow a:visited {
margin-left: 8px;
padding-left: 12px;
background: url(../images/arrow.gif) left center no-repeat;
}
#contentsFooterArea .arrow a:hover,
#contentsFooterArea .arrow a:focus,
#contentsFooterArea .arrow a:active {
background-image: url(../images/arrow_on.gif);
color: #00A8B5 !important;
}
#contentsFooterArea .arrow span {
background: url(../images/arrow_off.gif) left center no-repeat;
color: #ccc !important;
}
#contentsFooterArea .blank span,
#contentsFooterArea .blank a:link,
#contentsFooterArea .blank a:visited {
margin-left: 8px;
padding-right: 12px;
background: url(../images/blank.gif) right center no-repeat;
}
#contentsFooterArea .blank a:hover,
#contentsFooterArea .blank a:focus,
#contentsFooterArea .blank a:active {
background: url(../images/blank_on.gif) right center no-repeat;
color: #00A8B5 !important;
}


/* contentsUtilityArea02
------------------------------------------------------ */
#contentsFooterArea #contentsUtilityArea02 {
height: 30px;
border: none;
color:#cccccc;
background: url(../images/bg_contentsutilityarea02.gif) no-repeat;
}
#contentsFooterArea #contentsUtilityArea02 #subNavArea {
width: auto;
height: 30px;
margin-left: 20px;
display: inline;
}
#contentsFooterArea #contentsUtilityArea02 #subNavArea ul li {
margin: 0 2px 0 0;
padding: 2px 13px 2px 0;
border-right: 1px solid #ccc;
line-height: 30px;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea {
width: auto;
height: 30px;
background: none;
display: inline;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul {
float: none;
padding-left: 0;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul li {
float: none;
display: inline;
margin:0 2px 0 0;
padding: 2px 13px 2px 0;
border-right: 1px solid #ccc;
line-height: 30px;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul li.last {
border: none;
}


#contentsFooterArea #contentsUtilityArea02 #customerArea ul li.blank2 {
	margin-left: 8px;
padding-right: 12px;
color:#cfcfcf;
}


/* cFooterMenuArea
------------------------------------------------------ */
#contentsFooterArea #cFooterMenuAreaWrapper {
background: url(../images/bg_footermenu.gif) repeat-y;
}
#contentsFooterArea #cFooterMenuArea { zoom:1; }
#contentsFooterArea #cFooterMenuArea:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#contentsFooterArea #cFooterMenuArea,
#contentsFooterArea #cFooterMenuArea a {
color: #666;
}
#contentsFooterArea #cFooterMenuArea a:hover {
color: #00A8B5;
}

#contentsFooterArea #cFooterMenuArea dl.col1 {
width: 182px;
}
#contentsFooterArea #cFooterMenuArea dl.col2 {
width: 364px;
}
#contentsFooterArea #cFooterMenuArea dl.col2 dd ul li {
width: 160px;
}

#contentsFooterArea #cFooterMenuArea dl dt {
margin-bottom: 0;
}
#contentsFooterArea #cFooterMenuArea dl dd {
padding-left: 8px;
}


/* localSitemapArea */
#contentsFooterArea #cFooterMenuArea #localSitemapArea {
float: left;
width: 950px;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea h2 {
margin-bottom: 0px;
background: none;
color: #666;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dl {
border-left: 1px solid #ccc;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dt {
background: none;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dl.col1 {
width: 225px;
}


/* productListArea */
#contentsFooterArea #cFooterMenuArea #productListArea {
float:right;
width:183px;
}
#contentsFooterArea #cFooterMenuArea #productListArea p {
padding-bottom:8px;
font-size:115%;
font-weight:bold;
}
#contentsFooterArea #cFooterMenuArea #productListArea dt {
margin-left: 5px;
background: none;
}





/* ------------------------------------------------------
CUSTOM SETTING
------------------------------------------------------ */

/* [custom] : CLEARFIX
------------------------------------------------------ */
.clearfix, .innerBlock, .gotop { zoom:1; }
.clearfix:after, .innerBlock:after, .gotop:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/* [custom] : MARGIN
------------------------------------------------------ */
.margin_l125  { margin-left: 125px; }


/* [custom] : MULTI COLUMN
------------------------------------------------------ */
            .column      { display: inline; float: left; overflow: hidden; margin-right: 20px; margin-bottom: 20px; }
            .column.last { margin-right: 0 !important; }
      .col2 .column      { width: 355px; }
      .col3 .column      { width: 310px; margin-right: 20px;}
      .col4 .column      { width: 232px; margin-right: 14px; }
	  .col3last{width: 310px!important;margin-right:0!important;}
.wide .col4 .column      { width: 232px; margin-right: 14px; margin-bottom: 0; }
      .col2,
      .col3,
      .col4              { width: 730px !important; }
.wide .col2,
.wide .col3,
.wide .col4              { width: 970px !important; }
/* [custom] : LIST
------------------------------------------------------ */
dl.list-icon {
}
dl.list-icon dt {
clear: left;
float: left;
width: 90px;
}
dl.list-icon dd {
margin-left: 90px;
}
dl.list-icon.dt65  dt { width: 65px; }
dl.list-icon.dt65  dd { margin-left: 65px; }
dl.list-icon.dt180 dt { width: 180px; }
dl.list-icon.dt180 dd { margin-left: 180px; }
dl.list-icon.dt342 dt { width: 342px; }
dl.list-icon.dt342 dd { margin-left: 342px; }

ul.note {
font-size: 84%;
}
ul.note li {
padding-left: 1.4em;
text-indent: -1.4em;
}


/* [custom] : TABLE
------------------------------------------------------ */
table.speclist {
table-layout: fixed;
width: 100%;
border-bottom: 1px solid #ccc;
}
table.speclist th,
table.speclist td {
padding: 8px 10px;
border-top: 1px solid #ccc;
vertical-align: top;
}
table.speclist th {
width: 246px;
background: #ececec url(../images/dot_white.gif) left bottom repeat-x;
}
table.speclist td {
background: url(../images/dotline_v.gif) left top repeat-y;
}
table.speclist td.noborder {
border: none;
}


/* [custom] : LINK
------------------------------------------------------ */
.gotop {
margin: 10px 0 25px;
text-align: right;
font-size: 84%;
}
.gotop a {
padding-left: 18px;
line-height: 1;
text-decoration: none !important;
color: #666 !important;
}
.gotop a:link,
.gotop a:visited {
background: url(../images/arrow_gotop.gif) left center no-repeat;
}
.gotop a:hover,
.gotop a:focus,
.gotop a:active {
background: url(../images/arrow_gotop_on.gif) left center no-repeat;
color: #00A8B5 !important;
}

.next_back_navi {
margin: 0;
padding-top: 20px;
line-height: 13px;
font-size: 10px;
}
.back_link {
float: left;
}
.back_link img {
margin-right: 5px;
}
.next_link {
float: right;
}
.next_link img {
margin-left: 5px;
}
.back_link a,
.next_link a {
color: #666 !important;
text-decoration: none !important;
}
.back_link a:hover,
.next_link a:hover {
color: #00A8B5;
text-decoration: none;
}

/*
a.blank {
padding-left: 12px;
background: url(../images/blank.gif) left center no-repeat;
}
a.blank:hover {
background-image: url(../images/blank_on.gif);
}
*/


/* [custom] : MISC
------------------------------------------------------ */
sup, sub {
font-size: 84%;
}


/* [custom] : imgViewer
------------------------------------------------------ */
div.imgViewer {
}
div.imgViewer .imgHolder {
float: right;
}
div.imgViewer ul.list-thumb {
float: left;
}
div.imgViewer ul.list-thumb li a img {
border: 1px solid #000000;
}
div.imgViewer ul.list-thumb li a.active img,
div.imgViewer ul.list-thumb li a:hover img {
border: 1px solid #fff;
}

div#imgViewer-color {
width: 730px;
height: 500px;
background: url(../../design/images/bg_color.jpg) no-repeat;
}
div#imgViewer-color ul.list-thumb {
width: 135px;
padding-top: 13px;
}
div#imgViewer-color ul.list-thumb li {
padding: 0 0 12px 12px;
}

div#imgViewer-form {
width: 730px;
height: 500px;
background: url(../../design/images/bg_form.jpg) no-repeat;
}
div#imgViewer-form ul.list-thumb {
width: 95px;
padding-top: 8px;
position:relative;
left:5px;
}
div#imgViewer-form ul.list-thumb li {
padding: 0 0 3px 9px;
}


/* [custom] : imgFader
------------------------------------------------------ */
div.imgFader {
position: relative;
overflow: hidden;
}
div.imgFader div.imgHolder {
position: absolute;
}

div#imgFader-media {
width: 730px;
height: 390px;
}
div#imgFader-media div.imgHolder {
top: 62px;
left: 406px;
}
div#imgFader-time {
width: 730px;
height: 390px;
}
div#imgFader-time div.imgHolder {
top: 72px;
left: 410px;
}
/*------------------------------------------------------ 
 *
 *
 *
 ------------------------------------------------------ */
.icon02 a:link{
/*background:transparent url(../images/arrow_black.gif) no-repeat left center !important;*/
}
.icon02 a:hover{
/*background:transparent url(../images/arrow_white_on.gif) no-repeat left center !important;*/

}
.textimage{
vertical-align:middle;
margin-bottom:2px;
}
/* additional extra button */
#productArea #mainContentsArea .extraBtn {
position: relative;
}
#productArea #mainContentsArea .extraBtn .button {
position: absolute;
top: 13px;
right: 0;
}
#productArea #mainContentsArea .extraBtn .contlogo {
position: absolute;
top: 6px;
right: 0;
}

.margin_b30 {
	margin-bottom:30px;
	}
	
.margin_b40 {
	margin-bottom:40px;
	}

.margin_b50{
margin-bottom:50px;
}
.imgcenter{
text-align:center;
}
.cimage{
margin:0px 2px;
}

.sup {
	font-size:85%; 
    vertical-align:super; 
    text-decoration:none 
}

.sup2 {
	font-size:75%; 
    vertical-align:super; 
    text-decoration:none 
}