@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */


.w720{
	width: 745px;
	padding-left: 20px;
	padding-top: 15px;
}

/*線*/

.sen1{
	background-image: url(../images/page_title/sen2.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 2px;
	margin-bottom: 15px;
}



/*角丸*/

.kakumaru {
	position: relative;
	color: #111;
	/*background-image: -webkit-linear-gradient(#fff, #eee);
	background-image: -moz-linear-gradient(#fff, #eee);
	background-image: -o-linear-gradient(#fff, #eee);
	background-image: -ms-linear-gradient(#fff, #eee);
	background-image: linear-gradient(#fff, #eee);*/
	border :1px solid #ddd;
	padding: 25px;
	border-radius: 10px 10px 10px 10px;
	background-color: #fff;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*ボーダー*/

h4.title {
	position: relative;
	font-size: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

h4.title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}

/*オレンジ赤ボーターあり*/

h4.title2 {
	position: relative;
	font-size: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

h4.title2:before {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}


h4.title2:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top :-17px;
	height: 20px;
	width: 5px;
	background-color: #FC3;
}


/*オレンジ赤ボーターなし*/

h4.title3 {
	position: relative;
	font-size: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F00;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

h4.title3:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -5px;
	margin-top :-17px;
	height: 15px;
	/*height: 20px;*/
	width: 5px;
	background-color: #FC3;
}


/*オレンジ赤ワンポイント*/

h4.title4 {
	position: relative;
	color: #111;
	font-size: 15px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 14px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
}

h4.title4:before {
  content: "";
  position: absolute;
  background: #F00;
  top: -1;
  left: 0px;
  height: 10px;
  width: 10px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

h4.title4:after {
  content: "";
  position: absolute;
  background:#F90;
  top: 25px;
  left: -5px;
  height: 6px;
  width: 6px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}







/*--------------- 見出し ---------------*/

/*ふきだし１*/

h4.fukidashi {
  position: relative;
  background: #F90;
  color: #fff;
  font-size: 20px;
  /*text-shadow: 1px 1px 1px #000;*/
  border :1px solid #F90;
  margin: 0px -10px 10px -10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}

h4.fukidashi:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #F90;
}

/*ふきだし２*/

h4.fukidashi2 {
  position: relative;
  color: #111;
  background: #fff;
  font-size: 20px;
  border :2px solid #F00;
  margin: 30px -10px 10px -10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}

h4.fukidashi2:after,h4.fukidashi2:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
}

h4.fukidashi2:after {
  left: 33px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
}

h4.fukidashi2:before {
  left: 30px;
  border: 14px solid transparent;
  border-top: 14px solid #F00;
}

/*りぼん*/

h4.ribbon {
  position: relative;
  color: #fff;
  background: #555;
  font-size: 20px;
  margin: 30px -40px 10px -40px;
  padding: 15px 5px 10px 40px;
  box-shadow: 0 1px 3px #777;
}

h4.ribbon:after,h4.ribbon:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #333;
}

h4.ribbon:after {
  left: 0;
  border-right: 5px solid #333;
}

h4.ribbon:before {
  right: 0;
  border-left: 5px solid #333;
}

/*りぼん２*/

