@charset "utf-8";


/* ------------------------------------------------------
bodyArea
------------------------------------------------------ */
html > body #body {
margin: 0 auto;
}
* html body #body {
text-align: left;
}
#hd {
margin-bottom: 0;
}
#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;
}

/*--バナーが2段の場合--*/
body#top-01-01 #bd {
background: url(../images/bg_body_home.gif) 0 260px repeat-x;
}

body#top-01-01 #bd #mainVisualArea{
height:372px;
}

/*--バナーが1段の場合--*/
body#top-01-01 #bd_s {
background: url(../images/bg_body_home_s.gif) 0 260px repeat-x;
}

body#top-01-01 #bd_s #mainVisualArea{
height:312px;
}

/* ------------------------------------------------------
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: 0 ;
}
#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;
}

#productArea #mainVisualArea ul#visualAreaBanner {
	position: absolute;
	top: 253px;
	left: 240px;
	height: 48px;
}
#productArea #mainVisualArea ul#visualAreaBanner2 {
	position: absolute;
	top: 308px;
	left: 240px;
	height: 48px;
}
#productArea #mainVisualArea ul#visualAreaBanner2 li,
#productArea #mainVisualArea ul#visualAreaBanner li { display: inline; float: left; width: 125px; }


/* featureArea
------------------------------------------------------ */
#productArea #featureArea dd {
height: 87px;
}
#productArea #featureArea dd p {
padding: 15px 0 0 10px;
}
#productArea #featureArea dd p a {
padding-left: 18px;
background: url(../images/arrow_gray.gif) left center no-repeat;
font-size: 92%;
color: #000000 !important;
}
#productArea #featureArea dd p a:hover {
background-image: url(../images/arrow_gray_on.gif);
color: #00A8B5 !important;
}
#productArea #featureArea dd{
	background:url(../../images/index_menu_bg00.jpg) no-repeat;
}


/* logoListArea
------------------------------------------------------ */
#productArea #logoListArea {
float: right;
}
#productArea #logoListArea li {
display: inline;
margin-left: 30px;
}


/* 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: 132%;
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: 110%;
font-weight: bold;
color: #666;
}
#productArea #mainContentsArea h3.lead {
padding: 0 0 4px;
background: none;
color: #e3047e;
font-size: 120%;
}

/* h4 */
#productArea #mainContentsArea h4 {
margin-bottom: 10px;
padding: 2px 6px 0;
line-height: 1.2;
border-left: 3px solid #e3047e;
background: none;
color: #e3047e;
}
#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;
}

/* h5 */
#productArea #mainContentsArea h5 {
font-weight:bold;
color: #e3047e;
}

#productArea #mainContentsArea h5.lead {
	font-weight:normal;
}

/* 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: 13px;
right: 0;
}
#productArea #mainContentsArea .extraBtn#extraIcon .contlogo{
position: absolute;
top: -1px;
right: 0;
}


/* 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: #e3047e;
}
#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;
}
#contentsFooterArea .blank span {
color: #ccc !important;
}

/* contentsUtilityArea02
------------------------------------------------------ */
#contentsFooterArea #contentsUtilityArea02 {
height: 30px;
border: none;
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 12px 2px 0;
border-right: 1px solid #ccc;
line-height: 30px;
}
#contentsFooterArea #contentsUtilityArea02 #customerArea ul li.last {
border: none;
}


