@charset "UTF-8";


/* STRUCTURE
##################################### */

body {
background: #fff;
}

.container-wrapper {
/*background: url(../img/bg.jpg) no-repeat top center;*/
/*min-height: 100%;*/
}

.cmnbody .container-wrapper {
/*background: url(../img/bg.jpg) no-repeat top center;*/
/*min-height: 100%;*/
}


.contentswapper {
margin-left: 20px;
margin-bottom: 20px;
background: url(../img/bgcontents.jpg);
}

.header-image {
margin: 0 0 0 0px;
*margin: 0 0 -3px 0px;
}


/*--------------------------------------
  main-wrapper 追加
---------------------------------------*/
.main-wrapper { position: relative; margin: 0 auto 30px auto; /*background: url(../img/wrapper.jpg) no-repeat top center;*/
/*background: url(../../img/bgcontents.jpg);*/
width: 990px; color: #333; font-size: 14px; line-height: 1.7em; letter-spacing: 0.07em; 
}


.main-wrapper .main-contents {
position: relative;
margin: 0 55px 0px 55px;
}


.main-wrapper .main-contents .main-header {
position: relative;
overflow: hidden;
width: 880px;
height: 80px;
background: url(../img/title.jpg) no-repeat top center;
}

.main-wrapper .main-contents .main-header h1.event-logo {
display: none;
}

.main-wrapper .main-contents .main-header h1.event-logo a,
.main-wrapper .main-contents .main-header h1.event-logo a:hover {
position: relative;
overflow: hidden;
display: block;
width: 880px;
height: 632px;
z-index: 100;
text-indent: -9999px;
}


.main-wrapper .main-contents p {
margin-bottom: 20px;
line-height:1.5em;
}

.main-wrapper .main-contents h2 {
margin:20px 0 20px 0;
color: #f60;
font-weight: bold;
font-size: 180%;
text-align:center;
line-height:1.5em;
}

.main-wrapper .main-contents h3 {
margin:0 0 20px 0;
color: #c00;
font-weight: bold;
font-size: 160%;
text-align:center;
line-height:1.5em;
}

