@charset "UTF-8";

html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}

html {
  background-color: transparent;
  background-image: none;
}

/* base ------------------------------------------ */

body, div, p, pre, blockquote, th, td, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, iframe, object, embed {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	-webkit-user-select: auto;
	-webkit-text-size-adjust: none;
}

body{
	margin: 0px;
	padding: 0px;
	font-size:13px;
	font-family: sans-serif, "ＭＳゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
	color: #333;
	background:#000;
}

.text10 {font-size:77%;}
.text11 {font-size:85%;}
.text12 {font-size:93%;}
.text13 {font-size:100%;}
.text14 {font-size:108%;}
.text15 {font-size:116%;}
.text16 {font-size:123.1%;}
.text17 {font-size:131%;}
.text18 {font-size:138.5%;}
.text19 {font-size:146.5%;}
.text20 {font-size:153.9%;}
.text21 {font-size:161.6%;}
.text22 {font-size:167%;}
.text23 {font-size:174%;}
.text24 {font-size:182%;}
.text25 {font-size:189%;}
.text26 {font-size:197%;}
.text36 {font-size:277%;}

a:link {
	color:#333;
	/*color: #6495ED;*/
	text-decoration: none;
}
a:visited {
	color:#333;
	/*color: #6495ED;*/
	text-decoration: none;
}
a:hover, a:active {
	color:#333;
	text-decoration: none;
}

img {
	border:0px;
}

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

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 29px;
	color: #000;
	background:#eee;
	/*border-bottom: 1px solid #000;*/
	z-index:999999;
}

#header-box {
	margin: 5px auto 5px auto;
	padding: 0px 20px 0px 20px;
	text-align:right;
}

#mclock {
	height: 19px;
	text-align: right;
}

#classic, 
#fuji {
	float: right;
	margin: 2px 0px 0px 10px;
	width: 16px;
	height: 15px;
}

#help {
	position:absolute;
	top: 7px;
	right: 110px;
	width: 16px;
	height: 15px;
}

#header-box a {
	color: #333;
	/*color: #6495ED;*/
}

#header-box h1 {
	/*margin-top:-18px;*/
	text-align:left;
}
#header-box h1 a {
	color: #333;
	/*color: #6495ED;*/
}

/* mainMenu ------------------------------------------ */

#menu {
	position:absolute;
	top: 1px;
	left: 44px;
	z-index:999999;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0px 0px;
	height:28px;
	line-height: 28px;
	text-align: left;
	background: #eee;
}
#menu ul li a {
	display: block;
	padding: 0px 10px;
	outline: none;
}
#menu ul li a.sele {
/*#menu ul li a:hover {*/
	color: #fff;
	background: #666;
}
#menu ul li ul {
	display: none;
	position: absolute;
	top: 28px;
	left: 0px;
}
#menu ul li ul ul {
	left: 180px;
	top: 0px;
}
#menu ul.sub {
	background: #fff;
	border: 1px solid #666;
}
#menu ul.sub li {
	line-height: 24px;
	width: 180px;
	height:24px;
}
#menu ul.sub li.wide {
	width: 230px;
}
#menu ul.sub li.uline {
	border-bottom: 1px solid #ccc;
}
#menu ul.sub li a p {
	margin-top:-20px;
	text-align:right;
}
#menu ul.sub li a.komo {
	padding-right:10px;
	background: url(../images/r_tri12_b.gif) 91% center no-repeat;
}
#menu ul.sub li a.komo.sele {
/*#menu ul.sub li a.komo:hover {*/
	background: #666 url(../images/r_tri12_w.gif) 91% center no-repeat;
}

/* main Menu ------------------------------------------ */

#main-menu ul {
	margin: 0px;
	padding: 0px;
}
#main-menu li {
	float: left;
	margin: 5px 0px 5px 10px;
	list-style-type: none;
	text-align: center;
}
#main-menu li a {
	display: block;
	padding: 5px 1px 1px 2px;
	text-decoration: none;
	width: 41px;
	height: 39px;
	font-size: 13px;
	line-height: 17px;
	color: #333;
	font-weight: normal;
	background:#fff;
	border: 1px solid #ccc;
}
#main-menu li a:hover {
	color: #fff;
	background:#333;
}
#main-menu li a.w2 {
	padding: 5px 1px 1px 1px;
	text-align: center;
}
#main-menu li a.l1 {
	padding: 15px 1px 1px 1px;
	height: 29px;
	text-align: center;
}
#main-menu li a.S {
	font-size: 12px;
}