h4.ribbon2 {
  position: relative;
  color: #111;
  background: #ccc;
  background-image: -webkit-linear-gradient(#ddd, #bbb);
  background-image: -moz-linear-gradient(#ddd, #bbb);
  background-image: -o-linear-gradient(#ddd, #bbb);
  background-image: -ms-linear-gradient(#ddd, #bbb);
  background-image: linear-gradient(#ddd, #bbb);
  font-size: 20px;
  margin: 30px -40px 10px -40px;
  padding: 15px 5px 10px 40px;
}

h4.ribbon2:after,h4.ribbon2:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top: 5px solid #777;
}

h4.ribbon2:after {
  left: 0;
  border-right: 5px solid #777;
}

h4.ribbon2:before {
  right: 0;
  border-left: 5px solid #777;
}




/*ハシにマル*/


h4.circle {
  position: relative;
  color: #111;
  background: #ccc;
  font-size: 20px;
  margin: 30px 20px 10px -10px;
  padding: 14px 5px 10px 50px;
  border-radius: 22px 0 0 22px;
}

h4.circle:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 14px;
  margin-top :-10px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}

h4.circle:after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  height: 0;
  width: 0;
  border: 22px solid #ccc;
  border-right-color: transparent;
}

/*ハシにマル２*/

h4.circle2 {
  position: relative;
  color: #fff;
  background: #F00;
  font-size: 20px;
  margin: 30px 0 10px 0;
  padding: 14px 5px 10px 40px;
  box-shadow: 0 1px 3px F90;
  border-radius: 0 10px 10px 0;
}

h4.circle2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top :-22px;
	height: 44px;
	width: 44px;
	box-shadow: 1px 1px 1px #F00;
	border-radius: 50%;
	background-color: #FC3;
}

h4.circle2:after {
  content: "";
  position: absolute;
  background:#F90;
  top: 50%;
  left: -15px;
  margin-top:-15px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

/*ボーダー*/

h4.line {
	position: relative;
	font-size: 20px;
	margin:30px 0px 10px 0px;
	padding: 15px 5px 10px 20px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F00;
}

h4.line:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #777;
}

/*ワンポイント*/

h4.point2 {
  position: relative;
  color: #111;
  font-size: 20px;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}

h4.point2:before {
  content: "";
  position: absolute;
  background: #F00;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

h4.point2:after {
  content: "";
  position: absolute;
  background:#F90;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

/*--------------- 見出し終了 ---------------*/






/*ドロップダウンメニュー*/


.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #434343;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
	padding: 13px 15px;
	border-top: 1px solid #7c8c0e;
	text-align: left;
	background-color: #666;
}
.dropmenu li:hover > a{
	background-color: #666;
}
.dropmenu li a:hover{
  background: #666;
}

/*ノーマル*/

#normal { position: relative; z-index: 8; }
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}

/*広がるように*/

#dropmenu { position: relative; z-index: 7; }
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}


/*フェードイン*/

#fade-in { position: relative; z-index: 6; }
#fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

/*フェードイン２*/

#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


/*左から右へ*/

#left-to-right { position: relative; z-index: 4; }
#left-to-right ul{
  overflow: hidden;
  width: 0;
  transition: .5s;
}
#left-to-right li:hover ul{
  width: 100%;

}

/*全体がめくれてくる*/

#flip { position: relative; z-index: 3; }
#flip > li{
  perspective: 400px;
}
#flip li ul{
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip li:hover ul{
  visibility: visible;
  transform: rotateX(0);
}

/*上から回転してあらわれる*/

#flip2 { position: relative; z-index: 2; }
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}

/*上からパタパタめくれる*/

#flip3 { position: relative; z-index: 1; }
#flip3 ul {
  visibility: hidden;
  perspective: 400px;
}
#flip3 li:hover ul{
  visibility: visible;
}
#flip3 ul li{
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: .1s;
}
#flip3 li:hover ul li{
  transform: rotateX(0);
}
#flip3 li:hover ul li:nth-child(1) {
  transition-delay: 0s;
}
#flip3 li:hover ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip3 li:hover ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip3 li:hover ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip3 li ul li:nth-last-of-type(1) {
  transition-delay: 0s;
}
#flip3 li ul li:nth-last-of-type(2) {
  transition-delay: .1s;
}
#flip3 li ul li:nth-last-of-type(3) {
  transition-delay: .2s;
}
#flip3 li ul li:nth-last-of-type(4) {
  transition-delay: .3s;
}

/*ドロップダウンメニューここまで*/



/*サイドメニュー*/

