@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------
Html , Body
--------------------------------------------------------------*/
html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
	font-size:62.5%;
	color: #333333;	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #e8f0f8;	
}

html,body{
	width: 100%;
	min-width: 970px;	
     /*height:100%;*/
}

* {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

a {
	color: #0068b7;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img{
 border:none;
}


/*----  Bnr-filter  ----*/
aside a:hover img,
#informatinArea a:hover img,
#supplyrecordArea a:hover img,
#FieldsArea a:hover img,
.news-btn-rss a:hover img,
.pagetop-area a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*----  Bnr-border  ----*/
.network-bnr a img,
.relation-area li a img {
 border: 1px solid #EEE;
}
.network-bnr a:hover img,
.relation-area li a:hover img {
 border: 1px solid #0068B7;
}



/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
.clearfix{
    zoom:1;
}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header{
	height: 104px;
	background-color: #0068b7;
	border-bottom: 2px solid #00477d;	
}

#header{
	width: 970px;
	height: 104px;
	margin: 0 auto;
	background: url(../images/header/bg-header.gif) no-repeat top center;
}

#header #logo {
	float:left;
	/*padding-top:40px;*/
  padding-top:30px;
	padding-left:40px;
 position:	relative;
 z-index:	9999;
}

#header #logo h1{
	font-size:62.5%;
}

#header #logo a {
	display: block;	
	width: 191px;
	/*height: 27px;*/
  height: 44px;
	background: url(../images/header/logo.gif) no-repeat left top;
	text-indent:-9999px;
	outline: 0;
}

#header #logo p {
	color: #666666;
	margin-left:200px;
	/*margin-top:-15px;*/
  margin-top:-32px;
}

/*--------------------------------------------------------------
h1 h2
--------------------------------------------------------------*/
h1.tit-main {
	width: 920px;
	height: 130px;
	background: url(../images/products/main.jpg) no-repeat;
	text-indent:-9999px;
	outline: 0;
	margin: 0 0 20px;

}
h2 {
 clear:both;
}

/*--------------------------------------------------------------
selectarea
--------------------------------------------------------------*/

/*----  selectarea  ----*/

#selectarea {
	position: absolute;
	top: 10px;
	left:50%;
	margin-left:-485px;
	width: 970px;}

#selectarea ul li.SubMenu{
  float:right;
  padding-right:5px;}
  
/*----  #search  ----*/
#selectarea #search{
	padding-top:6px;
	padding-right:10px;
	padding-left:0px;
 width:250px;
 line-height:1;}
#search .gsc-control-cse, 
#search .gsc-control-cse-ja,
#search .gsib_a{
    margin:0 !important;
    padding:0 !important;}
#search .gsc-input-box {
 height:23px !important;
 line-height:20px;}
#search .gsib_a{padding: 1px 6px 0 6px !important;}
#search .gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-right: 5px !important;
  padding-bottom:1px !important;
  *padding-bottom:2px !important;
  padding-top:1px !important;}
#search input.gsc-input{
	font-size:12px !important;
	color:#555555 !important;}
#search input.gsc-search-button, 
#search input.gsc-search-button:hover, 
#search input.gsc-search-button:focus {
 border-color: #CCCCCC !important;
 background-color: #E0E0E0 !important;
 background-image: none !important;
 filter: none !important;
	padding:4px 15px !important;
	margin-top:2px !important;}
#search input.gsc-input,
#search .gsc-input-box,
#search .gsc-input-box-hover,
#search .gsc-input-box-focus{
    border:none;}
#search .gsc-search-box .gsc-input > input:focus,
#search .gsc-input-box-focus{
 border:none;
 box-shadow:none;
 outline:none;}
#search #gsc-i-id1{
 border:none !important;
 outline:none !important;}
#gs_cb50.gscb_a{
 font: 27px/13px arial,sans-serif;
 *color:#FFF;}

