@charset "utf-8";
/*---------------------------------
	CommonCSS [初期化,定義]
---------------------------------*/
html{
	scroll-behavior: smooth;	
}
html#publish_page{
    overflow-x: clip;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol,ul {
	list-style:none;
}
img{border:0}
table{
}
a, a img, a button, .btn {
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -ms-transition: All 0.3s ease;
    transition: All 0.3s ease;
}
button:hover{
    scale: 1.05;
    transform-origin: center;
}
a button:hover, a:hover {
    scale: 1.05;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
@media (max-width: 575px) {
    .container {
		width: fit-content;
    }
}
@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}.preview_btn:hover button, .submitBtn:hover {
    transform: scale(1.05);
    transform-origin: center;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}
/*---------------------------------
	        Base CSS 
---------------------------------*/
a {
	color:#009A3E;
	text-decoration:none;
}
a:hover {
    color: #009a3e;
	text-decoration:underline;
}
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/*---------------------------------
	 ▼index.php Calendar style▼ 
---------------------------------*/

/* HEADER ################################## */



header {
    border-bottom: 10px solid rgb(0, 161, 150);
}
@media (max-width: 768px) {
    header {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
		padding-bottom: 1em;
    }
}
@media (max-width: 659px) {
    header {
        text-align: center;
	    padding-bottom: 0.5em;
    }
}