/*@font-face {
  font-family: 'Typicons';
  src: url('fonts/typicons-regular-webfont.eot');
  src: url('fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/typicons-regular-webfont.woff') format('woff'),
    url('fonts/typicons-regular-webfont.ttf') format('truetype'),
    url('fonts/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

#accordion{
	position:relative;
	width: 250px;
	padding: 0;
	border-radius: 10px;
	font-size: 12px;
	line-height: 1;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*border-top-width: 15px;
	border-bottom-width: 15px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;*/
}

#accordion input{
  position:absolute;
  height: 0;
  padding:0;
}
#accordion div div{
	position: relative;
	padding: 15px 10px 12px 40px;
	background-image: url(../images/2016/page-background.png);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

/*#accordion div div{
	position: relative;
	padding: 15px 10px 12px 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color:  #d6d6d6;
	border-bottom-color:  #d6d6d6;
	background-image: url(../images/2016/page-background.png);
}*/

#accordion label:first-child div div{
  border-top: 0;
}
#accordion label:last-child div div{
  border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#accordion div div:hover{
	cursor: pointer;
	background-image: url(../images/2016/page-background2.png);
}

/*#accordion div div:before{
  position:absolute;
  top: 13px;
  left:10px;
  color: #2f7f99;
  font: 24px/100% 'Typicons';
  content: "\0023";
}

#accordion div div:after{
  position:absolute;
  top: 15px;
  right:10px;
	color: #2f7f99;
  font: 20px 'Typicons';
  content: "7";
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

#accordion input:checked + div div:after{
  top: 12px;
  right: 15px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}*/


#accordion ul{
	list-style: none;
	margin: 0;
	background-image: url(../images/2016/page-background.png);
}

#accordion ul li a{
	display: block;
	overflow: hidden;
	height: 0;
	color: #333;
	text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
	padding-top: 0px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
}

#accordion input:checked + div ul li a{
	position:relative;
	background: none;
	line-height: 1;
	height: 16px;
	padding-top: 13px;
	padding-right: 35px;
	padding-bottom: 13px;
	padding-left: 35px;
}


/*#accordion input:checked + div ul li a{
	position:relative;
	background: none;
	line-height: 1;
	height: 16px;
	padding-top: 13px;
	padding-right: 35px;
	padding-bottom: 13px;
	padding-left: 35px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #CCC;
}*/




/*#accordion input:checked + div ul li:first-child a{
  border-top: 0;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;
}

#accordion input:checked + div ul li:last-child a{
  border-bottom: 0;
}

#accordion input:checked + div ul li a:hover{
  background: #d4ebf2;
  border-top-color: #eef7fa;
}

#accordion input:checked + div ul li a:before{
  position: absolute;
  top: 16px;
  left: 45px;
  color: #2f7f99;
  font:16px/100% 'Typicons';
  content: "x";
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
*/

/*サイドメニューここまで*/


/*ボックス指定*/

#announcement-table {width:100%;}
#announcement-table a {color: #d52228;text-decoration:underline;}
#announcement-table td {vertical-align:top;}
.announcement-left {padding-right:15px;}

/*帯の色１*/

#announcement-title {
	
	background-color:#2C4198;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}

/*帯の色2*/

#announcement-titlep {
	
	background-color:#DB463E;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}

/*帯の色3*/

#announcement-titlek {
	
	background-color:#BA880D;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}

/*帯の色4*/

#announcement-titleh2 {
	background-color:#FF0000;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-size:15px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 25px;
}

/*帯の色5*/

#announcement-titleh {
	
	background-color:#DB463E;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}

/*帯の色6*/

#announcement-titles {
	
	background-color:#648402;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}

/*帯の色7*/

#announcement-titleb {
	
	background-color:#552BA5;
	color:#fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding:7px 13px;
	font-size:12px;
	font-weight:bold;
	
}


