@charset "utf-8";
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/

body{
     margin: 0px;
     padding: 0px;
     color : #666666;
     /*全体の文字色*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     /*フォント種類*/
	font-size: 15px;
     /*文字サイズ*/
	line-height: 2;
     /*行間*/
	background-image : url(../image2/irekobishi3.gif);
     -webkit-text-size-adjust: none;
     background-repeat : repeat;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{
     margin: 0px;
     padding: 0px;
     font-size: 100%;
}
ul{
     list-style-type: none;
}
ol{
     padding-left: 65px;
}
img{
     border: none;
     max-width: 100%;
     height: auto;
     vertical-align: middle;
}
table{
     border-collapse: collapse;
     font-size: 100%;
     border-spacing: 0;
}
iframe{
     width: 100%;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/

a{
     color: #666;
/*リンクテキストの色*/
}
a:hover{
     color: #ed0000;
     /*マウスオン時の文字色*/
	text-decoration: none;
/*マウスオン時にリンクの下線を消す設定*/
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/

#container{
     margin: 0px auto;
     max-width: 1100px;
/*最大幅*/
}
/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/

header{
     height: 80px;
     /*高さ*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
     /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
     /*同上*/

	margin-bottom: 40px;
     /*下のコンテンツとの間にあけるスペース*/


  background: -moz-linear-gradient(left, #bd0000, #ff2828);
     background: -webkit-linear-gradient(left, #bd0000, #ff2828);
     background: linear-gradient(to right,  #bd0000, #ff2828);
}
/*ロゴ画像*/

#logo img{
     width: 250px;
     /*画像幅*/
	padding: 10px 0px 0px 40px;
     /*ロゴの余白。上、右、下、左の順。*/
	float: left;
/*左に回り込み*/
}
/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/

#menubar{
     float: right;
     /*右に回り込み*/
	width: auto;
     margin: 0px 10px 0px 0px;
/*メニューの外側にとる余白。上、右、下、左の順。*/
}
#menubar ul{
     overflow: hidden;
     border-left: 1px solid #fff;
     /*メニューの一番左の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px solid rgba(255,255,255,0.2);
/*メニューの一番左の線の幅、線種、色。255,255,255は白の事で0.2は透明度20%の事。*/
}
/*メニュー１個あたりの設定*/

#menubar li{
     float: left;
     /*左に回り込み*/
	text-align: center;
/*内容をセンタリング*/
}
#menubar a{
     display: block;
     text-decoration: none;
     padding: 0 10px;
     /*上下、左右にあけるメニュー内の余白*/
	line-height: 60px;
     /*高さ*/
	border-right: 1px solid #fff;
     /*各メニューの右側の線の幅、線種、色（古いブラウザ用）*/
	border-right: 1px solid rgba(255,255,255,0.2);
     /*各メニューの右側の線の幅、線種、色。255,255,255は白の事で0.2は透明度20%の事。*/
	color: white;
/*文字色*/
}
/*マウスオン時の設定*/

#menubar a:hover{
     color:yellow;
     font-weight:bold;

}
/*ドロップダウンの親メニュー設定
23.08.11 使用中止
*/

#menubar li.arrow1:hover{
     background: url(../image2/arrow1.png) no-repeat center bottom;
/*マウスオン時に三角マークを出す*/
}
/*小さな端末用メニューを表示させない*/

#menubar-s{
     display: none;
}
/*３本バーアイコンを表示させない*/

#menubar_hdr{
     display: none;
}
/*ドロップダウンメニュー
---------------------------------------------------------------------------*/
/*ドロップダウンメニュー全体の設定*/

#menubar .ddmenu{
     visibility: hidden;
     overflow: hidden;
     position: absolute;
     border: none;
     border-radius: 4px;
     /*角丸のサイズ*/
	background: #000;
     /*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);
/*背景色。0,0,0は黒の事で最後の0.7は透明度70%の事。*/
}
/*メニュー１個あたりの設定*/

#menubar .ddmenu li a{
     line-height:25px;
/*高さ*/
}
/*最後のメニューの右側の線を消す設定*/

#menubar .ddmenu li:last-child a{
     border: none;
}
/*マウスオン時の背景色*/

#menubar .ddmenu li a:hover{
     background: #000;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/

#main{
     float: right;
     /*右側に回り込み*/
	width: 74%;
     /*幅*/
	padding-bottom: 30px;
}
/*１カラム時のメインコンテンツ*/