/* 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: 225px;
}
#contentsFooterArea #cFooterMenuArea dl.col2 {
width: 450px;
}
#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 {
width: 950px;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea h2 {
margin-bottom: 5px;
background: none;
color: #666;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dl {
border-left: 1px solid #ccc;
}
#contentsFooterArea #cFooterMenuArea #localSitemapArea dt {
background: none;
}


/* 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; }
.wide .col2 .column      { width: 456px; }
.wide .col2 .column.w550 { width: 550px; }
.wide .col2 .column.w360 { width: 360px; }
.wide .col3 .column      { width: 280px; margin-right: 10px; }
      .col3 .column      { width: 220px; margin-right: 35px; }
      .col3_2 .column    { width: 230px; margin-right: 20px; margin-bottom:5px; }
      .col4 .column      { width: 172px; margin-right: 14px; }
.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;
margin:0 auto;
text-align:center;
}
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.dt100 dt { width: 100px; }
dl.list-icon.dt100 dd { margin-left: 100px; }
dl.list-icon.dt90  dt { width: 90px; }
dl.list-icon.dt90  dd { margin-left: 90px; }
dl.list-icon.dt110 dt { width: 110px; }
dl.list-icon.dt110 dd { margin-left: 110px; }
dl.list-icon.dt130 dt { width: 130px; }
dl.list-icon.dt130 dd { margin-left: 130px; }
dl.list-icon.dt140 dt { width: 140px; }
dl.list-icon.dt140 dd { margin-left: 140px; }
dl.list-icon.dt150 dt { width: 150px; }
dl.list-icon.dt150 dd { margin-left: 150px; }
dl.list-icon.dt160 dt { width: 160px; }
dl.list-icon.dt160 dd { margin-left: 160px; }
dl.list-icon.dt180 dt { width: 180px; }
dl.list-icon.dt180 dd { margin-left: 180px; }
dl.list-icon.dt370 dt { width: 370px; }
dl.list-icon.dt370 dd { margin-left: 370px; }


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;
}
table.speclist td.border{
border-top: 1px solid #ccc;
}

table.speclist td.border_d{
border-bottom: 1px solid #ccc!important;
padding-top:5px!important;
}


/*コンテンツ内　表組*/
table.speclist.cont_border {
border-right: 1px solid #ccc;
border-bottom:none;
}
table.speclist.cont_border th{
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
	}
	table.speclist.cont_border td {
background:none;
		}
table.speclist.cont_border th,
table.speclist.cont_border td {
border-bottom: 1px solid #ccc;
padding: 8px 10px !important;
border-left: 1px solid #ccc;
}


/* [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;
}


/* [custom] : button
------------------------------------------------------ */
p.button {
height: 30px;
margin: -10px 0 0;
padding-right: 10px;
background: url(../images/button_r.gif) right top no-repeat;
}
p.button a {
display: block;
float: right;
line-height: 23px;
padding: 0 0 0 23px;
background: url(../images/button.gif);
color: #fff !important;
text-decoration: none;
}
p.button a:hover {
color: #00A8B5 !important;
}


/* [custom] : logo
------------------------------------------------------ */
p.contlogo {
height: 30px;
margin: -18px 0 0;
padding-right: 10px;
}
p.contlogo img{
float: right;
}

/* [custom] : MISC
------------------------------------------------------ */
sup, sub {
font-size: 84%;
}
p.img_center,
dd.img_center {
margin: 0px auto;
text-align: center;
}


/* [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 #c0c0c0;
}
div.imgViewer ul.list-thumb li a.active img,
div.imgViewer ul.list-thumb li a:hover img {
border: 1px solid #7b7b7b;
}

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

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: 13px;
}
div#imgViewer-form ul.list-thumb li {
padding: 0 0 5px 13px;
}


/* [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: 72px;
left: 410px;
}
div#imgFader-time {
width: 730px;
height: 390px;
}
div#imgFader-time div.imgHolder {
top: 72px;
left: 410px;
}
img.mid{
vertical-align:middle;
}

/* logoListArea
------------------------------------------------------ */
#productArea #logoListArea {
float: right;
display: block;
width:330px;
}
#productArea #logoListArea li {
display: block;
float:left;
margin-left: 10px;
}
#productArea #logoListArea li{
display: block;
float:left;
margin-left: 10px;
}
#logoListArea01{
width:135px;
margin-left:0px!important;
}

.margin_t-30{
	margin-top:-30px;
}
.margin_t-50{
	margin-top:-55px;
}
h3.lead_be{
	margin:30px 0 24px 0 !important;
}
h3.lead_be img{
	position:absolute;
	left:515px;
	margin:-10px 0 0 0 !important;
}