@charset "utf-8";

/* JS_false CSS */
div#JS_true{display:none; height:354px; overflow:hidden;}
div#SlideBarNoScript{ background: url(../img/index/slide_bar_noscript.png) no-repeat top left; height:56px;}
div#SlideBarNoScript ul{ padding-top:9px; margin-left:41px;}
div#SlideBarNoScript ul li{ float:left; margin-right:9px;}
/* JS_false CSS */



/* CSS Document */
div#container h1{
	font-weight:normal;
	font-size:92.4%;
	margin-top:2px;
	margin-bottom:12px;	
}
.slide_bar{
	background:url(../img/index/slide_bar_01.png) top left no-repeat;
	height:56px;
	width:960px;
	margin-top:-74px;
}
div#caption{
	background:url(../img/index/taiyo_ico_01.png) laft top no-repeat;
}
div#top_content{
	background:#FFF;
	border:1px solid #E7E4DF;
	width:900px;
	padding:24px 29px;	
}

div#left_content{
	float:left;
	width:458px;
	margin-bottom:18px;
}
.tit_bar_01{
	background:url(../img/common/tit_bar_01.png) top left no-repeat;
	height:35px;
	width:458px;
	margin-bottom:12px;
}
.tit_01_news{
	float:left;
	padding-top:8px;
	margin-left:38px;
}
.tit_motto{
	float:right;
	padding-top:8px;
	margin-right:12px;
}
.tit_bar_02{
	background:url(../img/common/tit_bar_02.png) top left no-repeat;
	height:35px;
	width:900px;
	margin-bottom:20px;
}
.tit_pickup{
	padding-top:11px;
	padding-left:38px;
}

.tit_bar_03{
	background:url(../img/index/tit_bar_03.png) top left no-repeat;
	height:75px;
	width:900px;
	margin-bottom:12px;
}
.tit_infomation{
	padding-top:30px;
	padding-left:66px;
}
div#left_content dl {
	border-bottom:dotted 1px #f39800;
	margin-left:6px;
	clear:both;
	margin-bottom:8px;
}
div#left_content dl dt{
	float:left;
}
dt.tit{
	background:url(../img/common/icon_02.gif) top left no-repeat;
	background-position:0 3px;
	padding-left:14px;
	font-size:104%;
	margin-left:4px;
	margin-bottom:2px;
	width:370px;
}
dt.tit a:link, dt.tit a:visited, dt.tit a:active{
	color: #f39800;
	text-decoration:none;
}
dt.tit a:hover{
	color: #f39800;
	text-decoration:underline;
}
div#left_content dd{
	float:right;
	font-size:92.4%;
	width:376px;
	margin-bottom:8px;
}

div#right_content{
	float:right;
	width:400px;
	margin-bottom:18px;
}
div#pick_up{
	margin-bottom:40px;	
}

div#pick_up ul{
	width:914px;
	margin:0 0 0 -14px;
}
div#pick_up ul li{
	float:left;
}
.pick_up_bnr{
	margin-left:14px;
}

.clear {
   clear: both;
}

/*movie*/
#movie .movie_area{
  width: 430px;
  float: left;
}
#movie .movie_area.area01{
  margin-right: 40px;
}
#movie .movie_area .movie_ttl{
  margin: 0px 0 8px;
  padding: 0 0 0 10px;
  border-left: 10px solid #F29600;
  border-left: 4px solid #F29600;
  font-weight: bold;
}


 /* images with caption */
 #slider img { width: 100%; height: 300px; }
 /* position the panels so the captions appear correctly */
 #slider .panel { position: relative; }
 /* captions */
 #slider .caption-top, #slider3 .caption-right,
 #slider .caption-bottom, #slider3 .caption-left {
  background: #fff;
  color: #000;
  padding:10px;
  margin: 0;
  z-index: 10;
  opacity: .5;
  filter: alpha(opacity=50);
 }
 /* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider .caption-top {
  left: 0;
  top: 0;
  width: 480px;
  height: 30px;
 }
 /* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider .caption-right {
  right: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider .caption-bottom {
  left: 0;
  bottom: 0;
  padding:8px 8px 7px 38px;
  width: 914px;
  background:url(../img/index/taiyo_ico_01.png) left top no-repeat #FFF;
 }
 /* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider .caption-left {
  left: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Caption close button */
 .caption-top .close, .caption-right .close,
 .caption-bottom .close, .caption-left .close {
  font-size: 80%;
 color:#F00;
  cursor: pointer;
  float: right;
  display: inline-block;
 }