/*----  btn-global  ----*/
#btn-global a {
	width: 96px;
	height: 36px;
	background: url(../images/header/btn-global.gif) no-repeat left top;
	display: block;
	text-indent:-9999px;
	outline: 0;
	line-height:0;
}

#btn-global a:hover {
	background-position: left bottom;
}


/*----  language  ----*/
#language {
	width: 92px;
	height: 24px;
 line-height:24px;
	margin-top: 7px;
	background: url(../images/header/btn-language.gif) no-repeat left top;
}
#language.btnOn {
	background: url(../images/header/btn-language.gif) no-repeat left bottom;
}
* html #language {
	margin-top: 5px;
 _margin-top: 6px;
}


#language span {
	display:block;
	/*width: 92px;*/
	height: 24px;
 line-height:24px;
	color: #FFF;
	cursor:pointer;
	margin: 0 0 0 5px;
}

#language ul {
	width: 92px;
	display: none;
	position: absolute;
	top: 30px;
	background: #0a52a8;
	padding: 2px 0 3px;
	z-index: 9999;
 line-height:125%;
}

#language li {
	padding: 7px 0 7px 5px;	
}

#language li a {
	display: block;
	color: #FFF;
}

*html #language ul {
	padding-bottom: 2px !important;
}




/*--------------------------------------------------------------
NAVI
--------------------------------------------------------------*/
#gnav {
	width: 605px;
	height: 42px;
	float:right;
	padding-top:62px;
}

#gnav li {
	float: left;		
}

#gnav li a.mm-item-link {
	height: 42px;
	background: url(../images/header/gnav.gif) no-repeat center top;
	display: block;
	text-indent:-9999px;
	outline: 0;
}

#gnav li#gnav-products a.mm-item-link {
	width: 75px;
	background-position: left top;
}

#gnav li#gnav-corporate a.mm-item-link {
	width: 79px;
	background-position: -75px top;
}

#gnav li#gnav-ir a.mm-item-link {
	width: 151px;
	background-position: -154px top;
}

#gnav li#gnav-csr a.mm-item-link {
	width: 121px;
	background-position: -305px top;
}

#gnav li#gnav-recruit a.mm-item-link {
	width: 79px;
	background-position: -426px top;
}

#gnav li#gnav-contact a.mm-item-link {
	width: 100px;
	background-position: -505px top;
}

/*----  gnav hover  ----*/
/*#gnav li#gnav-products a.mm-item-link-hover {
	background-position: left bottom;
}

#gnav li#gnav-corporate a.mm-item-link-hover {
	background-position: -75px bottom;
}

#gnav li#gnav-ir a.mm-item-link-hover {
	background-position: -154px bottom;
}

#gnav li#gnav-csr a.mm-item-link-hover {
	background-position: -305px bottom;
}

#gnav li#gnav-recruit a.mm-item-link-hover {
	background-position: -426px bottom;
}*/
#gnav li#gnav-products a:hover {
	background-position: left bottom;
}

#gnav li#gnav-corporate a:hover {
	background-position: -75px bottom;
}

#gnav li#gnav-ir a:hover {
	background-position: -154px bottom;
}

#gnav li#gnav-csr a:hover {
	background-position: -305px bottom;
}

#gnav li#gnav-recruit a:hover {
	background-position: -426px bottom;
}
#gnav li#gnav-contact a:hover {
	background-position: -505px bottom;
}


/*----  gnav active  ----*/
body#Products #gnav li#gnav-products a {
	background-position: left bottom;
}

body#Corporate #gnav li#gnav-corporate a {
	background-position: -75px bottom;
}

body#Ir #gnav li#gnav-ir a {
	background-position: -154px bottom;
}

body#CSR #gnav li#gnav-csr a {
	background-position: -305px bottom;
}

body#Recruit #gnav li#gnav-recruit a {
	background-position: -426px bottom;
}

body#Contact #gnav li#gnav-contact a {
	background-position: -505px bottom;
}

