@charset "utf-8";

/*- chusi_main_com.css; --------------------------------*/

/*- margin,padding 初期化 -*/
*			{ margin: 0; padding: 0;
			  font-family: "Meiryo", sans-serif; }

/*- clearfix -*/
.cf:before,
.cf:after	{ content: " ";
			  display: table; }

.cf:after	{ clear: both; }

.cf			{ *zoom: 1; }

/*- 枠消し -*/
* img		{ border-style: none; }

/*- container -*/
#container	{ margin: 0 auto; }

/*- header -*/
.frm-box	{ background-color: #4c4c4c; }

.led-txt	{ position: relative; top: 5px;
			  background-color: #333333;
			  font-weight: bold; font-size: 1.6em; font-family: "Meiryo", sans-serif; color: #ffb400; }

.led-txt:after {
			  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
			  content: ' ';
			  display: block;
			  background: url('../chusikoku/image/led_bg.png?2') repeat scroll 0 0 rgba(0, 0, 0, 0);
			  background-size: 3px 3px, 3px 3px; }

span#cddt	{ position: relative; top: 1px;
			  font-size: 1.5em; color: #33ff00; }

header h1   { display: none; }

/*- top-menu -*/
.fixed 		{ position: fixed; top: 0; z-index: 9999; }

/*- pan -*/
#pan		{ text-align: left;
			  font-size: 0.9em; color: #007700; }

#pan a:link { text-decoration: none; }

#pan a:visited {
			  color: #aa33cc; }

#pan a:hover{ color: #00ff00; }

#pan img	{ position: relative; top: 1px; }

#pan > span	{ padding: 3px 7px 1px;
			  background-color: rgba(200,200,200,0.8); }

#pan > span:before {
			  position: relative; top: 2px; left: 0;
			  content: url('../image/home.png'); }

/*- side-menu -*/
#side-menu ul {
			  margin: 0; padding: 0;
			  list-style-type: none; }

#side-menu ul li {
			  width: 200px; height: 50px;
			  margin-bottom: 15px; padding: 0;
			  display: block;
			  border: 1px solid #bbbbbb;
			  background: url('../image/button_sd1.jpg') no-repeat top center;
			  line-height: 50px; letter-spacing: 0;
			  text-align: center;
			  font-weight: bold; }

#side-menu span {
			  padding: 5px 0;
			  display: block;
			  line-height: 20px; }

#side-menu a {
			  height: 50px;
			  padding: 0;
			  display: block; }

#side-menu li.mail a:before {
			  position: relative; top: 4px; left: -5px;
			  content: url('../image/mail_icon.gif'); }
			  
#side-menu a:link,
#side-menu a:visited,
#side-menu a:hover,
#side-menu a:active {
			  height: 50px;
			  display: block;
			  text-decoration: none; }

#side-menu a:link {
			  color: #009900; }

#side-menu a:visited {
			  color: #aa33cc; }

#side-menu a:hover {
			  background: url('../image/button_sd2.jpg') no-repeat top center;
			  color: #ffffff; }

#side-menu a:active {
			  color: #ff0000; }

#side-menu ul li.nolnk {
			  height: 50px;
			  padding: 0;
			  background: url('../image/button_sd3.jpg') no-repeat top center;
			  color: #ffffff; }

#side-menu ul li.jpsw a {
			  width: 200px; height: 50px;
			  display: block;
			  background: url('../image/jpsw.jpg') no-repeat;
			  text-indent: -9999px; }

#side-menu ul li.jpsw a:hover {
			  background-position: 0 -50px; }

/*- side-board -*/
#side-board	{ display: block;
			  background: url('../image/msg_board.jpg') no-repeat center;
			  text-align: left;
			  font-size: 1em; color: #ffffff; }

#side-board p {
			  margin-bottom: 10px; }

#side-board p span {
			  font-size: 1em; color: #fd8dfb; }

#side-board small {
			  line-height: 1.4;
			  display: block;
              letter-spacing: normal;
              font-size: 0.8em; }

#side-board a {
			  color: #ffffff; }

/*- pagetop -*/
.pagetop	{ display: none; }

/*- footer -*/
footer 		{ margin: 0 auto 20px;
			  border: solid 1px #bbbbbb;
			  letter-spacing: 0.2em;
			  color: #ffffff; }

footer .upr,
footer .lwr {
			  text-align: center; }

footer .upr { line-height: 1.2; }

footer .upr li.ft_nolnk {
			  color: #fd8dfb; }

footer .lwr { padding-top: 5px;
			  line-height: 1.3;
			  font-size: 1em; font-family: "Meiryo", sans-serif; font-style: oblique; font-weight: bold; }

footer .lwr p small {
			  line-height: 1.8;
			  font-weight: normal; }

footer .yr  { font-family: arial; font-style: normal; }

footer ul	{ list-style-type: none; }

footer ul li {
			  float: left;
			  font-size: 0.9em; font-weight: bold; }

footer a:link {
			  text-decoration: none;
			  color: #ffffff; }

footer a:visited {
			  text-decoration: none;
			  color: #aa33cc; }

footer a:hover {
			  text-decoration: none;
			  color: #00ff00; }

footer a:active {
			  text-decoration: none;
			  color: #ff0000; }

/*- リンク -*/
a:link		{ color: #0000ff; }

a:visited	{ color: #aa33cc; }

a:hover		{ color: #00ff00; }

a:active	{ color: #ff0000; }