* {
	margin    : 0px 0px 0px 0px;
	padding   : 0px 0px 0px 0px;
	font-size : 12pt;
}


#navi {
	width       : 100%;
	padding     : 20px;
}

#navi h2 {
	padding     : 10px 0px 0px 0px;
	color       : #666699;
	background  : #CCCCFF;
	font-weight : bold;
}

#navi ul {
	display    : inline;
	list-style : none;
}

#navi li {
	display    : inline;
	list-style : none;
}

#navi a:link {
	color           : #666699;
	text-decoration : none;
	padding         : 5px 5px 0px 0px;
	border-bottom   : 1px solid #EEFFEE;
}
#navi a:visited {
	color           : #666699;
	text-decoration : none;
	padding         : 5px 5px 0px 0px;
	border-bottom   : 1px solid #EEFFEE;
}
#navi a:hover {
	background      : #FFFFFF;
	color           : #6666CC;
	text-decoration : none;
	padding         : 5px 5px 0px 0px;
	border-bottom   : 1px solid #666699;
}
#navi a:active {
	background      : #FFFFFF;
	color           : #6666CC;
	text-decoration : none;
	padding         : 5px 5px 0px 0px;
	border-bottom   : 1px solid #666699;
}
#my_navigation { float : left ; width : 150px ; }

#menu {
	white-space  : nowrap;
	background   : #EEEEEE;
	float        : left;
	border-right : 1px solid #9999CC;
	display      : block;
}


#menu ul {
	list-style : none;
	padding    : 1px;
}


#menu li {
	list-style : none;
	padding    : 1px;
}


#menu a:link {
	color           : #666699;
	text-decoration : none;
	padding         : 5px 5px 5px 5px;
	border-bottom   : 1px solid #EEFFEE;
	display         : block;
}
#menu a:visited {
	color           : #666699;
	text-decoration : none;
	padding         : 5px 5px 5px 5px;
	border-bottom   : 1px solid #EEFFEE;
	display         : block;
}
#menu a:hover {
	background      : #6666CC;
	color           : #CCCCFF;
	text-decoration : none;
	padding         : 5px 5px 5px 5px;
	border-bottom   : 1px solid #666699;
	display         : block;
}
#menu a:active {
	background      : #FFFFFF;
	color           : #6666CC;
	text-decoration : none;
	padding         : 5px 5px 5px 5px;
	border-bottom   : 1px solid #666699;
	display         : block;
}


#menu h2 {
	color           : #CCCCFF;
	background      : #666699;
	text-decoration : none;
	padding         : 5px 5px 5px 5px;
	border-bottom   : 1px solid #EEFFEE;
	font-weight     : bold;
}


#contents {
	/* white-space  : nowrap; */
	background   : #FFFFFF;
	float        : left;
	/*border-right : 1px solid #9999CC;*/
}


#my_contents {
	float 		: left ;
	padding         : 20px;
	width 		: 85%;
	background   	: #FFFFFF;
}


hr {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}


h1 {
	padding         : 20px;
	background      : #EEEEFF;
	color           : #9999CC;
	width           : 100%;
	font-size       : 11pt;
	border-bottom   : 1px solid #9999CC;
}

#contents h3 {
	padding         : 20px;
	border-bottom   : 1px dashed #9999CC;
}


#contents p {
	padding         : 20px;
}


table {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 80%;
	white-space  : nowrap;
}

table.b {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 15%;
	/* white-space  : nowrap; */
}

table.c {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 45%;
	white-space  : nowrap;
}

table.cd {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 50%;
	/* white-space  : nowrap; */
}

table.reserve {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 50%;
	/* white-space  : nowrap; */
}

table.reservelist {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 55%;
	/* white-space  : nowrap; */
}

table.reservedetail {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 40%;
	/* white-space  : nowrap; */
}

table.acmail {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 80%;
	/* white-space  : nowrap; */
}

table.otherheader {
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
}

table.otherheader tr td{
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	padding         : 5px;
}

table.otherheader tr th{
	background      : #9999CC;
	font-weight     : bold;
	text-align      : center;
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	padding         : 5px;
}

table.blog {
        -webkit-box-sizing : border-box;
        -moz-box-sizing    : border-box;
        box-sizing         : border-box;
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	width           : 50%;
}

