/******************************************************
   スタイルシート定義
******************************************************/
html {
	height: 100%;
	margin: 0;
}

#header {height:1.5em;margin:0;background-color: #bde3fe !important;color:#000; padding: 4px 8px 0px 6px; position:relative;font-size: 1.1em;}
#header a {color:#f8f8f8;}
#quick-search {float:right;}

/* 画面全体のマージン */
body { 
	background: #eeffee;
	color: #000;
	margin: 2px;
	padding: 0;
 }

/* フォントの統一 */
body, p, ol, ul, td , input , textarea {
  font-family : "HiraKakuProN-W6", "ヒラギノ角ゴ ProN W6",  Meiryo, メイリオ, sans-serif;
  font-size:   13px;
  line-height: 18px;
}
textarea {
  overflow:auto;
}

#top-menu {background: #396ed6; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
#top-menu ul {margin: 0;  padding: 0;}
#top-menu li {
  float:left;
  list-style-type:none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  white-space:nowrap;
}
#top-menu a {color: #fff; margin-right: 8px; font-weight: bold;}
#top-menu #loggedas { float: right; margin-right: 0.5em; color: #fff; }
#account {float:right;}


/* メッセージ定義用 */
#error {
  color: red;
}
#complete {
  color: blue;
}

#message {
  color: black;
}
#message-green {
  color: green;
}

#message-left {
  color: black;
  margin-left:10px;
}
#message-left-green {
  color: green;
  margin-left:10px;
}
#message-left-red {
  color: red;
  margin-left:10px;
}

#notice {
  color: #396ed6;
}
#message-left-notice {
  color: #396ed6;
  margin-left:10px;
}

/*********************
  フッタ定義
**********************/
.PageFooterPanel {
  margin-top:3px;
  font-size:80%;
  color:#FFFFFF;
  background-color: #4466CC;
}
.PageFooterVersionPanel {
  text-align: left;
}

table td {padding:2px;}
table p {margin:0;}

/***** Links *****/
a, a:link, a:visited{ color: #2A5685; text-decoration: none; }
a:hover, a:active{ color: #c61a1a; text-decoration: underline;}
a img{ border: 0; }
a.sort { padding-right: 16px; background-position: 100% 50%; background-repeat: no-repeat; }
a.sort.asc  { background-image: url(../ICON/asc.gif); }
a.sort.desc { background-image: url(../ICON/desc.gif); }
a.sort.no   { background-image: url(../ICON/bg.gif); }
.icon-checked  { background-image: url(../images/true.png); }
a { color: #000; }
a:visited { color: #666; }

/*ログイン画面*/
#login-form table {padding:1em; margin-left: auto; margin-right: auto; border-radius:5px; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
#login-form table td {padding: 6px;}
#login-form label {font-weight: bold;}
#login-form input#username, #login-form input#password { width: 200px; }

#indexmenu-form {
	padding:1em; 
	margin-left: auto;
	margin-right: auto;
}


#errorExplanation, div.flash, .nodata, .warning {
    padding: 4px 4px 4px 30px;
    margin-bottom: 12px;
	font-size: 1.0em;
	border: 2px solid;
}

div.flash {margin-top: 8px;}
div.flash.error , #errorExplanation {
	background: url(../images/exclamation.png) 8px 50% no-repeat;
	background-color: #ffe3e3;
	border-color: #dd0000;
	color: #880000;
}

div.flash.complete , #errorExplanation {
	background: url(../images/true.png) 8px 50% no-repeat;
	background-color: #d2f0fe;
	border-color: #3fe5fe;
	color: blue;
}
span.flash.complete , #errorExplanation {
	background: url(../images/true.png) 8px 50% no-repeat;
	background-color: #d2f0fe;
	border-color: #3fe5fe;
	color: blue;
}
div.flash.warning , #errorExplanation {
	background: url(../images/close.png) 8px 50% no-repeat;
	background-color: #f1f98b;
	border-color: yellow;
	color: black;
}

/**************************************
 brよりも行間が狭い改行用
***************************************/

div.kaigyou {
 padding-bottom: 0.5em;
}
div.kaigyou2 {
 padding-bottom: 0.3em;
}
span.kaigyou {
 padding-bottom: 0.5em;
}
span.kaigyou2 {
 padding-bottom: 0.3em;
}
div.lineheight {
 padding-bottom: 0.2em;
}

