@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

a:link {
  color: #336699; /* 前は#006600*/
  text-decoration: underline;
}

a:visited {
  color: #336699; /* 前は#006600*/
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}




body {
  background-color:#ffffff; /* 前は#FFFFEE*/
  font-size: 90%;
  line-height:150%;
  letter-spacing: 0.1em;
  font-family: "Yu Gothic", "游ゴシック"," メイリオ","Meiryo","arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";;
  padding: 0;
  margin: 0;
}

/* ----------------------------------------- 
TOPページ用
------------------------------------------*/

/* ----------------------------------------- 
括弧数字
------------------------------------------*/
ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

#wrapper_top {
  background-color:#ffffff; /* 前は#FFFFEE*/
  margin: 10px auto;
  width: 980px;

}
/* -------------括弧数字終わり*/



/* ------------- #header内 */


#header_top {
	clear: both;
	text-align:left;
	margin: 0 auto;
	padding: 10px;
	height: 80px;
}

#header_logo {
	float: left; /*ロゴを左に寄せる*/
}



#header_title {
	float:left;
	padding-top: 5px;
	padding-left: 10px;
}

.toplogo {
	font-size:42px;
	line-height: 1.7em;
	color:#336699;
	font-weight:none; /* 元はbold */
}

/* ------------- 最新情報 */

#info_top{
	clear: both;
	margin:0 auto;
	padding:10px;
	border-bottom: 1px solid #cccccc;
	padding-top: 10px;
}

dl.info_top {
	width:430px;
	padding-left:200px;
	text-align:left;
}

dl.info_top dt {
	float:left;
	margin: 0 0 0.5em;
	width: 7.5em;
}

dl.info_top dd {
	margin-bottom: 0.5em;
	margin-left: 7.5em;
}	

#info_top p{
	padding: 0 0 5px 0;
	text-align:center;
}




/* ------- TOP用　グローバルナビアコーディオンclass .nav */

/* グローバルメニューの背景を透過 */
#header_opacity {
    opacity: 0.7;
}

.nav1 {
	clear:both;
	width:100%; /* 元100% */
	margin-top: 10px;
	margin-bottom: 35px;
	opacity: 0.8;
	}		

.nav1 ul {
	width:980px;
	list-style-type: none;
	position: absolute;
	font-size:20px;
	float: right;
 	}

.nav1 ul li {
    display: inline-block; /* メニューを横並びにする */
    width: 188px; /* 元は185px */
    border: none;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    /*ここに	float: right;　は入れない*/
    }
       
.nav1 ul li a {
    text-decoration: none; 
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff; /* 前はccffff*/
    color: #336699;
    display: block;
    padding: 8px;
	}

.nav1 ul li:hover a {　/* 1階層目を選択したら常に点灯　9/2追加*/
	text-decoration: none;
	vertical-align: middle;
	background-color: #ccffff;
	color: #336699;
	font-weight: none; /* 元はbold */
 	padding: 8px;
	}

/* 1階層目をクリックした時　10/7追加*/
.nav1 ul li:active a{　/* 1階層目を選択したら常に点灯*/
	text-decoration: none;
	vertical-align: middle;
	background-color: #99ffff;
	color: #ff0000;
	font-weight: none; /* 元はbold */
 	padding: 8px;
	}

.nav1 ul li a:hover {
	text-decoration: none;
	vertical-align: middle;
	background-color: #99ffff;
	color: #ff0000;
	font-weight: none; /* 元はbold */
 	padding: 8px;
	}


/* 1階層目をクリックした時　10/7追加*/
.nav1 ul li a:active{　/* 1階層目を選択したら常に点灯*/
	text-decoration: none;
	vertical-align: middle;
	background-color: #99ffff;
	color: #ff0000;
	font-weight: none; /* 元はbold */
 	padding: 8px;
	}



/* ------- .navの続き 2階層目の書式*/
.nav1 li ul {
  	position: absolute;
    z-index: 9999;
    width: 140%;  /* アコーディオンの幅、元は100% */
}

.nav1 li ul li {
	display: block;
    width: 100%; 
    vertical-align: middle;
    overflow: hidden; /* visibleにはしない */
    height: 0;
    transition: .1s; /* カーテンコールで展開、transition: .2s;*/
}

.nav1 li ul li a {
	padding: 8px;
	text-align: left;  /* 元はcenter */
	vertical-align: middle;
	font-size:14px;
	background-color: #ccffff;
    color: #336699;
}