.table-css {
	width           : 80%;
	border-style	: none;
	height		: 20px;
}

.table-css8 {
	width           : 60%;
	border-style	: none;
	padding-left	: 450px;
}

.table-css12 {
	width           : 80%;
	border-style	: none;
	padding-left	: 480px;
}

tr td{
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	padding         : 10px;
}
tr th{
	background      : #9999CC;
	font-weight     : bold;
	text-align      : center;
	border-top      : 1px solid #CCCCFF;
	border-left     : 1px solid #CCCCFF;
	border-right    : 1px solid #666699;
	border-bottom   : 1px solid #666699;
	padding         : 2px;
	width           : 30%;
	/* white-space  : nowrap; */
}

.td-css13 { 
	border-style	: none;
    	padding-bottom	: 2px;
	padding-top	: 0px;
    	padding-left	: 0px;

}

input.example{
	width: 100%;
}


#footer {
	width      : 100%;
	text-align : center;
	background : #EEEEFF;
	color      : #9999CC;
	clear      : both;
}


strong {
	color : #FF3366;
}

nav {
	border-style: hidden;
	margin: 0em 0em 0em 30em;
}


.border-box {
        -webkit-box-sizing : border-box;
        -moz-box-sizing    : border-box;
        box-sizing         : border-box;
	//background         : #FFFFFF;
	padding            : 20px 10px;
	margin             : 0px 0px 0px 240px;
}


div.otherheader {
	padding-top   : 0px;
	width         : 75%;
	background    : #FFFFFF;
}


.is-fixed {
	position      : fixed;
	top           : 0;
	left          : 0;
	z-index       : 2;
	width         : 86%;
}


tr.blue td {
	text-align    : right;
	background    : #CCCCFF;
	/* white-space  : nowrap; */
	border-top    : 1px solid #CCCCFF;
	border-left   : 1px solid #CCCCFF;
	border-right  : 1px solid #666699;
	border-bottom : 1px solid #666699;
	padding       : 5px;
}


tr.white td {
	text-align    : right;
	background    : #FFFFFF;
	/* white-space  : nowrap; */
	border-top    : 1px solid #CCCCFF;
	border-left   : 1px solid #CCCCFF;
	border-right  : 1px solid #666699;
	border-bottom : 1px solid #666699;
	padding       : 5px;
}

.center0 {
	text-align : center;
}

.center1 {
	text-align : center;
	background : #FFFFCC;
}

.left0 {
	text-align : left;
}

.left1 {
	text-align : left;
	background : #FFFFCC;
}

.right0 {
	text-align : right;
}

.right1 {
	text-align : right;
	background : #FFFFCC;
}

p {
	/* white-space  : nowrap; */
}

.liststyle0 {
	background : #FFFFFF;
}
.liststyle1 {
	background : #FFFFCC;
}
.center {
	text-align : center;
}

.left {
	text-align : left;
}

.right {
	text-align : right;
}

a.right{
	display : block;
	width : 98%;
	text-align : right;
}

.updata {
	background : #FF9999;
}

.contain {
        display: inline-block;
        background-color: #ccc;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 5px;
        width: 150px;
        height: 150px;
        border: 1px solid #ccc;
        background-size: contain;
}

