@charset "iso-8859-1";



/* ===========================================

Common Style

=========================================== */

/*Reset*/

*{

margin:0;

padding:0;

}
/*for screen reader skipnav*/
.skipnav{
 margin: 0;
 padding: 0;
 width: 0;
 height: 0;
 overflow: hidden;
 position: absolute;
}


/*all*/

html{

background:#fff;

}

body{

width:700px;

font-family:"Helvetica","serif";

font-size:85%;

line-height:150%;

color:#333;

margin-left:auto;

margin-right:auto;

}

hr{

display:none;

}

img, a img{

border:none;

}









/*link*/



a{

color:#00F;

}

a:visited{

color:#999;

}

a:hover{

}

#subHeaderArea a, 

#breadCrumbArea a, 

#localNaviArea a, 

.return  a, 

#footerArea a{

color:#333;

}

#localNaviArea a{

text-decoration:none;

} 

#subHeaderArea a:visited, 

#breadCrumbArea a:visited, 

#localNaviArea a:visited, 

.return  a:visited,

#footerArea a:visited{

color:#999;

}

#subHeaderArea a:hover, 

#breadCrumbArea a:hover, 

.return  a:hover, 

#footerArea a:hover{

color:#C00;

}

#localNaviArea a:hover{

text-decoration:underline;

} 









.floatL {

float:left;

}

.floatR {

float:right;

}

.clear{

clear:both;

}

.center{

text-align:center;

margin-left:auto;

margin-right:auto;

}

.right{

text-align:right;

}

.left{

text-align:left;

}



















/*Icons--------------------*/

a.close {

background:url(../icon_close.gif) 0 2px no-repeat;

padding-left:14px;

}

a.inquiry {

background:url(../icon_inquiry.gif) 0 2px no-repeat;

padding-left:14px;

}

a.link {

background:url(../icon_link.gif) 0 2px no-repeat;

padding-left:14px;

}

a.other {
background:url(../icon_wht.gif) 0 2px no-repeat;
padding-left:14px;
}


a.magnify {

background:url(../icon_magnify.gif) 0 2px no-repeat;

padding-left:14px;

}

a.minus {

background:url(../icon_minus.gif) 0 2px no-repeat;

padding-left:14px;

}

a.plus {

background:url(../icon_plus.gif) 0 2px no-repeat;

padding-left:14px;

}

a.print {

background:url(../icon_print.gif) 0 2px no-repeat;

padding-left:14px;

}

a.sitemap {

background:url(../icon_sitemap.gif) 0 2px no-repeat;

padding-left:14px;

}

a.down {

background:url(../icon_dwn.gif) 0 2px no-repeat;

padding-left:14px;

}

a.outside{

background:url(../icon_out.gif) 0 2px no-repeat;

padding-left:14px;

}





/* ===========================================

header Area

=========================================== */



#subHeaderArea {

padding-top:15px;



overflow: hidden;

}







#subHeaderArea:after {



content: "";



display: block;



clear: both;



height: 1px;



overflow: hidden;



}







/*\*/



* html #subHeaderArea {



height: 1em;



overflow: visible;



}



/**/



#subHeaderArea .floatR {

float:right;

text-align:right;

}

#subHeaderArea .floatR a {

margin-left:10px;

}

#headerArea {

padding-top:5px;

clear:both;

}

#headerArea ul.headermenu {

list-style-type:none;

margin:0;

padding:0;

background-image: url(../header_home.gif);

height:29px;

padding-left:41px;

}

#headerArea ul.headermenu li {

text-decoration:none;

float:left;

height:29px;

}



#headerArea ul.headermenu li#shop {

width:190px;

}

#headerArea ul.headermenu li#ir {

width:190px;

margin-left:1px;

}

#headerArea ul.headermenu li#corp {

width:190px;

margin-left:24px;

}



#headerArea ul.headermenu li a {

display:block;

text-decoration:none;

text-indent:-10000px;

width: 100%;

height: 100%;

background-image: url(../header_home.gif);

background-repeat: no-repeat;



/*\*/

overflow: hidden;

/**/



}

#headerArea ul.headermenu li#shop a {

background-position: -41px 0px;

}

.brandlist #headerArea ul.headermenu li#shop a {

background-position: -41px -30px;

}

#headerArea ul.headermenu li#ir a {

background-position: -232px 0px;

}

.ir #headerArea ul.headermenu li#ir a {

background-position: -232px -30px;

}

#headerArea ul.headermenu li#corp a {

background-position: -446px 0px;

}

.corporate #headerArea ul.headermenu li#corp a {

background-position: -446px -30px;

}







#breadCrumbArea {

margin:5px 0 9px 0;

clear:both;

}



/*Fontsize--------------------*/

#fontSizeArea {

text-align:right;

}

#fontSizeArea a {

margin: 0px !important;

}



#fontSizeArea img {

margin-left:3px;

}



/* ===========================================

localNaviArea

=========================================== */

#localNaviArea {

width:160px;

float:left;

border-top:solid 1px #CCC;

margin-top:16px;

}

#localNaviArea ul {

margin:0;

padding:0;

list-style-type:none;

}





/*Lv1-Normal*/

#localNaviArea ul li a{

background:url(../icon_link.gif) 5px 15px no-repeat;

padding:10px 0 10px 19px;

display:block;

width:141px;

border-bottom:solid 1px #CCC;

}

#localNaviArea ul li span{

padding:10px 0 10px 4px;

display:block;

width:156px;

border-bottom:solid 1px #CCC;

}

/*link to other corner*/

#localNaviArea ul li.other a{

outline: 1px dotted #F00;

background:url(../icon_wht.gif) 5px 15px no-repeat;

}

/*link to other site*/

#localNaviArea ul li.outside a{

background:url(../icon_out.gif) 5px 15px no-repeat;

}

#localNaviArea ul li li.outside a{

background:url(../icon_out.gif) 15px 15px no-repeat;

}

/*Lv2-Normal*/

#localNaviArea ul li li a{

background:url(../icon_nvlv2.gif) 15px 15px no-repeat;

padding:10px 0 10px 29px;

display:block;

width:131px;

border-bottom:solid 1px #CCC;

}

/*Lv2-Normal-dots*/

#localNaviArea ul li li.dotted a{

border-bottom:dotted 1px #CCC;

}



#localNaviArea ul li li li a {

	padding:10px 0 10px 50px;

	display:block;

	width:110px;

	background:url(../icon_nvlv2.gif) 33px 15px no-repeat;

}









/* ===========================================

contentsArea

=========================================== */

#ContentsArea{

width:520px;

float:right;

}

#ContentsArea .return a{

background:url(../icon_up.gif) 0 2px no-repeat;

padding-left:14px;

}

#ContentsArea .return{

text-align:right;

padding-top:20px;

}



#ContentsArea table{

border-collapse: collapse;

}



/* ===========================================

footer Area

=========================================== */

#footerArea {

width:700px;

padding:30px 0 3px 0;

clear:both;

}

#footerArea #copyright {
font-size:86%;

width:700px;

border-top:solid 1px #999;

margin:5px 0;

padding:5px 0;

}

#footerArea #copyright img {

margin-right:10px;

}



/* ===========================================

POPUP

=========================================== */

.popup #ContentsArea{

float:none;

}

.popup #subHeaderArea .floatR, 

.popup #headerArea ul.headermenu, 

.popup #footerArea a.link{

display:none;

}

.popup .closeArea{

float:right;

padding-top:10px;

}

body.popup, 

.popup #footerArea, 

.popup #footerArea #copyright {

width:520px;

}

.popup #footerArea #copyright {

font-size:86%;

}