.nav1 li:hover ul li {
  overflow: visible;
  vertical-align: middle;
  height: 30px; /* 展開したアコーディオンの各行の高さ */
  font-size:14px;
  background-color: #99ffff;
  color: #ff0000;
}


/* 1階層目をクリックした時　10/7追加*/
.nav1 li:active ul li {　/* 1階層目を選択したら常に点灯*/
	text-decoration: none;
	vertical-align: middle;
  height: 30px; /* 展開したアコーディオンの各行の高さ */
  font-size:14px;
  background-color: #99ffff;
  color: #ff0000;
}


/* ------- .navの続き 3階層目の書式*/
.nav1 li ul li ul {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%; /* 右側にメニューを表示 */
    z-index: 9999;
    width: 120%;  /* アコーディオンの幅、元は100% */
}

.nav1 li ul li:hover ul {
    visibility: visible;
　　display: block;
    width: 140%; 
    vertical-align: middle;
    overflow: hidden;
    height: 0;
    transition: .1s; /* カーテンコールで展開 */
}

.nav1 li ul li ul a {
	padding: 8px;
	text-align: left;  /* 元はcenter */
	vertical-align: middle;
	font-size:14px;
	background-color: #ccffff;
    color: #336699;
}

.nav1 li:hover ul li ul {
  overflow: visible;
  vertical-align: middle;
  height: 30px; /* 展開したアコーディオンの各行の高さ */
  font-size:14px;
  background-color: #99ffff;
  color: #ff0000;
}


/* ------- グローバルナビを常に表示 ここでは使わない*/
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}
#container {
  padding-top: 200px;
}


/* ------- pagetopを常に表示 */
.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    } 
.pagetop a
    {
    display: block;
    text-decoration: none;
    } 
.pagetop:hover
{
    opacity: 0.85 ;
}


/* ------- TOP用　#globalnavi */

#globalnavi_top {
	align:center;
	clear:both;
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}		

#globalnavi_top ul {
  width:980px;
  list-style-type: none;
  position: absolute;
  font-size:15px;
}

#globalnavi_top li {
  width: 160px;
  float: left;
  text-align:center;
  border-right: 2px groove #cccccc;
}

#globalnavi_top li a {
  text-decoration: none;
  display: block;
  padding: 3px ;
  background-color: #ccffff;
  color: #ffffff;
}

#globalnavi_top li a:hover {
  background-color: #99ffff;
  color: #ff0000;
}

/* ------- TOP用　#menu02 */

#menu02{
	clear:both;
	float:left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	margin-top:40px;
	margin-bottom: 10px;
}

dl.listmenu02 {
	clear:both;
	margin-left: 180px;
}

dl.listmenu02 dt{
	float:left;
	margin: 0 0 0.5em;
	width: 7.5em;
	background: url(images/point.gif) no-repeat;
	padding-left: 20px;
}

dl.listmenu02 dd {
 margin-bottom: 0.5em;
 margin-left: 7.5em;
} 	


#footer_top {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align:center;
}


/* ----------------------------------------- 
TOPページ以外の指定 
------------------------------------------*/

#wrapper {
  background-color:#FFFFEE;
  float:left;
  text-align: left;
  margin: 10px;
  width: 900px;
}

/* ------------- header内 */

#header {
  padding: 5px 0;
  width: 100%;
  height: 66px;
  float:left;
}

#header_stitle {
	float:left;
	padding-top: 5px;
	padding-left:5px;
}

.logo {
	font-size:18px;
	color:#000099;
	font-weight:bold;
}

.stitle {
	font-size:16px;
	color:#009933;
	font-weight:bold;
	text-align:center;
}

/* ------- globalnavi */

#globalnavi {
	clear:both;
	width: 100%;
}

#globalnavi ul {
  width: 1000px;
  list-style-type: none;
  position: absolute;
  background-color: #336699;
}

#globalnavi li {
  width: 160px;
  font-size: 14px;
  float: left;
  text-align:center;
  border-right: 2px groove #cccccc;
}

#globalnavi li a {
  text-decoration: none;
  display: block;
  padding: 0.3em;
  background-color: #336699;
  color: #ffffff;
}

#globalnavi li a:hover {
  background-color: #99ffff;
  color: #ff0000;
}

