/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/********** block index **********/
.body { padding:0; margin:0; }
.body h2 { font:normal 24px "Verdana", Arial, Helvetica, sans-serif; color:#373737; padding:10px 5px; margin:0; }
.body h3 { font:normal 18px "Verdana", Arial, Helvetica, sans-serif; color:#373737; padding:0px 5px; }
.body a { font:normal 14px "Verdana", Arial, Helvetica, sans-serif; color:#2e597b; text-decoration:none; }
.body p { font:normal 14px "Verdana", Arial, Helvetica, sans-serif; color:#003366; line-height:1.8em; padding:5px; margin:0; }
.body strong { color:#656565; }
.body span { font:bold 11px "Verdana", Arial, Helvetica, sans-serif; color:#baa271; }
.body em { font:italic 11px "Verdana", Arial, Helvetica, sans-serif; color:#8d8d8d; line-height:1.8em; padding:10px 0 0 10px; }
.body_resize { width:966px; margin:0 auto; padding:0; background:#fff; border-bottom:5px solid #0e0e0e; }
/*******************Welcome*****************/
.Welcome { width:350px; margin:5px 5px; float:left; padding:5px 5px; }
.Welcome ul { width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.Welcome li { background:url(images/ul_li.gif) left no-repeat; padding:5px 10px; margin:0; font: normal 11px "Verdana", Arial, Helvetica, sans-serif; color:#5c5c5c; }
.Welcome .serv { width:250px; float:left; margin:5px 2px; padding:0; }
.Welcome .serv img { margin:10px 5px; float:left; padding:0; }

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 10px 16px;
text-decoration: none;
border-right: 2px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 15px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
list-style: none;
}



覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧


.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧

 #s3slider {
   width: 400px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}