header p{
	margin-bottom: 0;
}
header a{
	text-decoration:none;
}
.navbar-logo{
	margin-right:auto;
}
.navbar-logo img{
	max-width:640px;
	width: 52vw;
	min-width: 240px;
}
header {
display: flex;
flex-direction: column;
padding: 0;
}
header > .container{
margin-bottom: 12px;
margin-top: 20px;
}
header > .container .burger_parent{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
header > .container .logo_parent{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.kankyo img, .jesco img {
margin: auto;
display: block;
}
header .kankyo a,header .jesco a,
footer .kankyo a,footer .jesco a{
display: block;
}

.navbar-collapse-parent{
	position: relative;
	width: 100%;
}
.navbar-collapse{
width: 100%;
background-color: var(--maincolor);
}
.navbar-collapse > .container{
width: 100%;
}
.navbar-collapse > .container ul{
display: flex;
justify-content: space-between;
width: 100%;
font-size: 1.2em;
}
@media (max-width: 991.98px) {
	header > .container .logo_parent{
		flex-flow: column;
	}
	.navbar-collapse{
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 9999;
		width: 100%;
	}
}

/* FOOTER ################################## */
  
  footer{
	padding-top: 40px;
	padding-bottom: 30px;
	width: 100%;
	background-color: rgb(0, 161, 150);
  }
  footer img{
	background-color: white;
	padding: 5px 15px;
  }
  footer > .container {
	display: flex;
  }
  footer .navbar-nav {
	display: flex;
	flex-direction: row;
  }
  footer li.nav-item {
	font-size: 0.8em;
	position: relative;
  }
  footer ul:first-child li.nav-item:not(:last-child) {
	margin-right: 1em;
  }
  footer li.nav-item a{
	  color:white;
	  padding-top: 0;
	  padding-bottom: 0;
	  padding-right: 7px!important;
	  padding-left: 5px!important;
	  margin-left: -5px;
	  margin-right: -7px;
  }
  footer ul:first-child li.nav-item:not(:last-child)::after {
	content: "";
	height: 100%;
	display: block;
	width: 1px;
	background-color: white;
	position: absolute;
	bottom: 0;
	right: -0.6em;
  }
  footer ul:nth-child(2) li.nav-item:not(:last-child) {
	margin-right: 2em;
  }
  footer ul:nth-child(2) li.nav-item::before {
	  content: "";
	  display: block;
	  width: 0px;
	  border: solid;
	  border-color:transparent transparent transparent white;
	  border-width: 5px 0 5px 7px ;
	  position: absolute;
	  bottom: calc(0.5em - 2px);
	  left: calc(-2px - 0.5em);
  }
  footer > .container:nth-child(2) {
	align-items: center;
	margin-top: 40px;
  }
  footer .logo {
	display: flex;
  }
  footer p {
	margin-left: 1em!important;
	margin-bottom: 0!important;
	color: white;
	font-size: 0.6em!important;
  }
  footer p > span:last-child{
	margin-left: 1em;
  }

  footer nav {
	text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
footer nav ul{
    padding-bottom: 0;
	margin-bottom: 0;
}



footer nav ul{
	width:auto;
	display: inline-block;
	padding-left:0;
}

footer nav ul li{
	display: inline-block;
}

footer nav ul li a{
    font-family:source-han-sans-japanese, sans-serif;
	font-weight: 700;
	padding: 2px 4px 2px 5px;
	color:white;
	font-size:1.2em;
}
footer nav ul li a:hover {
    color: rgb(0, 161, 150);
    text-decoration: none;
    background-color: white;
}
footer nav ul li a::before{
    content: '▶';
    display: inline-block;
    color:#rgb(0, 161, 150);
}

  @media (max-width: 991.98px) {
	footer > .container:first-child {
		flex-direction: column;
		gap: 10px;
	}
  }
  @media (max-width: 767.98px) {
	footer .logo{
	  flex-direction: column;
	} 
  }
  @media (max-width: 575.98px) {
	footer .logo{
	  flex-direction: row;
	  margin-bottom: 10px;
	}
	footer > .container:nth-child(2) {
	  flex-direction: column;
	}
  }
  
  .totop{
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 999;
  }
  .totop a {
	color: rgb(0, 161, 150);
	font-weight: bold;
	background-color: #E9E9E9;
	display: block;
	padding: 8px 10vw 8px 40px;
	border-radius: 20px;
	font-size: 0.8em;
	position: relative;
	text-decoration: none;
	margin-right: -20px;
  }
  .totop a > span {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	overflow: hidden;
	left: 12px;
	top: 10px;
	transform: rotate(45deg);
  }
  .totop a span::after {
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	border: solid 8px #A48B78;
	border-radius: 5px;
  }


#filetime{
    white-space: nowrap;
}

#calendarTable{
	width:100%;	
}
#calendarTable tr{
	display: flex;
}
#publish_page #calendarTable tr:nth-child(2)
{
	text-align:center;
}
#calendarTable th{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding:5px;
	font-size:18px;
	border:1px solid #ccc;
	color:#333;
	background:#eee;
}
#calendarTable td{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding:5px;
	text-align:right;
	font-size:18px;
	border:1px solid #ccc;
	color:#555;
	width:14%;
	vertical-align:top;
	min-height: 3rem;
	position: relative;
}
#calendarTable th:first-child.calendarHeader,
#calendarTable th:last-child.calendarHeader {
	width: 1em;
	text-align: center;
}
#publish_page #calendarTable th:first-child.calendarHeader,
#publish_page #calendarTable th:last-child.calendarHeader {
	width: 1.65em;
}
#calendarTable th:nth-child(2).calendarHeader {
	flex-grow:5.4;
	text-align: center;
}
#calendarTable td:first-child::before {
	content: "";
	vertical-align: top;
	display: inline-block;
}
body#index {
	overflow-x: clip;
}
body#index p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#index .calendarHeader a{
	color:#555;
}
#calendarTable td .scheduleComment{
	text-align:left;
	color:#555;
	height: 100%;
	font-size:10px;
	background: white;
	margin-left: -1px;
    margin-right: -1px;
    padding-left: 3px;
    padding-right: 3px;
}
#publish_page .close {
    float: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    color: unset;
    text-shadow: unset;
    opacity: unset;
}

/*土曜の文字色*/
#calendarTable th.youbi_6,
#calendarTable td.youbi_6,
.calendarClassAdmin th.youbi_6,
.calendarClassAdmin td.youbi_6{
	color:#36F;
}
#calendarTable td.youbi_6 > div,
.calendarClassAdmin td.youbi_6 > div{
	color:#555;;
}

