@charset "utf-8";

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:930px;
	height:145px;
	position:relative;
	float: left;
}
#slideshow #slidesContainer {
  margin:0;
  width:930px;
  height:145px;
  overflow:visible; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  width:310px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:145px;
}

.texBox tb_320 job {
  width:160px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:150px;
}

#displaced {
	margin:0 auto;
	width:930px;
	height:145px;
	position:relative;
	float: left;
}
#displaced #displacedContainer {
  margin:0;
  width:930px;
  height:145px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#displaced #displacedContainer .displaced {
  width:310px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:145px;
}


.newsDate {
  width: 285px;
  height: 39px;
  float: right;
  font-size: 18px;
  padding-left: 23px;
  color: #ccc;
  background: #000000;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  z-index: 1000;
}
.newsDate_box {
  width: 290px;
  height: 20px;
  float: left;
  font-size: 18px;
  padding-top: 12px;
  color: #ccc;
}

div span {
	line-height: 39px;
}
.katudoTitle {
  width: 310px;
  height: 50px;
  float: left;
  font-size: 18px;
  padding-top: 0px;
  color: #ffffff;
  background: #ff9557;
}
.katudoTitle:hover {
  background-color: transparent;
  color: #ffffff; 
}

.katudoTitle_P {
  width: 320px;
  height: 39px;
  float: left;
  font-size: 18px;
  color: #ffffff;
  z-index: 40;
  margin:0 auto;
  top: 7px;
  position: absolute;
}

.titleBox1 {
  width: 320px;
  height: 39px;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #ccc;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index: 1000;
  position: absolute;
  top: 0;
  font-family: Meiryo, Arial, sans-serif;
}
.titleBox2 {
  width: 310px;
  height: 50px;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #ccc;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  z-index: 1000;
  position: absolute;
  bottom: 0;
  font-family: Meiryo, Arial, sans-serif;
}
.titP {
  width: 320px;
  height: 39px;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  z-index: 1000;
  position: absolute;
  font-family: Meiryo, Arial, sans-serif;
}

.dateBox {
  width: 275px;
  height: 39px;
  position: absolute;
  bottom: 0;
  font-family: Meiryo, Arial, sans-serif;
}
  
.newsDateLine {
  width: 2px;
  height: 50px;
  float: left;
  z-index: 2000;
 /* background-color: #e9e9e8;*/
}
.newsDateLine2 {
  width: 2px;
  height: 275px;
  float: left;
  z-index: 3000;
  background-color: #fff;
  position: absolute;
}

.koumoku {
  width: 90px;
  height: 50px;
  float: left;
  font-size: 18px;
  font-weight: normal;
  padding-top: 16px;
  color: #ffffff;
}

.koumoku2 {
  width: 90px;
  height: 50px;
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding-top: 16px;
  color: #ffffff;
}

.midashi {
  width:205px;
  height: 40px;
  float: left;
  font-size: 13px;
  font-weight: normal;
  line-height:20px;
  padding: 5px;
  color: #ffffff;
}

.midashi p {
    text-align: left;
}

/*.newsDate:hover {
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;

}
*/
.newsSource {
  width: 320px;
  height: 111px;
  top: 30px;
  font-size: 14px;
  color: #333333;
}
.newsSouce:hover {
background-color:#000000;

}

.sourceLink {
width: 242px;
padding: 70px 0px 0px 20px;
font-family: Meiryo, Arial, sans-serif;
line-height:30px;
}
.sourceLink a{
font-size:80%;
font-family:"メイリオ";
font-weight:normal;
color:#333;
}
.sourceLink a:hover {
font-size:80%;
font-family:"メイリオ";
font-weight:normal;
color: #ff6000;
} 


/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:25px;
  height:39px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
.controler {
  display:block;
  width:25px;
  height:39px;
  text-indent:-20000px;
  position:absolute;
  margin-top:4px;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background:transparent url("../img/yaji_left.png") no-repeat 0 0;
  z-index:3000;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url("../img/yaji_right.png") no-repeat 0 0;
  z-index:3000;
}
#hidariControl {
  top:0;
  left:0;
  background:transparent url("../img/white_left.png") no-repeat 0 0;
  z-index:2000;
}
#migiControl {
  top:0;
  right:0;
  background:transparent url("../img/white_right.png") no-repeat 0 0;
  z-index:2000;
}

/** 
 * Style rules for Demo page
 */
* {
  margin:0;
  padding:0;
}
a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
#pageContainer {
  margin:0 auto;
  width:1280px;
}
.slide h2, .slide p {
  margin:0px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
.job img {
  float:right;
  margin:0 0px;
}