/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, label, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
  vertical-align: top;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

#yui3-css-stamp.cssreset {
  display: none;
}

figure {
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

/* Custom CSS
 * --------------------------------------- */
html,
body { font-size: 13px; width: 100%; overflow-x: hidden;}

#LH { height:42px; background:url(http://www.prgr-golf.com/img/base/NewBgLH1.gif) 0 0 repeat-x; background-size: 3px 42px;}
#LHW1 { position:relative; *z-index:1; width:986px; height:60px; margin:0 auto;}
#LH .CH1 { padding-left: 10px; width: 80px;}
#LH1 .LHCD_A1 ,
#LH2 { display:none;}

.secMainVisual { text-align: center; margin-bottom: 30px;}

.mainLead { text-align: center; margin: 0 0 20px; line-height: 1.8; font-size: 14px;}

.listSnsBtn { text-align: center; padding: 0 0 20px;}
.listSnsBtn li { display: inline-block; margin: 0 5px; vertical-align: top;}
.listSnsBtn li {}

#main { margin: 0 15px 30px;}

h2 { color: #75ad06; font-size: 20px; font-weight: bold; margin: 0 0 .5em; text-align: center;}
h2.left {
  text-align: left;
   margin: 0;
}
.textLimit ,
.textWinning ,
.textCaution {
  margin-bottom: 2em;
}

.secPresent {
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 40px;
  background: url(../img/img1.png) 0 50% no-repeat;
  background-size: 160px 247px;
}
.secPresent > ul {
  padding-left: 120px;
}
.secPresent > ul > li {
  padding: 10px;
  background: #EEEEEE;
  margin: 0 0 30px;
  position: relative;
}
.secPresent > ul .num {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
}
.secPresent > ul .text {
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  margin-top: -2.5em;
  padding-left: 40px;
}
.secPresent > ul .text span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}
.secPresent > ul .img {
  width: 50%;
  margin: 0 auto;
}
.secPresent .item1 .num {
  background: url(../img/num1.gif) 0 0 no-repeat;
  background-size: 30px 30px;
}
.secPresent .item2 .num {
  background: url(../img/num2.gif) 0 0 no-repeat;
  background-size: 30px 30px;
}


.textLisence {
  text-align: center;
}

.secApplication {
  position: relative;
}

.listCircle {
  margin: 0 0 20px;
}
.listCircle li {
  background: url(../img/circle.gif) 0 50% no-repeat;
  background-size: 6px 6px;
  padding-left: 10px;
  font-size: 12px;
}
.secApplication {
 /* background: url(../img/img2.png) 100% 100% no-repeat;
  background-size: 80px;*/
}

.secApplication .lead {
  margin: 0 0 10px;
  font-size: 14px;

}
.secApplication .lead span {
  font-size: 18px;
  font-weight: bold;
}

.textPost {
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 13px;
  margin: 0 0 20px;
}
.textPost span {
  font-weight: bold;
  font-size: 14px;
}

.listCaution {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}

.secFooterLink {
  background: url(../img/bgFooter.jpg) 50% 0 no-repeat;
  background-size: cover;
  padding: 10px;
}

.secFooterLink h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

.secFooterLink .link { text-align: right; margin-bottom: 30px;}
.secFooterLink .link li { padding-left: 100px;}
.secFooterLink .link li a {
  text-decoration: underline; color: #000;text-shadow: 1px 1px 1px #fff;}
.secFooterLink .btn li {
  margin-bottom: 10px;
}
.secFooterLink .btn li a {
  display: block;
  position: relative;
  background: rgba(255,255,255,.65);
  text-align: center;
  padding: 10px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #fff;
}
.secFooterLink .btn li a:after {
  content:"";
  display: block;
  width: 6px;
  height: 6px;
  background: url(../img/arrow.png) 0 0 no-repeat;
  background-size: 6px 6px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}


.tab { margin:20px 0;overflow: hidden }
.tab li a { width:96%;}
.tab li a{ display:block;padding:10px 0;margin-bottom:10px;float: left;text-align: center;border:1px solid #4B6F08;background:#FFF;color:#4B6F08;text-decoration: none;
-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
-o-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
-ms-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;}
.tab.bottom li a{ 
-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
-o-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
-ms-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;}
.tab li a.active,.tab li a.active:hover { background:#4B6F08;color:#fff;}
.tab li a:hover { background:#F0FFD1;}
.tab li a span { font-weight: bold;}
.pdf { background:url(../img/pdf.png) 0 0 no-repeat; padding-left:40px;height:32px;line-height: 32px;display: block; color:#F23517;text-decoration:none;margin:20px 0;font-weight:bold;}
.pdf:hover {text-decoration: underline;}
.spimg { width:50%;}


.form,.notice,.msg1 { width: 100%}
.msg1 { margin:10px auto;}
.form { margin: 0 0 15px;}
.form td,.form th { padding:5px 10px;border-bottom:1px solid #CCC;}
.form th { background:#FAFAFA; width:220px;} 
.form th.must { background:#FAFAFA url(../img/IconMust.jpg) 10px 10px no-repeat; padding: 30px 10px 10px;}
.form input,.form textarea { padding:3px;border:1px solid #CECECE;margin:8px 0;}
.form .inpt1 { width: 180px}
.form .inpt2 { width: 300px}
.form .inpt3 { width: 60px}
.form .txt1 { width: 300px;height:100px;}
.ctr { text-align: center;margin:10px 5px;}
.msg { color:red;}
.mainthx {width:90%;margin:0 auto; }
.mainthx h2,.mainthx h3 { font-size:18px;border-bottom:1px solid #CCC;padding-bottom:5px;margin:25px 0 15px;color: #333;text-align: left;}
.formh1 { margin:10px auto 20px;width:100%;}

.notice { font-size:12px;line-height:1.4;padding:10px 15px;margin:15px auto 0 auto;background:#FAFAFA;}
.privacy { text-align: center;font-size:12px;}
.privacy span { font-size:14px;}
.privacy a { color:#333;}
button,input[type="submit"],input[type="button"] {  background: #9e9e9e;
  background-image: -webkit-linear-gradient(top, #9e9e9e, #787878);
  background-image: -moz-linear-gradient(top, #9e9e9e, #787878);
  background-image: -ms-linear-gradient(top, #9e9e9e, #787878);
  background-image: -o-linear-gradient(top, #9e9e9e, #787878);
  background-image: linear-gradient(to bottom, #9e9e9e, #787878);
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;}
button:hover,input[type="submit"]:hover,input[type="button"]:hover {   background: #787878;
  background-image: -webkit-linear-gradient(top, #787878, #0a0a0a);
  background-image: -moz-linear-gradient(top, #787878, #0a0a0a);
  background-image: -ms-linear-gradient(top, #787878, #0a0a0a);
  background-image: -o-linear-gradient(top, #787878, #0a0a0a);
  background-image: linear-gradient(to bottom, #787878, #0a0a0a);
  text-decoration: none;}

.secFooterLink .btn li a span {
  display: inline-block;
}

#footer {
  clear: both;
  padding: 15px 10px;
  color: #333;
  text-align: center;
}

#thx { 
  background: url(../img/bgCopyright.gif);}
  .mwrap { /*display: table;*/width: 100%;}
#thx .MainVisual { text-align:center;width:50%;position:relative; 
float:left;background: #FFF;border-right:1px solid #CCC;
/* display: table-cell;background:url(../img/bg.jpg) center 0 no-repeat; background-size: cover;*/}
#thx .MainVisual img { padding:30px 0 0px;}
#thx #cmp { width:50%;background:#FFF;position:relative; float:left;text-align: left;}
#thx #cmp p img { display:block;margin:0 auto;}
#thx #cmp h2,#thx .content h2 { background:#231917;text-align: left;position: relative}
#thx #cmp h2 a,#thx .content .btn,#thx .content h2 span { color:#fff;text-decoration:none;padding:5px;display: block;position: absolute;font-size:12px;right:5px;top:10px;background:#E50013;border:1px solid #E50013;font-weight: normal}
#thx #cmp h2 a:hover,#thx .content .btn:hover{color:#E50013;background:#FFF;}
#thx #cmp p { padding:0 20px 10px;font-size:18px;font-weight: bold;}
#thx #cmp p span { color:#E50013;}
#thx #footer { clear: both}
#thx .content { position:relative;clear:both;background: #FFF;padding:10px 10px 30px;font-size:16px;line-height: 1.5}
#thx .content h3 { color:#231917;font-size: 22px;margin:30px 0 10px;padding-left: 7px;border-left:5px solid #231917;font-weight: bold}
#thx .content .note,.form .note { font-size: 12px;margin:5px 0 10px }
#thx .content .btn {display: block;position: static;width:200px;text-align: center;}
#thx .content h2 span { width:60px;}

#thx .MainVisual,#thx #cmp { width:100%;display: block}
#thx .content ul { background:#DCDCDC;padding:10px;margin-top: 15px;}
#thx .content ul li { padding:4px 8px;margin-bottom:5px;}
#thx .content ul li span { font-weight: bold; font-size: 16px;color:#E50013;}
.content1-on,.content2-on,.content1-off,.content2-off { width:100%;left:0%;}
.ullist2 li { width:50%;float:left;margin:0 0 10px;}
@media screen and (min-width: 641px) {
.ullist2 li { width:25%;float:left;margin:0 0 15px;}
.ullist2 li img{ width:90%;margin-bottom:5px;height:auto;text-align:center;}
.ullist2 li a { font-size:13px;color:#333;}
.mwrap {overflow: hidden}
#thx .MainVisual { min-height:900px;text-align:center;width:50%;position:relative; 
  padding-bottom: 32768px;
  margin-bottom: -32768px;
float:left;/*background:url(../img/bg.jpg) 0 0 no-repeat; background-size: cover;*/}
.content1-on,.content2-on,.content1-off,.content2-off { width:50%;left:50%;}
#thx .MainVisual img { padding:120px 0 60px ;}
#thx #cmp { min-height:900px;width:50%;background:#FFF;position:relative;  float:left;text-align: left;
  padding-bottom: 32768px;
  margin-bottom: -32768px;}
#thx #cmp p img { display:block;margin:0 auto;}
#thx #cmp h2,#thx .content h2 { background:#231917;text-align: left;position: relative}
#thx #cmp h2 a,#thx .content .btn,#thx .content h2 span { color:#fff;text-decoration:none;padding:10px;display: block;position: absolute;font-size:14px;right:20px;top:20px;background:#E50013;border:1px solid #E50013;}
#thx #cmp h2 a:hover,#thx .content .btn:hover{color:#E50013;background:#FFF;}
#thx #cmp p { padding:0 20px 10px;font-size:18px;font-weight: bold;}
#thx #cmp p span { color:#E50013;}
#thx #footer { clear: both}
#thx .content { position:relative;clear:both;background: #FFF;padding:20px 30px 50px;font-size:18px;line-height: 1.5}
#thx .content h3 { color:#231917;font-size: 22px;margin:30px 0 10px;padding-left: 7px;border-left:5px solid #231917;font-weight: bold}
#thx .content .note { font-size: 13px;margin:5px 0 10px }
#thx .content .btn {display: block;position: static;width:200px;text-align: center;}

#thx .content h2 span { width:60px;}
#thx .content ul li { padding:4px 8px;margin-bottom:5px;}
#thx .content ul li span { font-size: 22px;color:#E50013;}

.form,.notice,.msg1 { width: 700px; margin: 0 auto}
.form { margin-bottom:20px;}
.form th.must { background:#FAFAFA url(../img/IconMust.jpg) 10px center no-repeat; padding:0 0 0 70px}
.mainthx {width:700px;margin:0 auto; }
.formh1 { margin:10px auto 20px;width:700px;font-weight: bold;font-size:24px;text-align: center;}
.note { width:700px;margin:10px auto 20px;font-size:13px;}

body { font-size: 16px;}

#header {}
#header .logo { padding:0; width: 980px; margin: 0 auto;}
.mainLead { font-size: 18px;}
#main {
  width: 980px; margin: 0 auto 60px;
}
h2 { font-size: 32px;}

.secPresent:after {
  content:"";
  display: block;
  width: 370px;
  height: 572px;
 /* background: url(../img/img1.png) 0 0 no-repeat;*/
  position: absolute;
  bottom: 0;
  left: 20px;
}

.secPresent > ul {
  padding-left: 370px;
}

.secPresent {
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 40px;
  padding-left: 0;
  background: none;
  background-size: 120px 185px;
}

.secPresent > ul > li {
  padding: 15px;
  background: #EEEEEE;
  margin: 0 0 30px;
  position: relative;
}
.secPresent > ul .num {
  display: block;
  width: 70px;
  height: 70px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 27px;
  margin-top: -35px;
}
.secPresent > ul .text {
  position: absolute;
  top: 50%;
  left: 108px;
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  margin-top: -1.2em;
  padding-left: 0;
}
.secPresent > ul .text span {
  display: block;
  font-weight: normal;
  font-size: 14px;
}
.secPresent > ul .img {
  display: none;
}

.secPresent .item1 > div {
  height: 200px;
  background: url(../img/item1.jpg) 100% no-repeat;
}
.secPresent .item1 .num {
  background: url(../img/num1.gif) 0 0 no-repeat;
}
.secPresent .item2 > div {
  height: 150px;
  background: url(../img/item2.jpg) 100% no-repeat;
}
.secPresent .item2 .num {
  background: url(../img/num2.gif) 0 0 no-repeat;
}
.secPresent .item1 > div {
  background: url(../img/item1.jpg) 100% no-repeat;
}
.secPresent .item1 .num {
  background: url(../img/num1.gif) 0 0 no-repeat;
}
.secPresent .item2 > div {
  background: url(../img/item2.jpg) 100% no-repeat;
}
.secPresent .item2 .num {
  background: url(../img/num2.gif) 0 0 no-repeat;
}

.textLisence {
  text-align: left;
  padding-left: 426px;
}

.secApplication {
  background: none;
}
.secApplication .lead {
  margin: 0 0 10px;
  font-size: 18px;
}
.secApplication .lead span {
  font-size: 24px;
  font-weight: bold;
}

.secWrap {
  /*background: url(../img/img2.png) 100% 120px no-repeat;*/
}

.listCircle li {
  font-size: 14px;
  background-size: 10px 10px;
  padding-left: 16px;
  font-size: 16px;
}

.listCaution {
  font-size: 14px;
}

.textPost {
  font-size: 16px;
  margin-right: 360px;
}

.tab li a { width:488px;}

.secFooterLink {
  background: url(../img/bgFooterBase.jpg) 50% 0 repeat-x;
  background-size: 10px 632px;
  padding: 10px;
  height: 612px;
  position: relative;
}
.secFooterLink li {
  margin-bottom: 5px;
}
.secFooterLink:after {
  content:"";
  display: block;
  width: 1600px;
  height: 612px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -490px;
  background: url(../img/imgFooterPC.jpg) 0 0 no-repeat;
}

.secFooterLink h2 {
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

.secFooterLink .link { text-align: left;}
.secFooterLink .link li {
  padding-left: 0;
}
.secFooterLink .link li a {
  text-decoration: underline; color: #000;text-shadow: none;
}
.secFooterLink .link li a:hover {
  text-decoration: none;
}
.secFooterLink .btn li {
  margin-bottom: 10px;
}
.secFooterLink .btn li a {
  display: block;
  position: relative;
  background: rgba(255,255,255,.65);
  text-align: center;
  padding: 15px 0;
  color: #000;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  border: 1px solid #fff;
}

.secFooterLink .btn li a:after {
  content:"";
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/arrow.png) 0 0 no-repeat;
  background-size: 12px 12px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -6px;
}

.secFooterLink .btn li a span {
  display: inline-block;
}

.secFooterLinkInner {
  width: 500px;
  margin-left: -140px;
  padding-top:  80px;
  position: absolute;
  left: 50%;
  z-index: 10;
}

.secFooterLink h2 {
  text-align: left;
}


/* brand header */
/* LH header */
#LH {background-size: 5px 60px; height: 60px; }
#LHW1 { width:986px;}

  /* LH1 [ h1/logo/Banner ] */
  #LH1 {}
  #LH1W1 {}
  #LH1 .CH1 { padding: 0; width: 110px;}

  /* LHCD_A1 [ Header Freearea sup navi ] */
  #LH1 .LHCD_A1 { display: block;}
  #LH1 .LHCD_A1 .CP1 { position:absolute; left:140px; top:0px; z-index:10;}
  #LH1 .LHCD_A1 .CP2 { position:absolute; left:894px; top:0px; z-index:10;}
    #RSpNav1 { display:none; position:absolute; top:60px; left:894px; z-index:40;}
    #RSpNav1 li { zoom:1; display:block;}
    #RSpNav1 li a { zoom:1; display:block;}


  /* LH2 [ global navigation ] */
  #LH2 { position:absolute; left:384px; top:0px; z-index:10; display: block;}
  #RGlNav1 {}
  #RGlNav1 li { float:left; display:block;}
  #RGlNav1 li a { display:block; height:59px; background:url(http://www.prgr-golf.com/img/base/NewBgGlNav1_2.gif) 0 0 no-repeat; text-indent:-9999px;}
    #RGlNav1 .CLi1 a { width:80px;}
    #RGlNav1 .CLi2 a { width:90px; background-position:-80px 0;}
    #RGlNav1 .CLi3 a { width:120px; background-position:-170px 0;}
    #RGlNav1 .CLi4 a { width:110px; background-position:-290px 0;}
    #RGlNav1 .CLi5 a { width:100px; background-position:-400px 0;}

    #RGlNav1 .CLi1 a:hover, #RGlNav1 .CLi1 a.ROn { background-position:0px -60px;}
    #RGlNav1 .CLi2 a:hover, #RGlNav1 .CLi2 a.ROn { background-position:-80px -60px;}
    #RGlNav1 .CLi3 a:hover, #RGlNav1 .CLi3 a.ROn { background-position:-170px -60px;}
    #RGlNav1 .CLi4 a:hover, #RGlNav1 .CLi4 a.ROn { background-position:-290px -60px;}
    #RGlNav1 .CLi5 a:hover, #RGlNav1 .CLi5 a.ROn { background-position:-400px -60px;}





}
#thx .content p.btn:hover {background:#E50113;color:#FFF;} 
@media screen and (max-width: 641px) {
.ullist2 li { width:50%;float:left;margin:0 0 10px;}
.ullist2 li a { color:#333;}
}