/* folder Menu ------------------------------------------ */

#folder-menu ul {
	margin: 0px;
	padding: 0px;
}
#folder-menu li {
	float: left;
	margin: 5px 0px 5px 10px;
	list-style-type: none;
	text-align: center;
}
#folder-menu li a {
	display: block;
	margin: 0px auto 0px auto;
	padding: 5px 1px 1px 2px;
	text-decoration: none;
	width: 48px;
	height: 39px;
	font-size: 11px;
	line-height: 23px;
	color: #000;
	/*color: #6495ED;*/
	font-weight: normal;
	background: url(../images/folder48.gif) center center no-repeat;
}
#folder-menu li a.over, 
#folder-menu li a:hover {
	text-indent:-9999px;
	background: url(../images/folder48_o.gif) center center no-repeat;
}
#folder-menu li a.w2 {
	padding: 5px 1px 1px 1px;
	text-align: center;
}
#folder-menu li a.l1 {
	padding: 15px 1px 1px 1px;
	height: 29px;
	text-align: center;
}
#folder-menu li a.S {
	font-size: 12px;
}

/* contents ------------------------------------------ */

#contents {
	margin: 0px auto 0px auto;
	padding: 30px 0px 10px 0px;
	/*width: 984px;*/
	/*width: 970px;*/
	width: 944px;
	/*min-height:300px;*/
	/*height: auto !important;*/
	height: 600px;
}

#contents-sc {
	overflow: auto;
	margin: 0px auto 0px auto;
	padding: 30px 0px 30px 0px;
	/*width: 984px;*/
	/*width: 970px;*/
	width: 944px;
}

@media screen and (max-width: 969px) {
	#contents-sc, 
	#contents {
		width: 760px;
	}
	#ad1 {
		display:none;
	}
}

#alertmsg {
	margin: 10px auto 20px auto;
	padding: 10px 10px 10px 10px;
	width: 500px;
	color: #ff6633;
	border: 1px dotted #ccc;
	background:#fff;
}

#flat-item:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

#grdbox {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#content-box {
	margin: 10px 15px 10px 12px;
}
.dot-line {
	margin:0px;
	padding:0px;
	width:100%;
	height:1px;
	border-top: 1px dotted #999;
}

/* tsubu ------------------------------------------ */

.ktsubu-tbl {
}
.ktsubu-tbl td {
	padding: 0px 0px 10px 0px;
}
.home-l {
	width:240px;
}
.home-l input[type=text] {
	width:220px;
}
.home-c {
}
.home-c input[type=submit]{
	display:block;
	margin: 1px 26px 0px 0px;
	padding: 0px;
	width: 19px;
	height: 19px;
	text-indent:-9999px;
	border: 1px solid #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #eee url(../images/icons-18-black.png) -1px -0px no-repeat;
}
.tab-items .home-c input[type=submit]:hover {
	background: #000 url(../images/icons-18-white.png) -1px -0px no-repeat;
}

.ktsubu-tbl a[data-icon=arrow-r]{
	display:block;
	margin: 1px 10px 0px 0px;
	padding: 0px;
	width: 17px;
	height: 17px;
	text-indent:-9999px;
	border: 1px solid #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	background: #eee url(../images/icons-18-black.png) -109px 0px no-repeat;
}
.ktsubu-tbl a[data-icon=arrow-r]:hover {
	background: #000 url(../images/icons-18-white.png) -109px 0px no-repeat;
}

/* diary tbl ------------------------------------------ */