body#Products #gnav li#gnav-products .mm-content-base ul li dl dd a.page,
body#Corporate #gnav li#gnav-corporate .mm-content-base ul li dl dd a.page,
body#Ir #gnav li#gnav-ir .mm-content-base ul li dl dd a.page,
body#CSR #gnav li#gnav-csr .mm-content-base ul li dl dd a.page,
body#Recruit #gnav li#gnav-recruit .mm-content-base ul li dl dd a.page,
body#Contact #gnav li#gnav-contact .mm-content-base ul li dl dd a.page {
 background: url(../images/common/icon-arrow4.gif) no-repeat 0 50%;
}

/*--------------------------------------------------------------
megamenu
--------------------------------------------------------------*/
ul.megamenu {
  display: none;
}
ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu div.mm-item-content {
  padding: 0px;
  position: absolute;
  z-index: 9;
}
.megaArea {
 	background: url(../images/menu/megamenu-bg-bottom.png) no-repeat left bottom;
  box-shadow: 0 10px 10px  rgba(0,0,0,0.4);
}
*html	.megaArea {
 	background-image:	none;
}
.mm-js-shadow {
  position: absolute;
  z-index: 10;
}

.megaArea1,
.megaArea2,
.megaArea3,
.megaArea4,
.megaArea5 {
 	background: url(../images/menu/megamenu-bg-bottom.png) no-repeat left bottom;
  box-shadow: 0 10px 10px  rgba(0,0,0,0.4);
}
*html	.megaArea1,
*html	.megaArea2,
*html	.megaArea3,
*html	.megaArea4,
*html	.megaArea5 {
 	background-image:	none;
}

.mm-content-base {
  position: relative;
	 width:900px;
	 padding: 30px;
	 margin-bottom:	10px;
 	z-index: 11;
	 color:	#FFF;
  background-color: #0A52A8;
}
.mm-content-base:after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}
.mm-content-base ul	{
 line-height: 180%;
}

	#gnav-products .mm-content-base ul:nth-child(n+2)	{
		float:left;
	}

.mm-content-base ul li	{
 color: #A4C3DB;
 width: 213px;
 margin-right:	16px;
}
.mm-content-base ul li.NoSpace	{
 margin-right: 0;
}
.mm-content-base ul li img	{
 margin-bottom: 10px;
}
.mm-content-base ul li dl	{
 font-size: 1.2em;
}
.mm-content-base ul li dl dt	{
}
.mm-content-base ul li dl dt div	{
 background-color: #FFF;
 margin-bottom: 10px;
}
.mm-content-base ul li dl dt div a	{
 display:	block;
 outline: 0;
}
.mm-content-base ul li dl dt div a img	{
 margin-bottom:0;
}

.mm-content-base ul li dl dt div a:hover	{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#gnav-products .mm-content-base ul li dl dt div a	{
 width: 213px;
 height:95px;
}
#gnav-corporate .mm-content-base ul li dl dt div a,
#gnav-ir .mm-content-base ul li dl dt div a,
#gnav-recruit .mm-content-base ul li dl dt div a	{
 width: 213px;
 height:95px;
}
.mm-content-base ul li dl dd	{
 padding-bottom:20px;
 margin-bottom:20px;
 /margin-bottom:10px;
 border-bottom: 1px solid #074995;
}
.mm-content-base ul li dl dd	p {
 padding: 0 0 0 10px;
 border: none;
}
.mm-content-base ul li dl dd.NoBorder	{
 border-bottom:	none;
}
.mm-content-base ul li dl dd a	{
 color: #A4C3DB;
 padding-left:	10px;
}
.mm-content-base ul li dl dd a.page	{
 color:	#FFF;
 background: url(../images/common/icon-arrow4.gif) no-repeat 0 50%;
 padding-left:	10px;
}

