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.png) repeat-x center top;
  
}



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



.frame01 {margin:0px;}
img {border:none;}
.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;}
.items a:link,a:visited,a:active { text-decoration: none; color: #112266;}

@media only screen and (orientation: portrait) {.tex04{font-size: 12px; line-height: 1.6; letter-spacing: 0.09em;}}

.posi01 {position:relative; top:6px;}


.box01 {width: 800px; height: 360px; border: 1px solid #cccccc; text-align: left;}
.box02 {width: 800px; height: 60px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color:#cccccc;}
/* box02 option*/ 
.box02 img { border-style:none;}
.box02 a {display:inline-block;}
.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 1px 0px; border-color:red; border-style: solid; outline:0px none black; }

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

.box04 {width: 720px; height: 20px; float:left; text-align: right; padding :8px 0px 0px 0px;}
.box05 {width: 800px; height: 300px; border: 1px solid #cccccc; background-color: #FFFFFF;}
.box06 {width: 800px; height: 38px; clear: both ;background: url(../top/menu_back01.png) repeat-x bottom ; border-width: 1px 0px 0px 0px; border-style: solid; border-color:#38DADA;}


.box11 {padding:164px 0px 0px 0px; background-color: #FFFFFF;width: 800px; height: 360px;}


.box51 {width: 800px; height: 360px; border: 1px solid #cccccc; background-color: #FFFFFF; overflow: hidden;}
.box52 {width: 140px; border: 0px; float:left; text-align: right; padding:0px 10px 0px 0px;}
.box53 {width: 420px; border: 0px; float:left; text-align: left; font-size: 12px;}
.box54 {clear: both ; width: 400px; padding:10px 0px 10px 0px; text-align: center;-webkit-text-size-adjust: 100%}

.box55 {position:relative; top:-360px; width: 800px; height: 360px;}

.box56 {width: 800px; height: 360px; display: block;}
.box57 {width: 802px; display: block;}
.box58 {width: 812px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color:#cccccc; display: block; overflow: visible;}
/* box58 option*/ 
.box58 img { border-style:none;}
.box58 a {display:inline-block;}
.box58 a:hover img {position:relative; top:-1px; filter: alpha(opacity=60); opacity:0.60;}
.box58 a:active { filter: alpha(opacity=60); opacity:0.60;}
.box58 a:focus img {filter: alpha(opacity=60); opacity:0.60; border-width:1px; border-color:red; border-style: solid;}

.box59  { padding:0px 45px 0px 45px;text-align: left;}



#menu01 a:link,
#menu01 a:visited 	 {height: 24px; color: #999999; 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: #000000; background: url(../top/carsol02.png) no-repeat bottom center;}
#menu01 a:hover 	 {height: 24px; color: #000000; background: url(../top/carsol01.png) 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: #B9E7E7; color: #999999; text-decoration: none; display: block; } 
.stripTransmitter a:visited{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #B9E7E7; color: #999999; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #38DADA; color: #ffffff; } 

#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: #B9E7E7; color: #999999; text-decoration: none; display: block; } 
#svw02 .stripTransmitter a:visited{ font: bold 14px Verdana, Arial; text-align: center; line-height: 18px; background: #B9E7E7; color: #999999; text-decoration: none; display: block; } 
#svw02 .stripTransmitter a:hover{ background: #38DADA; color: #ffffff; }
#svw02 .stripTransmitter a.current{ background: #38DADA; color: #ffffff; }



/*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; 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: 22px;
	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;
}



/* shuffule */
#wrapper {

	margin: 0 auto;
	color: #7d7d7d;
	padding-bottom: 0px;
}

#wrapper li {
  list-style-type: none;
}

.alpha {
    display:inline-block\9;
    padding: 5px;
    zoom: 1;
    line-height: 1;
    font-size: 12px;
}

.alpha:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#wrapper .active {
    border-width:1px;
    border-color:red;
    border-style: solid;
    font-weight: bold;
    color: #000000;
}

#btn {
	width: 800px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#btn li {
	float: left;
	margin: 4px;
	cursor: pointer;

}

#animationList {

	padding: 0px;
	margin: 0px;
}

#animationList li {	
	float: left;
}

#animationList li img {	
	padding: 2px;
	margin: 0px 2px 0px 2px;
}


#area {
  overflow: hidden;
}