#diary-tbl {
	margin:0px;
	padding:0px;
	width:100%;
	line-height: 120%;
	border-collapse: collapse;
	border-bottom: 1px dotted #999;
	background-color: #fff;
}
#diary-tbl th {
	padding: 4px 0px;
	vertical-align:top;
	width:58px;
	text-align:center;
}
#diary-tbl th img {
	display:block;
	margin: 2px 0px 3px 7px;
	width:46px;
	height:46px;
}
#diary-tbl td {
	padding: 6px 0px;
	padding-right: 10px;
}
#diary-tbl td.check {
	padding: 0px;
	width:40px;
	text-align:left;
}
#diary-tbl td .name {
	float:left;
	/*font-weight: bold;*/
	font-weight: normal;
}
#diary-tbl td .name a {
	/*font-weight: bold;*/
	font-weight: normal;
}
#diary-tbl td .datetime {
	float:right;
	color: #999;
	font-size: 90%;
}
.diary {
	clear: both;
}

/* diary-list ------------------------------------------ */

#diary-list {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#diary-list li {
	margin: 5px 0px 5px 0px;
	list-style-type: none;
	padding:10px 10px;
	border-bottom: 1px dotted #999;
}
#diary-list li .left {
	float:left;
}
#diary-list .datetime {
	float:right;
	color: #999;
}
#diary-list li:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* diary ------------------------------------------ */

#diary-date {
	margin-bottom: 10px;
	padding:0px 10px;
	height: 26px;
	/*color: #fff;*/
	/*background-color: #ccc;*/
}
#diary-date p {
	float:left;
	margin:0px;
	padding:0px;
}
#diary-date b {
	float:right;
	font-weight: normal;
}
#diary-date a {
	display:block;
	float:right;
	/*color: #fff;*/
	font-weight: normal;
}

/* diary add tbl ------------------------------------------ */

#diary-add-tbl {
	margin:0px;
	padding:0px;
	width:100%;
	line-height: 120%;
	border-collapse: collapse;
	background-color: #fff;
}
#diary-add-tbl th {
	padding: 5px 0px;
	vertical-align:top;
	width:100px;
	text-align:left;
}
#diary-add-tbl td {
	padding: 5px 0px;
}
#diary-add-tbl td textarea {
	width:300px;
}
#diary-add-tbl td select {
	margin: 5px 0px;
}
#diary-add-tbl td input[type="text"] {
	width:298px;
}
#diary-add-tbl td input[type="file"] {
	width:240px;
}

/* search ------------------------------------------ */

#search-tbl {
	margin:0px;
	padding:0px;
	width:100%;
	line-height: 120%;
	border-collapse: collapse;
	background-color: #fff;
}
#search-tbl th {
	padding: 5px 0px;
	vertical-align:top;
	width:100px;
	text-align:left;
}
#search-tbl td textarea {
	width:200px;
}
#search-tbl td input[type="text"] {
	width:198px;
}
#search-tbl td input[type="file"] {
	width:140px;
}

/* calendar ------------------------------------------ */

.calendar {
	margin:3px auto 3px auto;
	width: 240px;
}
.calendar th {
	padding: 2px 2px;
	text-align: center;
}
.calendar td {
	padding: 2px 2px;
	word-break: normal;
	letter-spacing: -1px;
	text-align: right;
}
.calendar td a {
	text-decoration: underline;
}
.calendar .holiday,
.calendar .sun {
	color: #999;
}
.calendar .sat {
	color: #999;
}

/* calendar-diary ------------------------------------------ */

.calendar-diary {
}
.calendar-diary th {
	text-align: center;
 }
.calendar-diary td {
	width: 46px;
	height: 46px;
	text-align: center;
	border: 1px solid #ccc;
 }
.calendar-diary td b {
	line-height: 23px;
 }
.calendar-diary td img {
	display:block;
	margin: 0px;
	padding: 0px;
}

/* mosaic ------------------------------------------ */