.mm-content-base p{
 width: 100%;
 border-top: 1px solid #074995;
 padding-top:	20px;
 clear: both;
}
.mm-content-base p a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.mm-content-base p #btn-products {
 display:	block;
 width: 117px;
 height: 14px;
 float: right;
}
.mm-content-base p #btn-corporate {
 display:	block;
 width: 131px;
 height: 14px;
 float: right;
}
.mm-content-base p #btn-ir {
 display:	block;
 width: 201px;
 height: 14px;
 float: right;
}
.mm-content-base p #btn-csr {
 display:	block;
 width: 163px;
 height: 14px;
 float: right;
}
.mm-content-base p #btn-recruit {
 display:	block;
 width: 117px;
 height: 14px;
 float: right;
}

.mm-content-base ul li dl dd img.blank {
    margin: 0 0 0 5px;
}

/*--------------------------------------------------------------
side-NAVI
--------------------------------------------------------------*/
/*----  Side List  ----*/
.side-menu {
	margin: 0 0;
	width: 190px;
	font-size: 1.2em;
}

.side-menu li {
	border-bottom: 1px solid #eeeeee;
	
}

.side-menu li a {
	background: url(../images/common/icon-arrow3.gif) no-repeat 9px 15px;
	padding: 15px 0 15px 30px;
	color: #555555;
	display: block;
}

.side-menu li a:hover {
	color: #0068b7;
	text-decoration: none;
}


/*----  Child List  ----*/
.side-menu .side-menu-sub li {
	margin: 0;
	padding: 0;
	border: none;
}

.side-menu .side-menu-sub li a {
	display: block;
	margin: 0;
	padding: 12px 20px 12px 30px;
	color: #FFF;
	background: #0068b7 url(../images/common/bg-list_line.gif) no-repeat top;
	zoom: 1;
}

.side-menu .side-menu-sub a:hover {
	color: #FFF;
	text-decoration: none;
	background: #0a52a8 url(../images/common/icon-arrow4.gif) no-repeat right center;
}


/*----  First & Last  ----*/
.side-menu .list-last {
	border: none;
}

.side-menu .list-active {
	border: none;
	padding-bottom: 5px;
}

.side-menu .list-active a {
	color: #0068b7;
}

.side-menu-sub .list-active-sub {
	background: #0a52a8 url(../images/common/icon-arrow4.gif) no-repeat right center !important;
}


*html .side-menu-sub .sub-last a {
	padding-bottom: 11px !important;
}


/*--------------------------------------------------------------
Pankuzu
--------------------------------------------------------------*/
#pankuzu {
	width: 970px;
	margin: 0 auto;
	padding-top: 15px;	
}

#pankuzu ul {
	margin:0 30px 25px 30px;
}

#pankuzu ul li {
 float: left;
 background: url(../images/common/icon-arrow2.gif) no-repeat left center;
 margin-right: 5px;
 padding-left: 12px;
 color: #666;
}

#pankuzu ul li a {
	color: #999999;
}

#pankuzu ul li.home {
	padding-left: 0;
	background: none;
}


/*--------------------------------------------------------------
wrap
--------------------------------------------------------------*/
#wrap{
    position: relative;
    height:auto !important; /*IE6*/	
    height: 100%;
    min-height: 100%; 
	_padding-bottom:144px; /*Footer*/ /*IE6*/		 
}


/*--------------------------------------------------------------
content
--------------------------------------------------------------*/
#wrapper-Home {
	clear:both;
	width: 970px;
	padding-top: 10px;
	/*padding-bottom:144px;*/ /*Footer*/
	background: url(../images/common/content-bg-top.png) no-repeat center top;
	margin: -244px auto 0;	
	position: relative;
}

#content-Home {
	width: 920px;
	margin: 0 auto;
	background: url(../images/common/content-bg.png) repeat-y center;
	padding:20px 25px 0 25px;
	min-height:200px;
	_height:200px;
   /* position: relative;*/
   /* height:auto !important; *//*IE6*/	
	/*_padding-bottom:144px;*/ /*Footer*/ /*IE6*/
}

 
 
#content-Home{
    zoom:1;/*for IE 5.5-7*/
}

