@charset "shift_jis";
/*
---------------------------------------------------------------------------
■制作元：テンプレートパーティー
■URL：http://template-party.com/
---------------------------------------------------------------------------*/

body{
  color: #333333;
  /*全体の文字色*/
	margin: 0px;
  padding: 0px;
  text-align: center;
  font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  background: #FFFFFF url(../images/bg.jpg);
/*全体の背景色、背景画像の読み込み*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
  margin: 0px;
  padding: 0px;
}
ul{
  list-style-type: none;
}
img{
  border: none;
}
input,textarea,select{
  font-size: 1em;
}
form{
  margin: 0px;
}
table{
  border-collapse:collapse;
  font-size: 100%;
  border-spacing: 0;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a{
  color: #333333;
/*リンクテキストの色*/
}
a:hover{
  color: #FAA230;
  /*マウスオン時の文字色*/
	text-decoration: none;
/*マウスオン時に下線を消す設定。そのままがいいならこの１行削除。*/
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container{
  text-align: left;
  width: 930px;
  /*コンテナー幅*/
	margin-right: auto;
  margin-left: auto;
}
/*ヘッダー（ロゴが入ったブロック）
---------------------------------------------------------------------------*/
#header{
  width: 100%;
  text-align: center;
  /*ヘッダー内をセンタリング*/
	background : url(../images/header_bg.gif) center top / auto auto no-repeat scroll padding-box border-box transparent;
/*ヘッダー背景画像の読み込み＆上部に配置*/
}
/*h1見出しタグ設定*/
#header h1{
  font-size: 10px;
  /*文字サイズ*/
	line-height: 24px;
  color: #FFFFFF;
  /*文字色*/
	padding-bottom: 20px;
}
#header h1 a{
  text-decoration: none;
  color: #FFFFFF;
/*文字色*/
}
/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg{
  position: relative;
  height: 320px;
  width: 930px;
}
#mainimg .slide_file{
  display: none;
}
#slide_image{
  z-Index:2;
  position: absolute;
  left:0px;
  top:0px;
}
#slide_image2{
  z-Index:1;
  position: absolute;
  left:0px;
  top:0px;
}
#mainimg img{
  vertical-align: bottom;
}
/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu{
  padding-left: 20px;
  padding-top: 17px;
}
ul#menu li{
  float: left;
  padding-right: 10px;
  margin-bottom: 5px;
}
ul#menu img{
  vertical-align: bottom;
}
/*コンテンツ（左右のブロックとフッターを囲むボックス）
---------------------------------------------------------------------------*/
#contents{
  clear: left;
  width: 890px;
  /*コンテンツ幅*/
	margin-right: auto;
  margin-left: auto;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main{
  float: left;
  /*メインコンテンツを左(left)に回り込み*/
	width: 670px;
  /*メインコンテンツ幅*/
	padding-bottom: 30px;
}
/*h2タグ設定*/
#main h2{
  font-size: 120%;
  /*文字サイズ*/
	color: #FFFFFF;
  /*文字色*/
	clear: both;
  width: 670px;
  line-height: 90px;
  height: 70px;
  padding-left: 10px;
  overflow: hidden;
  background : url(../images/h2bg.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
/*背景画像の読み込み、背景画像をリピートしない(no-repeat)*/
}
/*段落タグの余白設定*/
#main p{
  padding: 0.5em 10px 1em;
/*左から、上、左右、下への余白*/
}
/*メインコンテンツ内のbox（info.htmlにて使用）
---------------------------------------------------------------------------*/
/*box１個あたりの設定*/
#main .box{
  background: #FFF;
  /*背景色*/
	padding: 10px;
  /*ボックス内の余白*/
	border: 3px solid #FAA230;
  /*枠線の幅、線種、色*/
	overflow: hidden;
  /*簡易clearfix*/
	width: 644px;
  margin-bottom: 1em;
/*ボックス同士の余白*/
}
/*左の写真を囲むp段落タグの設定*/
#main .box p.img{
  float: left;
  /*左に回り込みさせる設定*/
	padding: 0px;
/*余白のリセット*/
}
/*左の写真画像の設定*/
#main .box p.img img{
  padding: 5px;
  /*画像と枠線の間の余白*/
	border: 1px solid #CCC;
/*枠線の幅、線種、色*/
}
/*h3見出しタグ設定*/
#main .box h3{
  margin-left: 230px;
  /*左の写真とのバランスをとって設定する*/
	font-size: 100%;
  color: #FAA230;
  /*文字色*/
	border-bottom: 2px dotted #FAA230;
  /*下線の幅、線種、色*/
	margin-bottom: 0.5em;
}
/*説明文のp段落タグ設定*/
#main .box p.text{
  margin-left: 230px;
  /*左の写真とのバランスをとって設定する*/
	padding: 0px;