.mosaic-box {
	clear: both;
	padding: 2px 0px;
	background: #eee;
}
.mosaic-btn {
	padding:2px 0px 2px 0px;
	width:100%;
	font-size:90%;
	border-bottom:1px solid #ccc;
}
.mosaic-btn th {
	padding:0px 4px 0px 4px;
	width:210px;
}
.mosaic-btn th img {
	vertical-align: middle;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.mosaic-btn th a img {
	vertical-align: middle;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}
.mosaic-btn td p {
	padding:0px 4px;
	width:100px;
	border: 1px solid #ccc;
	background: #fff;
}
.mosaic-btn td p b {
	float: right;
	margin: 3px 3px 0px 0px;
	font-size:80%;
	color: #666;
}
.mosaic-url {
	padding:2px 0px 2px 0px;
	width:100%;
	font-size:90%;
	border-bottom:1px solid #ccc;
}
.mosaic-url th {
	padding:0px 4px 0px 4px;
	width:30px;
	height:24px;
}
.mosaic-url td p {
	padding: 0px 4px;
	width:305px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #ccc;
}
.mosaic-main {
	clear: both;
	margin: 5px 5px;
	padding: 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-color: #ccc #eee #eee #ccc;
}
.mosaic-homepage-ttl {
	margin:3px auto 3px auto;
	width: 200px;
	border-width: 4px;
	border-color: #eee;
	border-style:ridge;
}
.mosaic-homepage-ttl td {
	text-align: center;
}

/* form ------------------------------------------ */

input[type=text] {
	width:300px;
	font-size:100%;
}
input[type=submit] {
	margin-top:10px;
}

textarea {
	width:300px;
	/*height:50px;*/
	font-size:100%;
}

.fs-rows {
	margin: 3px 0px 3px 0px;
}
.fs-rows li {
	float: left;
	margin-right: 2px;
}
.fs-rows li a {
	display: block;
	width: 18px;
	height: 17px;
	color: #333;
	/*color: #6495ED;*/
	font-size: 11px;
	line-height:17px;
	text-align: center;
	border: 1px solid #888;
}
.fs-rows:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* map ------------------------------------------ */

#map_canvas {
	margin: 10px 0px 10px 0px;
	width: 200px;
	height: 200px;
}

/* jquery ------------------------------------------ */

label {
	display:block;
}
li label {
	display:inline;
}
fieldset {
	margin-top: 10px;
}
#mce_editor_mode_changer_1,
fieldset label {
	display:inline;
}

div[data-role=controlgroup] {
	margin: 10px auto;
	width:220px;
}
/*div[data-role=controlgroup] a, */
div[data-role=controlgroup] div {
	float:left;
	text-align: center;
}
div[data-role=controlgroup] a[data-role=button] {
}

div[data-role=controlgroup] a[data-icon=arrow-l], 
div[data-role=controlgroup] a[data-icon=arrow-r] {
	padding: 0px;
	width: 17px;
	height: 17px;
	text-indent:-9999px;
	border: 1px solid #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
div[data-role=controlgroup] a[data-icon=arrow-l] {
	float:left;
	background: url(../images/icons-18-black.png) -145px 0px no-repeat;
}
div[data-role=controlgroup] a[data-icon=arrow-l]:hover {
	background: #000 url(../images/icons-18-white.png) -145px 0px no-repeat;
}
div[data-role=controlgroup] a[data-icon=arrow-r] {
	float:right;
	background: url(../images/icons-18-black.png) -109px 0px no-repeat;
}
div[data-role=controlgroup] a[data-icon=arrow-r]:hover {
	background: #000 url(../images/icons-18-white.png) -109px 0px no-repeat;
}

div[data-role=controlgroup]:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
ul[data-role=listview] {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999;
}
ul[data-role=listview] li b {
	font-weight:normal;

}
li[data-role=list-divider] {
	margin-top: 10px;
	margin-bottom: 10px;
}

div[data-role=controlgroup] a {
	outline: none;
}

.ui-grid-a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.ui-grid-a .ui-block-a {
	margin: 0px 10px 0px 0px;
	float:left;
}

.ui-grid-a:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* bottom ------------------------------------------ */

#bottom {
	clear: both;
	width: 100%;
	height: 30px;
	z-index: 11;
}

#bottom-sc {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 30px;
	/*background:#efefef;*/
	z-index: 11;
}

#bottom-box {
	margin: 5px auto 5px auto;
	padding: 0px 0px 0px 0px;
	width: 970px;
	color: #333;
	/*text-align:right;*/
	text-align:center;
	font-size:93%;
}