span.pv { color: #990000; }
span.visit { color: #009900; }
span.unique { color: #000099; }
span.register { color: #990099; }
span.work { color: #009999; }


/*=========================================================margin*/
.mrgT5 { margin-top: 5px; }
.mrgT10{ margin-top: 10px; }
.mrgT15{ margin-top: 15px; }
.mrgT20{ margin-top: 20px; }
.mrgT25{ margin-top: 25px; }
.mrgT30{ margin-top: 30px; }
.mrgT35{ margin-top: 35px; }
.mrgT40{ margin-top: 40px; }
.mrgT45{ margin-top: 45px; }
.mrgT50{ margin-top: 50px; }

.mrgL5 { margin-left: 5px; }
.mrgL10{ margin-left: 10px; }
.mrgL15{ margin-left: 15px; }
.mrgL20{ margin-left: 20px; }
.mrgL25{ margin-left: 25px; }
.mrgL30{ margin-left: 30px; }
.mrgL35{ margin-left: 35px; }
.mrgL40{ margin-left: 40px; }
.mrgL45{ margin-left: 45px; }
.mrgL50{ margin-left: 50px; }

.mrgR5 { margin-right: 5px; }
.mrgR10{ margin-right: 10px; }
.mrgR15{ margin-right: 15px; }
.mrgR20{ margin-right: 20px; }
.mrgR25{ margin-right: 25px; }
.mrgR30{ margin-right: 30px; }
.mrgR35{ margin-right: 35px; }
.mrgR40{ margin-right: 40px; }
.mrgR45{ margin-right: 45px; }
.mrgR50{ margin-right: 50px; }
.mrgR400{ margin-right: 400px; }

.mrgB5 { margin-bottom: 5px; }
.mrgB10{ margin-bottom: 10px; }
.mrgB15{ margin-bottom: 15px; }
.mrgB20{ margin-bottom: 20px; }
.mrgB25{ margin-bottom: 25px; }
.mrgB30{ margin-bottom: 30px; }
.mrgB35{ margin-bottom: 35px; }
.mrgB40{ margin-bottom: 40px; }
.mrgB45{ margin-bottom: 45px; }
.mrgB50{ margin-bottom: 50px; }

.mrgAUTO{ margin: 0px auto; }

/*=========================================================padding*/
.pdgT1 { padding-top: 1px; }
.pdgT2 { padding-top: 2px; }
.pdgT3 { padding-top: 3px; }
.pdgT4 { padding-top: 4px; }
.pdgT5 { padding-top: 5px; }
.pdgT10{ padding-top: 10px; }
.pdgT15{ padding-top: 15px; }
.pdgT20{ padding-top: 20px; }
.pdgT25{ padding-top: 25px; }
.pdgT30{ padding-top: 30px; }
.pdgT35{ padding-top: 35px; }
.pdgT40{ padding-top: 40px; }
.pdgT45{ padding-top: 45px; }
.pdgT50{ padding-top: 50px; }

.pdgL1 { padding-left: 1px; }
.pdgL2 { padding-left: 2px; }
.pdgL3 { padding-left: 3px; }
.pdgL4 { padding-left: 4px; }
.pdgL5 { padding-left: 5px; }
.pdgL10{ padding-left: 10px; }
.pdgL15{ padding-left: 15px; }
.pdgL20{ padding-left: 20px; }
.pdgL25{ padding-left: 25px; }
.pdgL30{ padding-left: 30px; }
.pdgL35{ padding-left: 35px; }
.pdgL40{ padding-left: 40px; }
.pdgL45{ padding-left: 45px; }
.pdgL50{ padding-left: 50px; }

.pdgR1 { padding-right: 1px; }
.pdgR2 { padding-right: 2px; }
.pdgR3 { padding-right: 3px; }
.pdgR4 { padding-right: 4px; }
.pdgR5 { padding-right: 5px; }
.pdgR10{ padding-right: 10px; }
.pdgR15{ padding-right: 15px; }

.pdgR20{ padding-right: 20px; }
.pdgR25{ padding-right: 25px; }
.pdgR30{ padding-right: 30px; }
.pdgR35{ padding-right: 35px; }
.pdgR40{ padding-right: 40px; }
.pdgR45{ padding-right: 45px; }
.pdgR50{ padding-right: 50px; }
.pdgR80{ padding-right: 80px; }

.pdgB1 { padding-bottom: 1px; }
.pdgB2 { padding-bottom: 2px; }
.pdgB3 { padding-bottom: 3px; }
.pdgB4 { padding-bottom: 4px; }
.pdgB5 { padding-bottom: 5px; }
.pdgB10{ padding-bottom: 10px; }
.pdgB15{ padding-bottom: 15px; }
.pdgB20{ padding-bottom: 20px; }
.pdgB25{ padding-bottom: 25px; }
.pdgB30{ padding-bottom: 30px; }
.pdgB35{ padding-bottom: 35px; }
.pdgB40{ padding-bottom: 40px; }
.pdgB45{ padding-bottom: 45px; }
.pdgB50{ padding-bottom: 50px; }

/*============================================================================================================= color */
.red{ color: #cf0000; }