#content-Home:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*------------------------------------------*/
#wrapper {
	clear:both;
	width: 970px;
	padding-top: 10px;
	/*padding-bottom:144px;*/ /*Footer*/	
	background: url(../images/common/content-bg-top.png) no-repeat center top;
	margin:0 auto;
	position: relative;
}

#content{
	width: 920px;
	margin: 0 auto;
	background: url(../images/common/content-bg.png) repeat-y center;
	padding:20px 25px 0 25px;
	min-height:600px;
	_height:600px;		
    /*position: relative;*/
    /*height:auto !important;*/ /*IE6*/	
    /*height: 100%;*/
    /*min-height: 100%; */
	/*_padding-bottom:144px;*/ /*Footer*/ /*IE6*/	
}


#content{
    zoom:1;/*for IE 5.5-7*/
}

#content:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*--------------------------------------------------------------
Side
--------------------------------------------------------------*/
ul.side-bnr{
	margin-bottom: 10px;	
}
ul.side-bnr li img{
	margin-bottom: 10px;	
}

/*----  Side common  ----*/
.side-area-wrapper {
	background: url(../images/common/side-bg_bottom.gif) no-repeat bottom;
	margin-bottom: 20px;
	padding-bottom: 3px;
}

.side-area {
	width: 188px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 10px;
}


.side-area-wrapperGlay {
 background: url(../images/common/side-bg_bottom_glay.gif) no-repeat bottom;
 margin-bottom: 20px;
 padding-bottom: 3px;
}

.side-areaGlay {
	width: 188px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding-top: 10px;
	background-color: #f9f9f9;
}
.side-areaGlay ul {
}
.side-areaGlay ul li {
}
.side-areaGlay ul li a {
 outline: 0;
}


/*----  side-Btn  ----*/
aside ul.side-Btn{
	margin-bottom: 20px;	
	}

aside ul.side-Btn li img{
	margin-bottom: 10px;
}

aside ul.side-Btn li p{
	color:#555555;
	line-height:150%;
}


/*----  Network  ----*/
.network-tit {
	width: 190px;
	height: 35px;
	background: url(../images/common/network-tit.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
}

/*----  tab  ----*/
.tabs-network {
	display:block; 
	overflow:hidden; 
	clear:both;
	margin-left: 9px;
}
	
.tabs-network li {
	float:left;
}

.tabs-network a {
	
	width: 85px;
	height: 58px;
	display: block;
	background-position: top;
	text-indent:-9999px;
	outline: 0;
	
}

#network-tab-japan a {
	background-image: url(../images/common/netwaork-tab_japan.gif);
	background-position: 0 0;
}
#network-tab-global a {
	background-image: url(../images/common/netwaork-tab_global.gif);
	background-position: 0 0;
}

#network-tab-japan.ui-state-active a,
#network-tab-global.ui-state-active a,
#network-tab-japan.ui-state-hover a,
#network-tab-global.ui-state-hover a,
#network-tab-japan.ui-state-selected a,
#network-tab-global.ui-state-selected a{
	background-position: 0 bottom;
}
.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

#tab-btn {
 margin:0 10px 10px 10px;
}
#tab-btn a {
 outline: 0;
}
#tab-btn a img {
 border: 1px solid #EEE;
}
#tab-btn a:hover img {
 border: 1px solid #0068B7;
}