/*余白のリセット*/
}
/*写真を使わない場合の設定*/
#main .box.noimg p.text,
#main .box.noimg h3{
  margin-left: 0px;
}
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub{
  float: right;
  /*サブコンテンツを右(right)に回り込み*/
	width: 200px;
  /*サブコンテンツ幅*/
	padding-bottom: 30px;
  padding-top: 24px;
}
/*h3タグ設定*/
#sub h3{
  font-size: 100%;
  /*文字サイズ*/
	color: #FFFFFF;
  /*文字色*/
	padding: 10px;
  /*余白*/
	border-bottom: 4px solid #6ea50e;
  /*下側の線幅、線種、色*/
	background: #FAA230;
/*背景色*/
}
/*段落タグの余白設定*/
#sub p{
  padding: 0.5em 0px 0.5em;
/*左から、上、左右、下への余白*/
}
/*サブコンテンツ内のbox*/
#sub .box{
  background: #FFF;
  /*背景色*/
	padding: 5px;
  /*ボックス内の余白*/
	border: 1px solid #CCC;
/*枠線の幅、線種、色*/
}
/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu{
  margin-bottom: 1em;
/*メニューブロックの下にスペースを空ける設定*/
}
ul.submenu li a{
  display: block;
  width: 178px;
  padding: 3px 10px;
  /*左から、上下、左右への余白*/
	text-decoration: none;
  background: #FFF;
  /*背景色*/
	border-right: 1px solid #CCC;
  /*右側の線幅、線種、色*/
	border-bottom: 1px solid #CCC;
  /*下側の線幅、線種、色*/
	border-left: 1px solid #CCC;
/*左側の線幅、線種、色*/
}
ul.submenu li a:hover{
  color: #333;
  /*マウスオン時の文字色*/
	background: #e5e5e5;
/*マウスオン時の背景色*/
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
#main .new{
  overflow: auto;
  /*iframe風に見せる設定。全部表示させたいならこの行とheightの行を削除。*/
	height: 150px;
  /*ボックスの高さ*/
	width: 660px;
  padding-left: 10px;
}
#main .new dl{
  clear: left;
  width: 640px;
  border-bottom: 1px solid #cccccc;
  /*お知らせごとの境界線の幅、線種、色*/
	overflow: hidden;
}
#main .new dt{
  font-weight: bold;
  /*日付を太字に*/
	float: left;
  width: 100px;
}
#main .new dd{
  float: left;
  width: 540px;
}
#main .new dd img{
  vertical-align: middle;
}
* html #main .new dd img{
  margin-top:0.5em;
  vertical-align: baseline;
}
/*フッター
---------------------------------------------------------------------------*/
#footer{
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 11px;
}
#footer a{
  text-decoration: none;
}
/*テーブル１
---------------------------------------------------------------------------*/
.ta1{
  width: 670px;
  background: #FFF;
/*テーブル内の背景色*/
}
.ta1, .ta1 td, .ta1 th{
  border: 2px solid #FAA230;
  /*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内のh3見出しタグ*/
.ta1 h3{
  font-size: 120%;
  color: #FAA230;
/*文字色*/
}
/*テーブル内のp段落タグ*/
.ta1 p{
  padding: 0px !important;
}
/*テーブル内の右側*/
.ta1 td{
  width: 427px;
  padding: 10px;
}
/*スケジュールページでのテーブル内の右側*/
.ta1.schedule td{
  width: 527px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
  width: 200px;
  padding: 10px;
  text-align: center;
  background: #e5e5e5;
/*背景色*/
}
/*スケジュールページでのテーブル内の左側の見出し部分*/
.ta1.schedule th{
  width: 100px;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
  width: auto;
  text-align: left;
  background: #fde3c0;
/*背景色*/
}
/*その他
---------------------------------------------------------------------------*/
.look{
  background-color: #d2d2d2;
}
.mini{
  font-size: 10px;
  line-height: 1.6;
}
.mb1em{
  margin-bottom: 1em;
}
.clear{
  clear: both;
}
ul.disc{
  padding: 0em 25px 1em;
  list-style: disc;
}
.color1{
  color: #FAA230;
}
.pr{
  font-size: 10px;
}
.btn{
  font-size: 13px;
}
.wl{
  width: 96%;
}
.ws{
  width: 50%;
}
.c{
  text-align: center;
}