/*祝日と日曜の文字色*/
#calendarTable th.youbi_0,
#calendarTable td.youbi_0,
#calendarTable td.shukujitu,
.calendarClassAdmin th.youbi_0,
.calendarClassAdmin td.youbi_0,
.calendarClassAdmin td.shukujitu{
	color:red;
}
#calendarTable td.youbi_0>div,
#calendarTable td.shukujitu > div,
.calendarClassAdmin td.youbi_0>div,
.calendarClassAdmin td.shukujitu > div{
	color:#555;;
}
#calendarTable td > div:not(.scheduleComment) {
	text-align: center;
	white-space: nowrap;
	font-size: clamp(14px,2vw,18px);
}
.hanrei > p.status > span,
#calendarTable td > div:not(.scheduleComment) > span{
	font-weight:bold;
	font-size: 1rem;
	line-height: 1rem;
	font-family: monospace;
	vertical-align: middle;
}
.hanrei > p.status > span.available,
#calendarTable td > div.available > span{
	color:#f38181;
}
.hanrei > p.status > span.contact,
#calendarTable td > div.contact > span{
	color:#5dadcf;
}
.hanrei > p.status > span.unavailable,
#calendarTable td > div.unavailable > span{
	color:#16183b;
}
#calendarTable td > div.closed > span{
    font-weight: normal;
    font-size: 12px;
    line-height: unset;
    font-family: unset;
}
#calendarTable td > div.close{
    flex-grow:1;
	display: table;
}
#calendarTable td > div.close > p{
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
}
.hanrei {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.hanrei .bg{
	margin-right:1em!important;
}

/*本日の背景色　※ただし設定ファイルでの設定が優先されます*/
table.calendarClassAdmin td.today {
    border: 3px solid #FF9400;
}
table:not(.calendarClassAdmin) td.today::after {
    content: "";
    border: 4px solid #FF9400;
    position: absolute;
    height: calc(100% - 8px);
    width: calc(100% - 8px);
    left: 0;
    top: 0;
    z-index: 99;
    display: block;
}
#publish_page table:not(.calendarClassAdmin) td.today::after {
    height: 100%;
    width: 100%;
}
/*休業日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.holiday{
	/*background:#FDD;	*/
}
/*定休日設定した日の背景色　※ただし設定ファイルでの設定が優先されます*/
.closed{
	/*background:#FDD;	*/
}
.hidden{
	display:none;	
}
/*休業日テキスト部の左側の四角*/
.holidayCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}
/*定休日テキスト部の左側の四角*/
.closedCube{
	display:inline-block;
	width:13px;
	height:13px;
	margin:3px 3px 0 3px;
	position:relative;
	top:2px;
}

td > div.closed {
    background: #ddd;
}
td > div.closed ~.closed::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #ddd;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -99;
}


/* if ListStyle */
#calendarList li{
	border-bottom:1px solid #999;
	padding:5px;
}
#calendarList li.first-child{
	border-top:1px solid #999;
}
#calendarList .scheduleComment{
	text-align:left;
	color:#555;
	font-size:10px;
}
table.navNextPrev {
	width:100%;
}
table.navNextPrev .dspPrev{
	text-align:left;	
	padding:10px;
}
table.navNextPrev .dspNext{
	text-align:right;
	padding:10px;
}
h2#headerYm{
	background:#666;
	color:#fff;
	text-align:center;
	padding:5px ;
	font-size:110%;
	font-weight:normal;
}

.preview_apply {
	/*border-top: 1px solid lightgrey;*/
	margin-top: 1rem;
	/*padding-top: 1rem;*/
	text-align: center;
}
.preview_apply > input{
	width:240px;
	height:30px;
	cursor: pointer;
	margin:0 10px;
}
.preview_apply > a > button{
	width:240px;
	height:30px;
	pointer-events: none;
	margin:0 10px;
}
input:disabled,input:disabled+a,button:disabled {
    cursor: default;
	pointer-events: none;
}

@media screen and (max-width: 575px){
	body#index{
		border:none;
		box-shadow:none;
		padding:0;
	}
	main{
		box-shadow:none!important;
		border:none!important;
		padding:0!important;
	}
	#calendarTable th {
		border: none;
		background: none;
		min-width: 60px;
	}
	#calendarTable tr {
		flex-direction: column;
	}
	#calendarTable tr:first-child {
		flex-direction: row;
	}
	#calendarTable tr:nth-child(2) {
		display: none;
	}
    #calendarTable td {
        display: flex;
        font-size: 1em;
        width: unset;
        min-height: 0;
		padding: 0 0 0 0.5em;
        border: none;
        flex-direction: row;
        flex-wrap: wrap;
    }
    #calendarTable td.youbi_0,#calendarTable td.youbi_1,#calendarTable td.youbi_2,
	#calendarTable td.youbi_3,#calendarTable td.youbi_4,#calendarTable td.youbi_5,
	#calendarTable td.youbi_6{
		border-bottom: 1px solid;
	}
	#calendarTable td > div:not(.scheduleComment) {
		flex-shrink: 0;
		width: calc(50% - 0.7em);
		margin-left: auto;
		font-size: 1em;
	}
	#calendarTable td .scheduleComment {
		flex-shrink: 1;
	}
	#calendarTable td.closed div:not(.scheduleComment){
		width:calc(100% - 1.5em);
		margin-left: auto;
	}
	#calendarTable td > div:first-child{
		margin-top: 3px;
	}
	#calendarTable td > div:last-child{
		margin-bottom:3px;
	}
	#calendarTable td .scheduleComment {
		width: calc(100% - 0.7rem);
	}
	.hanrei {
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}


