@charset "UTF-8";

html:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%; 
  background: url(../img/sec01_bg.jpg) 50% 0 no-repeat fixed;
  -moz-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

body {
  color: #eee;
  background-color: #000;
  position: relative;
  z-index: 1;
}
a {
	color: #0ef;
}

/* common contents
--------------------*/
#wrapper {
  padding-bottom: 4.5em;
}

/* header */
.header {
  position: static;
}

.header h1 {
  padding: 0 10px;
  margin: 0;
  font-size: 100%;
  text-align: center;
  color: #fff;
  background-color: #ea2364;
}

/* main */
.main .wrap {
  padding: 10px 3%;
  margin: 0;
  background-color: rgba(0,0,0,0.5);
}
.list .main .wrap {
  padding: 10px 0;
}

/* footer */
.footer {
  background-color: #000;
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
}
.index .footer {
  position: static;
}

#copyright {
  text-align: center;
}

/* footer menu */
.menuUl {
}
.menuUl li a {
  text-align: center;
  color: #eee;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-top: none;
  border-bottom: none;
}
.menuUl li a:hover { 
  font-weight: bold;
  color: #fff;
  background-color: #000;
}

/* pageNavi */
.nextBtnNone span,
.prevBtnNone span {
  text-align: center;
  color: #444;
}
.nextBtnNone span:after,
.nextBtn span:after,
.prevBtnNone span:before,
.prevBtn span:before {
  content: "";
  display: inline-block;
  margin: 0 5px;
  vertical-align: -1px;
  height: 0;
  border: 6px solid transparent;
}
.prevBtn span:before     { border-right: 8px solid #eee; }
.prevBtnNone span:before { border-right: 8px solid #444; }
.nextBtn span:after      { border-left: 8px solid #eee; }
.nextBtnNone span:after  { border-left: 8px solid #444; }

/* infoNavi */

/* button Style
--------------------*/
/* btn */
.btn input,
.btn a {
  font-size: 15px; font-size: 1.5rem;
}

/* btnSelect */
.btnSelect .btn1 input,
.btnSelect .btn1 a,
.btnSelect .btn2 input,
.btnSelect .btn2 a {
  font-weight: bold;
}
.btnSelect .btn2 input,
.btnSelect .btn2 a {
  font-size: 13px; font-size: 1.3rem;
}

/* btn Style */
.btn1 input,
.btn1 a {
  font-weight: bold;
  color: #eee;
  background-color: #000;
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn2 input,
.btn2 a {
  color: #eee;
  background-color: #000;
  border: solid 1px #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn3 input, 
.btn3 a { 
  font-weight: bold;
  color: #fff;
  border: 3px solid #fff;
  background-color: #ea2364;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.btn1 input:hover, 
.btn1 a:hover,
.btn2 input:hover, 
.btn2 a:hover, 
.btn3 input:hover, 
.btn3 a:hover { 
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

/* toggleBtn */
.toggleBtn a {
  font-weight: bold;
  color: #fff;
  border: 1px solid #fff;
  background: #121212;
  background: -moz-linear-gradient(top, #4f4f4f 0%, #323232 48%, #000 50%, #121212 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), color-stop(0.48, #323232), color-stop(0.5, #000), to(#121212));
  background: -webkit-linear-gradient(top, #4f4f4f 0%, #323232 48%, #000 50%, #121212 100%);
  background: -o-linear-gradient(top, #4f4f4f 0%, #323232 48%, #000 50%, #121212 100%);
  background: -ms-linear-gradient(top, #4f4f4f 0%, #323232 48%, #000 50%, #121212 100%);
  background: linear-gradient(to bottom, #4f4f4f 0%, #323232 48%, #000 50%, #121212 100%);
  text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.toggleBtn a span {
  display: block;
  padding: 8px;
  position: relative;
}
.toggleBtn a span:after {
  content: "▽";
  margin-top: -0.7em;
  position: absolute;
  top: 50%;
  right: 10px;
}

/* table Style
--------------------*/
/* style1 */
/* style2 */

/* 1 */
.tblColor th {
  padding: 0;
}
.tblColor th label {
  display: block;
  padding: 0.2em 1em;
  color: #fff;
  background-color: #a79130;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* 2 */
.tblColor2 th {
  padding: 1px;
}
.tblColor2 th span {
  display: block;
  padding: 0.2em 1em;
  color: #eee;
  background-color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* box Style
--------------------*/
.box {
}

/* form Style
--------------------*/
/*
input[type='text'], input[type='email'],
select,
textarea {
  font-size: 16px; font-size: 1.6rem;
  border: 1px solid #aaa;
}
textarea {
  font-size: 18px; font-size: 1.8rem;
}
*/

/* error Area
--------------------*/
.userInfo dt {
  text-align: center;
  color: #fff;
  background-color: #c00;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/* banner Area
--------------------*/

/* index Page
--------------------*/


/* kiyaku Page
--------------------*/

/* list Page
--------------------*/
#thlist li span {
  text-align: center;
  font-size: 13px; font-size: 1.3rem;
  color: #fff;
  background-color: rgba(234,35,100,0.8);
}
#thlist li a:hover:after {
  background-color: rgba(255,255,255,0.3);
}

/* profile Page
--------------------*/
.update {
  padding: 0 !important;
  text-align: right;
  font-size: 12px; font-size: 1.2rem;
  color: #ccc;
  border: none !important;
}
.profile .submitBtn .btn small {
  font-size: 11px; font-size: 1.1rem;
}
.profile .submitBtn aside {
  font-size: 13px; font-size: 1.3rem;
  color: #f00;
}

/* reportArea
--------------------*/
/* regist */

/* infomation */