.lession-title {line-height:1.2em;margin-top:13px;font-size:15px;}	
.lession-title a {text-decoration: underline;}	
.lession-description {line-height:1.5em;font-size:12px;margin-top: 15px;color:#111;}	
.top-lessions {width:236px;display: inline-block;text-align:left;}
#gui-announcement {width:1002px;}


	/*.top-lessions2 {
	
		width:236px;
		display: inline-block;
		text-align:left;
	
	}*/
	

	/*#top-announcement {
	
		width:472px;
	
	}*/


.thumbnail {
	
	display: block;
	padding: 9px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 12px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	margin-bottom:0;
	
}


/*青リスト*/

.list-group{padding-left:0;margin-bottom:20px}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item:first-child{border-top-right-radius:10px;border-top-left-radius:10px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
/*.list-group-item>.badge{float:right}
.list-group-item>.badge+.badge{margin-right:5px}*/

a.list-group-item{color:#555}
a.list-group-item .list-group-item-heading{color:#333}
a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}
a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}
a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}
a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}

.list-group-item-heading{margin-top:0;margin-bottom:5px}
.list-group-item-text{margin-bottom:0;line-height:1.3}


/*デザインテーブル*/

.dz table {
	width: auto;
	border-spacing: 0;
	font-size:12px;
	line-height: 180%;
	color: #222;
}


/*赤*/

/*.dz table th {
	color: #fff;
	background: #FF0000;
	background:-moz-linear-gradient(rgba(255,00,00,0.7), rgba(255,00,00,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(255,00,00,0.7)), to(rgba(255,00,00,0.7)));
	line-height: 120%;
	text-align: left;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	vertical-align: top;
	width: 100px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border: 1px solid #A52330;
}*/


/*くすんだ赤*/

/*.dz table th {
	color: #fff;
	background: #C2373F;
	background:-moz-linear-gradient(rgba(194,55,63,0.7), rgba(194,55,63,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(194,55,63,0.7)), to(rgba(194,55,63,0.9)));
	line-height: 120%;
	text-align: left;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	vertical-align: top;
	width: 100px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border: 1px solid #A52330;
}*/

/*緑*/

.dz table th {
	color: #fff;
	background: #225712;
	background:-moz-linear-gradient(rgba(34,87,18,0.7), rgba(34,87,18,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,87,18,0.7)), to(rgba(34,87,18,0.9)));
	line-height: 120%;
	text-align: left;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	vertical-align: top;
	width: 100px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border: 1px solid #225712;
}


