@charset "utf-8";
/* This Style for discount */
/* capmp title */
body { margin: 0; padding: 0; background-color:#FFF; font-size: small; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif; color: #333; }
span.inner { 
    /*\*//*/
 display:block; width:0; height:0; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px; 
    /**/
/* Apply to all except MacIE \*/
 position:absolute; left:-9999px; font-size:0px;
/* end of hiding from MacIE */
 }
#fin { display:block; font-size:120%; font-weight:bold;	color:#CC0000; line-height:160%; text-align:center;	background:#FFFFFF; padding:30px 0; }
#apply-area { display: block; padding: 30px 40px 0 40px; }

h3 { color:#fff; text-align: center; font-size: 160%; display: block; margin : 0 0 20px 0 ; background-color:#84be34;  padding: 5px 0 3px 0 ; width: 870px; letter-spacing: 0.1em; }
h3#applyNew { background-color:#00a0e9;	border:1px solid #00a0e9; border-radius: 5px; }
h3#apply4gd { background-color:#F06; border:1px solid #F06; border-radius: 5px; }


h4 { font-size: 140%; border-left: 7px #23AFE5 solid; border-bottom: 1px #ccc solid; padding: 0 5px 2px 10px; margin-bottom: 15px; letter-spacing: 0.3em; }
h4.red { font-size: 140%; border-left: 7px #F06 solid; border-bottom: 1px #ccc solid; padding: 0 5px 2px 10px; margin-bottom: 15px; letter-spacing: 0.3em; }

#apply-area .mb20 { margin-bottom:20px; }

/*上部説明書き*/
.explain{
	width:830px;
	border:#C03;
	background:#D7F9F6;
padding:30px 20px;
margin: 0 auto;
	}
.explain ul{
	
	}
.explain ul li{
	list-style:inside;
	}

/* 開催中キャンペーン */
div.cam_area{
	width: 870px;
	margin: 0 auto 20px;
	text-align: center;
}
div.cam_area .cam_txt { text-align: right;}
div.cam_area .cam_txt a{ display: inline-block; padding:0 0 2px 13px; background:url(../images/tcomhikari/link.gif) no-repeat 0 50%; }

/* 任意見出し */
span.option{
	display: inline-block;
	background: #F06;
	color: #fff;
	letter-spacing: 0;
	font-size: 12px;
	padding: 3px 10px;
	margin: 0 10px 3px 0;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}



/* テーブル装飾 */
table { padding: 0; border: 3px double #CCC; width: 870px; margin: 5px 0 7px 0; color: #333333; text-align: left; }
th { border: 1px solid #CCCCCC; line-height: 140%; background-color: #E4F9D7; text-align: left; color: #333; padding: 20px 20px 20px 30px;	letter-spacing: 0.2em; font-size: 100%; font-weight: normal; }
td { border: 1px solid #CCCCCC; line-height: 140%; font-weight: normal; text-align: left; padding: 20px;  }
th.ore {background-color:#FFF3E8;}


/* 転用感謝キャンペーン用*/
table#thanks { padding: 0; border: 3px double #CCC; width: 864px; margin: 5px 0 7px 0; color: #333333; text-align: left; }
table#thanks th { border: 1px solid #CCCCCC; line-height: 140%; background-color: #fcfb9e; text-align: left; padding: 20px 20px 20px 30px;	letter-spacing: 0.2em; font-size: 100%; font-weight: normal; }
table#thanks td { border: 1px solid #CCCCCC; line-height: 140%; font-weight: normal; text-align: left; padding: 20px;  }


/* TLC WAON用*/
table#tlc-form { padding: 0; border: 3px double #CCC; width: 864px; margin: 5px 0 7px 0; color: #333333; text-align: left; }
table#tlc-form th { border: 1px solid #CCCCCC; line-height: 140%; background-color: #FFEEF7; text-align: left; color: #333; padding: 20px 20px 20px 30px;	letter-spacing: 0.2em; font-size: 100%; font-weight: normal; }
table#tlc-form td { border: 1px solid #CCCCCC; line-height: 140%; font-weight: normal; text-align: left; padding: 20px;  }
.box{ float:left; text-align:center; margin:0 30px 0 0;}



/* インプット装飾 */
input.inputbox { display: block; padding: 5px 5px 5px 10px; margin-bottom: 5px; border: 1px solid #ccc ; font-size: 120%; background-color: #f7f7f7; width: 400px;}

input.inputmail { padding: 5px 5px 5px 10px; margin-bottom: 5px; border: 1px solid #ccc ; font-size: 120%; background-color: #f7f7f7; width: 225px;}

input.inputday { padding: 5px 5px 5px 10px; margin-bottom: 5px; border: 1px solid #ccc ; font-size: 120%; background-color: #f7f7f7; width: 70px;}

select,textarea { padding: 5px 5px 5px 10px; margin-bottom: 5px; border: 1px solid #ccc ; font-size: 120%; background-color: #f7f7f7;
}
input.inputbox:focus,select:focus,textarea:focus { background-color: #ffffff; }

/*インプットテキストグレー*/
input[type="text"] {
	color: #CCC;
}

.textFocus {
	color:#333 !important; 
}
/*//インプットテキストグレー*/

/* プレースフォルダー　例）グレー */

input::placeholder {
  color:#C3C3C3;
}

/* IE */
input:-ms-input-placeholder {
  color:#C3C3C3;
}

/* Edge */
input::-ms-input-placeholder {
  color:#C3C3C3;
}

/* //プレースフォルダー */

#inputButton { margin-top: 20px; margin-right: 0; margin-bottom: 0; margin-left: 0px; padding-bottom: 30px; }
	#inputButton ul { list-style:none; text-align:center; }
	#inputButton li { display:inline; font-size:110%; margin:20px 20px; }
	#inputButton input { padding:0.2em 3em; }

span.quiz{ line-height: 1.5; }



/**/
dl.applys { line-height: 150%; padding: 0 0 20px 18px; margin: 5px 0 0 0; }
.applys dt { margin-left:0;	float:left;	font-weight:bold; }
.applys dd { margin-bottom: 5px; padding-left: 8.5em; }

dl.remarks { margin: 7px 0 0 17px; }
.remarks dt { float:left; line-height:16px; color:#CC0000; line-height: 140%; }
.remarks dd { margin-left: 2em; line-height: 16px; line-height: 140%; }

.littleremarks { color: #990000; font-size: 75%; font-weight: normal; }

dl.remarks-form {
	font-size: 85%;
	margin-top: 5px;
}
.remarks-form dt {
	float: left;
	line-height: 120%;
	color: #CC0000;
}
.remarks-form dd {
	margin-left: 1.3em;
	line-height: 120%;
}

/* page-top */
#page-top {
	display: block;
	margin-top: 20px;
	width: 100%;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#page-top a#page { background:url(../images/pagetop.gif) no-repeat; height:8px; width:66px; display:block; float: right; }

/*link*/
ul.link { list-style:none; margin:10px; padding:0; clear:left; }
ul.link li { display:block; margin-bottom:5px; }
ul.link li a { padding-left:16px; background:url("../images/link.gif") 0 0.3em no-repeat; font-weight:bold; }