/*----  Relation  ----*/
.relation-tit {
	width: 190px;
	height: 35px;
	background: url(../images/common/relation-tit.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
}

.relation-area ul {
}

.relation-area li img {
	margin: 0 0 10px 9px;
}


/*----  Finance  ----*/

.side-finance {
 margin-bottom: 30px;
}
.side-finance  a {
 margin-bottom: 10px;
 display: block;
}
.side-finance-txt {
 line-height: 150%;
	text-align:justify;
	text-justify:inter-ideograph;
}

/*----  ir  ----*/
.irMaterial-tit {
	width: 190px;
	height: 35px;
	background: url(../images/common/ir_material-tit.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
}
.irMaterial-list {
}
.irMaterial-list li {
 background: url(../images/common/icon-arrow1.gif) no-repeat 0 0.5em;
 font-size: 1.2em;
 line-height: 180%;
 border-bottom: 1px dotted #CACACA;
 padding: 0 0 10px 15px;
 margin: 0 auto 10px;
 width: 150px;
}
.irMaterial-list li img {
 vertical-align: text-top;
 margin-right: 5px;
}
.irMaterial-list li a {
 color: #555;
}
.irMaterial-list li a:hover {
	color: #0068b7;
}
.irMaterial-list li.irMaterial-list-last {
 border:none;
 margin-bottom: 0;
}





/*--------------------------------------------------------------
bnr-bottom
--------------------------------------------------------------*/
.bnr-bottom-area {
	clear:both;
	width: 710px;
	background-color: #f9f9f9;
}

.bnr-bottom-area ul {
	padding: 20px 0 15px 20px;
}

.bnr-bottom-area ul li {
	float: left;
	margin-right: 5px;
}

.bnr-bottom-area ul li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*--------------------------------------------------------------
precautionArea
--------------------------------------------------------------*/
#precautionArea{
  font-size:1.2em;
 }
 #precautionArea a:link,
 #precautionArea a:visited{
  text-decoration:underline;}
 #precautionArea a:hover{
  text-decoration:none;}
 #precautionArea dt{
  background: url(../images/products/tit-howto.gif) no-repeat;
  width: 920px;
  height:35px;
  text-indent:-9999px;}
 #precautionArea dd{}
 #precautionArea dd ul{
  margin-top:14px;
  margin-bottom:10px;}
 #precautionArea dd li{
  list-style-type: disc;
  margin-left:15px;
  line-height:150%;
  margin-top:3px;}


#system{}
#system li {
 background: url(../images/common/icon-list.gif) no-repeat left 0.2em;
 text-indent:15px;
 margin-bottom:	5px;
 color: #555;
 /*margin-left:10px;*/
 margin-bottom:30px;
}
#system li p {
 margin-top:10px;
}
#system li span{color: #333333;}
#downloadArea{
  font-size:1.2em;
  line-height:1;
 }
#downloadArea a{
 text-decoration:underline;
}
#downloadArea a:hover{
 text-decoration:none;
}

/*--------------------------------------------------------------
Pagetop
--------------------------------------------------------------*/
.pagetop-area {
	width: 940px;	
	margin: 0 auto;
	padding: 30px 15px 10px 15px;	
	background: url(../images/common/content-bg.png) repeat-y center;
	text-align:right;
}



/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
footer{
	clear:both;	
	height:144px;/*40+24*/
	_position:absolute; /*IE6*/
	/*_bottom:0; IE6*/
}


footer #ftBox {
	clear:both;	
	height:80px;/*40+24*/
	background-color: #0068b7;
	border-top: 1px solid #193251;
}


footer #ftArea {
	width: 960px;	
	margin: 0 auto;
	padding: 25px 5px 0 5px;
	/*background-color: #cccccc;*/
}

footer #ftArea ul.ftnav {
	float: left;
}

footer #ftArea ul.ftnav li {
	float: left;
	margin-right: 8px;
	padding: 0 8px 0 0;
	border-right: 1px dotted #5a8eb5;}

footer #ftArea ul.ftnav li a {
	color: #FFF;
	text-decoration: none;
}

footer #ftArea ul.ftnav li a:hover {
	text-decoration: underline;
}

footer #ftArea ul.ftnav li.ftnav-last {
	border: none;
}


footer #ftArea address {
	float: right;
	width: 293px;
}

footer #ftArea address #footer-logo {
	margin-bottom: 7px;
	text-align: right;
}

footer address #copyright {
	width: 293px;
	height: 11px;
	background: url(../images/footer/copyright.gif) no-repeat;
	text-indent:-9999px;
	outline: 0;
}

