@charset "utf-8";



/* ----------------------------上部 メニュー */
#menu {
  float:left;
  padding:0;
  margin:0;
  margin-left:20px;
  list-style-type: none;
}
#menu li {
  width:90px;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  text-shadow:0 -1px 0px #333,0 1px 0px #555;
  padding:7px 0;
  text-decoration:none;
  display:block;
  background:#666;
  background-image: -moz-linear-gradient(top, #888 0%, #777 50%, #666 50%, #777 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888), color-stop(0.50, #777), color-stop(0.50, #666), color-stop(1, #777));
  border-left:1px solid #444;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			 -1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:first-child a{
  border-left:0px;
  border-radius:5px 0 0 5px;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li:last-child a{
  border-radius:0 5px 5px 0;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}
#menu li a:hover {
  background:#555;
  background-image: -moz-linear-gradient(top, #555 0%, #444 50%, #333 50%, #444 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(0.50, #444), color-stop(0.50, #333), color-stop(1, #444));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
			 -1px 0px 0px rgba(225,225,225,0) inset,
			  0px 1px 1px rgba(0,0,0,0.1) inset,
			  0px -1px 1px rgba(0,0,0,0.3) inset,
			  0px 1px 3px #666;
}


/*上部の注意表示欄*/
.caution1 {
  margin:20px auto;width:70%;padding:10px;border:3px solid red;
  background-color:pink;font-size:14px;font-weight:bolder;color:blue;
  text-align:center;
}



/* ----------------------------上部 検索ボタン */
#menuRight {
  float:right;
  margin-right:20px;
}

#menuRight input[type="text"] {
  height:24px;
  margin-right:5px;
  padding-left:13px;
}


#menuRight select {
  height:28px;
}

#btn_search {

	font-weight: bold;
	text-align: center;
	font-size: 13px;

	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #111;
	-moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);
	width: 100px;
	padding: 5px 0;
}


#btn_search:hover {
  color:blue;
	background: -moz-linear-gradient(top,#E6E6E6 0%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFF));
}




/* ----------------------------フッター */
#footer
{
	clear			: both;
	width			: 100%;
	height			: 250px;
  background-color: #003485;
	background		: url(../pic/footer_bg.GIF) 0 0 repeat-x;
}

#footer_inner
{
	width			: 1000px;
	text-align		: left;
	margin			: 0 auto;
	padding-top		: 50px;
}


#footer_logo
{
	float			: right;
	width			: 160px;
	padding-top     : 5px;
}



/* --------- メニューリンク */
#footerMenu {
  text-align: center;
  float:left;
  color:#666;
}

#footerMenu a {
  color:white;
  text-decoration: none;
}

#footerMenu a:hover {
  color:yellow;
}

#footerMenu li {
  display:inline;
  padding-left:10px;
  padding-right:10px;
  border-right:1px solid #666;
}
#footerMenu li.last {
  border-right:0;
}







/* ----------------------------TOPへのボタン */
#back-top {
  position: fixed;
  bottom: 0px;
  right: -5px;
  font-size:13px;
}
   
#back-top a {
  width: 60px;
  height: 20px;
  display: block;
  padding-top: 5px;
  background: #aaa; /* IE用 */
  background: -moz-linear-gradient(top, #f63, #fe6 50%,#f63 51%, #320);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f63), color-stop(0.5, #fe6), color-stop(0.51, #f63), to(#320));/* Safari,Google Chrome用 */
  background: -o-linear-gradient(top, #f63, #fe6 50%,#f63 51%, #320);
  background: linear-gradient(top, #f63, #fe6 50%,#f63 51%, #320);
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
   
#back-top a:hover {
  background: orange; /* IE用 */
  background: -moz-linear-gradient(top, #99f, #77e 50%,#66e 51%, #003);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#99f), color-stop(0.5, #77e), color-stop(0.51, #66e), to(#003));/* Safari,Google Chrome用 */
  background: -o-linear-gradient(top, #99f #77e 50%,#66e 51%, #003);
  background: linear-gradient(top, #99f, #77e 50%,#66e 51%, #003);
  color: #ff6;
}


/* ----------------------------CMフォーム */

#cm_form {
  text-align:left;
  width:930px;
  border:1px inset;
  background-color:#69c;
  padding:10px;
  position: fixed;
  bottom: 25px;
  right: -910px;
  font-size:13px;

  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity:0.95;

  -moz-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  -webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  box-shadow:10px 10px 10px rgba(0,0,0,0.4);

  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}


/* ----------------------------cidsフォーム */

#cids_form {
  text-align:left;
  width:930px;
  border:1px inset;
  background-color:#69c;
  padding:10px;
  position: fixed;
  top: 220px;
  right: -910px;
  font-size:13px;

  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity:0.95;

  -moz-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  -webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  box-shadow:10px 10px 10px rgba(0,0,0,0.4);

  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}



/* ----------------------------partyフォーム */

#party_form {
  text-align:left;
  width:930px;
  border:1px inset;
  background-color:#cc6;
  padding:10px;
  position: fixed;
  top: 220px;
  right: -910px;
  font-size:13px;

  filter:alpha(opacity=95);
  -moz-opacity:0.95;
  -khtml-opacity: 0.95;
  opacity:0.95;

  -moz-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  -webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.4);
  box-shadow:10px 10px 10px rgba(0,0,0,0.4);

  border-radius: 10px;        /* CSS3草案 */
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */  
}


/* ----------------------------List関連 */
#base { width:1000px; height:500px; padding:7px; margin:0px auto; background-color:#ddd; overflow:auto;  }
#listTitle { border:1px solid #ccc; width:98%; height:18px; padding:3px; margin:0px; background-color:#fff; }
#listTitle strong { float:left; text-size:13px; }
#listTitle span { float:right; margin-left:30px; }


.list1 { clear:both; border-collapse: separate; width:98%; margin:5px 0; }

.list1 th {
  background: #006699; /* IE用 */
	border: 1px solid #ccc;

  width:9%;

/*
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 5%;
*/

	color: #FFF;

	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);

	padding: 5px;
  text-align:left;
  font-size:13px;
}