.c1 #main{
     float: none;
     width: 100%;
}
/*春爛漫～メッセージの装飾設定*/

#openning{
     padding: 0px 15px 14px;
     /*上、左右、下への余白*/


     color : #bd0000;
}
/*mainコンテンツのh2タグの設定*/

#main h2{
     clear: both;
     margin-bottom: 15px;
     color: #FFF;
     /*文字色*/
	padding: 7px 15px;
     /*上下、左右への余白*/



  background: -moz-linear-gradient(left, red, white);
     background: -webkit-linear-gradient(left,  red, white);
     background: linear-gradient(to right,  red, white);
     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
     /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
     /*同上*/
	border-radius: 10px;
/*角丸のサイズ*/
}
/*mainコンテンツのh3タグの設定*/

#main h3{
     clear: both;
     margin-bottom: 15px;
     padding: 4px 15px;
     /*上下、左右への余白*/

	border: solid 1px #ccc;
     /*線の線種、幅、色*/
	background: -webkit-linear-gradient(#fff7f7,#ffd8d8);
     /*グラデーション*/
	background: linear-gradient(#fff7f7,#ffd8d8);
/*同上*/
}
/*メインコンテンツのp(段落)タグ設定*/

#main p{
     padding: 0px 15px 14px;
/*上、左右、下への余白*/
}
#main h2 + p, #main h3 + p{
     margin-top: -5px;
}
/*今日の写真　設定
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/

.we{

  justify-content: center;
  width:800px;
margin: 0px auto
     /*ボックス同士の左右間の余白*/
	margin-bottom: 20px;
     /*ボックス同士の上下間の余白*/