/*.dz table th:first-child {
  border-radius: 5px 0 0 0;	
}*/
.dz table th:last-child {
  /*border-radius:0 5px 0 0;*/
  border-right:1px solid #225712;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
.dz table tr td {
	padding: 8px 15px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #225712;
}
.dz table tr td:last-child {
  border-right: 1px solid #225712;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.dz table tr {
  background: #fff;
}

/*.dz table tr:nth-child(2n+1) {
  background: #EDFCD4;
}
.dz table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
.dz table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.dz table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}*/

/*.dz table tr:hover {
  background: #bbd4ee;
  cursor:pointer;
}*/


/*役員名のテーブルのみの指定*/
.yakuin table {
	width: auto;
	border-spacing: 0;
	font-size:12px;
	line-height: 180%;
}

.yakuin table tr td {
	padding: 8px 15px;
	text-align: left;
	vertical-align: top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.yakuin table tr {
  background: #EDFCD4;
}
.yakuin table tr:last-child td {
	box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	border-right-width: 0px;
	border-right-style: none;
}
.yakuin table tr:last-child td:first-child {
  border-radius: 0 0 0 0px;
}
.yakuin table tr:last-child td:last-child {
  border-radius: 0 0 0px 0;
}

.tdpd{
	padding-top: 5px;
}


/*共通部分　白なので、背景に色がついていないと見えない*/
a.btn{display: inline-block;width: 120px;margin: 45px 40px 40px;padding: 15px 10px;border: 1px solid #fff;background: transparent;color: #fff;text-align: center;text-decoration: none;line-height: 1;transition: .3s;}

/*共通部分 背景が白でも見えるボタン・・・・サンプル２、３、５、７、８、９、１０で使用*/
a.btn2{
	display: inline-block;
	width: 250px;
	margin: 15px 15px 15px;
	padding: 15px 10px;
	border: 1px solid #225712;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	transition: .3s;	
	font-size: 18px;
	/*font-weight: bold;*/
	border-radius: 8px;
	background: #225712;
	background:-moz-linear-gradient(rgba(41,170,140,0.7), rgba(41,170,140,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(41,170,140,0.7)), to(rgba(41,170,140,0.9)));
	text-shadow:0 -1px 0 rgba(41,170,140,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

/*共通部分 背景が白でも見えるボタン・・・・サンプル２、３、５、７、８、９、１０で使用*/
a.btn3{
	display: inline-block;
	width: 80px;
	margin: 5px 5px 5px;
	padding: 5px 3px;
	border: 1px solid #29aabe;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	transition: .3s;	
	font-size: 12px;
	/*font-weight: bold;*/
	border-radius: 4px;
	background: #29aabe;
	background:-moz-linear-gradient(rgba(41,170,140,0.7), rgba(41,170,140,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(41,170,140,0.7)), to(rgba(41,170,140,0.9)));
	text-shadow:0 -1px 0 rgba(41,170,140,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}


a.btn3_big{
	display: inline-block;
	width: 500px;
	margin: 5px 5px 5px;
	padding: 25px 3px;
	border: 1px solid #29aabe;
	color: #FFF;
	text-align: center;
	text-decoration: none !important;
	line-height: 1.5;
	transition: .3s;	
	font-size: 20px;
	/*font-weight: bold;*/
	border-radius: 4px;
	background: #29aabe;
	background:-moz-linear-gradient(rgba(41,170,140,0.7), rgba(41,170,140,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(41,170,140,0.7)), to(rgba(41,170,140,0.9)));
	text-shadow:0 -1px 0 rgba(41,170,140,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

a.btn3_big2{
	display: inline-block;
	width: 380px;
	margin: 5px 5px 5px;
	padding: 15px 3px;
	border: 1px solid #29aabe;
	color: #FFF;
	text-align: center;
	text-decoration: none !important;
	line-height: 1.5;
	transition: .3s;	
	font-size: 15px;
	/*font-weight: bold;*/
	border-radius: 4px;
	background: #29aabe;
	background:-moz-linear-gradient(rgba(41,170,140,0.7), rgba(41,170,140,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(41,170,140,0.7)), to(rgba(41,170,140,0.9)));
	text-shadow:0 -1px 0 rgba(41,170,140,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}



/*a.btn2{
	display: inline-block;
	width: 250px;
	margin: 15px 15px 15px;
	padding: 15px 10px;
	border: 1px solid #225712;
	background: transparent;
	color: #225712;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	transition: .3s;	
	font-size: 18px;
	font-weight: bold;
	border-radius: 8px;
}*/





/*a { display: inline-block; float: left; width: 120px; margin: 30px 40px; padding: 15px 10px; border: 1px solid #fff; text-align: center; background: transparent; color: #fff; text-decoration: none; transition: .3s; }*/

/*htmlへの書き方*/
/*<a href="#" class="btn2 sample8">sample 1</a>*/

/*タイプ*/
a.sample1:hover { border: 1px solid rgba(0,0,0,.5); color: rgba(0,0,0,.5); }
a.sample2:hover { border: 1px solid rgba(0,0,0,.1); background: rgba(0,0,0,.5); }
a.sample3:hover { box-shadow: 0 0 20px 5px rgba(255,255,255,.3) inset; }
a.sample4:hover { background: #fff; color: #555; }
a.sample5:hover { border-radius: 8px; }
a.sample6 { position: relative; z-index: 2; }
a.sample6::after { display: block; content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border: 0 solid #fff; transition: .3s; }
a.sample6:hover::after { border-width: 3px; }
a.sample7 { position: relative; z-index: 2; overflow: hidden; }
a.sample7::after { display: block; content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 0; height: 0;  margin: 0; border-radius: 50%; background: rgba(0,0,0,.2); transition: .3s; }
a.sample7:hover::after { width: 130px; height: 130px; margin: -65px 0 0 -65px; }


a.sample8 { position: relative; z-index: 2; border-radius: 4px; }
a.sample8::after { display: block; content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0;  margin: auto; background: rgba(0,0,0,.2); transition: .3s; border-radius: 4px; }
a.sample8:hover::after { width: 100%; height: 100%; border-radius: 4px; }


/*a.sample8 { position: relative; z-index: 2; border-radius: 8px; }
a.sample8::after { display: block; content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: 0; height: 0;  margin: auto; background: rgba(0,0,0,.2); transition: .3s; border-radius: 8px; }
a.sample8:hover::after { width: 100%; height: 100%; border-radius: 8px; }*/

a.sample9 { position: relative; z-index: 2; overflow: hidden; }
a.sample9::after { display: block; content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 0%; height: 100%;  margin: 0; background: rgba(0,0,0,.2); transition: .3s; }
a.sample9:hover::after { width: 100%; }
a.sample10 { position: relative; z-index: 2; perspective: 400px; transition-delay: 0s; transition-delay: 0s; }
a.sample10::after { display: block; content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;  margin: 0; background: rgba(0,0,0,.2); transition: .3s; visibility: hidden; transform: rotateX(270deg); transform-origin: 50% 0; transition: .3s; }
a.sample10:hover::after { visibility: visible; transform: rotateX(0); }
a.sample11 { position: relative; z-index: 2; overflow: hidden; }
a.sample11::after { display: block; content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 0; height: 0;  margin: 0; border-radius: 50%; background: #fff; transition: .3s; }
a.sample11:hover { color: #555; }
a.sample11:hover::after { width: 130px; height: 130px; margin: -65px 0 0 -65px; }
a.sample12 { position: relative; z-index: 2; overflow: hidden; transition-delay: 0s; }
a.sample12::after { display: block; content: ""; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%;  margin: 0; background: #fff; transition: .3s; transition-delay: .4s; }
a.sample12:hover { color: #555; transition-delay: .4s; }
a.sample12:hover::after { left: 0; transition-delay: 0s; }
a.sample13 { position: relative; z-index: 2; overflow: hidden; }
a.sample13::after { display: block; content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 130px; height: 130px; margin: -65px 0 0 -65px; border: 65px solid rgba(255,255,255,0); border-radius: 50%; transition: .5s; }
a.sample13:hover::after { border-width: 0; border-color: rgba(255,255,255,1); }
a.sample14 { position: relative; z-index: 2; overflow: hidden; }
a.sample14::after { display: block; content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 130px; height: 130px; margin: -65px 0 0 -65px; border: 65px dotted rgba(255,255,255,0); border-radius: 50%; transition: .5s; }
a.sample14:hover::after { border-width: 0; border-color: rgba(255,255,255,1); }
a.sample15 { position: relative; z-index: 2; overflow: hidden; }
a.sample15::after { display: block; content: ""; position: absolute; z-index: -1; top: 50%; left: 50%; width: 130px; height: 130px; margin: -65px 0 0 -65px; border: 65px double rgba(255,255,255,0); border-radius: 50%; }
a.sample15:hover::after { border-width: 0; border-color: rgba(255,255,255,1); transition: .5s; }


.kotira{
	font-size: 14px;
}

.kotira a{
	color: #F00;}
	
.kotira a:hover{
	color: #F00;
	text-decoration: underline;
}