/*-------------------------ヘッダー*/ 
/* 表示画面 */
#header {
	position: ;
         z-index: 1;
	max-width: 1300px;
	margin: 0 auto;
	overflow: hidden;
      
}



/*-------------------------スクロール文字*/ 

<style type="text/css">
.scroll {
  margin     : auto;
  width      : 96%;
  font-size  : 140%;
  line-height: 1.5em;
  text-align : center;
  border     : 1px solid #666;
  color      : #000000;
  background : #fff;
  overflow   : hidden;
}
.scroll span{
  display     : inline-block;
  padding-left: 100%;
  white-space : nowrap;
  line-height : 1em;
  animation   : scrollAnime 10s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}
</style>



/*-------------------------タブ*/ 
<style type="text/css">
   /* ▼タブ機能の掲載領域の装飾(※必須ではありません) */
   .tabbox { margin: 0px; padding: 1em; background-color: #f8f8ff; }

   /* ▼タブ機能を制御するラジオボタン(非表示にする) */
   .tabbox input { display: none; }

   /* ▼タブ(共通装飾＋非選択状態の装飾) */
   .tab {
      
      display: inline-block;
      border-width: 1px 1px 0px 1px;
      border-style: solid;
      border-color: #000000;
      border-radius: 0.3em 0.3em 2px 2px;
      padding: 0.75em 3em;
      color: #ffffff;
      background-color: #4169E1;
      font-weight: normal;
   }

   /* ▼タブにマウスポインタが載った際の装飾 */
   .tab:hover {
      background-color: #6495ED;
      color: #ffffff;
      cursor: pointer;
   }

   /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
   input:checked + .tab {
      color: #000000;
      background-color: #ffffff;
      position: relative;
      z-index: 10;
   }

   /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      text-align: left;
　　 width:500px;
      display: none;
      border: 1px solid #696969;
      margin-top: -1px;
      padding: 5em;
      position: relative;
      z-index: 0;
      background-color: #ffffff;
   }

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }
   #tabcheck4:checked ~ #tabcontent4 { display: block; }
   #tabcheck5:checked ~ #tabcontent5 { display: block; }
</style>

/*-------------------------メニュー*/ 
#dropmenu{
  list-style-type: none;
  z-index: 2;
  width: 840px;
  height: 40px;
  margin: 30px auto 15px;
  padding: 0;
  background: #ffffff;
  border-bottom: 5px solid #f0f0f0;
  border-radius: 3px 3px 0 0;
}

#dropmenu li{
  position: relative;
  z-index: 2;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

#dropmenu li a{
  display: block;
  z-index: 2;
  margin: 0;
  padding: 15px 0 11px;
  color: #111111;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}

#dropmenu li:hover > a{
  z-index: 2;
  background: #eeeeee;
  color: #111111;
}

#dropmenu > li:hover > a{
  z-index: 2;
  border-radius: 3px 3px 0 0;
}

#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
 border-radius: 0 0 3px 3px;
}

#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}

#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #111111;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul li a{
  padding: 13px 15px;
  background: #ffffff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #111111;
  border-bottom: 1px solid #111111;
}

#dropmenu li:hover ul li:first-child{
  border-top: 0;
}

#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}

#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/*-------------------------スライドショー*/ 
/* 表示画面 */
#stage {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
/*全ての写真を水平一列に格納したdiv、#photosに,
スライドショーの animation を設定*/
#photos {
	position:absolute;
	top:0;
	width:100%;
	animation: imgPassToLeft0 30s infinite;
	-webkit-animation: imgPassToLeft0 30s infinite;
}
/*各写真の並び位置を設定
#photo1, #photo2, #photo3, #photo4, #photo5 */
#photo0 { left:  0%; }
#photo1 { left:100%; } 
#photo2 { left:200%; }
#photo3 { left:300%; }
#photo4 { left:400%; }
#photo5 { left:500%; }
#photo6 { left:600%; }
.pic { position:absolute;top:0;width:100%; }
/*写真サイズを可変に*/
.pic img { width:100%; }