/*ftSNS 20230114*/
.ftSNS{
  width: 920px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}
.ftSNS ul{
  display: flex;
  justify-content: center;
  column-gap: 30px;
  border-top:1px solid #f3f5f7; 
  padding: 30px 0 0 0;
}
.ftSNS ul li{
  width: 44px;
}
.ftSNS ul li img{
  width: 100%;
  height: auto;
}
.ftSNS ul li a:hover {
  opacity: 0.8;
}



/*--------------------------------------------------------------
erroe
--------------------------------------------------------------*/
#ER {
background-image: url(../images/common/err_bg1.gif);
background-repeat: no-repeat;
padding-top: 56px;
margin-top: 20px;
}
#ER ul {
background-color:#FFF8F8;
padding: 0 100px 10px 100px;
}
#ER li {
color: #E50011;
font-size: 1.2em;
margin-bottom: 10px;
list-style: disc;
}
div.err {
background-image: url(../images/common/ico_err.gif);
background-repeat: no-repeat;
padding-left: 25px;
line-height: 20px;
color: #E50011;
font-size:1.2em;
font-weight: bold;
visibility: inherit;
margin: 2px 0;
height: 20px;
}

/*--------------------------------------------------------------
newsletter
--------------------------------------------------------------*/
#newsletter {
 font-size: 1.2em;
 padding-top:20px;
}
#newsletter h4 {
 font-weight:bold;
 margin-bottom:5px;
}
#newsletter #mail-checkbox {
 margin: 15px 0 10px 15px;
}
#newsletter #mail-checkbox input {
 margin-right:5px;
}
#newsletter p {
 font-size:1.0em;
 padding:10px 20px;
 margin-bottom:10px;
 background-color:#F9F9F9;
}

/*
.table.customer
------------------------------*/
.primary table.customer{
  width:100%;
  border-top:#EEE 1px solid;
  border-left:#EEE 1px solid;
  margin-bottom:15px;
  border-collapse:collapse;}
 .primary table.customer th{
   background-color:#F9F9f9;
   padding:13px 10px 10px 10px;
   font-weight:bold;
   text-align:right;
   vertical-align:top;
   font-size:1.2em;
   border-right:#EEE 1px solid;
   border-bottom:#EEE 1px solid;
   width:200px;}
 .primary table.customer td{
  padding:10px;
  border-right:#EEE 1px solid;
  border-bottom:#EEE 1px solid;}
  .primary table.customer td span.gy{
    color:#555;}
  .primary table.customer td span.ex{
  display:block;
  margin-top:3px;
  }
  
.TxtRed{
 color:#E7011D;}
.fontSize12{
 font-size:1.2em;}

iframe{
 width:710px;
 height:215px;
 border:#EEE 1px solid;} 
#privacyCheck{
 text-align:center;
 font-size:1.2em;
 line-height:1;
 margin:30px 0 25px 0;}
 
#BtnArea {
background-color:#FFF8F8;
text-align: center;
height: 40px;
padding-top: 10px;
margin-top:50px;
}
#BtnArea input {
height: 30px;
width: 150px;
margin-right: 10px;
margin-left: 10px;
}
#BtnArea span {
padding-top: 7px;
display: inline-block;
vertical-align: top;
}
#BtnArea span a {
 text-decoration:underline;
 font-size:1.2em;
 margin-left:10px;
}
#BtnArea span a:hover {
 text-decoration:none;
}
.txtAreaS{
  width:55px;
  font-size: 1.2em;
 color: #333333;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.txtAreaM{
  width:210px;
  font-size: 1.2em;
 color: #333333;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.txtAreaL{
  width:400px;
  font-size: 1.2em;
 color: #333333;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.txtAreaF{
 width:100%;
 height:95px;
 margin-top:5px;
 font-size: 1.2em;
 color: #333333;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#productInfo{
 font-size:1.2em;
 margin-top:10px;}
 #productInfo input{
  margin-right:3px;
  vertical-align: baseline;}
 #productInfo .txtAreaM{
  margin-top:20px;}
