@charset "utf-8";
/* CSS Document */

h2.page-name{
    position: relative;
    margin: 12px 0 15px 0;
    padding: 10px;
    background-color: #FCF4F1;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.05em;
	border-top:solid 2px #999;
}
h3{
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #ebf8fc;
  border-bottom: solid 1px #999999;
  padding: 10px;
  margin-bottom: 10px; 
}
h3.renew{
	background-color:#fff;
	border-top:solid 1px #999;
}
h4{
  text-indent: -1em;
  margin-left:1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
h4:before {
    font-family:sans-serif;
    content: "■";
	color:#e50012;
}

.bold{font-weight:bold;}
.kigou{font-family: sans-serif;}
.fontsmall{font-size:12px;}
.fontlarge{font-size:16px;}

table,
table th,
table td{vertical-align:middle;}
table th{text-align:center;}

table td.bg-cell_blue {background-color: #d1e8f1;}
table td.bg-cell_pink {background-color: #fae2e2;}
table td.bg-cell_gray {background-color: #eee;}
table th.bg-cell_dgray {
	text-align: center;
	font-weight: normal;
	background-color: #333;
	color: #fff;
}

.main-box{width:100%;}

.contents-search {
  position: relative;
  background-color: #f6f6f6;
  border: solid 1px #ccc;
  padding: 10px;
  margin-bottom: 30px; }
  .contents-search:before, .contents-search:after {
    content: " ";
    display: table; }
  .contents-search:after {
    clear: both; }
  .contents-search .title-contents {
    display: block;
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold; }
  .contents-search .btn-search_spec {
    display: block;
    float: left;
    width: 160px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    background-color: #333;
    color: #fff; }
    .contents-search .btn-search_spec:hover {
      color: #333;
      background-color: #fff; }
  .contents-search .btn-search_no .title {
    display: block;
    margin-left: 15px;
    float: left;
    width: 146px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    border: solid 1px #333;
    background-color: #333;
    color: #fff; }
  .contents-search .btn-search_no .search-box {
    display: block; }
    .contents-search .btn-search_no .search-box .product_no {
      float: left;
      width: 245px;
      height: 32px;
      background: #fff;
      border: solid 1px #666666;
      padding: 4px;
      color: #333; }
    .contents-search .btn-search_no .search-box .btn_search_no {
      float: left;
      text-align: right;
      width: 80px;
      height: 32px;
      background: #333;
      padding-right: 15px;
      color: #fff;
      background-image: url(../img/icon_search.png);
      background-repeat: no-repeat;
      background-position: 10px 6px;
      border: none; }
      .contents-search .btn-search_no .search-box .btn_search_no:hover {
        background-color: #222; }


/* member */
.member-entry_btn a{
	width:700px;
	display:block;
	margin:0 auto 30px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background-color:#e50012;
	line-height:1.5;
	text-decoration:none;
	border:solid 2px #e50012;
}
.member-entry_btn a:hover{
	background-color:#fff;
	color:#e50012;
}
.member-box{width:700px; margin:0 auto 30px;}
.member-box:last-child{margin-bottom:0;}
.member-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.member-note{
	border:solid 1px #ccc;
	background-color:#f6f6f6;
	padding:10px 15px;
}
.member-note p.red{color:#e50012; margin-bottom:0;}

.signup-form{
	width:720px;
	margin:0 auto;
}
.signup-form table th,
.signup-form table td{padding:0.5em;}
.signup-form table th{
	text-align:left;
	width:22%;
}
.signup-form table th span.optional,
.signup-form table th span.required{
	color:#fff;
	font-weight:normal;
	padding:1px 5px;
	text-align:center;
	margin-right:7px;
	font-size:86%;
}
.signup-form table th span.optional{
	background:#999;
}
.signup-form table th span.required{
	background:#c00;
}

.box-signup,
.box-reissue{
	text-align: center;
	background-color: #f6f6f6;
	border: solid 1px #666666;
	padding: 10px;
	margin-bottom:50px;
}
.box-signup .text,
.box-reissue .text{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align:left;
	margin-bottom: 10px;
}
.box-signup .text_before,
.box-reissue .text_before{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align:left;
	margin-bottom:20px;
	background-color:#fff;
	padding:5px 1em 5px 2em;
	text-indent:-1em;
}
.box-signup .signupform_mail,
.box-reissue .reissueform_mail{
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #fff;
	width: 100%;
	border: solid 1px #ccc;
}
.box-signup .btn-send,
.box-reissue .btn-send{
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #333;
	border: solid 1px #333;
	color: #fff;
	padding:3px 15px;
	transition: all .3s ease-in-out;
}
.box-signup .btn-send:hover,
.box-reissue .btn-send:hover{
	background-color: #fff;
	color: #333;
}
.box-signup dl:after,
.box-reissue dl:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.box-signup dl dt,
.box-reissue dl dt{
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 5px;
	float:left;
	width:20%;
	vertical-align:middle;
}
.box-signup dl dd,
.box-reissue dl dd{
	margin-bottom: 5px;
	float:left;
	width:80%;
	text-align:left;
}
.box-signup dl dd .error,
.box-reissue dl dd .error{
	color:#e50012;
}
.box-reissue p.back_top a{
	text-align:center;
	text-decoration:none;
	display:block;
	width:200px;
	padding:7px 0;
	margin:0 auto;
	color:#fff;
	background-color:#666;
	border:solid 1px #666;
	transition: all .3s ease-in-out;
}
.box-reissue p.back_top a:hover{
	color:#666;
	background-color:#fff;
}


/* input */
.signup-form table td label{
	/*min-width:150px;*/
	padding:2px 7px;
	margin-right:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	transition: all .3s ease-in-out;
	display:inline-block;
}
.signup-form table td label:hover{
	background-color:#ebf8fc;
	cursor:pointer;
	color:#006dd9;
}
.signup-form table td select{
	border:solid 1px #ccc;
	appearance:pull-down-menu;
	-moz-appearance:pull-down-menu;
	-webkit-appearance:pull-down-menu;
	padding:2px 5px;
	background-color:#f6f6f6;
}
.signup-form table td select:hover,
.signup-form table td select:focus{
	border:solid 1px #99ccff;
	background-color:#f0f7fc;
}
.signup-form table td select#pref{margin-bottom:0.5em;}
.signup-form table td input{vertical-align:middle; display:inline;}
.signup-form table td input[type="checkbox"]{
	margin:0 0.5em 0 0;
	appearance:checkbox;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	padding:0;
	}
.signup-form table td input[type="checkbox"]:checked{
	background:#fff;
	color:#333;
}
.signup-form table td input[type="checkbox"]:focus,
.signup-form table td input[type="checkbox"]:hover{
	cursor:pointer;
}
.signup-form table td textarea{
	border:solid 1px #ccc;
	padding:2px 10px;
}
.signup-form table td textarea:hover,
.signup-form table td textarea:focus{
	border:solid 1px #99ccff;
	background-color:#f0f7fc;
}
.signup-form table td textarea.area100{
	width:100%;
	height:10em;
	line-height:1.3;
	padding:5px 10px;
}
.signup-form .kakunin{
	text-align:center;
}
.signup-form input[type="submit"]{
	text-align:center;
	width:200px;
	padding:7px 0;
	margin:0 auto;
	color:#fff;
	background-color:#666;
	border:solid 1px #666;
	transition: all .3s ease-in-out;
}
.signup-form input[type="submit"]:hover{
	color:#666;
	background-color:#fff;
}
.signup-form p.kakunin input{margin:0 10px;}
.signup-form_thanks{width:720px; margin:0 auto 30px;}
.signup-form_thanks p{text-align:center;}
.signup-form_thanks p.thanks{font-weight:bold; font-size:120%;}
.signup-form_thanks p.box{
	border:solid 1px #ccc;
	background-color:#f6f6f6;
	margin:0 auto 30px;
	width:400px;
	padding:10px;
}
.signup-form_thanks p.back_top a{
	text-align:center;
	text-decoration:none;
	display:block;
	width:200px;
	padding:7px 0;
	margin:0 auto;
	color:#fff;
	background-color:#666;
	border:solid 1px #666;
	transition: all .3s ease-in-out;
}
.signup-form_thanks p.back_top a:hover{
	color:#666;
	background-color:#fff;
}

/* entry + input */
.entry-form{
	width:720px;
	margin:0 auto 50px;
}
.entry-form table th,
.entry-form table td{padding:0.5em;}
.entry-form table th{
	text-align:left;
	width:25%;
}
.entry-form table th span.optional,
.entry-form table th span.required{
	color:#fff;
	font-weight:normal;
	padding:1px 5px;
	text-align:center;
	margin-right:7px;
	font-size:86%;
}
.entry-form table th span.optional{
	background:#999;
}
.entry-form table th span.required{
	background:#c00;
}
.entry-form table td .error{color:#e50012;}

.entry-form table td label{
	/*min-width:150px;*/
	padding:2px 7px;
	margin-right:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	transition: all .3s ease-in-out;
	display:inline-block;
}
.entry-form table td label:hover{
	background-color:#ebf8fc;
	cursor:pointer;
	color:#006dd9;
}
.entry-form table td select{
	border:solid 1px #ccc;
	appearance:pull-down-menu;
	-moz-appearance:pull-down-menu;
	-webkit-appearance:pull-down-menu;
	padding:2px 5px;
	background-color:#f6f6f6;
}
.entry-form table td select:hover,
.entry-form table td select:focus{
	border:solid 1px #99ccff;
	background-color:#f0f7fc;
}
.entry-form table td select#pref{margin-bottom:0.5em;}
.entry-form table td input{vertical-align:middle; display:inline;}
.entry-form table td input[type="checkbox"]{
	margin:0 0.5em 0 0;
	appearance:checkbox;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	padding:0;
	}
.entry-form table td input[type="checkbox"]:checked{
	background:#fff;
	color:#333;
}
.entry-form table td input[type="checkbox"]:focus,
.entry-form table td input[type="checkbox"]:hover{
	cursor:pointer;
}
.entry-form table td textarea{
	border:solid 1px #ccc;
	padding:2px 10px;
}
.entry-form table td textarea:hover,
.entry-form table td textarea:focus{
	border:solid 1px #99ccff;
	background-color:#f0f7fc;
}
.entry-form table td textarea.area100{
	width:100%;
	height:10em;
	line-height:1.3;
	padding:5px 10px;
}
.entry-form .kakunin{
	text-align:center;
}
.entry-form input[type="submit"]{
	text-align:center;
	width:200px;
	padding:7px 0;
	margin:0 auto;
	color:#fff;
	background-color:#666;
	border:solid 1px #666;
	transition: all .3s ease-in-out;
}
.entry-form input[type="submit"]:hover{
	color:#666;
	background-color:#fff;
}
.entry-form_thanks{width:720px; margin:0 auto 30px;}
.entry-form_thanks p{text-align:center;}
.entry-form_thanks p.thanks{font-weight:bold; font-size:120%;}
.entry-form_thanks p.box{
	border:solid 1px #ccc;
	background-color:#f6f6f6;
	margin:0 auto 30px;
	width:400px;
	padding:10px;
}
.entry-form_thanks p.back_top a{
	text-align:center;
	text-decoration:none;
	display:block;
	width:200px;
	padding:7px 0;
	margin:0 auto;
	color:#fff;
	background-color:#666;
	border:solid 1px #666;
	transition: all .3s ease-in-out;
}
.entry-form_thanks p.back_top a:hover{
	color:#666;
	background-color:#fff;
}

/* width percentage */
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per40{width:40%;}
.per50{width:50%;}
.per88{width:88%;}
.per98{width:98%;}
.per100{width:100%;}
/* width */
.width480{width:480px;}