/* 全てのラジオボタンを非表示に */
#back1,#back2,#back3,#back4,#back5,#next1,#next2,#next3,#next4,#next5{
	display: none;
}
/*送りボタン文字（＜、＞）の設定*/
.b_left span, .b_right span {
	position: absolute;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 40px;
	font-weight: bold;
	opacity:0;
	top: 40%;
	color:#EEE;
}
.b_left span {
	left: 5%;;	
}
.b_right span {
	left: 85%;
}
/*ボタン文字hover時の設定*/
.pic:hover > label div span {
	opacity:1;
	color:#EEE;
}
.pic label div span:hover {
	color:#f00;
	cursor:pointer;
}
/* 各送りボタンクリック時のanimation設定 */
#next1:checked ~ #photos {
	animation: imgPassToLeft1 30s infinite;	
	animation-delay: -4.8s;
	-webkit-animation: imgPassToLeft1 30s infinite;	
	-webkit-animation-delay: -4.8s;
}
#next2:checked ~ #photos {
	
	
	animation: imgPassToLeft2 30s infinite;
	animation-delay: -10.8s;
	-webkit-animation: imgPassToLeft2 30s infinite;
	-webkit-animation-delay: -10.8s;
}
#next3:checked ~ #photos {
	animation: imgPassToLeft3 30s infinite;
	animation-delay: -16.8s;
	-webkit-animation: imgPassToLeft3 30s infinite;
	-webkit-animation-delay: -16.8s;
}
#next4:checked ~ #photos {
	animation: imgPassToLeft4 30s infinite;
	animation-delay: -22.8s;
	-webkit-animation: imgPassToLeft4 30s infinite;
	-webkit-animation-delay: -22.8s;
}
#next5:checked ~ #photos {
	animation: imgPassToLeft5 30s infinite;
	animation-delay: -28.8s;
	-webkit-animation: imgPassToLeft5 30s infinite;
	-webkit-animation-delay: -28.8s;
}
#back1:checked ~ #photos {
	animation: imgPassToRight1 30s infinite;
	animation-delay: -28.8s;
	-webkit-animation: imgPassToRight1 30s infinite;
	-webkit-animation-delay: -28.8s;
}
#back2:checked ~ #photos {
	animation: imgPassToRight2 30s infinite;
	animation-delay: -22.8s;
	-webkit-animation: imgPassToRight2 30s infinite;
	-webkit-animation-delay: -22.8s;
}
#back3:checked ~ #photos {
	animation: imgPassToRight3 30s infinite;
	animation-delay: -16.8s;
	-webkit-animation: imgPassToRight3 30s infinite;
	-webkit-animation-delay: -16.8s;
}
#back4:checked ~ #photos {
	animation: imgPassToRight4 30s infinite;
	animation-delay: -10.8s;
	-webkit-animation: imgPassToRight4 30s infinite;
	-webkit-animation-delay: -10.8s;
}
#back5:checked ~ #photos {
	animation: imgPassToRight5 30s infinite;
	animation-delay: -4.8s;
	-webkit-animation: imgPassToRight5 30s infinite;
	-webkit-animation-delay: -4.8s;
}
/* animation設定 */
@keyframes imgPassToLeft0 {
	0%  { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft1 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft2 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft3 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft4 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToLeft5 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@keyframes imgPassToRight1 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight2 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight3 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight4 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@keyframes imgPassToRight5 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToLeft0 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft1 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft2 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft3 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft4 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToLeft5 {
	0% { left:-100%; }
	16% { left:-100%; }
	20% { left:-200%; }
	36% { left:-200%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-400%; }
	76% { left:-400%; }
	80% { left:-500%; }
	96% { left:-500%; }
	100% { left:-600%; }
}
@-webkit-keyframes imgPassToRight1 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight2 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight3 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight4 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
@-webkit-keyframes imgPassToRight5 {
	0% { left:-500%; }
	16% { left:-500%; }
	20% { left:-400%; }
	36% { left:-400%; }
	40% { left:-300%; }
	56% { left:-300%; }
	60% { left:-200%; }
	76% { left:-200%; }
	80% { left:-100%; }
	96% { left:-100%; }
	100% { left:0%; }
}
/*-------------------------フォントサイズ等の指定*/ 
body{
	/* フォントスタイルの指定です。閲覧しているユーザーのPC環境により左から順に読み込まれます。*/ 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* ページ全体のフォントサイズ*/
	font-size: 90%;
	/* コンテンツを中央に配置する為の指定で、古いブラウザ対応です。*/
	text-align: center;
	margin: 0;
	padding: 5;
	background-image: url("../img/rs_bg_body1.gif");
}


/*-------------------------wrapperの指定*/ 
#wrapper_top {
	/* ここでbody部分で中央寄せにしていた文字配置を左寄せに戻します。*/
	text-align: left;
	/* ページ全体をセンタリングする指定です。*/
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-image: url("../img/bg1.gif");
}

#wrapper {
	/* ここでbody部分で中央寄せにしていた文字配置を左寄せに戻します。*/
	text-align: left;
	/* コンテンツ全体の横幅を指定します。*/
	width: 900px;
	/* ページ全体をセンタリングする指定です。*/
	margin: 0 auto;
	padding: 0;
}