#bottom-box b {
	margin: 0px 25px 0px 0px;
	color: #333;
	font-weight:normal;
}
#bottom-box a {
	margin: 0px 15px 0px 0px;
	color: #333;
	/*color: #6495ED;*/
}
#bottom-box a:hover {
	color: #666;
}

@media screen and (max-width: 969px) {
	#bottom-box {
		width: 760px;
	}
}

/* login ------------------------------------------ */

#login-box {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -375px;
	width: 750px;
	/*color: #999;*/
	/*border: 1px solid #ccc;*/
}
#login-box .left {
	float:left;
	width: 290px;
	height: 25px;
	text-align: right;
}
#login-box .right {
	float: right;
	width: 450px;
	height: 25px;
	text-align: left;
}
#login-box input[type="text"],
#login-box input[type="password"] {
	width: 150px;
}
#login-box input[type="checkbox"] {
	margin-right: 5px;
}
#login-box input[type="submit"] {
	font-size:116%;
	/*font-family: 'Codystar', cursive;*/
	/*font-family: 'Fredoka One', cursive;*/
	/*font-family: 'Berkshire Swash', cursive;*/
	/*font-family: 'Fascinate Inline', cursive;*/
	/*font-family: 'Montserrat', sans-serif;*/
	font-family: 'Muli', sans-serif;
}
#login-box .capt {
	float: right;
	width: 450px;
	margin-top:0px;
	height: 115px;
	text-align: left;
}
#login-box .err {
	float: right;
	width: 450px;
	margin-top:60px;
	height: 25px;
	text-align: left;
}
.err a {
	color: #999;
	/*color: #6495ED;*/
}
#login-box .bbtn {
	float: right;
	width: 450px;
	margin-top:10px;
	height: 90px;
	text-align: left;
}
#login-box .info {
	float:left;
	margin-top:160px;
	width: 150px;
}
#login-box .invite {
	float: right;
	width: 443px;
	margin: 50px 0px 30px 0px;
	height: 25px;
	text-align: left;
	/*border: 1px solid #ccc;*/
}

#login-box:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}

/* icon ------------------------------------------ */