#contents { 
  width: 100%;
  padding-top: 3em;
}

/* ------------------　footer内の指定 */

#footer {
	clear: both;
	width: 100%;
	border-top: 1px solid #cccccc;
	text-align:center;
	padding: 10px 0;
}

#footer p { text-align: center; }






/* -- 概要 -- */
.description {}





.small {
	 font-size:95%;
}


/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h2,h4,h5,h6 {
  font-size: 1em;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 5px 0 3px 10px;
  border-left: 5px solid #336699;
  border-bottom: 1px solid #336699;
  color:#000099;
  background-color:#FFFFFF;
}

.end {
  background-color:#CCCCCC;
  color:#333333;
}

h3 {
  font-size: 1em;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 5px 0 3px 10px;
  border-left: 5px solid #336699;
  border-bottom: 1px solid #336699;
  background-color:#EEF9FF;
}


/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
}

/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}

/* -- 以下 リスト関係 -- */

#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { margin-bottom: 0.5em; }

/* -- スケジュール 開催予定分-- */
table.sch{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:5px 0 15px 10px;
	background-color:#FFFFFF;
}
.sch th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	padding:0.3em 0.3em;
	text-align:center;
	background-color:#CCFFCC;
}
.sch tr{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	background-position:left top;
	padding:0.3em 0.3em;
}
.sch td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:0.3em 0.3em;
}

.nonor {
    width: 10em;
}

p.chu { 
	padding-left:14px;
	font-size:90%;
}

p.chu2 { 
	text-align:right;
	padding-right:14px;
	font-size:100%;
	
}

/* -- スケジュール 終了分-- */

table.schend{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:5px 10px 15px 10px;
}
.schend th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	padding:0.3em 0.3em;
	text-align:center;
	background-color:#CCFFCC;
}
.schend tr{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	background-position:left top;
	padding:0.3em 0.3em;
}
.schend td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:0.3em 0.3em;
}

table.line{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin:5px 0 5px 0;
}
.line th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	padding:0.3em 0.3em;
	text-align:center;
}
.line tr{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#333333;
	background-position:left top;
	padding:0.3em 0.3em;
}
.line td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:0.3em 0.3em;
}

.m5 {
	margin:0.5em 0 0.5em 5px;
}	

.m10 {
	margin:0.5em 0 0.5em 10px;

}	
.m20 {
	margin:0.3em 20px;

}
.m25 {
	margin:0.3em 25px;
}		
.m30 {
	margin:0.3em 30px;
}

.m40 {
	margin:0.3em 40px;
}

.size7 {
	width:7%;
}

.size10 {
	width:10%;
}

.size20 {
	width:20%;
}

.size30 {
	width:30%;
}

.size43 {
	width:43%;
}

.size60 {
	width:60%;
}


/* -- 写真館-- */

.ref_title {
	margin: 10px 0 5px 5px;
	line-height: 150%;
	font-size: 1em;
	color: #003399;
	font-weight:bold;
	letter-spacing: 0.1em;
}

/* -- 写真　横長-- */
.ref_photo {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	width: 640px;
	height: auto;
	background:#ffffff;
	padding: 8px;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:2px solid #efefef;
	border-left:1px solid #efefef;
}	

/* -- 写真　縦長-- */
.ref_photo02 {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	width: 480px;
	height: auto;
	background:#ffffff;
	padding: 8px;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:2px solid #efefef;
	border-left:1px solid #efefef;
}

/* -- 写真　縦長2-- */
.ref_photo03 {
	margin-top: 5px;
	margin-left: 30px;
	margin-bottom: 5px;
	width: 428px;
	height: auto;
	background:#ffffff;
	padding: 8px;
	border-right:2px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-top:2px solid #efefef;
	border-left:1px solid #efefef;
}


#ref{
	float:left;
	width: 100%;
	padding-bottom: 20px;
	margin-left: 10px;
}

#ref dl {
	clear:both;
}

#ref dt{
	float:left;
	clear:both;
	margin: 0 0 0.5em;
	width:10.5em;
	background: url(images/point.gif) no-repeat;
	padding-left: 30px;
}

#ref dd {
	margin-bottom: 0.5em;
	margin-left: 7.5em;
 
} 	


.clearfix {
	display: inline-block;
}

#up p { 
	text-align: right;
	padding-bottom:10px;
}


.cancel {
	color: #D20000;
}