/*-------------------------headerの指定*/ 
#header {
	height: 50px;
	margin: 0;
	padding: 5px 5px 30px 5px;
     
}

/*ロゴの指定*/
#header_logo {
	width: 100%;
	/* 文字を右寄せに指定しています。*/
	text-align: left;
	clear: both;
	margin: 0;
	padding: 0;
} 

#topnav {
	height: 46px;
	clear: both;
}

#topnav li {
	display: inline;
}

#topnav ul {
	display: inline;
}

#topnav li a {
	color: #000000;
	background-color: #111111;
	text-decoration: none;
	/* 文字を中央寄せ（センタリング）に指定しています。*/
	text-align: center;
	/* 並び(横並び)*/
	float: left;
	display: block;
	height: 35px;
	width: 20%;
	padding-top: 5px;
	line-height: 30px;
	/*
	背景
	background-image: url(images/topnavi_bg.png);
	背景画像繰り返し
	background-repeat: repeat-x;
	*/
}

/* マウスが上に乗っている状態*/
#topnav li a:hover {
	color: #000000;
	background-color: #FFFF99;
}

/*-------------------------contents_top(TOPページ)の指定*/
#contents_top {
	width: 100%;
	height: 350px;
	text-align: center;
	/* 回り込みの指定です。*/
	margin: 0;
	padding: 5px 0 5px 0;
}

#contents_top_img {

        position:absolute;
        width:120%;
        height:160%;
        left: 50%;
        top: 50%;
        margin-left: -60px;
        margin-top: -80px;
       
	
}

#contents_top div.flash{
	/*position:absolute;*/
	left:230px;
	top:100px;
	margin: 0;
	padding: 0;
	

}

/*-------------------------contents_top(TOPページ以外)の指定*/
#contents_top2 {
	width: 100%;
	height: 200px;
	text-align: center;
	/* 回り込みの指定です。*/
	margin: 0;
	padding: 5px 0 0px 0;
}
/*-------------------------contents_top(TOPページ以外)の指定*/
#contents_top3 {
	width: 100%;
	height: 20px;
	text-align: center;
	/* 回り込みの指定です。*/
	margin: 0;
	padding: 5px 0 0px 0;
}

/*-------------------------contents_top(TOPページ以外)の指定*/
#contents_top4 {
	width: 100%;
	height: 230px;
	text-align: center;
	/* 回り込みの指定です。*/
	margin: 0;
	padding: 5px 0 0px 0;
}
/*-------------------------contents_mainの指定*/
#contents_main {
	width: 700px;
	/* 回り込みの指定です。*/
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
}

#contents_main2{
	width: 700px;

	/* 回り込みの指定です。*/
	float: right;
	margin: 0 0 px 0;
	padding: 0;
}



/* メインタイトル１ */
#contents_main h1 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: solid 3px #111111;
	margin: 5px 0 3px 0;
	padding: 0;
}

/* メインタイトル２ */
#contents_main h2 {
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	margin: 0;
	padding: 0 0 0 10px;
}

/* メインタイトル３ */
#contents_main h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 3px 3px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 5px;
}

/* 作成 */
/* メインタイトル４ */
#contents_main h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	border-left-color: #FF0066;
	border-left-style: solid;
	border-left-width: 5px;
}

/* サブタイトル1 */
#contents_main h5 {
    font-size: 10px;
    padding: 7px;
    width: 625px;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #d3d3d3;
}

/* サブタイトル1 */
#contents_sab h1 {
    border: #d3d3d3 solid 1px;
    border-left: #d3d3d3 solid 10px;
    padding: 20px;
    background: #fff;
    height:890px;
}