padding:  10px;
     line-height: 1.4;
     position: relative;
     background: -webkit-linear-gradient(#fff, #eee);
     /*グラデーション*/
	background: linear-gradient(#fff, #eee);
     /*同上*/
	border: 1px solid #ccc;
     /*枠線の幅、線種、色*/
	border-radius: 6px;
     /*角丸のサイズ。この行削除すれば通常の長方形になる。*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
     /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
     /*同上*/
box-sizing: border-box;
     text-align: center; /*内容をセンタリング*/
margin-bottom:10px;
}
.we a{
     display: block;
     /*---overflow: auto;
     --スクロールバー非表示-*/
	text-decoration: none;
color:blue;
}
.we a:hover{
     background : none 0% 0% / auto auto repeat scroll padding-box border-box #f8f8ff;
     /*マウスオン時の背景色*/
	color : red;
/*マウスオン時の文字色*/
}
--------------*/
/*ボックス内の画像設定*/

.we .img{
     width: 100%;     /*画像の幅*/
	height: 100%;     /*画像の高さ*/
	padding-bottom: 0px; /*画像下に空ける余白*/

}
/*ボックス内のh4（見出し）タグ設定*/

.we h4{
     padding-left: 5px;
     padding-top: 5px;
     padding-bottom: 0px;
     font-size: 16px;
     /*文字サイズ*/

     color : red;
     font-weight : normal;
}
/*ボックス内のp（段落）タグ設定*/

.we p{
     font-size: 12px;
/*文字サイズを少し小さく*/
}
/*コンテンツ内のボックス（list）設定　　各種コンテンツ
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/

.list{
     float: left;
     /*左に回り込み*/
	width: 31%;
     /*幅*/
	overflow: hidden;
     margin-left: 1.5%;
     /*ボックス同士の左右間の余白*/
	margin-bottom: 20px;
     /*ボックス同士の上下間の余白*/


	height: 60px;
     /*高さ(CMS専用)*/
	height: 60px;
     /*高さ（下の「.list a」の高さと揃える）*/
	line-height: 1.4;
     position: relative;
     border-radius: 0px;
     /*角丸のサイズ*/
	border: solid 1px #ccc;
     /*線の線種、幅、色*/
	background: -webkit-linear-gradient(#fff, #eee);
     /*グラデーション*/
	background: linear-gradient(#fff, #eee);
     /*同上*/
	border: 1px solid #ccc;
     /*枠線の幅、線種、色*/
	border-radius: 6px;
     /*角丸のサイズ。この行削除すれば通常の長方形になる。*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
     /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
     /*同上*/
box-sizing: border-box;
}
.list a{
     display: block;
     /*---overflow: auto;
     --スクロールバー非表示-*/
	text-decoration: none;
     height: 60px;
     /*高さ(CMS専用)*/
	height: 60px;
/*高さ（上の「.list」の高さと揃える）*/
}
.list a:hover{
     background : none 0% 0% / auto auto repeat scroll padding-box border-box #f8f8ff;
     /*マウスオン時の背景色*/
	color : red;
/*マウスオン時の文字色*/
}
--------------*/
/*ボックス内の画像設定*/

.list .img{
     width: 100%;
     /*画像の幅*/
	height: 140px;
     /*画像の高さ*/
	padding-bottom: 10px;
/*画像下に空ける余白*/
}
/*ボックス内のh4（見出し）タグ設定*/

.list h4{
     padding-left: 5px;
     padding-top: 5px;
     padding-bottom: 0px;
     font-size: 16px;
/*文字サイズ*/
}
/*ボックス内のp（段落）タグ設定*/

.list p{
     font-size: 12px;
/*文字サイズを少し小さく*/
}
/*その他のコンテンツ*/

.list2{
     float: left;
     /*左に回り込み*/
	width: 31%;
     /*幅*/
	overflow: visible;
     margin-left: 1.5%;
     /*ボックス同士の左右間の余白*/
	margin-bottom: 20px;
     /*ボックス同士の上下間の余白*/

	height: 30px;
     /*高さ(CMS専用)*/
	height: 30px;
     /*高さ（下の「.list a」の高さと揃える）*/
	line-height: 1.4;
     position: relative;
     border-radius: 0px;
     /*角丸のサイズ*/
	border: solid 1px #ccc;
     /*線の線種、幅、色*/
	background: -webkit-linear-gradient(#fff, #eee);
     /*グラデーション*/
	background: linear-gradient(#fff, #eee);
     /*同上*/
	border: 1px solid #ccc;
     /*枠線の幅、線種、色*/
	border-radius: 6px;
     /*角丸のサイズ。この行削除すれば通常の長方形になる。*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
     /*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
box-sizing: border-box;
}
.list2 a{
     display: block;
     /*---overflow: auto;
     --スクロールバー非表示-*/
	text-decoration: none;
     height: 30px;
     /*高さ(CMS専用)*/
	height: 30px;
/*高さ（上の「.list」の高さと揃える）*/
}
.list2 a:hover{
     background : none 0% 0% / auto auto repeat scroll padding-box border-box #f8f8ff;
     /*マウスオン時の背景色*/
	color : red;
/*マウスオン時の文字色*/
}
/*ボックス内の画像設定*/

.list2 .img{
     width: 100%;
     /*画像の幅*/
	height: 140px;
     /*画像の高さ*/
	padding-bottom: 10px;
/*画像下に空ける余白*/
}
/*ボックス内のh4（見出し）タグ設定*/

.list2 h4{
     padding-left: 5px;
     padding-top: 5px;
     padding-bottom: 0px;
     font-size: 13px;
/*文字サイズ*/
}
/*ボックス内のp（段落）タグ設定*/

.list2 p{
     font-size: 12px;
/*文字サイズを少し小さく*/
}
/*サブコンテンツ
---------------------------------------------------------------------------*/

#sub{
     float: left;
     /*左に回り込み*/
	width: 22%;
     /*幅*/
	padding-bottom: 30px;
}
/*１カラム時のサブコンテンツ*/

.c1 #sub{
     display: none;
}
/*subコンテンツ内のh2タグ設定*/

#sub h2{
     background: -moz-linear-gradient(left, red, #fff4f4);
     background: -webkit-linear-gradient(left, red, #fff4f4);
     background: linear-gradient(to right, red, #fff4f4);
     color: #fff;
     /*文字色*/
	border-radius: 10px 10px 0px 0px;
     /*角丸のサイズ。左上、右上、右下、左下の順。*/
	padding: 5px 15px;
/*上下、左右への見出し内の余白*/
}
/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/

#sub ul.submenu{
     margin-bottom: 15px;
     /*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;
/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/

#sub ul.submenu li{
     background: #fff;
     /*背景色*/
	border-bottom: solid 1px #e4e4e4;
/*下の線の線種、幅、色*/
}
#sub ul.submenu li a{
     text-decoration: none;
     display: block;
     padding: 2px 10px;
/*メニュー内の余白。上下、左右への設定。*/
}
#sub a:hover{
     background : none 0% 0% / auto auto repeat scroll padding-box border-box #f8f8ff;
     /*マウスオン時の背景色*/
	color : red;
/*マウスオン時の文字色*/
}
/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/

#sub .box1{
     padding: 0%;
     /*ボックス内の余白*/
	margin-bottom: 15px;
     /*ボックスの下に空けるスペース*/
	background: #eee;
     /*背景色*/
	border: solid 1px #ccc;
     /*線の線種、幅、色*/
	-webkit-box-shadow: 0px 0px 1px 1px #fff inset;
     /*ボックスの影。内側に白のラインを入れる。*/
	box-shadow: 0px 0px 1px 1px #fff inset;
}
/*box1内のメニューの設定*/

