@charset "utf-8";

body{background-image:url(../images/bg_01.gif);color:#565656;line-height:160%;}
a{color:#eb6100;}
a:hover{color:#eb5300}
p{
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 1em;
}

ul {
    margin-bottom: 20px;
	padding:0;
}

li {
    list-style: none;
}

.but:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  text-decoration: none;
}

h3{margin:0.5em 0 0 0;}
strong{font-weight:bold;color:#eb7000;}

.c-table-03 th{width:30%;}
.c-table-03 ul{margin:0;}
.c-table-03 li{margin:0.5em 0;}
.c-ground-01 h2{padding-top:30px;}

.f110p{font-size:110%;}
.fontl{font-size:140%;}
.fonts{font-size:85%;line-height:130%;}
.fc1{color:#e52323;}
.fc1 strong{font-weight:bold;color:#698c17;}
.fc2{color:#eb7000;}
.fc3{color:#666;}
.ul2{list-style-type:none;text-indent:-1em;}
.c{text-align:center;}
.b{font-weight:bold;}
.cb{clear:both;}
.mt1e{margin-top:1em;}
.mb0{margin-bottom:0;}
.r{text-align:right;}
.lh160{line-height:160%;}

.contact{text-align:center;clear:both;margin:1.5em 0 1em 0;}
#con1 .contact,#con2 .contact{padding:2em 0 0 0;}
.contact-txt1{text-align:center;font-weight:bold;font-size:150%;color:#EB7000;margin:0 auto;}
.contact-txt2{text-align:left;color:#EB7000;margin:0 50px;line-height:120%;}

.con-box{width:876px;}
.con-box-float{width:976px;}
.con-box-float p{float:left;}
.con-box-l{float:left;}
.con-box-r{float:right;}

.con-box2{width:976px;margin:2em auto 1em auto;padding:10px 30px 30px 30px ;background-color:#E0E0E0;font-size:90%;line-height:130%;}

#con1,#con2{padding:0;}
#con1 .con-box,#con2 .con-box{margin:0 54px 54px 54px;}
#con1-2-txt,#con2-2-txt{width:50%;}
#con1-3-txt,#con2-3-txt{width:50%;}
#con1-2-txt p,#con2-3-txt p{margin-bottom:0;}
.con-atte dl{margin-top:0;}
.con-atte dt{margin-bottom:0.3em;font-weight:normal;}
.con-atte dd{margin-bottom:0.5em;}

.atte0{clear:both;margin:0 0 1em 2em;font-size:80%;}
.atte0 li{text-indent:-2em;line-height:140%;margin:0 0 0.5em -2.5em;list-style-type:none;}

.atte{clear:both;margin:0 0 1.5em 0;margin-left:0;font-size:80%;padding-left:0;}
.atte li{font-size:12px;color:#888888; background-image:url(../images/ico_!.png);background-repeat:no-repeat;padding-left:25px;line-height:190%;list-style-type:none;min-height:25px;}
.atte li.none {background:none;margin-left:0;padding-left:0;}
.atte2{clear:both;margin:1em 0;padding-left:0;font-size:80%;}
.atte2 dd{margin-left:0;}
.atte2 ul{margin-left:0;}
.atte2 li{ background-image:url("../images/ico_!2s.png");background-repeat:no-repeat;padding-left:25px;line-height:140%;margin:0 0 20px -2.5em;list-style-type:none;min-height:20px;}
.atte3{clear:both;margin:0;padding:40px 0 0 0;font-size:80%;}
.atte3 dd{margin-left:0;}
.atte3 ul{margin-left:0;}
.atte3 li{ background-image:url("../images/ico_!2s.png");background-repeat:no-repeat;padding-left:25px;line-height:140%;margin:0 0 20px 0;list-style-type:none;min-height:20px;}

#but-top{width:976px;}
#but-top1{
    float: left;
    margin-top: 2em;
    margin-bottom: 2em;
}
#but-top2{
    float: right;
    margin-top: 2em;
    margin-bottom: 2em;
}

.accordion dt a{display:block;}
.accordion dd{display:none;padding:15px 50px;border:1px solid #ccc;border-top:none;font-size:90%;}
.con-box3{font-size:90%;margin-bottom:1em;}
.con-box3 h4{
    background-image: url("../images/ico_!2s.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 140%;
    margin-top: 0;
    color: #e52323;
    font-weight: bold;
    line-height: 150%;
}
.con-box3 .atte2{margin-left:34px;margin-bottom:2em;font-size:100%;}

#con1 h2,#con2 h2{margin:0;padding:0;}
#con1 h3,#con2 h3{
    margin-top: 1em;
}

#con3{
    margin: 2em auto;
    padding: 20px 50px;
    border: 2px solid #e52323;
    font-size: 100%;
    background-color: #ffffff;
}
#con3 dl,#con3 ul{margin-left:0;}
#con3 dl dt{margin-bottom:1em;}
#con3 dl dd{margin-bottom:1.5em;}
#con3 li{margin-bottom:0.3em;}

#con4{width:976px;margin:0 auto;padding:0;font-size:90%;}
#con4 .con-box3{
    width: 976px;
    padding: 50px 50px 0 50px;
    margin-bottom: 2em;
    background-color: #ffffff;
}

#con-foot{padding-top:0;padding-bottom:1.5em;}

.link-outline{background-color: #4e4d4d;}
.link-outline .c-linkList-01 li{padding: 10px 0;text-align: center;}
.link-outline .c-linkList-01 a{color: #FFF;}
.link-outline .c-linkList-01 a:before{background-position: -216px 0px;}
.c-linkList-01 a:before {
  width: 18px;
  height: 100%;
  background-image: url(../images/marker_01_@2x.png);
  background-repeat: no-repeat;
  background-size: auto 18px;
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
}
.lp-heading2-02{
  background-color: #eb7000;
  color: #FFF;
  text-align: center;
  margin: -30px -54px 0 -54px;
}
.lp-heading2-02 h2{
  padding: 15px 0px;
  font-weight: bold;
  font-size: 160%;
}
.l-inquiry .txt-01{
    font-size: 220%;
    font-weight: bold;
    color: #eb7000;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}
.l-inquiry .txt-02{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.l-inquiry .txt-01 span{
  font-size: 65%;
}
.l-inquiry .txt-02{
  font-size: 100%;
  text-align: center;
}
.l-inquiry-in{
  background-color: #fce7cd;
  padding: 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
.l-inquiry-in p{
  margin: 0;
  text-align: center;
}

.pagetop{text-align:right;width:976px;margin:0.5em auto;}


/*=========================================================================
style.css 2015.12.22
=========================================================================*/

.relative {position:relative;}
.fl {float:left;}
.fr {float:right;}
.pb10 {padding-bottom:10px!important;}
.pb70 {padding-bottom:70px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt40 {margin-top:40px!important;}
.mt60 {margin-top:60px!important;}
.mb30 {margin-bottom:30px!important;}
.mb70 {margin-bottom:70px!important;}
.mr20 {margin-right:20px!important;}
.txc {text-align:center;}
.txr {text-align:right;}
.underline { text-decoration: underline; }
p.anno {
    color: #7c7c7c;
    font-size: 74%;
}

#jbk-frame-main .frame-content {max-width:996px;*max-width:976px;}

#jbk-frame-main {
    margin:0;
}

.frame-content {
    width: 976px!important;
    background-color: #FFFFFF !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#introduction_top {
    background-color:#ED7000;
    text-align:center;
}

#introduction_top h1 {
    margin:0 !important;
    padding:40px 0;
}

.LinkBtn01 {
    margin: 0 auto;
    padding: 40px 0 60px;
    text-align: center;
    background-color:#ffffff;
}

.LinkBtn02 {
    margin: 0 auto;
    padding: 60px 0 70px;
    text-align: center;
}

.LinkBtn01 p, .LinkBtn02 p{
    margin-bottom:0 !important;
}

.LinkBtn01 .emphasis02, .LinkBtn02 .emphasis02 {
    color: #565656;
}

.LinkBtn01 p .btn, .LinkBtn02 p .btn{
    padding:0 !important;
    border:none !important;
}

#contentArea{
    padding:80px 0 0;
}

#contentArea h2{
    text-align:center;
    margin-bottom:40px;
}

.content01 {
    width: 976px!important;
    background-color: #FFFFFF !important;
    margin:0 auto;
    padding:40px 40px 30px !important;
}

.content02 {
    width: 976px!important;
    background-color: #FFFFFF !important;
    margin:0 auto;
    padding:50px 40px 30px !important;
}

.content03 {
    width: 976px!important;
    background-color: #FFFFFF !important;
    margin:0 auto 60px;
    padding:60px 40px 30px !important;
}

.content04 {
    width: 976px!important;
    background-color: #FFFFFF !important;
    margin:20px auto 0;
    padding:60px 40px 30px !important;
}

.flow {
    margin:0 0 50px;
}

.introduction {
    width:48%;
    height:100%;
    float:left;
    border:2px solid #558cbe;
}

.introduction h3{
    margin:0;
    padding:0 0 6px;
    background-color:#558cbe;
    text-align:center;
}

.step_content {
    padding: 30px 30px 0;
}
.step_content .scroll {
    height: 160px;
}
.step_content p {
    margin-right: -5px;
}
.step_1{
}

.introduced {
    width:48%;
    height:100%;
    float:right;
    border:2px solid #fc76b2;
}

.introduced h3{
    margin:0;
    padding:0 0 6px;
    background-color:#fc76b2;
    text-align:center;
}

.step_2{
    height: 450px;
}

.step_title{
    margin:0 0 30px 0;
}

.step_img{
    text-align:center;
    margin:0 0 30px 0;
}

.noteBox{
    background: #EEEEEE;
    border: 1px solid #DFDFDF;
    padding: 10px 10px 0 12px;
}

.noteBox p{
    font-size:75%;
    line-height:175%;
}

.annotation{
    color: #7c7c7c;
    font-size:70%;
}

.emphasis{
    color: #e70000 !important;
}

.emphasis strong{
    color: #CA0000 !important;
    font-weight:bold !important;
}

.blueLine {
    margin-top: 30px;
    padding-top: 30px;
    border-top: #558cbe solid 2px;
}

.pinkLine {
    margin-top: 30px;
    padding-top: 30px;
    border-top: #fc76b2 solid 2px;
}

.number {
    width: 100%;
}
.number .txt-area {
    width: 600px;
    float: left;
}
.number .img-area {
    width: 245px;
    float: right;
}

.step_result{
    text-align:center;
}

.introduction_code {
    width:48%;
    height:100%;
    float:left;
}

.introduced_code {
    width:48%;
    height:100%;
    float:right;
}

.content02 h3{
    margin:0 0 35px;
    text-align:center;
}


.content03 h3{
    margin:0 0 30px;
    text-align:center;
}

.content04 h3{
    margin:0 0 30px;
    text-align:center;
}

.campaign_date {
    margin:0 0 30px;
    border:2px solid #ed7000;
    text-align:center;
}

.campaign_date h4{
    line-height: 0;
    margin:0;
    padding:5px 0 8px;
    background-color:#ed7000;
    text-align:center;
}

.campaign_date p{
    padding:20px;
    margin:0;
}

.introduction h4{
    margin:0;
    padding:6px;
    background-color:#558cbe;
    text-align:center;
}

.introduced h4{
    margin:0;
    padding:6px;
    background-color:#fc76b2;
    text-align:center;
}

.case_1{
    height:300px;
    padding:30px;
}

.case_2{
    height:330px;
    padding:30px;
}

.case_3{
    height:330px;
    padding:30px;
}

.introduction_gift {
    width: 100%;
    border:2px solid #558cbe;
}

.introduction_gift h4{
    margin:0;
    padding:6px;
    background-color:#558cbe;
    text-align:center;
}

.gift_case_1 {
    width:50%;
    padding:30px 40px 15px 30px;
    float:left;
}

.gift_case_2 {
    width:50%;
    padding:30px 30px 15px 40px;
    float:right;
}

.blueLine02 {
    border-right: #558cbe solid 2px;
}

#caution{
    width: 100%;
    margin-bottom: 60px
}
#caution strong{
    font-size:88%;
}
#caution li{
    color: #7c7c7c;
    font-size:80%;
}
#telephone{
    margin-bottom: 30px;
}

.totop {
	width: 976px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-bottom: 25px;
}


/*for IE7??*/

h1.logo a{*margin-left:25px;}
#header-accessary{*margin-right:25px;}


/*=========================================================================
clearfix
=========================================================================*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/*IE6,7対策 （haslayout対策）*/
.clearfix {
  *zoom:1;
}