/* コンテンツ */
.contents2 {
	width: 100%;
	padding:0;
	margin: 0 0 0 40px;
}

.contents3 {
	width: 98%;
	padding:0;
	margin: 0 0 0 15px;
}

.contents4 {
	width: 100%;
	padding:0;
	margin: 0 0 0 10px;
}

.contents5 {
	width: 97%;
	padding:0;
	margin: 0 0 0 15px;
}

/* News */
#top-contents {

	width: 100%;
	padding:2px 0px 2px 5px;
}

#top-contents .contents {
	width: 100%;
	padding:2px 0px 2px 5px;
}

#top-contents .contents .left_side{
	width: 50%;
	margin: 0 0 0  0;
	padding: 0 0 0 0px;
	float: left;
}

#top-contents .contents .right_side{
	width: 50%;
	margin: 0;
	padding:0 0 0 0;
	float: right;
	overflow:hidden;
}

#top-contents .contents p {
	font-size: 13px;
	margin: 3px 5px 0 15px;
	padding: 0;
}

/* 詳細リンク */
#top-contents .contents p.Adetil {
	text-align: right;
	vertical-align: top;
	font-size: 13px;
	margin: 3px 10px 5px 0;
	padding: 0;
	height: 13px;
}


#contents_main ul.contents {
	margin: 3px 0 0 10px;
	padding: 0;
}

#contents_main ul.contents li {
	float: left;
	width: 48%;
	margin: 0 10px 0 0;
	list-style-type: none;
}

#contents_main ul.contents li.setImage {
	float: left;
	width: 48%;
	height: 120px;
	margin: 0 10px 0 0;
	list-style-type: none;
}

#contents_main ul.contents li p.setImage {
	font-size: 13px;
	margin: 3px 0 0 15px;
	padding: 0;
}

#contents_main ul.contents li p {
	font-size: 13px;
	margin: 3px 0 0 15px;
	padding: 0;
}

/* 作成 */
/*会社概要リスト*/
#contents_main div.contents dt {
	width: 17%;
	float: left;
	padding: 0px 0px 0px 0px;
}

/* 画像 */
#contents_main img.stlye {
	width:200px; 
	height: 100px;
}




/* 詳細リンク */
#contents_main ul.contents li p.Adetil {
	text-align: right;
	vertical-align: top;
	font-size: 13px;
	margin: 3px 10px 5px 0;
	padding: 0;
	height: 13px;
}

/* News */
#top-news {
	width: 100%;
	margin-bottom:0px;
}

#top-news .news {
	width: 100%;
	padding:2px 3px 2px 3px;
}

#top-news .news .day{
	width: 15%;
	margin: 5px 5px 5px 5px;
	font-size: 13px;
	padding: 0 0 0 5px;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 5px;
	float: left;

}

#top-news .news .title{
	width: 80%;
	margin: 5px;
	font-size: 13px;
	padding:0;
	float: left;
	overflow:hidden;
}

/* 
#contents_main ul.news {
	margin: 3px 0 0px 0;
	padding: 0;
}

#contents_main ul.news li {

	width: 100%;
	margin: 5px 0 0 5px;
	list-style-type: none;
}

#contents_main ul.news li ul.new {
	margin: 3px 0 0 0;
	padding: 0;
}

#contents_main ul.news li ul.new li.point {
	float: left;
	width: 0.1%;
	font-size: 13px;
	vertical-align: top;
	margin: 0 0 5 0px;
	padding: 0;
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 5px;
}

#contents_main ul.news li ul.new li.date {
	float: left;
	width: 15%;
	font-size: 13px;
	vertical-align: top;
	margin: 0 0 5 0px;
	padding: 0;
}

#contents_main ul.news li ul.new li.news {
	float: right;
	vertical-align: top;
	font-size: 13px;
	width: 80%;
	margin: 0 0 3 0px;
	padding: 0 0 0 0;
}
*/
.clearLeft { 
	clear: left;
	margin: 0 0 0 0;
	padding: 0;
}

/*-------------------------sidebarの指定*/
#sidebar {
	width: 180px;
	/* 回り込みの指定です。*/
	float: right;
	margin: 10;
	padding: 10;
}

/* バナー親ボックス */
div.banner1 { 
	text-align: left;
	margin: 0;
	/* 上下に余白を設けています。*/
	padding: 0.2em 0;
}

