@charset "utf-8";

p {
    white-space: pre-wrap;
    text-align: justify;
}
.center {
    text-align: center;
}


.tokuten1 {
    background-color: #b92a2c;
    border-bottom: 3px double #ffca05;
    border-top: 3px double #ffca05;
    color: #ffca05;
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.5em 0;
    padding: 0.5em;
    text-align: center;
}

.icon {
    background-color: #ffca05;
    border-radius: 10px;
    color: #b92a2c;
    display: block;
    font-size: 12px !important;
    letter-spacing: 4px;
    margin: 2px auto 10px;
    padding-left: 4px;
    position: relative;
    width: 40px;
}


/*フォーム*/
#container {
    margin: auto auto 40px;
    width: 85%;
}
.textDesc {
    font-size: 20px;
    margin: 30px auto;
	text-align:center;
}
.subTitle, .policyTitle, .agreementTitle {
    background-color: #555;
    border: 2px solid #555;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 5px 10px 15px;
}
.textDesc {
    margin: 15px auto;
}
.text {
    margin: 0.5em 0 0;
}
.textMail {
    margin: 15px auto;
}
.returnHome {
    font-size: 1.3em;
    text-align: center;
}
.appItem {
}
.formInput {
}
.policyArea {
}
.policyTable {
    margin: 10px auto;
    width: 95%;
}
.policy_frame {
}
.agreementArea {
}
.agreementTable {
    margin: 10px auto;
    width: 95%;
}
.agreement_frame {
}
.agreement {
    margin: 0 auto 10px;
    text-align: center;
}
.btnArea {
    margin: 20px auto auto;
    text-align: center;
}
.itemTable {
    background-color: #fff;
    margin: 10px auto;
    width: 100%;
	font-size:15px;
}
.formTable {
    background-color: #fff;
    margin: 20px auto;
    width: 100%;
	font-size:15px;
}
.label {
    background-color: #f5f5dc;
    color: #000000;
    font-weight: normal;
}
table.itemTable .label {
    padding: 10px 20px;
}
table.formTable .label {
    border: 3px solid #0cae77;
    padding: 3px 15px;
    text-align:left;
    width: 200px;
    background-color: #0cae77;
    font-weight:bold;
    color:#fff;
}
.inputField {
    background-color: #ffffff;
    border: 2px solid #0cae77;
    color: #000000;
    padding: 10px 20px;
}
.inputField td {
    background-color: #ffffff;
    border: 2px solid #0cae77;
    color: #000000;
    padding: 10px 20px;
}
.inputField_R {
    background-color: #ffffff;
    border: 2px solid #0cae77;
    color: #000000;
    padding: 10px;
    text-align: right;
}
.inputField_C {
    background-color: #ffffff;
    border: 2px solid #0cae77;
    color: #000000;
    text-align: center;
}
div.formDL dl {
    background-color: #f5f5dc;
    border: 2px solid #ff0000;
    color: #000000;
}
div.formDL dt {
    border: 2px solid #0cae77;
    clear: both;
    float: left;
    padding: 0.5em;
    width: 15em;
}
div.formDL dt.label {
    text-align: right;
}
div.formDL dd {
    background-color: #ffffff;
    border: 2px solid #0cae77;
    margin-left: 16em;
    padding: 1ex;
}
.inputText, .inputText_SS, .inputText_S, .inputText_M, .inputText_L {
    padding: 2px 5px;
}
.inputText_SS {
    width: 50px;
}
.inputText_S {
    width: 100px;
}
.inputText_M {
    font-size: 140%;
    height: 30px;
    width: 240px;
    background-color: #fdffcf;
}
.inputText_L {
	font-size: 140%;
    height: 30px;
    width: 420px;
    background-color: #fdffcf;
}
.inputText_H {
    font-size: 140%;
    width: 180px;
	height:30px;
	background-color: #fdffcf;
}
.inputSubmit {
    padding: 3px;
}
.inputSubmitBig {
    font-size: 1.5em;
    padding: 3px 10px;
}
.inputNumber {
    ime-mode: disabled;
    text-align: right;
}
.input_ime_active {
    ime-mode: active;
}
.input_noime {
    ime-mode: disabled;
}
.textarea {
    height: 100px;
    overflow: hidden;
    width: 350px;
}
.label {
    background-color: #fff;
    border: 1px solid #0cae77;
    color: #000000;
    font-weight: normal;
}
/*table, td, th {
    border: 1px solid #ff0000;
}*/
.red {
    color: #db0000;
}
/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #292929;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 16px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
    line-height: 2.2em;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}