.icon-01 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -1px 0px no-repeat;
}
.icon-01:hover {
	background: #000 url(../images/icons-18-white.png) -1px 0px no-repeat;
}
.icon-02 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -37px 0px no-repeat;
}
.icon-02:hover {
	background: #000 url(../images/icons-18-white.png) -37px 0px no-repeat;
}
.icon-03 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -73px 0px no-repeat;
}
.icon-03:hover {
	background: #000 url(../images/icons-18-white.png) -73px 0px no-repeat;
}
.icon-04 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -109px 0px no-repeat;
}
.icon-04:hover {
	background: #000 url(../images/icons-18-white.png) -109px 0px no-repeat;
}
.icon-05 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -143px 0px no-repeat;
}
.icon-05:hover {
	background: #000 url(../images/icons-18-white.png) -143px 0px no-repeat;
}
.icon-06 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -181px 0px no-repeat;
}
.icon-06:hover {
	background: #000 url(../images/icons-18-white.png) -181px 0px no-repeat;
}
.icon-07 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -216px 0px no-repeat;
}
.icon-07:hover {
	background: #000 url(../images/icons-18-white.png) -216px 0px no-repeat;
}
.icon-08 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -253px 0px no-repeat;
}
.icon-08:hover {
	background: #000 url(../images/icons-18-white.png) -253px 0px no-repeat;
}
.icon-09 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -289px 0px no-repeat;
}
.icon-09:hover {
	background: #000 url(../images/icons-18-white.png) -289px 0px no-repeat;
}
.icon-10 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -325px 0px no-repeat;
}
.icon-10:hover {
	background: #000 url(../images/icons-18-white.png) -325px 0px no-repeat;
}
.icon-11 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -360px 0px no-repeat;
}
.icon-11:hover {
	background: #000 url(../images/icons-18-white.png) -360px 0px no-repeat;
}
.icon-12 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -396px 0px no-repeat;
}
.icon-12:hover {
	background: #000 url(../images/icons-18-white.png) -396px 0px no-repeat;
}
.icon-13 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -432px 0px no-repeat;
}
.icon-13:hover {
	background: #000 url(../images/icons-18-white.png) -432px 0px no-repeat;
}
.icon-14 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -468px 0px no-repeat;
}
.icon-14:hover {
	background: #000 url(../images/icons-18-white.png) -468px 0px no-repeat;
}
.icon-15 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -504px 0px no-repeat;
}
.icon-15:hover {
	background: #000 url(../images/icons-18-white.png) -504px 0px no-repeat;
}
.icon-16 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -540px 0px no-repeat;
}
.icon-16:hover {
	background: #000 url(../images/icons-18-white.png) -540px 0px no-repeat;
}
.icon-17 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -576px 0px no-repeat;
}
.icon-17:hover {
	background: #000 url(../images/icons-18-white.png) -576px 0px no-repeat;
}
.icon-18 {
	/*text-indent:-9999px;*/
	background: #eee url(../images/icons-18-black.png) -562px 0px no-repeat;
}
.icon-18:hover {
	background: #000 url(../images/icons-18-white.png) -562px 0px no-repeat;
}
.icon-19 {
	/*text-indent:-9999px;*/
	background: url(../images/icons-18-black.png) -647px 0px no-repeat;
}
.icon-19:hover {
	background: url(../images/icons-18-white.png) -647px 0px no-repeat;
}
.icon-20 {
	/*text-indent:-9999px;*/
	background: url(../images/icons-18-black.png) -683px 0px no-repeat;
}
.icon-20:hover {
	background: url(../images/icons-18-white.png) -683px 0px no-repeat;
}
.icon-21 {
	/*text-indent:-9999px;*/
	background: url(../images/icons-18-black.png) -718px 0px no-repeat;
}
.icon-21:hover {
	background: url(../images/icons-18-white.png) -718px 0px no-repeat;
}
.icon-22 {
	/*text-indent:-9999px;*/
	background: url(../images/icons-18-black.png) -754px 0px no-repeat;
}
.icon-22:hover {
	background: url(../images/icons-18-white.png) -754px 0px no-repeat;
}