/* バナーボックス */
div.box_banner1 { 
	width: 100%;
	/* 文字を右側に指定しています。*/
	text-align: left;
	margin: 0;
	/* 上下に余白を設けています。*/
	padding: 0.3em 0;
}

/* バナー親ボックス */
div.banner2 { 
	text-align: center;
	margin: 0;
	/* 上下に余白を設けています。*/
	padding: 0.2em 0;
}

/* バナーボックス */
div.box_banner2 { 
	width: 100%;
	/* 文字を中央寄せ（センタリング）に指定しています。*/
	text-align: center;
	margin: 0;
	/* 上下に余白を設けています。*/
	padding: 0.3em 0;
}

/* サイドバータイトル１ */
#sidebar h1 {
	font-size: 13px;
	font-weight: normal;
	border-bottom: solid 3px #FFA500;
	margin: 10px 0 0 0;
	padding: 0 10px 0 18px;
}

/* サイドバータイトル２ */
#sidebar h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	padding: 0 10px 0 18px;
}

#sidebar ul.side{
	margin: 0 0 0 30px;
	padding: 0;
}

#sidebar ul.side li {
	font-size: 13px;
	margin: 0 0 0 15px;
	list-style: none;
}

#sidebar ul.side2{
	margin: 0 0 0 18px;
	padding: 0;
	
}

#sidebar ul.side2 li {
	font-size: 15px;
	margin: 0 0 3px 0;
	list-style-image: url(../images/blt_grey.gif);
}

#sidebar-box {
	padding:0;
	margin: 5px 0;
}

#sidebar-box p.rcontent {
	padding:0;
	margin: 0;
	background:#00FFFF;
}

#sidebar-box p.rcontent p.title{
	margin: 0 0 0 0;
}

#sidebar-box span.rtop,
#sidebar-box span.rbottom {
	display:block;
	background: #fff;
}

#sidebar-box span.rtop span,
#sidebar-box span.rbottom span {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #00FFFF;
}

#sidebar-box span.r1{margin: 0 5px;}

#sidebar-box span.r2{margin: 0 3px;}

#sidebar-box span.r3{margin: 0 2px;}

#sidebar-box span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

/*-------------------------footerの指定*/
#footer {
	width: 100%;
	/* 文字を中央寄せ（センタリング）に指定しています。*/
	text-align: center;
	border-top: solid 1px #A9A9A9;
	/* 回り込みの解除指定です。*/
	clear: both;
	margin: 0;
	/* 上下に余白を設けています。*/
	padding: 0 0;
}

#footer ul.footer li.logo {
	float: left;
	text-align: right;
	list-style-type: none;
	margin: 5px 0 0 0;
	margin: 0;
}

#footer ul.footer li.navi {
	float: right;
	text-align: right;
	font-size: 12px;
	width: 70%;
	margin: 5px 0 0 0;
	list-style-type: none;
}

#header {
	width: 100%;
	/* 文字を中央寄せ（センタリング）に指定しています。*/
	text-align: center;
	/* 回り込みの解除指定です。*/
	clear: both;
	margin: 5px 0 0 0;
	/* 上下に余白を設けています。*/
	padding: 10px 0;
}

/*ロゴの指定*/
#header_logo {
	width: 100%;
	/* 文字を右寄せに指定しています。*/
	text-align: left;
	clear: both;
	margin: 0;
	padding: 0;
} 

#topnav {
	height: 46px;
	clear: both;
}

#topnav li {
	display: inline;
}

#topnav ul {
	display: inline;
}

#topnav li a {
	color: #000000;
	background-color: #99cc00;
	text-decoration: none;
	/* 文字を中央寄せ（センタリング）に指定しています。*/
	text-align: center;
	/* 並び(横並び)*/
	float: left;
	display: block;
	height: 35px;
	width: 20%;
	padding-top: 5px;
	line-height: 30px;
	/*
	背景
	background-image: url(images/topnavi_bg.png);
	背景画像繰り返し
	background-repeat: repeat-x;
	*/
}

/* マウスが上に乗っている状態*/
#topnav li a:hover {
	color: #000000;
	background-color: #FFFF99;
}


a {
	color: #0000FF;
}
/* 見出しの設定*/
h6 {
	padding: 1em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #111111;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}