@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */


body {
  color: #333333;
  background: url(../img/index_bg.gif);
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size:12px;
  padding: 0px;
  /*margin-top: 131px;*/
  letter-spacing: 1px;
  line-height:1.4;
  margin:0;
  padding:0;
}

/*table.at{
  margin-top: 500px;

}
*/
.CO {
  text-indent: -10000px;
  display: none;/*win firefox*/
}

h1{
  background: url(../img/realticket.jpg) no-repeat;
  width: 990px;
  height: 131px;
  font-size:14px;
  padding: 0px;
  margin: 0px;

}

h1 a{
  display: block;
  width: 680px;
  height: 105px;
}

h1.subh1{
  background: url(../img/realticket2.gif) no-repeat;
  width: 950px;
  height: 105px;
  font-size:14px;
  padding: 0px;
  margin: 0px;
  line-height:1.4;
}
h1.subh1 a{
  display: block;
  width: 647px;
  height: 105px;
}

h2{
  background: url(../img/s_title.gif) no-repeat;
  width: 224px;
  height: 38px;
  font-size:12px;
  padding: 0px;
  margin: 0px;
}

h2.subh2{
  background: url(../img/s_title2.gif) no-repeat;
  width: 236px;
  height: 38px;
  font-size:12px;
  padding: 0px;
  margin: 0px;
}

h3{
  background: url(../img/h2.jpg);
  width: 707px;
  height: 150px;
  font-size:12px;
  padding: 0px;
  margin: 0px;
}

/* フォントカラー
---------------------------------------------------- */
.f1{ color: #3683C8; }/*blue*/
.f2{ color: #FD6F00; }/*orange*/
.f3{ color: #21989E; }/*green*/
.f4{ color: #FE0000; }/*red*/
.f5{ color: #fff; }/*white*/
/* フォントサイズ
---------------------------------------------------- */
.f9{ 
font-size: 9px;
line-height:1.4;
letter-spacing: 1px;
}

.f10{ 
font-size: 10px;
line-height:1.4;
letter-spacing: 1px;
}

.f12{ 
font-size: 12px;
line-height:1.4;
letter-spacing: 1px;
}

.f14{ 
font-size: 14px;
letter-spacing: 1px;
line-height:1.6;
}

/* フォーム
---------------------------------------------------- */
form{
  padding: 0px;
  margin: 0px;
}

.selectWidth{
  width: 178px;
}

.selectWidth3{
  width: 55px;
}

.selectWidth2{
  width: 50px;
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}

.OtherType1{
  width: 650px;
  height: 100px;
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}

.selectWidthshort{
  width: 120px;
}

.tf1{
  width: 150px;
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}

.tf2{
  /*width: 300px;*/
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}

.tf3{
  width: 300px;
  height:150px;
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}
.tf4{
  width: 200px;
  background: #FFF4D7;
  border:1px solid #E2E2E2;
}
/* リンク
---------------------------------------------------- */
/*黒から青*/
a.texta:link{
text-decoration:underline;color:#333333; 
}

a.texta:active{
text-decoration:underline;color:#333333;
}

a.texta:visited{
text-decoration:underline;color:#333333;
}

a.texta:hover{ text-decoration: underline;color:#3683C8;
}

/*オレンジから青*/
a.textb:link{
text-decoration:underline;color:#FE7000; 
}

a.textb:active{
text-decoration:underline;color:#FE7000;
}

a.textb:visited{
text-decoration:underline;color:#FE7000;
}

a.textb:hover{ text-decoration: underline;color:#3683C9;
}

/*紺*/
a.textc:link{
text-decoration:underline;color:#2F4655; 
}

a.textc:active{
text-decoration:underline;color:#2F4655;
}

a.textc:visited{
text-decoration:underline;color:#2F4655;
}

a.textc:hover{ text-decoration: underline;color:#2F4655;
}

/*青*/
a.textd:link{
text-decoration:underline;color:#3683C8; 
}

a.textd:active{
text-decoration:underline;color:#3683C8;
}

a.textd:visited{
text-decoration:underline;color:#3683C8;
}

a.textd:hover{ text-decoration: underline;color:#3683C8;
}


/*緑*/
a.texte:link{
text-decoration:underline;color:#21989E; 
}

a.texte:active{
text-decoration:underline;color:#21989E;
}

a.texte:visited{
text-decoration:underline;color:#21989E;
}

a.texte:hover{ text-decoration: underline;color:#21989E;
}

/*オレンジ*/
a.textf:link{
text-decoration:underline;color:#FE7000; 
}

a.textf:active{
text-decoration:underline;color:#FE7000;
}

a.textf:visited{
text-decoration:underline;color:#FE7000;
}

a.textf:hover{ text-decoration: underline;color:#FE7000;
}
/* ナビゲーション
---------------------------------------------------- */

#navigation {
  float: left;
  width: 223px;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  margin: 0;
  padding: 0;
  width: 210px;
  height: 58px;
  text-indent: -9999px;
}

li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 210px;
  height: 58px;
}

/* off
---------------------------------------------------- */
li.m1      {
  background: url(../img/menu.gif) no-repeat 0 0;
}
li.m2    {
  background: url(../img/menu.gif) no-repeat 0 -58px;
}
li.m3  {
  background: url(../img/menu.gif) no-repeat 0 -116px;
}
li.m4 {
  background: url(../img/menu.gif) no-repeat 0 -174px;
}
li.m5      {
  background: url(../img/menu.gif) no-repeat 0 -232px;
}
li.m6      {
  background: url(../img/menu.gif) no-repeat 0 -290px;
}
li.m7      {
  background: url(../img/menu.gif) no-repeat 0 -348px;
}

/* on
---------------------------------------------------- */
li.m1 a:hover    {
  background: url(../img/menu.gif) no-repeat -209px 0px;
}
li.m2 a:hover  {
  background: url(../img/menu.gif) no-repeat -209px -58px;
}
li.m3 a:hover {
  background: url(../img/menu.gif) no-repeat -209px -116px;
}
li.m4 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -174px;
}
li.m5 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -232px;
}
li.m6 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -290px;
}
li.m7 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -348px;
}

/* カレント
---------------------------------------------------- */
li#m1      {
  background: url(../img/menu.gif) no-repeat -209px 0px;
}
li#m2    {
  background: url(../img/menu.gif) no-repeat -209px -58px;
}
li#m3  {
  background: url(../img/menu.gif) no-repeat -209px -116px;
}
li#m4 {
  background: url(../img/menu.gif) no-repeat -209px -174px;
}
li#m5      {
  background: url(../img/menu.gif) no-repeat -209px -232px;
}
li#m6      {
  background: url(../img/menu.gif) no-repeat -209px -290px;
}
li#m7      {
  background: url(../img/menu.gif) no-repeat -209px -348px;
}


li#m1 a:hover    {
  background: url(../img/menu.gif) no-repeat -209px 0px;
}
li#m2 a:hover  {
  background: url(../img/menu.gif) no-repeat -209px -58px;
}
li#m3 a:hover {
  background: url(../img/menu.gif) no-repeat -209px -116px;
}
li#m4 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -174px;
}
li#m5 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -232px;
}
li#m6 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -290px;
}
li#m7 a:hover      {
  background: url(../img/menu.gif) no-repeat -209px -348px;
}

img{
border:0;

}.red {
	color: #F30;
}
.red {
	color: #F00;
}