.list1 td {
	/*
	-moz-box-shadow: inset 2px 2px 6px rgba(000,000,000,0.1);
	-webkit-box-shadow: inset 2px 2px 6px rgba(000,000,000,0.1);
  text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
  */
	width: 120px;
	padding: 5px;
  border:1px solid #ccc;
  text-align:left;
}

.list1 .colspan{ background-color:#eeeed6; }


/* ----------------------------TBLページ関連 */
.subject1{
  width:1000px;padding:5px;border-bottom:2px solid #003485;border-left:10px solid #003485;
  margin:0px auto 10px;font-size:20px;font-weight:bolder;
  background-color:#fafaf7;
}



/* ----------------------------CSSボタン */ 
.common_button {
  font-size:12px;
  width: 150px;
  height: 20px;
  display: block;
  padding-top: 5px;
  background: #bef; /* IE用 */
  background: -moz-linear-gradient(top, #f6f6f6, #f0f0f0 50%,#eee 51%, #ccc);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(0.5, #f0f0f0), color-stop(0.51, #eee), to(#ccc));/* Safari,Google Chrome用 */
  background: -o-linear-gradient(top, #f6f6f6, #f0f0f0 50%,#eee 51%, #ccc);
  background: linear-gradient(top, #f6f6f6, #f0f0f0 50%,#eee 51%, #ccc);
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 1.2;
  text-decoration: none;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
	-moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 2px rgba(000,000,000,1);
	-webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.1),inset 0px 0px 2px rgba(000,000,000,1);
}
   
.common_button:hover {
  background: #bbb; /* IE用 */
  background: -moz-linear-gradient(top, #e6e6e6, #e0e0e0 50%,#ddd 51%, #bbb);/* Firefox用 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(0.5, #e0e0e0), color-stop(0.51, #ddd), to(#bbb));/* Safari,Google Chrome用 */
  background: -o-linear-gradient(top, #e6e6e6 #e0e0e0 50%,#ddd 51%, #bbb);
  background: linear-gradient(top, #e6e6e6, #e0e0e0 50%,#ddd 51%, #bbb);
  color: blue;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}


@media print {
  #header{display: none !important;}
  #headermenu{display: none !important;}
  #footer{display: none !important;}
  #back-top{display: none !important;}
  .todaylistTable{zoom: 100%;}
}


#header{
  padding:3px;background-image:url(../pic/TopBk.GIF);width:100%;height:40px;
}


#headermenu{
  padding:10px 30px;margin-bottom:35px;
}


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


.username{
  float:right;
  font-size: 0.8em;
  margin-right:20px;
  font-style: italic;
  font-weight:normal;
}


h3{
    position: relative;
    color: #fff;
    background: #B92A2C;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 auto 1.5em;
    padding: 0.8em;
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
    text-align:left;
}
 
h3:after,
h3:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
 
h3:before{
    right: 0;
    border-left: 5px solid #333;
}
 
h3:after{
    left: 0;
    border-right: 5px solid #333;
}



/* 見出しの別パターン
h3{
    margin: 0 0 1.5em;
    padding: 0.8em;
    font-size: 1.143em;
    font-weight: bold;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
    background: #eee;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}
*/


/* --------------リンクボタン----------------- */
.btn1	{
	background: #eee;
	color: #111;	text-align: left; font-size:13px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	-moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
  font-weight:bolder;
}

.a-btn	{
	padding: 7px;
	text-decoration: none;
}


.a-btn:hover	{
  background: #ff6;
  color: #66f;
	text-decoration: none;
}


.submit-btn	{
	padding: 5px;
}


.submit-btn:hover	{
  background: #ff6;
  color: #66f;
}