/* /if ListStyle */

/*---------------------------------
	 ▲index.php style▲ 
---------------------------------*/




/*---------------------------------
	 ▼admin.php style▼ 
---------------------------------*/
body#admin p {
	margin:0 0 5px;
	line-height:130%;
	font-size:13px;
}
body#admin #wrapper {
	width:840px;
	border: 1px solid #ccc;
	border-top:0;
	border-bottom:0;
	box-shadow: 0 0px 7px #aaa;
	margin:0 auto;
	color:#666;
	padding:5px 20px;
	position:relative;
	margin-top:50px;
}
body#admin h1 {
	font-size:18px;
	color:#333;
	margin:5px 0 15px;
	padding-left:5px;
	border-left:5px solid #333;
	font-weight:normal;
	height:23px;
}
body#admin h2 {
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
	padding-left:5px;
	background:#333;
	padding:5px 8px 3px;
	border-radius:3px;
}
table.calendarClassAdmin{
	width:100%;
	margin:15px 0;
}
table.calendarClassAdmin td{
	padding:8px;
	line-height:160%;
	font-size:16px;
	border:1px solid #ccc;
	text-align:right;
	color:#555;
}

table.calendarClassAdmin td.closed .close{
    text-align: center;
    width: 100%;
    display: block;
    line-height: 3rem;
}

table.calendarClassAdmin th{
	background:#eee;
	padding:5px 10px;
	line-height:160%;
	font-size:14px;
	border:1px solid #ccc;
	width:14%;
}
.adminTextArea{
	margin-top:3px;
	font-size:11px;
    overflow: visible;
    margin-left: -5px;
}
.adminTextArea textarea{
	font-size:12px;
}
.hidden_text{
	position:absolute;
	top:50px;
	left:27px;
	color:#F00;
	font-weight:bold;
	font-size:14px;
}
body#admin .submitBtn {
	width:240px;
	height:30px;
	cursor:pointer;
	margin:0 10px;
}
body#admin .submitBtn+a>button {
	width:240px;
	height:30px;
	pointer-events: none;
	margin:0 10px;
}

body#admin form p {
	/*border-bottom:1px dotted #ccc;
	padding:5px 0;*/
	margin-bottom:10px;
}
div[style="text-align:center;margin-top:5px;font-size:10px;color:#aaa"] {
    display: none;
}
body#admin textarea{
	width:100%;
	padding:2px;
}
.fc_bbb, .fc_bbb a:link {
	color:#bbb!important
}
.fc_red {
	color:#F00!important
}
.message_com {
	min-height:18px
}
.logout_btn {
	position:absolute;
	right:20px;
	top:40px;
}
.logout_btn a {
	padding:2px 10px;
	border:1px solid #aaa;
	text-decoration:none;
	color:#666;
	font-size:13px;
	border-radius:4px;
}
.logout_btn a:hover {
	background:#eee;
}
/*　AuthPageStyle　*/
body#auth{
	margin-top:15px;	
}
body#auth #login_form{
	width:500px;	
	margin:25px auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0px 7px #aaa;
    font-weight: normal;
    padding: 16px 16px 20px;
	color:#666;
	line-height:1.3;
	font-size:90%;
}
body#auth form .input {
    font-size: 20px;
    margin:2px 6px 10px 0;
    padding: 3px;
    width: 97%;
}
body#auth input[type="text"], body#auth input[type="password"], body#auth input[type="file"], body#auth input[type="button"], body#auth input[type="submit"], body#auth input[type="reset"] {
    background-color: #FFFFFF;
    border: 1px solid #999;
}
body#auth .button-primary {
    border: 1px solid #000;
    border-radius: 11px;
    cursor: pointer;
    font-size: 18px;
    padding: 3px 10px;
	width:450px;
	height:38px;
}

