@charset "utf-8";

body  {
  background:url(../images/bg_body.png) repeat-x fixed;
  font-family:Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#630;
  font-size:110%;
  _text-align:center;
  padding: 0;
  margin: 0;
}
a:link    { color:#369; text-decoration:underline; }
a:visited { color:#369; text-decoration:underline; }
a:hover   { color:#69F; text-decoration:none; }
.bnr { margin-bottom:10px; }
.bnr a:hover img,
.btn a:hover img { filter:Alpha(opacity=75); -moz-opacity:0.7; opacity:0.70; }

p {
  line-height:1.5em;
  margin-bottom:0.5em;
}
#wrapper {
  background:url(../images/bg_header.png) center top no-repeat fixed;
  width:928px;
  padding:0 16px;
  margin:0 auto;
}

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

#header {
  background:url(../images/bg_undernav.png) repeat-x;
  width:900px;
  text-align:center;
  padding:0;
  margin:0 auto 30px 14px;
}
h1 {
  color:#F69;
  font-size:2.25em;
  font-weight:normal;
  padding:10px;
}
#header p {
  margin-bottom:10px;
}
#gnav {
  background:#FFA6C2;
	border-radius:5px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; 
}
#gnav ul {
  width:890px;
  padding:5px;
  margin:5px 0 5px 60px;
  height:32px;
}
#gnav li {
  float:left;
  margin-left:10px;
}
#gnav a {
  display:block;
  background:#FFDDE8;
  border:#FFF solid 2px;
  width:240px;
  color:#630;
  text-align:center;
  text-decoration:none;
  line-height:32px;
  font-size:1.2em;
	border-radius:5px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; 
}
#gnav a:hover {
  background:#FFA6C2;
  color:#FFF;
}


/* bnrs ----------------------------------------------------------*/

#bnrs {
  clear:both;
}
#bnrs p {
  border-top:#999 dashed 1px;
  font-size:1.2em;
  text-align:center;
  padding-top:10px;
  margin:0 20px 10px;
}
#bnrs ul {
  margin:0 0 20px 20px;
}
#bnrs li {
  float:left;
  margin:0 10px;
}


/* greeting ----------------------------------------------------------*/

#greeting {
  clear:both;
  width:880px;
  margin:0 auto;
}
#mainimage {
  background:url(../images/img_boshi.png) right top no-repeat;
  width:820px;
  height:320px;
  margin:0 0 40px auto
}
#mainimage h2 {
  clear:both;
  font-size:1.3em;
  font-weight:normal;
  line-height:1.8em;
  padding-top:80px;
}

#match {
  border:#F69 dotted 3px;
	border-radius:5px;
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px; 
  background:#FFF0F4;
  padding:1em;
  margin-bottom:2em;
}

#greeting p {
  margin-bottom:20px;
}
#greeting ul {
  color:#C36;
  list-style:url(../images/img_list.png);
  margin-left:30px;
}
#greeting ul li {
  line-height:1.4em;
  padding:0 0 0.5em;
}



/* info ----------------------------------------------------------*/

#info {
  width:880px;
  padding-top:20px;
  margin:0 auto 40px;
}
#info h2 {
  clear:both;
  width:100%;
  text-align:center;
  border-top:#F69 solid 2px;
  border-bottom:#F69 dotted 2px;
  font-size:2em;
  font-weight:normal;
  padding:20px 0;
  margin-bottom:40px;
}
#info .side-left {
  float:left;
  width:540px;
}
#info .side-right {
  float:right;
  width:320px;
  text-align:left;
}
#info p {
  font-size:1.5em;
  margin-bottom:1em;
}
#info table {
  line-height:1.4em;
}
#info table th {
  border:#999 solid 1px;
  background:#FFE8EF;
  text-align:left;
  font-weight:normal;
  padding:0.5em;
  white-space:nowrap;
}
#info table td {
  border:#999 solid 1px;
  padding:0.5em;
}


/* access ----------------------------------------------------------*/

#access {
  clear:both;
  width:880px;
  padding-top:20px;
  margin:0 auto 200px;
  font-size:0.9em;
}
#access .side-left {
  float:left;
  width:480px;
}
#access .side-right {
  float:right;
  width:380px;
  text-align:left;
}



#access h2 {
  width:100%;
  text-align:center;
  border-top:#F69 solid 2px;
  border-bottom:#F69 dotted 2px;
  font-size:2em;
  font-weight:normal;
  padding:20px 0;
  margin-bottom:40px;
}
#access table {
  line-height:1.4em;
}
#access table th {
  text-align:left;
  font-weight:normal;
  padding:0.5em 0.5em 0.5em 0;
  white-space:nowrap;
}
#access table td {
  padding:0.5em 0;
}



/* footer ----------------------------------------------------------*/

#footer {
  clear:both;
  border-top:#F69 solid 2px;
  width:880px;
  padding:1em 0;
  margin:0 auto;
}
#copyright {
  font-size:0.9em;
  text-align:center;
}




/* common ----------------------------------------------------------*/

.red    { color:#C06; }
.navy   { color:#369; }
.orange { color:#F60; }
.green  { color:#690; }
.purple { color:#936; }
.white  { color:#FFF; }
.gray   { color:#777; }

.bg-lred { background-color:#FEE; }
.bg-lblue { background-color:#EEF; }
.bg-lgray { background-color:#EEE; }


.f1 { font-size:0.75em !important; }
.f2 { font-size:0.875em !important; }
.f3 { font-size:1em !important; }
.f4 { font-size:1.1em !important; }
.f5 { font-size:1.25em !important; }
.bold { font-weight:bold !important; }

.mb00 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.w50 { width:50px !important; }
.w100 { width:100px !important; }
.w200 { width:200px !important; }
.w300 { width:300px !important; }
.w400 { width:400px !important; }
.w500 { width:500px !important; }
.w50p { width:50% !important; }
.w80p { width:80% !important; }
.w90p { width:90% !important; }
.w100p { width:100% !important; }

.cent {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.fl   { float:left ; }
.fr   { float:right ; }
.left   { text-align:left; }
.right  { text-align:right ; }
.center { text-align:center ; }
.vamid  { vertical-align:middle ; }
.vatb   { vertical-align:text-bottom ; }

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
  visibility:hidden;
}
.clearfix {
  display:inline-table;
  min-height:1px;
}

/* hides from IE-mac \*/
* html .clearfix  { height:1%; }
.clearfix     { display:block; }
/* end of hides from IE-mac */

.clear-both { clear:both; }
.bbdot { padding-bottom:10px; border-bottom:#999999 dotted 1px; }
.nowrap { white-space:nowrap; }

/* form input IME */
input.zenkaku{ ime-mode:active; }
input.ascii{ ime-mode:disabled; }


/* error */
.err{ color:#f30; }