#Step{
 text-align:center;
 padding-bottom:45px;}
.categoTxt{
 margin-bottom:10px;}
 
 /*
#thanksWrap
------------------------------*/
#thanksWrap{
 width:560px;
 margin:0 auto;}
#thanksTxt{
 font-size:1.4em;
 line-height:240%;
 text-align:center;
 font-weight:bold;
 margin-bottom:30px;
}
#receiptNumber{
  color:#E7001C;
  font-weight:bold;
  background: url(../images/bg-w560.gif) no-repeat;
  text-align:center;
  line-height:73px;
  font-size:1.2em;
  margin:20px 0 10px 0;}
  

 /*
.loginBtn
------------------------------*/
.loginBtn{
 padding:10px;
 background-color:#F9F9F9;
 margin-bottom:15px;
 margin-top:100px;}
.loginBtn a {
	display: block;	
	width: 187px;
	height: 48px;
 margin:0 auto;
	background: url(../images/common/btn-back-login.gif) no-repeat left top;
	text-indent:-9999px;
	outline: 0;}
 .loginBtn a:hover{
   background-position: bottom;}

.inputBtn {
background-color:#FFF8F8;
text-align: center;
height: 40px;
padding-top: 10px;
}
.inputBtn input {
height: 30px;
width: 150px;
margin-right: 10px;
margin-left: 10px;
}

.searchBtn2 a {
	display: block;	
	width: 187px;
	height: 48px;
 margin:30px auto 0;
	background: url(../images/common/btn-search2.gif) no-repeat left top;
	text-indent:-9999px;
	outline: 0;}
 .searchBtn2 a:hover{
   background-position: bottom;}


/*--------------------------------------------------------------
user-info-area
--------------------------------------------------------------*/
#user-info-area {
 background: url(../search/images/bg-user-area.gif) no-repeat;
 width:314px;
 height:25px;
 float:right;
 padding:4px;
 margin-bottom:20px;
}
#user-info-area p {
 text-indent:-9999px;
 height:0;
 width:0;
}
#user-info-area ul {
 margin-left:80px;
}
#user-info-area ul li {
 float:left;
}
#user-info-area ul li a {
 width:50px;
 height:25px;
 display:block;
 text-indent:-9999px;
 outline:0;
}
#user-info-area ul li#user-change a:hover,
#user-info-area ul li#user-delete a:hover,
#user-info-area ul li#user-logout a:hover {
 background-position:bottom;
}
#user-info-area ul li#user-change a {
 margin-right:4px;
 background: url(../search/images/btn-user-change.gif) no-repeat;
}
#user-info-area ul li#user-delete a {
 margin-right:18px;
 background: url(../search/images/btn-user-delete.gif) no-repeat;
}
#user-info-area ul li#user-logout a {
 width:110px;
 background: url(../search/images/btn-user-logout.gif) no-repeat;
}

 /*
user-info-area hover
------------------------------*/
body.UserChangeStep1 #user-info-area ul li#user-change a,
body.UserChangeStep2 #user-info-area ul li#user-change a,
body.UserChangeStep3 #user-info-area ul li#user-change a {
 background-position:bottom;
}
body.UserDeleteStep1 #user-info-area ul li#user-delete a,
body.UserDeleteStep2 #user-info-area ul li#user-delete a {
 background-position:bottom;
}

a#Btnback {
 cursor: pointer;
 margin-left:	10px;
 text-decoration: underline;
}
a#Btnback:hover {
 text-decoration: none;
}


a.abroad {
	background: url(../images/common/icon-arrow3.gif) no-repeat 0 0.1em;
 padding-left:15px;
 text-decoration:none;
 margin-left:20px;
 font-size:1.2em;
}
a.abroad:hover {
 text-decoration:underline;
}


.subSearch th img.note {
 vertical-align:text-top;
}
.note2 {
 vertical-align:text-top;
}