#sub .box1 ul.submenu{
     margin-bottom: 0px;
}
/*box1内のh2見出しの設定*/

#sub .box1 h2{
     border-radius: 0px;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/

#pagetop a{
     clear: both;
     color: #FFF;
     /*文字色*/
	font-size: 20px;
     /*文字サイズ*/
	padding: 0px 30px;
     /*上下、左右へのボックス内余白*/
	background: #ccc;
     /*背景色*/
	text-decoration: none;
     text-align: center;
     display: block;
     float: right;
     border-radius: 4px;
/*角丸のサイズ*/
}
/*マウスオン時*/

#pagetop a:hover{
     background-color: #999;
     /*背景色*/
	color: #FFF;
/*文字色*/
}
/*書庫部分を非表示にして開閉可能にする
---------------------------------------------------------------------------*/


.hidden_box{
     margin: 0em 0;
     /*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.hidden_box label{
     clear:both;
     display:block;
     floet:left;
     margin-bottom: 15px;
     padding: 4px 15px;
     /*上下、左右への余白*/
	border-radius: 0px;
     /*角丸のサイズ*/
	border: solid 1px #ccc;
     /*線の線種、幅、色*/
	background: -webkit-linear-gradient(#fff, #eee);
     /*グラデーション*/
	background: linear-gradient(#fff, #eee);
     /*同上*/
	background: url(../image2/btn_plus.png) no-repeat right center/34px 34px,linear-gradient(#fff, #eee);
     cursor :pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover{
     background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box input{
     display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show{
     height: 0;
     padding: 0;
     overflow: hidden;
     opacity: 0;
     transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show{
     padding: 10px 0;
     height: auto;
     opacity: 1;
}
/*フッター設定
---------------------------------------------------------------------------*/

footer{
     clear: both;
     text-align: center;
     padding: 10px 0px;
     background-color : #dcdcdc;
     border-top-width : 1px;
     border-top-style : solid;
     border-top-color : gray;

}
footer a{
     text-decoration: none;
}
footer .pr{
     display: block;
     font-size: 80%;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/

#new dl{
     padding-left: 15px;
     margin-bottom: 15px;
     height: 140px;
     /*高さ*/
	overflow: auto;
/*高さの設定を超えるとスクロールが自動で出る設定。全部表示させていたいならこの行と上の行を削除。*/
}
/*日付設定*/

#new dt{
     font-weight: bold;
     /*太字にする設定。標準がいいならこの行削除。*/
	float: left;
     width: 8em;
}
/*記事設定*/

#new dd{
     padding-left: 8em;
}
/*トップページのNEWアイコン
---------------------------------------------------------------------------*/

.newicon{
     background: #F00;
     color: #FFF;
     font-size: 10px;
     padding: 0px 5px;
     border-radius: 2px;
     margin: 0px 5px;
}
/*その他
---------------------------------------------------------------------------*/

.look{
     color: #fff;
     background: #666;
     padding: 5px;
     border-radius: 4px;
}
.mb15,.mb1em{
     margin-bottom: 15px;
}
.clear{
     clear: both;
}
ul.disc{
     padding: 0em 25px 1em;
     list-style: disc;
}
.color1{
     color: #ed0000;
}
.pr{
     font-size: 10px;
}

.pr_r{
     font-size: 80%;
     color: #ed0000;
}

.wl{
     width: 96%;
}
.ws{
     width: 50%;
}
.c{
     text-align: center !important;
}
.r{
     text-align: right !important;
}
.l{
     text-align: left !important;
}
img.fr{
     float: right;
     margin-left: 10px;
     margin-bottom: 10px;
}
img.fl{
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
}
.big1{
     font-size: 30px;
     letter-spacing: 0.2em;
}
.big2{
     font-size: 17px;
     letter-spacing: 0.2em;
}
.mini1{
     font-size: 11px;
}
.sh{
     display: none;
}
.text_right{
     text-align: right;
}
.link_blue{
     font-size: 16px;
     /*文字サイズ*/

     color : red;
     font-weight : normal;
}
}