@charset "UTF-8";



.center {
   text-align: center;
}
a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.ui.form input[type="checkbox"]{
   vertical-align: middle;
}
.f-left {
   float: left;
}
.f-right {
   float: right;
}

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}


.underline {
   border-bottom:solid 1px #ff0000;
}

#maincontents {
   width: 900px;
   margin: 0 auto;
   background: url(../img/bg-main.jpg) repeat-y top center;
   line-height: 1.8em;
   padding-bottom: 30px;
}



p {
   line-height: 1.6em;
}


.note {
   font-size: 0.8em;
}


.box_line {
   border-bottom: dotted 1px #777c8c;
   padding-bottom: 15px;
   margin-bottom: 15px;
}


/* ---------------------

タイトルまわり

--------------------- */

#head {
   margin-bottom: 25px;
   background: url(../img/title.png) no-repeat top center;
   height: 632px;
   padding-top: 300px;
}

#head p {
   text-align: center;
   font-weight: bold;
   color:#2e2c2b;
   line-height: 1.8em;
}
#cts_top  {
   padding-bottom: 50px;
}
#cts_top .center,#youkou .center {
   font-weight: bold;
   font-size: 1.2em;
   margin-bottom: 20px;
}

#cmp_ttl {
   text-indent: -9999px;
   height: 0;
   line-height: 0;
   margin: 0;
}








/* ---------------------

コンテンツボックスのスタイル

--------------------- */



.bg_cts {
   margin-bottom: 50px;
   width: 850px;
   margin: 0 auto 20px auto;
}


.bg_cts:before{
  content:"";
  display:block;
  background: url(../img/bg-01.gif) no-repeat;
  height:22px;
  background-size: 100%;
}


.bg_cts:after{
  content:"";
  display:block;
  background: url(../img/bg-03.gif) no-repeat;
  height:22px;
  background-size: 100%;
}


.bg_cts .inner {
   background: url(../img/bg-02.gif) ;
   padding-top: 20px;
}







/* ---------------------

campaign1

--------------------- */

#campaign1 .f-left,
#campaign1 .f-right {
   height: 350px;
}

#campaign1 .f-left {
   width: 241px;
}
#campaign1 .f-right {
   width: 503px;
}


#campaign1 .clearfix {
   width: 780px;
   margin: 0 auto;

}



h1.ttl_cts {
   margin: 0 auto;
   margin-bottom: 20px;
}

#campaign h1 {
   margin-bottom: 0;
}
.bg_campaign_top {
   background: url(../img/cts1_img1.png) no-repeat top right;
   padding-top: 20px;
}
.list_cream ul {
   padding: 0;
}
.list_cream ul li:first-child {
   border-top: dotted 2px #d1d5e1;
}
.list_cream ul li {
   list-style: none;
   font-size: 1em;
   font-weight: bold;
   border-bottom: dotted 2px #d1d5e1;
   padding: 5px;
}
.list_cream ul li img {
   vertical-align: middle;
   margin-right: 10px;
}



/* ---------------------

campaign2

--------------------- */


#campaign2 .inner_box {
   padding: 0 30px;
   text-align: left;
}
.ttl_s {
   text-align: center;
}


.bg-04 {
   background: url(../img/bg-04.gif);
   width: 760px;
   margin: 0 auto;
}

.bg-04:after{
  content:"";
  display:block;
  background: url(../img/bg-05.jpg) no-repeat;
  height:15px;
  background-size: 100%;
}

.bg-05 {
   background: url(../img/bg-05.gif);
   width: 760px;
   margin: 0 auto;
}

.bg-05:after{
  content:"";
  display:block;
  background: url(../img/bg-06.jpg) no-repeat;
  height:15px;
  background-size: 100%;
}

.bg-06 {
   background: url(../img/bg-07.png);
   width: 760px;
   margin: 0 auto;
}

.bg-06:after{
  content:"";
  display:block;
  background: url(../img/bg-08.png) no-repeat;
  height:15px;
  background-size: 100%;
}

.center{
   text-align: center;
}

/* ---------------------

応募要項

--------------------- */


#gaiyou {
   background: #fff;
   width: 850px;
   margin: 0 auto;
   padding: 10px 10px 30px 10px;
}


h2.ttl_s {
   background: #d3d6de;
   font-size: 1.1em;
   padding: 7px 10px;
   border-radius: 5px;
}




#gaiyou h3 {
   font-size: 18px;
}
#gaiyou .read {
   font-weight: bold;
   color: #3499df;
   font-size: 1.6em;
}
#gaiyou .inner {
   padding: 10px 30px;
}


#gaiyou .button {
   font-size: 22px;
   padding: 20px 40px;
   line-height: 1.3em;
}


#gaiyou .button .note {
   font-size: 0.7em;
}

/* ---------------------

最後のブロック

--------------------- */

.bg-11 {
   background: url(../img/11.png) no-repeat 520px top;
   padding-right: 400px;
   padding-top: 60px;
   padding-left: 40px;
   padding-bottom: 100px;
}