html {overflow-y:scroll;}


body {

  font-family: Arial,Helvetica,sans-serif,'ＭＳ Ｐゴシック';
  font-weight: normal;
  font-style: normal;

  letter-spacing: 0.1em;
  color: #000000;
  text-align: center;
  vertical-align:middle;
  background-color: #ffffff;
  background: url(../top/back01.gif) repeat-x center top;
  
}


.frame01 {margin:0px;}

.tex01 {font-size: 12px; padding:10px;}
.tex02 {font-size: 14px; font-weight: normal; color: #000000; font-family: Times New Roman; letter-spacing: 0em;}
.tex03 {font-size: 12px; font-weight: normal; color: #000000; font-family: Times New Roman; letter-spacing: 0.09em;}
.tex04 {font-size: 12px; line-height: 160%; letter-spacing: 0.09em;}
.tex04 a{text-decoration: none;}
.tex04 a:hover{text-decoration: none; color: #4488ff;}
.tex05 {font-size: 12px; line-height: 160%; letter-spacing: 0px;}
.tex06 {font-size: 14px; line-height: 160%; letter-spacing: 0px;}

.homelink a img {text-decoration:none; border: none;}
.upmargin {display:block; height:15px; width:800px;}
.tex_footer {font-size: 12px; color: #666666; text-align: center; padding: 10px 0px 0px 0px;}


.box01 {width: 800px; height: 360px; border: 1px solid #cccccc; text-align: left;}
.box02 {width: 800px; height: 61px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color:#cccccc;}
/* box02 option*/ 
.box02 img {padding:2px 0px 0px 1px; border-style:none;}
.box02 a:hover img {position:relative; top:-1px; filter: alpha(opacity=60); opacity:0.60;}
.box02 a:active { filter: alpha(opacity=60); opacity:0.60;}
.box02 a:focus {filter: alpha(opacity=60); opacity:0.60; border-width:0px 0px 2px 0px; border-color:red; border-style: solid; outline:0px none black; }

.box03 {width: 266px; height: 40px; float:left; text-align: center; padding :2px 0px 0px 0px;}
/* box03 option*/ 
.box03 a img {border: none;}
.box03 a {text-decoration:none;}

.box04 {width: 266px; height: 40px; float:left; text-align: center; padding :25px 0px 0px 0px;}
.box05 {width: 800px; height: 300px; border: 1px solid #cccccc; background-color: #FFFFFF;}
.box06 {width: 800px; height: 24px; clear: both ;background: url(../top/menu_back01.gif) repeat-x bottom ;}
.box07 {height: 12px; display:block; font-size:8px; line-height:100%; vertical-align:bottom; text-align:right; color: #333333; padding :1px 8px 0px 0px;}
.box08 {width: 800px; height: 84px; background: url(../top/ritumen01.gif) no-repeat top center; text-align: center;}
.box09 {}
.box10 {border-width: 0px 0px 1px 0px;margin: 4px 0px 4px 0px; border-style: dashed; border-color:#999999; width:223px; height:1px;}


.box11 {padding:164px 0px 0px 0px; background-color: #FFFFFF;width: 800px; height: 360px;}
.box12 {width: 800px; height: 1px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color:#cccccc;}

.box21 {overflow:hidden; width: 800px; height: 360px; border: 1px solid #cccccc; background: url(../concept/concept_back01.jpg) no-repeat top center; overflow: hidden;}
.box22 {width: 800px; height: 40px;font-size: 25px; font-weight: bold; color: #000000; font-family: Times New Roman; letter-spacing: 1px;line-height: 200%;}
.box23 {position: relative; top: 20px;left: 0px;}
.box24 {}


.box31 {width: 800px; height: 360px; border: 1px solid #cccccc; background: url(../concept/making_back01.gif) no-repeat top center;}

.box41 {width: 800px; height: 360px; border: 1px solid #cccccc; background: url(../process/process_back01.gif) repeat-x top center; background-color: #ffffff; text-align: left;}
.icon41 {position:relative; top:86px;left: 265px; }
.icon42 {position:relative; top:86px;left: 625px; }
.icon43 {position:relative; top:86px;left: 990px; }
.icon44 {position:relative; top:86px;left: 1350px; }
.icon45 {position:relative; top:86px;left: 1720px; }
.box42 {float:left; text-align: center; padding:0px 10px 0px 0px;}
.box43 {float:left; width: 200px; text-align: left;  font-size: 12px; line-height: 17px; letter-spacing: 1px;}
.box44 {float:left;  width: 275px; padding :3px 0px 0px 0px; text-align: left;  font-size: 12px; line-height: 17px; letter-spacing: 1px;}



.box51 {width: 800px; height: 360px; border: 1px solid #cccccc; overflow: hidden; background-color: #FFFFFF;}
.box52 {width: 160px; border: 0px; float:left; text-align: right; padding:0px 10px 0px 0px;}
.box53 {width: 400px; border: 0px; float:left; text-align: left;}
.box54 {clear: both ; width: 400px; padding:20px 0px 20px 0px; text-align: center;}
.box55 {position:relative; top:-360px; width: 800px; height: 360px; display: block;}
.box56 {width: 800px; height: 360px; display: block;}

.box61 {width: 802px; height: 362px; border: 1px solid #cccccc; background: url(../staff/staff_back01.jpg) no-repeat top center;}
.box62 {height: 230px; float:left; text-align: left; padding :0px; font-size: 15px; line-height: 140%; color: #ffffff;}
.box63 {width:  80px; float:left; text-align: center; padding :4px; font-size: 12px; line-height: 140%; color: #ffffff;}
.box64 {padding :0px 0px 15px 0px; text-align: left; font-size: 15px;color: #ffffff;}
.box65 {}
.box66 {}
.box67 {width: 240px; height: 230px; float:left; text-align: center;}


.box71 {width: 800px; height: 360px; border: 1px solid #cccccc; background: url(../recruit/recruit_back03.jpg) no-repeat top center; overflow: hidden}
.box72 {padding:50px 0px 0px 0px;text-align: center; font-size: 14px;font-weight: 600;}
.box73 {width: 160px; text-align: right; padding:0px 30px 0px 0px;}
.box74 {width: 570px; text-align: left;}
.box75 {margin: 0px 0px 0px 0px ; height:0px; width: 800px; border-width: 0px 0px 1px 0px; border-style: solid; border-color:#ff0000;}
.box76 {margin: 0px 0px 0px 0px ; height:0px; width: 800px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color:#ff9999;}
.box77 {background-color:#ffff66; height:1px; width: 800px;}
.box78 {position:relative; top:-210px;left: 70px; filter: alpha(opacity=85); opacity:0.85;}

.box81 {width: 800px; height: 360px; border: 1px solid #cccccc; overflow: hidden;}
.box81 a img {border: none;}

.rbox01 {filter: alpha(opacity=75); opacity:0.75; position:relative; top:-290px;left: 480px; width: 264px; height: 80px; background: url(../top/r_box01.gif) no-repeat top left; text-align: left; vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.rbox02 {filter: alpha(opacity=75); opacity:0.75; position:relative; top:-400px;left:1150px; width: 239px; height:170px; background: url(../top/r_box02.gif) no-repeat top left; text-align: left; vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.rbox03 {filter: alpha(opacity=75); opacity:0.75; position:relative; top:-435px;left:1720px; width: 264px; height: 80px; background: url(../top/r_box01.gif) no-repeat top left; text-align: left; vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.rbox04 {filter: alpha(opacity=75); opacity:0.75; position:relative; top:-432px;left:2265px; width: 269px; height: 90px; background: url(../top/r_box03.gif) no-repeat top left; text-align: left; vertical-align:top; display:block; padding:0px 0px 0px 16px;}

.items a:link,a:visited,a:active { text-decoration: none; color: #112266;}
.mark01 {position:relative; top:-723px;left:485px;}
.mark02 {position:relative; top:-470px;left:2525px;}

.mark03 {position:relative; top:-786px;left:30px;}
.mark04 {position:relative; top:-731px;left:1880px;}

#rbox01 a:hover {color: #000000; background: url(../top/r_box01b.gif) no-repeat top left; display:block;}
#rbox02 a:hover {color: #000000; background: url(../top/r_box02a.gif) no-repeat top left; display:block;}
#rbox03 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}
#rbox04 a:hover {color: #000000; background: url(../top/r_box03a.gif) no-repeat top left; display:block;}
#rbox04 .rbox04 img {padding: 1px 0px 0px 35px;}

.posi01 {position:relative; top:-10px;}
.banner01 {position: relative; top:-243px;left:292px; display: inline;}
.banner01 a:hover img { filter: alpha(opacity=60); opacity:0.60;}


#menu01 a:link,
#menu01 a:visited 	 {height: 24px; color: #557788; font-size: 13px ;font-weight: bold; padding: 0px 11px 10px 11px; text-decoration: none;}
#menu01 a:link.active, 
#menu01 a:visited.active {height: 24px; color: #FF0000; background: url(../top/carsol02.gif) no-repeat bottom center;}
#menu01 a:hover 	 {height: 24px; color: #000000; background: url(../top/carsol01.gif) no-repeat bottom center;}

/*slider01*/
.sliderGallery {width: 800px; height: 360px; overflow: hidden; position: relative;}
.sliderGallery UL {position: absolute; overflow: visible ; white-space: nowrap; padding: 0px; margin: 0px;}

.handle {width: 140px; height: 24px; position: relative; top:0px;left:0px; cursor:e-resize; z-index: 100; background: url(../top/slider01.gif) no-repeat;}
.items {position:absolute; text-align:left; margin:0px; padding:0px; display:inline;}
.slider {display:block; width: 800px; height: 24px; background: url(../top/slider_back01.gif) no-repeat; z-index:105; position:relative;}
.slider-lb  {display:block; float:left; width: 200px; position: relative;top: -22px; font-size: 14px; font-weight: bold;color: #ffffff; letter-spacing: 0.4em; text-align: center;}

/*slider02*/
.process01 {background: url(../process/process_line01.jpg) no-repeat bottom right;}
.slider-lb02  {display:block; float:left; width: 160px; position: relative;top: -22px; font-size: 15px; font-weight: bold;color: #ffffff; text-align: center;}

.rbox41  {position:relative; top:-317px;left:  25px; filter: alpha(opacity=75); opacity:0.75; width: 264px; height: 80px; background: url(../top/r_box01k.gif) no-repeat top left; text-align: left;  vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.arrow41 {position:relative; top:-368px;left: 348px; height: 14px; vertical-align: baseline; filter: alpha(opacity=50); opacity:0.50;}

.rbox42  {position:relative; top:-411px;left: 425px; filter: alpha(opacity=75); opacity:0.75; width: 264px; height: 80px; background: url(../top/r_box01k.gif) no-repeat top left; text-align: left;  vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.arrow42 {position:relative; top:-462px;left: 758px; height: 14px; vertical-align: baseline; filter: alpha(opacity=50); opacity:0.50;}

.rbox43  {position:relative; top:-505px;left:  825px; filter: alpha(opacity=75); opacity:0.75; width: 264px; height: 80px; background: url(../top/r_box01k.gif) no-repeat top left; text-align: left;  vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.arrow43 {position:relative; top:-556px;left: 1138px; height: 14px; vertical-align: baseline; filter: alpha(opacity=50); opacity:0.50;}

.rbox44  {position:relative; top:-599px;left: 1225px; filter: alpha(opacity=75); opacity:0.75; width: 264px; height: 80px; background: url(../top/r_box01k.gif) no-repeat top left; text-align: left;  vertical-align:top; display:block; padding:0px 0px 0px 16px;}
.arrow44 {position:relative; top:-650px;left: 1538px; height: 14px; vertical-align: baseline; filter: alpha(opacity=50); opacity:0.50;}

.rbox45  {position:relative; top:-693px;left: 1625px; filter: alpha(opacity=75); opacity:0.75; width: 264px; height: 80px; background: url(../top/r_box01k.gif) no-repeat top left; text-align: left;  vertical-align:top; display:block; padding:0px 0px 0px 16px;}


#rbox41 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}
#rbox42 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}
#rbox43 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}
#rbox44 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}
#rbox45 a:hover {color: #000000; background: url(../top/r_box01a.gif) no-repeat top left; display:block;}




/*preload classes*/
.svw {background: #ffffff;} 
.svw ul {position: relative; left: -999em;}
.ldrgif {padding:164px 0px 0px 384px;} 


/*core classes*/ 
.stripViewer { position: relative; overflow: hidden;  margin: 0px; } 
.stripViewer ul { float:left; margin: 0px; padding: 0px; position: relative; left: 0px; top: 0px; width: 1%; list-style-type:none; } 
.stripViewer ul li { float:left;} 
.stripTransmitter { width: 1%;} 
.stripTransmitter ul { margin: 0px; padding: 0px; list-style-type:none;} 
.stripTransmitter ul li{ width: 36px; float:left; margin: 0px 8px 0px 0px; position: relative; top:-24px; left:8px;} 
.stripTransmitter a{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #ff0000; color: #ffffff; text-decoration: none; display: block; } 
.stripTransmitter a:visited{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #ff0000; color: #ffffff; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #eeeeee; color: #ff0000; } 

#svw02 .stripTransmitter ul li{ width: 100px; float:left; margin: 0px 8px 0px 0px; position: relative; top:-24px; left:8px;} 
#svw02 .stripTransmitter a{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #ff0000; color: #ffffff; text-decoration: none; display: block; } 
#svw02 .stripTransmitter a:visited{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #ff0000; color: #ffffff; text-decoration: none; display: block; } 
#svw02 .stripTransmitter a:hover{ background: #eeeeee; color: #ff0000; }
#svw02 .stripTransmitter a.current{ background: #eeeeee; color: #ff0000; }



/*tooltips formatting*/ 
#tooltip {background: url(../process/rbox_p.gif) no-repeat top left ; width:290px; height:155px; color: #333333; position: absolute; padding: 10px;} 
#tooltip h3 {font: normal 12px Verdana;  margin: 0px;  padding: 0px;  border: 0px; }




/* hrzAccordion */

/* hide container until all is ready */
.Accord1 {display: none;}

/*  Accord1  */
/*Main Container*/
.container3 {width:800px; height: 260px; overflow:hidden;}
.container3 ul{list-style-type: none;margin: 0px; padding:0px;}
.container3 li{display: inline; margin: 0px; padding:0px;}

/*Handle*/
.handle3 {float: left;width: 0px;height: 260px;}
.handle3 img{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.handleOver3 {background: red; cursor:pointer;}
.handleOver3 img{margin-top:0px;z-index:999; filter:alpha(opacity=100);-moz-opacity:1.00;opacity:1.00;}
.handleSelected3 {background:#999999; cursor:default;}

/*Content Container*/
.contentWrapper3{text-align: center;}
.contentInnerWrapper3{padding: 0px 20px 0px 20px;}
.contentWrapper3 h3{border-bottom: 1px solid silver; font-size: 20px; color: #0022aa; line-height: 160%;}
.contentContainer3 {padding-left: 0px; float: left;width:0px; overflow:hidden;}


.ad_image1 {z-index:4; position: relative; top: 20px;left: -29px;}
.ad_image2 {z-index:3; position: relative; top: 70px;left: -29px;}
.ad_image3 {z-index:2; position: relative; top: 120px;left: -29px;}
.ad_image4 {z-index:1; position: relative; top: 170px;left: -29px;}

.ad_pict {display:block; width:390px; height: 200px; position: relative; top: -20px;left: 0px;}
.ad_word {display:block; width:390px; height: 200px; position: relative; top: -190px;left: 350px;}

.ad_pict2 {display:block; width:390px; height: 200px; position: relative; top: -20px;left: 370px;}
.ad_word2 {display:block; width:390px; height: 200px; position: relative; top: -190px;left: 0px;}


.acbutton1 {border:1px solid #FFCCCC; background-color:#FFAFAF; font-weight:bold; color: #FFFFFF;margin: 5px 15px 0px 15px}
.acbutton2 {border:1px solid #FFCCCC; background-color:#BBFF9F; font-weight:bold; color: #FFFFFF;margin: 5px 15px 0px 15px}
.acbutton3 {border:1px solid #FFCCCC; background-color:#AFFEFF; font-weight:bold; color: #FFFFFF;margin: 5px 15px 0px 15px}
.acbutton4 {border:1px solid #FFCCCC; background-color:#CAAFFF; font-weight:bold; color: #FFFFFF;margin: 5px 15px 0px 15px}



/* SLIMBOX */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;