/* チェックボックスとラベルのズレを調整する*/
div.position input ,span.position input {
  position:relative;
  top:2px;
}

/* テキスト内にアイコン表示した際の調整 */
.textinimage {
  width:16px;
  height:16px;
  position:relative;
  top:3px;	
}
.textinimage_l1 {
  width:16px;
  height:16px;
  position:relative;
  left:1px;
  top:3px;	
}

.deleteimage {
  width:24px;
  height:24px;
  position:relative;
  top:7px;	
}

.wikipediaimage {
  width:16px;
  height:16px;
  position:relative;
  top:0px;	
}
.dbpediaimage , .userdeleteimage {
  width:16px;
  height:16px;
  position:relative;
  top:2px;
  left:2px;
}



.hissu {
  width:16px;
  height:16px;
  position:relative;
  top:3px;	
	
}

/* イベント登録の期間指定アイコンの調整 */
.eventdayimage {
  width:26px;
  height:26px;
  position:relative;
  top:8px;	
}


.maniacupfileimage {
  width:16px;
  height:16px;
  position:relative;
  top:3px;	
}
/* イベント登録の期間指定アイコンの調整 */
.eventselectionimage {
  width:48px;
  position:relative;
  left:36px;
}



.eventselectionbutton {
  background:#d6ffff;
  border-radius:5px;
  position:relative;
  left:30px;
}


select.evaluate option {
  /*color: red;*/
}

.headermessage {
	color: #396ed6;
	background: url(../images/true.png) 8px 50% no-repeat;
}

.blinking{
	color:red;
    -webkit-animation:blink 2.5s ease-in-out infinite alternate;
    -moz-animation:blink 2.5s ease-in-out infinite alternate;
    animation:blink 2.5s ease-in-out infinite alternate;
}


.pngblinking {
    -webkit-animation:blink 2.5s ease-in-out infinite alternate;
    -moz-animation:blink 2.5s ease-in-out infinite alternate;
    animation:blink 2.5s ease-in-out infinite alternate;
	
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* デフォルトのCSS */
.dbedittextarea {
  width:600px;
  height:200px;
}
/* IEのみに適用 */
.edge .dbedittextarea,
.ie .dbedittextarea {
  width:600px;
  height:200px;
  white-space:pre-wrap;  
}

.inquirytrash {
  top:-11px !important;
  left:-4px;
}

.ie .inquirytrash {
  top:-9px !important;
  left:-4px;
}


/*
.ie11 p.message {
    background-color: gray;
}

.ie5_5 p.message {
    background-color: black;
}
.safari5_1 p.message ,
.firefox p.message {
    background-color: red;
}
*/

.messageField {
  text-align:left;
  width: 720px;
  height: 80px;
  border: 2px solid #c0afe3;
  margin : 3px;
  font-size:10pt;
  color:#000000;
  word-break: break-all;
  vertical-align: top;
  background-color:#eeffee;
}
.useredit_messageField {
  text-align:left;
  width: 490px;
  height: 70px;
  border: 2px solid #c0afe3;
  margin : 3px;
  font-size:10pt;
  color:#000000;
  word-break: break-all;
  vertical-align: top;
  background-color:#eeffee;
}
.townnews_messageField {
  text-align:left;
  width: 620px;
  height: 340px;
  border: 2px solid #c0afe3;
  margin : 3px;
  font-size:10pt;
  color:#000000;
  word-break: break-all;
  vertical-align: top;
  background-color:#eeffee;
}
.eventregist_messageField {
  text-align:left;
  width: 620px;
  height: auto;
  border: 2px solid #c0afe3;
  margin : 3px;
  font-size:10pt;
  color:red;
  word-break: break-all;
  vertical-align: top;
}

.eventregist_messageField dt {
	margin-left:2px;
}
.eventregist_messageField dl {
  position:relative;
  top:-10px;
}
.eventregist_messageField dd {
	margin-left:10px;
}
.guidemap_mapField {
  text-align:left;
  width: 360px;
  height: 200px;
  border: 2px solid #c0afe3;
  margin : 3px;
  font-size:10pt;
  color:#000000;
  word-break: break-all;
  vertical-align: top;
  background-color:#eeffee;
}



/************************ END OF FILE ****************************************/