.reviw {
  padding: 20px 20px 40px 20px;
  background-color: #F6F6F6;
  font-size: 14px;
  height: 60em;
  overflow: scroll;
}

.dpub-star {
  display: inline-block;
  background: url(https://golflive.s3.ap-northeast-1.amazonaws.com/book/ppc3/star.png) no-repeat top left;
  width: 75px;
  height: 14px;
  margin-right:0.5em;
}

.dpub-star.sprite-star30{ background-position: 0 -76px; width: 75px; height: 14px; }
.dpub-star.sprite-star35{ background-position: 0 -95px; width: 75px; height: 14px; }
.dpub-star.sprite-star40{ background-position: 0 -114px; width: 75px; height: 14px; }
.dpub-star.sprite-star45{ background-position: 0 -133px; width: 75px; height: 14px; }
.dpub-star.sprite-star50{ background-position: 0 -152px; width: 75px; height: 14px; }

img {
	border: none;
	-webkit-backface-visibility: hidden;

}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #2b65bb;	/*リンクテキストの色*/
	text-decoration: none;
}
a:hover {
	color: #2b65bb;	/*マウスオン時の文字色（全体）*/
}

/*固定BOX (追加)
---------------------------------------------------------------------------*/
#fixedbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 140%;
	text-align: center;
	background-color: #FF6;
	box-shadow: 0 10px 6px -6px #777777;
	z-index: 1;
}


/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 100%;
}

/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {
	width: 100%;
	height: 811px;
	max-width: 1258px;
	background: url(https://golflive.s3.ap-northeast-1.amazonaws.com/book/ppc3/img-top.jpg) no-repeat top center;
	position: relative;
	margin: 0 auto;
}
header p {
    width: 350px;
    z-index: 1;
    position: absolute;
    right: 80px;
    font-size: 80%;
    top: 5px;
}
.p2 {
    width: 350px;
    z-index: 1;
    position: absolute;
    right: 50px;
    font-size: 80%;
    top:80px;
}
.square {
    display: inline-block;
    width: 90px;
    height: 48px;
    background: #b40001;
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 255px;
    top: 30px;
    text-align: center;
    line-height: 1.3;
    padding: 2px;
}
.square p{
    font-size: 110%;
}
.h-tell{
position: absolute;
right: 350px;
top: 25px;
}
.h-img01{
position: absolute;
top: 25px;
right: 192px;
}
.h-img02{
position: absolute;
right: 130px;
top: 25px;
}
#header2 {
	width: 100%;
	height: 642px;
	max-width: 1258px;
	background: url(https://golflive.s3.ap-northeast-1.amazonaws.com/book/ppc3/img-top_end.jpg) no-repeat top center;
	position: relative;
	margin: 0 auto;
}
.t-btn {
	position: absolute;
	bottom: 95px;
	left: 148px;
}
.link1 {
	width: 50px;
	height: 20px;
	display: block;
	position: absolute;
	right: 380px;
}
.link2 {
	width: 80px;
	height: 20px;
	display: block;
	position: absolute;
	right: 290px;
}
.link3 {
	width: 100px;
	height: 20px;
	display: block;
	position: absolute;
	right: 180px;
}

.link4 {
    top: 588px;
    display: block;
    height: 85px;
    position: absolute;
    right: 150px;
    width: 280px;
}
.kome{
	font-size:20px;
	color:#b30101;
}
/*ボタン
---------------------------------------------------------------------------*/
.lo{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.lo:hover{
	/*opacity: 0.85;*/
	filter: alpha(opacity=85);
}


/*content
---------------------------------------------------------------------------*/
#content {
	width: 954px;
	margin: 40px auto;
	overflow: hidden;
}

/*サイド
---------------------------------------------------------------------------*/
#sideWrap {
	width: 204px;
	float: right;
}
#side {
	width: 204px;
	top:120px;
}
#side ul {}
#side ul a { color: #656565;}
#side ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #8d8d8d;
	display: block;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 710px;
	padding-bottom: 100px;
	float:left;
}
#main p {
	white-space: pre-wrap;
}
#main h1 {
    color: #292929;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    margin: 80px 0 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f5f5f5;
}