.icon32-01 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -1px 0px no-repeat;
}
.icon32-01:hover {
	background: url(../images/icons-36-white.png) -1px 0px no-repeat;
}
.icon32-02 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -73px 0px no-repeat;
}
.icon32-02:hover {
	background: url(../images/icons-36-white.png) -73px 0px no-repeat;
}
.icon32-03 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -145px 0px no-repeat;
}
.icon32-03:hover {
	background: url(../images/icons-36-white.png) -145px 0px no-repeat;
}
.icon32-04 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -217px 0px no-repeat;
}
.icon32-04:hover {
	background: url(../images/icons-36-white.png) -217px 0px no-repeat;
}
.icon32-05 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -287px 0px no-repeat;
}
.icon32-05:hover {
	background: url(../images/icons-36-white.png) -287px 0px no-repeat;
}
.icon32-06 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -360px 0px no-repeat;
}
.icon32-06:hover {
	background: url(../images/icons-36-white.png) -360px 0px no-repeat;
}
.icon32-07 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -431px 0px no-repeat;
}
.icon32-07:hover {
	background: url(../images/icons-36-white.png) -431px 0px no-repeat;
}
.icon32-08 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -504px 0px no-repeat;
}
.icon32-08:hover {
	background: url(../images/icons-36-white.png) -504px 0px no-repeat;
}
.icon32-09 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -576px 0px no-repeat;
}
.icon32-09:hover {
	background: url(../images/icons-36-white.png) -576px 0px no-repeat;
}
.icon32-10 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -648px 0px no-repeat;
}
.icon32-10:hover {
	background: url(../images/icons-36-white.png) -648px 0px no-repeat;
}
.icon32-11 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -719px 0px no-repeat;
}
.icon32-11:hover {
	background: url(../images/icons-36-white.png) -719px 0px no-repeat;
}
.icon32-12 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -791px 0px no-repeat;
}
.icon32-12:hover {
	background: url(../images/icons-36-white.png) -791px 0px no-repeat;
}
.icon32-13 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -863px 0px no-repeat;
}
.icon32-13:hover {
	background: url(../images/icons-36-white.png) -863px 0px no-repeat;
}
.icon32-14 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -935px 0px no-repeat;
}
.icon32-14:hover {
	background: url(../images/icons-36-white.png) -935px 0px no-repeat;
}
.icon32-15 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -1007px 0px no-repeat;
}
.icon32-15:hover {
	background: url(../images/icons-36-white.png) -1007px 0px no-repeat;
}
.icon32-16 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -1078px 0px no-repeat;
}
.icon32-16:hover {
	background: url(../images/icons-36-white.png) -1078px 0px no-repeat;
}
.icon32-17 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -1151px 0px no-repeat;
}
.icon32-17:hover {
	background: url(../images/icons-36-white.png) -1151px 0px no-repeat;
}
.icon32-18 {
	text-indent:-9999px;
	background: url(../images/icons-36-black.png) -1223px 0px no-repeat;
}
.icon32-18:hover {
	background: url(../images/icons-36-white.png) -1223px 0px no-repeat;
}
.icon32-19 {
	text-indent:-9999px;
	background: url(../images/icons-36-white.png) -1295px 0px no-repeat;
}
.icon32-19:hover {
	background: url(../images/icons-36-black.png) -1295px 0px no-repeat;
}
.icon32-20 {
	text-indent:-9999px;
	background: url(../images/icons-36-white.png) -1367px 0px no-repeat;
}
.icon32-20:hover {
	background: url(../images/icons-36-black.png) -1367px 0px no-repeat;
}
.icon32-21 {
	text-indent:-9999px;
	background: url(../images/icons-36-white.png) -1437px 0px no-repeat;
}
.icon32-21:hover {
	background: url(../images/icons-36-black.png) -1437px 0px no-repeat;
}
.icon32-22 {
	text-indent:-9999px;
	background: url(../images/icons-36-white.png) -1509px 0px no-repeat;
}
.icon32-22:hover {
	background: url(../images/icons-36-black.png) -1509px 0px no-repeat;
}
.icon32-104 {
	text-indent:-9999px;
	background: #eee url(../images/icons-36-black.png) -217px 0px no-repeat;
}
.icon32-104:hover {
	background: #000 url(../images/icons-36-white.png) -217px 0px no-repeat;
}
.icon32-105 {
	text-indent:-9999px;
	background: #eee url(../images/icons-36-black.png) -287px 0px no-repeat;
}
.icon32-105:hover {
	background: #000 url(../images/icons-36-white.png) -287px 0px no-repeat;
}

/* window ------------------------------------------ */

.window {
	position:relative;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 270px;
	background:#fff;
	/*border: 1px solid #000;*/
	border: 1px solid #ccc;
	/*border-width: 1px 3px 3px 1px;*/
	z-index: 11;
}
.window a {
	color:#000;
	/*color: #6495ED;*/
	text-decoration: none;
}
.window .title {
	padding: 2px 10px;
	height:17px;
	line-height:17.5px;
	/*border-bottom: 1px solid #000;*/
	/*background: url(../images/window_line02.gif) center center repeat-x;*/
	background:#eee;
}
.window .title a.close {
	/*display:block;*/
	display:none;
	float:left;
	margin-top: 1.5px;
	width:11.5px;
	height:11.5px;
	background:#fff;
	border: 1px solid #000;
}
.window .title a.close:hover {
	background:#000;
	border: 1px solid #000;
}
.window .title b {
	padding: 0px 4px;
	color: #666;
	font-weight: normal;
	/*background:#fff;*/
}
.window .title a.ttl {
	display:block;
	text-align: center;
}
.window .info {
	display:none;
	padding: 2px 10px;
	color:#000;
	border-bottom:3px double #000;
}
.window .info .left {
	float: left;
}
.window .info .center {
	text-align: center;
}
.window .info .right {
	float:right;
}
.window .info:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
.window .main {
	clear: both;
	padding: 10px 8px;
}
.window .main h6 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #999;
}
.window .main a {
	/*color: #6495ED;*/
	text-decoration: underline;
}
.window .main a:hover {
	text-decoration: underline;
}