.copyright{ font-size:80%; color:#999; margin:40px 0; padding-top:20px; border-top:1px dotted #ccc; text-align:center; }

/*--------------------------------------
  text
---------------------------------------*/
strong {
  font-weight: bold;
}

a:hover img.link {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

a {
  color: #f90000;
  text-decoration: none;
}
a:visited {
  color: #f90000;
  text-decoration: none;
}
a:focus {
  color: #f90000;
  text-decoration: none;
}
a:active {
  color: #f90000;
  text-decoration: none;
}
a:hover {
  color: #ff1b1b;
  text-decoration: underline;
}

a.mover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}
a.mover:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

::-moz-selection{
background:#316ac5;
color:#ffffff;
}

::selection {
background:#316ac5;
color:#ffffff;
}


/* FONT
##################################### */
.font-08{ font-size: 60%; }
.font-09{ font-size: 70%; }
.font-10{ font-size: 77%; }
.font-11{ font-size: 85%; }
.font-12{ font-size: 93%; }
.font-13{ font-size: 100%;}
.font-14{ font-size: 108%;}
.font-15{ font-size: 116%;}
.font-16{ font-size: 123.1%;}
.font-17{ font-size: 130%;}
.font-18{ font-size: 150%;}
.font-under{ text-decoration: underline;}
.font-bold{ font-weight: bold;}


/* COLOR
##################################### */
.color0{ color: #000000; }/* BLACK */
.color1{ color: #ffffff; }/* WHITE */
.color2{ color: #eb0007; }/* RED */
.color3{ color: #d30006; }/* RED2 */
.color4{ color: #f64b00; }/* orange */
.color5{ color: #002b73; }/* orange */
.color01 { color: #FF6600; }/* blue */
.color02 { color: #ff3333; }/* red */
.color03 { color: #ab343a; }/* red */


/*--------------------------------------
  other
---------------------------------------*/
.sns {
padding: 20px 20px 0 0;
}

/* topbtn */
.scroll2top { display: table-cell; width: 50px; height: 50px; z-index: 10; color: #fff; background-color: #dfe1e1; background:url(../img/scroll2top.png) center top no-repeat;}

ul.caution{margin:0; padding:0; list-style: disc; list-style-position:inside; }
ul.caution li{ margin:0; padding:0 0 0 10px; }

hr.sepa {
border:none;
border-top:dashed 1px #999;
height:1px;
color:#FFFFFF;
margin:40px 0;
}

/* BLANK
##################################### */

.mb-0 { margin-bottom: 0px;}
.mb-5 { margin-bottom: 5px;}
.mb-7 { margin-bottom: 7px;}
.mb-10 { margin-bottom: 10px;}
.mb-15 { margin-bottom: 15px;}
.mb-20 { margin-bottom: 20px;}
.mb-25 { margin-bottom: 25px;}
.mb-30 { margin-bottom: 30px;}
.mb-35 { margin-bottom: 35px;}
.mb-40 { margin-bottom: 40px;}
.mb-45 { margin-bottom: 45px;}
.mb-50 { margin-bottom: 50px;}
.mb-55 { margin-bottom: 55px;}
.mb-60 { margin-bottom: 60px;}
.mb-70 { margin-bottom: 70px;}

.pb-0 { padding-bottom: 0px;}
.pb-5 { padding-bottom: 5px;}
.pb-7 { padding-bottom: 7px;}
.pb-10 { padding-bottom: 10px;}
.pb-15 { padding-bottom: 15px;}
.pb-20 { padding-bottom: 20px;}
.pb-25 { padding-bottom: 25px;}
.pb-30 { padding-bottom: 30px;}
.pb-35 { padding-bottom: 35px;}
.pb-40 { padding-bottom: 40px;}
.pb-45 { padding-bottom: 45px;}
.pb-50 { padding-bottom: 50px;}
.pb-55 { padding-bottom: 55px;}
.pb-60 { padding-bottom: 60px;}
.pb-70 { padding-bottom: 70px;}

.pt-05 { padding-top: 5px;}
.pt-10 { padding-top: 10px;}
.pt-15 { padding-top: 15px;}
.pt-20 { padding-top: 20px;}
.pt-25 { padding-top: 25px;}
.pt-30 { padding-top: 30px;}
.pt-35 { padding-top: 35px;}
.pt-40 { padding-top: 40px;}
.pt-50 { padding-top: 50px;}
.pt-60 { padding-top: 60px;}
.pt-70 { padding-top: 70px;}
.pt-80 { padding-top: 80px;}
.pt-90 { padding-top: 90px;}
.pt-99 { padding-top: 99px;}



/* CONTENTS
##################################### */

p.center { text-align:center !important;}



/*--- data ---*/
.extra {
font-size: 12px;
}





/*--- photo ---*/
.photo {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.imgright {
float: right;
margin: 0 0 0 10px;
}

.imgleft {
float: left;
margin: 0 10px 0 0;
}

.imgleftB {
float: left;
margin: 0 9px 10px 0;
}


/*--- copyright ---*/
.copyright {
text-align: center;
font-size: 10px;
}


/*--- btn ---*/
.btn1 {
margin: 0 0 20px 0;
}

.btn2 {
margin: 0 0 20px 0;
}

.btn3 {
font-size: 100% !important;
}

.toprightblock {
text-align: right;
padding-bottom: 10px;
position: relative;
}




/*--- aside ---*/
.aside, .aside-min {
background-image: none;
}

/*--- photobacknumber ---*/
.photobacknumber .prgItem {
float: left;
width: 20%;
}

.photobacknumber .prgItem a {
display: block;
text-align: center;
margin: 5px;
padding: 5px;
text-decoration: none;
font-size: 80%;
color: #000000;
background: #dbceb1;
border: 2px solid #c7ba9d;
}

.photobacknumber .prgItem a:hover {
background: #efe2c5;
color: #000000;
}

.photobacknumber .prgItem a .prgName {
margin: 0;
padding: 0;
font-size: 80%;
line-height: 1.2em;
}

.photobacknumber .prgItem a img {
width: 100%;
height: auto;
}





/*--- img[usemap] ---*/
img[usemap] {
border: none;
height: auto;
max-width: 100%;
width: auto;
}

/*--- photoblock ---*/
.photoblock {
text-align: center;
margin: 0 0 40px 0;
}



/***********************************************************/
/***********************************************************/
/***********************************************************/