/*　AuthPageStyle　*/
body#auth{
	margin-top:15px;	
}
body#auth #login_form{
	width:500px;	
	margin:25px auto;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0px 7px #aaa;
    font-weight: normal;
    padding: 16px 16px 20px;
	color:#666;
	line-height:1.3;
	font-size:90%;
}
body#auth form .input {
    font-size: 20px;
    margin:2px 6px 10px 0;
    padding: 3px;
    width: 97%;
}
body#auth input[type="text"], body#auth input[type="password"], body#auth input[type="file"], body#auth input[type="button"], body#auth input[type="submit"], body#auth input[type="reset"] {
    background-color: #FFFFFF;
    border: 1px solid #999;
}
body#auth .button-primary {
    border: 1px solid #000;
    border-radius: 11px;
    cursor: pointer;
    font-size: 18px;
    padding: 3px 10px;
	width:450px;
	height:38px;
}

/*---------------------------------
	 ▲admin.php style▲ 
---------------------------------*/


/*---------------------------------
         Quill Editor
---------------------------------*/
#Quill {
    width: 840px;
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
    box-shadow: 0 0px 7px #aaa;
    color: #666;
    padding: 15px 20px;
    position: relative;
    margin: 50px auto;
	display: flex;
	justify-content: space-evenly;
}
#Quill > div{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	position: relative;
}
#Quill > div:nth-child(1){
	width:35%;
    margin-right: 10px;
}
#Quill > div:nth-child(2){
	width:35%;
}
#Quill #editor {
    min-height: 150px;
	width:100%;
    min-width: 250px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options{
	transform: translate(-50%, 0);
    margin-left: 14px;
}
.ql-toolbar.ql-snow {
	width:100%;
    min-width: 250px;
}
.ql-snow .ql-color-picker .ql-picker-item:last-child{
	margin-bottom: 8px;
}
.ql-color .ql-picker-options [data-value=custom-color] {
	background: none !important;
	width: 100% !important;
	height: 20px !important;
	text-align: center;
  }
  .ql-color .ql-picker-options [data-value=custom-color]:before {
	content: '文字色を指定';
    display: block;
	border: 1px solid #ccc;
  }
  .ql-color .ql-picker-options [data-value=custom-color]:hover {
	border-color: transparent !important;
  }

  .ql-background .ql-picker-options [data-value=custom-color] {
	background: none !important;
	width: 100% !important;
	height: 20px !important;
	text-align: center;
  }
  .ql-background .ql-picker-options [data-value=custom-color]:before {
	content: '背景色を指定';
    display: block;
    border: 1px solid #ccc;
  }
  .ql-background .ql-picker-options [data-value=custom-color]:hover {
	border-color: transparent !important;
  }
  
  #color-picker,#background-picker {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		width: max-content;
		z-index: 999;
		overflow: visible;
}

#code-output{
	min-height: 150px;
	width:99%;
	min-width: 250px;
	border: 1px solid #ccc;
	word-break: break-all;
}
#copy-code {
    margin: 8px auto;
    padding: 0 8px;
    display: block;
}
/*---------------------------------
         class Library
---------------------------------*/
/* Margin・padding class */
.m0{margin:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}
.pall5{padding:5px!important}.pall10{padding:10px!important}.pall15{padding:15px!important}
/* /Margin・padding class */

.clear {clear:both;}
.taR {text-align:right!important;}
.taL {text-align:left!important;}
.taC {text-align:center!important}
.big {font-size:170%!important;line-height:130%}
/*Font color*/
.bold {font-weight:bold!important;}
.col1 {	color:#FF6600!important;}
.col2 {	color:#FF9933!important}
.col3 {	color:#FF3300!important;}
.col4 {	color:#D9006C!important;}
.col5 {	color:#669999!important}
.col6 {	color:#0000CC!important}
.col7 {	color:#000099!important}
.col8 {	color:#0066FF!important}
.col9 {	color:#333333!important}
.col10 {color:#666666!important}
.col11 {color:#009900!important}
.col12 {color:#009900!important}
.col13 {color:#996633!important}
.col14 {color:#FF66CC!important}
.col15 {color:#669900!important;}
.col16 {color:#00CC99!important;}
.col17 {color:#fff!important;}
.col18{color:#009966!important}
.col19{color:#F00!important}
.floL {float:left;margin-top:0 !important;}
.floR {float:right;margin-top:0 !important;}
.light {font-weight:normal}
.floL img{margin-right:10px;}
.floR img{margin-left:10px;}
.small{font-size:12px!important}
/*---------------------------------
         /class Library
---------------------------------*/