/* alertbox ------------------------------------------ */

#alertpage {
	position:absolute;
	width:500px;
	height:100px;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-50px;
	background-color: #fff;
	border:1px solid #000;
	z-index: 11;
}
#alertpage table {
	margin: 3px 0px 0px 4px;
	width:492px;
	height:94px;
	border:2px solid #000;
}
#alertpage table th {
	width:80px;
}
#alertpage table td {
	padding-left: 10px;
}
#alertbox {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 336px;
	background-color: #fff;
	border:1px solid #000;
	z-index: 11;
}
#alertpage p, 
#alertbox p {
	margin: 3px;
	padding: 10px;
	border:2px solid #000;
}

/* stickies ------------------------------------------ */

.stittl {
	display:none;
	padding: 1px 3px;
	font-size: 13px;
	cursor: move;
}
.sticlose {
	float: left;
	cursor: pointer;
}
.stimain {
	padding:3px;
}

.sti-shadow {
	margin-bottom: 10px;
}

/* floppy ------------------------------------------ */

#floppy {
	position:absolute;
	right:30px;
	top:60px;
	text-align:center;
	z-index: 1;
}
#floppy img, 
#trash img {
	/*opacity: 0.5;*/
	/*filter: alpha(opacity=50);*/
	/*-moz-opacity: 0.5;*/
}
#floppy .text, 
#trash .text {
	margin-top: -4px;
	padding: 1px 4px 0px 4px;
	background:#fff;
	color: #000;
	font-size:93%;
}

/* trash ------------------------------------------ */

#trash {
	position:absolute;
	right:40px;
	bottom:55px;
	text-align:center;
	z-index: 2;
}

/* parts ------------------------------------------ */

.tc {
	text-align: center;
}
.c-gray9 {
	color: #999;
}
.c-gray6 {
	color: #666;
}
.c-red {
	color: #ff0000;
}
.c-blue {
	color: #6495ED;
}

.top-sp {
	margin-top: 10px;
}
.bottom-sp {
	margin-bottom: 10px;
}
.left-sp {
	margin-left: 10px;
}
.right-sp {
	margin-right: 10px;
}
.both-sp {
	margin-top: 10px;
	margin-bottom: 10px;
}
.both-s-sp {
	margin-left: 10px;
	margin-right: 10px;
}
.all-sp {
	margin: 10px;
}
.s-line {
	width:100%;
	height:1px;
	border-top: 1px solid #999;
}
.d-line {
	width:100%;
	height:1px;
	border-top: 1px dotted #999;
}
.float-l {
	float:left;
}
.float-r {
	float:right;
}
.clear-b {
	clear: both;
}

ul.marker01 li {
	padding-left: 1em;
}
ul.marker01 span {
	margin-left: -1em;
}
ul.marker02 li {
	padding-left: 2em;
}
ul.marker02 span {
	float: left;
	margin-left: -2em;
	text-align: right;
	width: 2em;
}

.blink{
	-webkit-animation-name: "anime-blink";
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	/*-webkit-animation-iteration-count: infinite;*/
	-webkit-animation-iteration-count: 10;
}
@-webkit-keyframes "anime-blink"{
	0%{opacity:0}
	100%{opacity:1}
}

/* jqModal ------------------------------------------ */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
 display: none;
 position: fixed;
 top: 17%;
 left: 50%;
 margin-left: -300px;
 width: 600px;
 /*background-color: #EEE;*/
 /*color: #333;*/
 /*border: 1px solid black;*/
}

.jqmOverlay {
	background-color: #fff;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */
* html .jqmWindow {
 position: absolute;
 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* IE6 ------------------------------------------ */

html,
body {
	_height: 100%;
	_overflow: hidden;
}
#header,
#footer {
	_position: absolute;
}
#header,
#footer {
	_margin-right: 17px;
}
.contents-ie6 {
	_width: 100%;
	_height: 100%;
	_overflow: auto;
}

/* ------------------------------------------ */

#header #header-box h1 a img {
}