.blead {
	margin-top:10px;
	font-weight: normal;
	line-height: 1.5;
	font-size:14px;
}

table th{
	text-align:center;
	color:#fff;
	width:150px;
	padding:10px;
	font-size:100%;
	border:1px solid #ddd;
}


#main h4 {
	color: #006d31;
	font-weight: 600;
	line-height: 1.4;
	padding-bottom: 3px;
	padding-left:10px;
	border-bottom: 1px dotted #ededed;
	border-left:5px solid #006d31;
	margin-bottom:10px;
}

#main h3 {
background-color: #f0f0f0;
border-bottom: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
    font-weight: 600;
    line-height: 1.4;
	padding:20px 20px;
	margin-bottom:20px;
}

.list1{
	margin: 20px;
}
.list1 li {
	color: #555;
	padding: 0 0 0 30px;
	line-height: 120%;
	background: url(https://s3-ap-northeast-1.amazonaws.com/golflive/product/img/check-blue.png) no-repeat left top;
	margin-bottom:20px;
}
.table1 {
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	width: 100%;
}
.table1 th {
	background: #e3e3e3;
	font-size: 130%;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}
.table1 td {
	white-space: pre-line;
	padding: 10px;
	border-bottom: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}
.voice {
	padding: 30px;
	margin: 25px 0;
	border: 1px solid #ededed;
}
.voice h3 {
	color: #d80011;
	font-size: 140%;
	font-weight: bold;
}
.voice p {
	font-size: 90%;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 20px 0;
	color: #7c7c7c;
	position: relative;
}
hr {
	border: 0;
	border-bottom: 1px solid #ededed;
	width: 100%;
	margin: 20px 0;
}


/*その他
---------------------------------------------------------------------------*/
.clear {
	clear: both;
}
.center { text-align: center;}
.left { text-align: left; }
.right { text-align: right; }

.aligncenter {
	display: block;
	margin: 0 auto;
}


.pr {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 20px;
    background: -moz-linear-gradient(#f1eee4, #d1c494);
    background: -o-linear-gradient(#f1eee4, #d1c494);
    background: -ms-linear-gradient(#f1eee4, #d1c494);
}
.pr-text {
    box-sizing: border-box;
    padding: 20px;
    border: 1px #555 solid;
}

.name {
    margin-top: 0;
    margin-bottom: -12px;
    font-size: 2.2rem;
}


hr.style11 {
    margin: 10px 0 10px;
}

.letter-p {
    background: url(https://s3-ap-northeast-1.amazonaws.com/golflive/product/img/bg-noteline.gif) repeat scroll 0% 0% transparent;
    line-height: 40px;
}




/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.murasaki { color:#6d308e; }
.ao { color: #1c639d; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

.yellow { background-color: #FF6; }

.justify { text-align: justify;}

.s10 { font-size:10px;}
.s12 { font-size: 12px;}

.f80 { font-size:80%; }
.f90 { font-size:90%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f130 { font-size:130%; }
.f150 { font-size:150%; }
.f200 { font-size:200%; }

/* margin
---------------------------------------------------------------------------*/
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}


.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }

.mr20 { margin-right: 20px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb80 { margin-bottom: 80px; }

.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }

.pr10 { padding-right: 10px; }