@charset "utf-8";


/*---------- ページ全体の指定 ----------*/

html {
	/* ルートのフォントサイズを10pxに設定しておく*/
	font-size: 62.5%;
}

body {
	/* ルートのフォントサイズを1.3em（13pxと同等のサイズ(10pt=13.3px）に設定 */
	font-size: 1.3em;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a:link {
  color: #583822;
  font-size: 1.4rem;
}

a:visited {
  color: #583822;
  font-size: 1.4rem;
}

a:hover {
  color: #765c47;
  font-size: 1.4rem;
}

p {
  margin: 18px 0 18px 0;
  /*line-height: 180%;*/
  letter-spacing: 1px;
}

/*標準のチェックボックスなどの input は Chrome と Edge で色が異なる*/
input[type="checkbox"],
input[type="radio"] {
	accent-color: #3380e5;
}

/*---------- メイン ----------*/

#main {
	width: 100%;
	margin: auto;
	padding: 0;
	text-align: center;
	background-color: #fff;
}



/*---------- ヘッダー ----------*/

#header {
 	margin: 0 auto;
 	width: 100%;
  	height: 100px;
  	text-align: center;
  	background-image: url(../images/header_back.png);
  	background-repeat: repeat-x;
}

#header_title,
#header_register {
	width: 1280px;	/* Full-HD(1920px * 1080px) （1280px * 使用ブラウザ）*/
	margin: 5px auto;
}

#header_title table,
#header_register table {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:100%;
  background-color:transparent;
}

#header h1 {
	margin: 0 auto 0 auto;
	width: 1280px;	/* Full-HD(1920px * 1080px) （1280px * 使用ブラウザ）*/
	padding: 2px 5px 0 5px;
	font-weight: normal;
	text-align: left;
	font-size: 1.0rem;
	color: #fff;
}

#header h2 {
  margin: 0;
  padding: 34px 0 0 6px;
  text-align: left;
  font-size: 2.2rem;
  color: #444444;
  letter-spacing: 1px;
}

#header p {
  margin: 0;
  padding:  4px 0 0 10px;
  text-align: left;
  font-size: 1.3rem;
  color: #444444;
  letter-spacing: 1px;
}

#header #td-left {
  text-align: left;
  font-size: 1.3rem;
  color: #444444;
  text-decoration: none;
}

#header #td-right {
  text-align: right;
  font-size: 1.3rem;
  color: #444444;
  text-decoration: none;
}

#header #td-left a {
  font-size: 2.2rem;
  color: #666666;
  text-decoration: none;
}

#header #td-left a:hover {
  font-size: 2.2rem;
  color: #888888;
  text-decoration: none;
}

#header #td-right p.h_txt {
  	margin:  0;
  	padding: 0 10px 0 0;
  	text-align: right;
	font-size: 1.3rem;
  	color: #fff;
  	line-height: 160%;
  	text-decoration: none;
  	font-weight:bold;
}

#header #td-right p.h_tel {
  margin: 0;
  padding: 0 10px 0 0;
  text-align: right;
  font-size: 1.7rem;
  color: #c9171e;
  line-height: 150%;
  font-weight: bold;
  text-decoration: none;
}

#header #td-right p.h_nav {
  padding: 0 10px 0 0;
  text-align: right;
}

#header #td-right p.h_nav a {
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

#header #td-right p.h_nav a:hover {
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}

#header #td-right a{
	width : 298px;
	height : 48px;
	background-image : url(../images/header_otameshi.png);
	background-repeat : no-repeat;
	background-color:transparent;
	border : 0px solid #cccccc;
	border-radius : 0px;
	display:block;
}

#header #td-right p.label{
	padding: 0;
	width : 298px;
	height : 48px;
	background-image : url(../images/header_otameshi_ov.png);
	background-repeat : no-repeat;
	background-color:transparent;
	border : 0px solid #cccccc;
	border-radius : 0px;
	display:block;
}

#header #td-right a:hover{
	background-image : url(../images/header_otameshi_ov.png);
}

#header #td-right p.h_nav img {
  vertical-align: middle;
}


#header-menu {
  	margin: 0 auto 0 auto;
	width: 1280px;	/* Full-HD(1920px * 1080px) （1280px * 使用ブラウザ）*/
  	height: 21px;
	line-height:110%;
/*  border-top: solid 1px #bbbbbb;
  border-bottom: solid 3px #bbbbbb;*/
  	background-repeat: repeat-x;
}

#header-menu2 {
  	margin: 0 auto 0 auto;
	width: 1000px;
  	height: 21px;
	line-height:110%;
/*  border-top: solid 1px #bbbbbb;
  border-bottom: solid 3px #bbbbbb;*/
  	background-repeat: repeat-x;
}

#header-menu ul,
#header-menu2 ul {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding: 0;
  background-repeat: repeat-x;
}

#header-menu li,
#header-menu2 li {
  	padding: 3px 5px;
  	display: inline;
  	list-style-type: none;
  	float: left;
  	color: #000000;
	font-size: 1.3rem;
  	font-weight:bold;
}

/*
#header-menu li a {
  font-size: 12px;
  color: #fffffc;
  text-align: center;
  display: block;
  line-height: 150%;
  letter-spacing: 1px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #4d3f2a;
  text-decoration: none;
  padding: 9px 28px 6px 28px;
  background-image: url(../images/head_menu_back_abase.gif);
}

#header-menu li a:hover {
  color: #fffffc;
  background-image: url(../images/head_menu_back_hover.gif);
}
*/
#header-menu li a:link {
	color: #00C;
	text-decoration: none;
}
#header-menu li a:hover {
	color: #C00;
	text-decoration: underline;
}
#header-menu li a:visited {
    color: #609;
    text-decoration: none;
}

#header-menu #home a {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #4d3f2a;
  padding: 9px 28px 6px 28px;
}

#header-menu span.sub {
  color: #bbbbbb;
}

#header-img {
  width: 100%;
  margin: 2px 0 0 0;
  text-align: center;
}

#header-img-slim {
  width: 100%;
  margin: 2px 0 0 0;
  text-align: center;
}


/*---------- コンテンツ ----------*/

#container {
	width: 1280px;	/* Full-HD(1920px * 1080px) （1280px * 使用ブラウザ）*/
  	margin: 0 auto 0 auto;
  	overflow: hidden;
  	background: #ffffff;
  	background-repeat: repeat-y;
	height:733px;
}


/*---------- メインコンテンツ ----------*/

#contents {
  	float: right;
  	margin: 0;
	padding: 0;
	font-size: 1.3rem;
  	width: 1000px;
	height:100%;
  	letter-spacing: 1px;
  	text-align: left;
}

#contents_register {
  	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 1.3rem;
	width: 1000px;
	height:100%;
  	letter-spacing: 1px;
  	text-align: left;
}

#contents #pannavi {
  margin: 0 0 5px 0;
  padding: 0 0 8px 0;
  font-size: 14px;
}

#contents #service_height {
  	margin: 0;
  	padding: 0;
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	height:545px;
	text-align:left;
}

#contents #price_height {
  	margin: 0;
  	padding: 0;
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	height:675px;
	text-align:left;
}

#contents #terms_height,
#contents #privacy_height,
#contents #copyright_height,
#contents #partner_height,
#contents #contact_height,
#contents_register #register_height {
  	margin: 0;
  	padding: 0;
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
	height:675px;
	text-align:left;
}

#contents h2,
#contents_register h2 {
	margin: 0;
  	padding: 0 0 0 60px;
  	font-size: 1.8rem;
  	line-height: 250%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_service.png);
  	background-repeat: no-repeat;
}

#contents h2.page_title {
  height: 44px;
  margin: 0 0 18px 0;
  padding: 22px 0 0 47px;
  font-size: 18px;
  color: #4c1800;
  border-top: solid 2px #7f745d;
  background-image: url(img/page_title.gif);
  background-repeat: no-repeat;
}

#contents h2.price_title {
	margin: 0;
  	padding: 0 0 0 60px;
  	font-size: 1.8rem;
  	line-height: 250%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_price.png);
  	background-repeat: no-repeat;
}

#contents h2.terms_title,
#contents h2.privacy_title,
#contents h2.copyright_title,
#contents h2.contact_title,
#contents_register h2.register_title {
	margin: 0;
  	padding: 0 0 0 60px;
  	font-size: 1.8rem;
  	line-height: 250%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_service.png);
  	background-repeat: no-repeat;
}

#contents h2.partner_title {
	margin: 0;
  	padding: 0 0 0 60px;
  	font-size: 1.8rem;
  	line-height: 250%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_partner.png);
  	background-repeat: no-repeat;
}

#contents h3,
#contents_register h3 {
	clear: both;
  	margin: 0 0 0 25px;
  	padding: 0 0 0 50px;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_service2.png);
  	background-repeat: no-repeat;
	width:880px;
}

#contents h3#partner_msg,
#contents_register h3#partner_msg {
	clear: both;
  	margin: 10px 0 15px 0;
  	padding: 0 0 0 20px;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #ffffff;
  	background-image: url(../images/partner_form_01.png);
  	background-repeat: no-repeat;
}

#contents h3#partner_msg2,
#contents_register h3#partner_msg2 {
	clear: both;
  	margin: 10px 0 15px 0;
  	padding: 0 0 0 20px;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #ffffff;
  	background-image: url(../images/partner_form_02.png);
  	background-repeat: no-repeat;
}

#contents h3#partner_msg3,
#contents_register h3#partner_msg3 {
	clear: both;
  	margin: 10px 0 15px 0;
  	padding: 0 0 0 20px;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #ffffff;
  	background-image: url(../images/partner_form_03.png);
  	background-repeat: no-repeat;
}

#contents p.h3_label {
  	margin: 0;
  	padding: 0;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #5b9bd5;
	background-color:#ffffff;
	width: 18%;
	text-align: center;
}

#contents p.h3_label2 {
  	margin: 0;
  	padding: 0;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #5b9bd5;
	background-color:#ffffff;
	width: 45%;
	text-align: center;
}

#contents p.h3_label3 {
  	margin: 0;
  	padding: 0;
  	font-size: 1.6rem;
  	line-height: 220%;
  	color: #5b9bd5;
	background-color:#ffffff;
	width: 25%;
	text-align: center;
}

#contents p.h3_comment,
#contents_register p.h3_comment {
  	margin: 0;
  	padding: 5px 10px 0;
  	line-height: 120%;
  	font-size: 1.3rem;
}

#contents h3.flow {
  margin: 12px 3px 10px 3px;
  padding: 16px 10px 9px 18px;
  line-height: 170%;
  font-size: 17px;
  text-align: center;
  color: #583822;
  border: solid 1px #f6bfbc;
  background-color: #fef4f4;
}

#contents h3.flow_info {
  margin: 12px 3px 10px 3px;
  padding: 12px 10px 9px 13px;
  line-height: 170%;
  font-size: 20px;
  color: #583822;
  border: solid 1px #f6bfbc;
  background-color: #fef4f4;
}

#contents h3.flow_info img {
  vertical-align: middle;
}

#contents h4,
#contents_register h4 {
	clear: both;
  	margin: 0 0 0 25px;
  	padding: 0 0 0 35px;
  	font-size: 1.5rem;
  	line-height: 200%;
  	color: #5b9bd5;
  	background-image: url(../images/titlebar_service3.png);
  	background-repeat: no-repeat;
	width:895px;
}

#contents h4.partner_lable {
	clear: both;
  	margin: 0 0 5px 0;
  	padding: 0 0 0 20px;
  	font-size: 1.5rem;
  	line-height: 200%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_partner_02.png);
  	background-repeat: no-repeat;
	width: 100%;
}

#contents_register h4.register_lable {
	clear: both;
  	margin: 0 0 5px 0;
  	padding: 0 0 0 20px;
  	font-size: 1.5rem;
  	line-height: 200%;
  	color: #ffffff;
  	background-image: url(../images/titlebar_partner_02.png);
  	background-repeat: no-repeat;
	width: 99%;
}

#contents p,
#contents_register p {
  	margin: 0;
  	padding: 0 10px;
  	line-height: 120%;
  	font-size: 1.3rem;
}

#contents p.label,
#contents_register p.label {
  	margin: 0;
  	padding: 0 10px;
  	line-height: 170%;
  	font-size: 1.3rem;
}

#contents p.h3_item {
  	margin: 0 30px 0 35px;
  	padding: 05px 0;
  	line-height: 120%;
  	font-size: 1.3rem;
}

#contents p.h4_item {
  	margin: 0 30px 0 60px;
  	padding: 0;
  	line-height: 120%;
  	font-size: 1.3rem;
}

#contents p.label2 {
  	margin: 0;
  	padding: 5px 10px 0 10px;
  	line-height: 120%;
  	font-size: 1.3rem;
}

#contents p.label3 {
	clear: both;
  	margin: 0;
  	padding: 0 10px;
  	line-height: 170%;
  	font-size: 1.3rem;
}

#contents p.label_right {
  	margin: 0;
  	padding: 0 10px;
  	line-height: 170%;
  	font-size: 1.3rem;
	text-align:right;
	width:930px;
}

#contents a {
  color: #583822;
  font-size: 14px;
}

#contents a:hover {
  color: #765c47;
  font-size: 14px;
}

table#t01 {
  	border: solid 1px #cccccc;
  	border-collapse: collapse;
  	border-spacing: 0;
  	width:100%;
}

table#price {
	margin: 0 10px 10px;
  	border-collapse: collapse;
  	border-spacing: 0;
}

table.sub_content {
	margin: 0 10px 10px;
  	border-collapse: collapse;
  	border-spacing: 0;
	width: 100%;
}

table#price th.price_th {
	padding-left: 10px;
  	border: solid 1px #cccccc;
  	border-collapse: collapse;
  	border-spacing: 0;
  	background-color:#d9e5ff;
	font-size: 1.5rem;
  	text-align: left;
  	line-height: 170%;
}

table#price td.price_td {
  	border: solid 1px #cccccc;
  	border-collapse: collapse;
  	border-spacing: 0;
	font-size: 1.3rem;
  	text-align: center;
  	line-height: 170%;
}

#privacy_height .company_privacy,
#terms_height .company_terms,
#copyright_height .company_copyright,
#copyright_height .partner_contact,
#partner_height .contact_form,
#register_height .register_form {
	margin: 16px;
}

#privacy_height .company_privacy > h1,
#terms_height .company_terms > h1,
#copyright_height .company_copyright > h1,
#copyright_height .partner_contact > h1,
#partner_height .contact_form > h1,
#register_height .register_form > h1 {
	margin: 8px 0 4px 0;
	font-size: 1.5rem;
	counter-increment: header;
}

#privacy_height .company_privacy > h1::before {
	content: counter(header) ". ";
}

#privacy_height .company_privacy > p,
#terms_height .company_terms > p,
#copyright_height .company_copyright > p,
#copyright_height .partner_contact > p,
#partner_height .contact_form > p,
#register_height .register_form > p {
	margin: 0 8px 0 12px;
}

#privacy_height .company_privacy > p:first-of-type,
#terms_height .company_terms > p:first-of-type {
	text-align: right;
}

#privacy_height .company_privacy > p:first-of-type + p,
#terms_height .company_terms > p:first-of-type + p {
	text-align: right;
}

.partner_contact div.btn_pos,
.contact_form div.btn_pos,
.register_form div.btn_pos,
.password_form div.btn_pos {
	text-align:center;
  	vertical-align: middle;
}

.partner_contact div.btn_pos input,
.partner_contact div.btn_pos img,
.contact_form div.btn_pos input,
.contact_form div.btn_pos img,
.register_form div.btn_pos input,
.register_form div.btn_pos img,
.password_form div.btn_pos input,
.password_form div.btn_pos img {
	vertical-align: middle;
}

.partner_contact div.btn_pos p.msg,
.contact_form div.btn_pos p.msg,
.register_form div.btn_pos p.msg,
.password_form div.btn_pos p.msg {
	display: inline-block;
  	vertical-align: middle;
	text-align:left;
	color:#999999;
}

td#t01 {
  	padding: 0;
  	border: solid 1px #cccccc;
 	border-collapse: collapse;
  	border-spacing: 0;
  	text-align: center;
  	width:250px;
}

table#info {
  /*border: solid 1px #cccccc;*/
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  width:100%;
  height:100%;
  background-image: url(../images/table_iframe_bk.png);
  background-repeat: no-repeat;
}
td#t01 div {
	padding: 2px 0 0 0;
  	display:block;
  	text-decoration:none;
  	background-color:#d9e5ff;
}


td#t01 a {
	padding: 2px 0 0 0;
  	display:block;
  	text-decoration:none;
}

td#t01 a:hover{
  	text-decoration:none;
  	background-color:#d9e5ff;
  	background-repeat: no-repeat;
}

td.label {
	padding: 0;
  	color: #ed7d31;
  	font-weight: bold;
	font-size: 1.5rem;
  	line-height: 120%;
}

td.comment {
  	padding: 0;
	font-size: 1.3rem;
  	line-height: 127%;
}

table.table_line {
  border-collapse: collapse;
  border: solid 1px #999999;
}


td.table_line {
  border-collapse: collapse;
  border: solid 1px #999999;
  padding : 12px 14px 8px 14px;
}

td#t01 div img {
	border: 0;
	height: 68px;
	width: 68px;
}

td#t01 a img {
	border: 0;
	height: 68px;
	width: 68px;
}

.img_left_icon {
	float: left;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 2px;
	padding-left: 18px;
}

.img_left {
	clear: both;
	float:left;
	margin:0 30px 0 60px;
	padding: 0;
}

.img_right {
	clear: both;
	float:right;
	margin:0 10px 0 35px;
	padding: 2px 5px;
}

.img_left2 {
	clear: both;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.img_left_icon img {
	border: 0;
	height: 60px;
	width: 60px;
}

.img_left img.service01 {
	border: 0;
	height: 296px;
	width: 385px;
}

.img_center {
	text-align:center;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.img_center img.service01_01 {
	border: 0;
}

#contents p.img_left_text {
	padding:5px 0;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_label {
	margin: 0;
	padding:10px 0 5px 0;
  	color: #ed7d31;
  	font-weight: bold;
	font-size: 1.5rem;
  	line-height: 120%;
}

#contents p.img_left_comment {
	padding: 0 0 5px 330px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment2 {
	clear:left;
    text-align:left;
	padding: 0 0 5px 360px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment3 {
	clear:left;
    text-align:left;
	padding: 0 0 5px 290px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment4 {
	clear:left;
    text-align:left;
	padding: 0 0 5px 280px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment5 {
	clear:left;
    text-align:left;
	padding: 0 0 5px 330px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment6 {
	clear:left;
    text-align:left;
	padding: 0 0 5px 320px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_left {
    text-align:left;
    float:left;
	padding: 0 0 5px 360px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_left2 {
    text-align:left;
    float:left;
	padding: 0 0 5px 320px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_left3 {
    text-align:left;
    float:left;
	padding: 0 0 5px 240px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_left4 {
    text-align:left;
    float:left;
	padding: 0 0 5px 200px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_left5 {
    text-align:left;
    float:left;
	padding: 0 0 5px 270px;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_right {
    text-align:right;
	padding: 0 130px 5px 0;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_right2 {
    text-align:right;
	padding: 0 290px 5px 0;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

#contents p.img_left_comment_right3 {
    text-align:right;
	padding: 0 310px 5px 0;
	font-size: 1.3rem;
	line-height: 120%;
	margin: 0;
}

.sub_content {
	width: auto;
	margin: 1.3rem;
}
.sub_content p {
	margin: 4px;
	user-select: none;			/* CSS3 */
	-moz-user-select: none;		/* Firefox */
	-webkit-user-select: none;	/* Safari、Chromeなど */
	-ms-user-select: none;		/* IE10かららしい */
}
.sub_content p:first-of-type {
	margin-top: 4px;
}
.sub_content p > label > input {
	margin-right: 1.0rem;
}
.sub_content p > label > span {
	padding-right: 1.0rem;
	color: #0070C0;
}
.sub_content p > label.agree {
	display: block;
	text-align: center;
}

.sub_content tr > th {
  	padding: 3px 5px;
  	border: solid 1px #cccccc;
 	border-collapse: collapse;
  	border-spacing: 0;
	text-align: left;
	vertical-align: middle;
	line-height: 170%;
  	background-color:#d9e5ff;
}

.sub_content tr > th > span {
	padding: 1px 8px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF4500;
}

.sub_content tr > td {
  	padding: 3px 5px;
  	border: solid 1px #cccccc;
 	border-collapse: collapse;
  	border-spacing: 0;
	line-height: 170%;
}

.sub_content tr > td > textarea {
	width: 630px;
	font-size: 1.3rem;
}

.sub_content tr > td > input[name='company'],
.sub_content tr > td > input[name='phone'],
.sub_content tr > td > input[name='mail'],
.sub_content tr > td > input[name='mail_confirm'] {
	width: 630px;
	background-color:#ffffd9;
}

.sub_content tr > td > input[name='department'],
.sub_content tr > td > input[name='position'] {
	width: 500px;
	background-color:#CCC;
}

.sub_content tr > td > input {
	width: 500px;
	background-color:#ffffd9;
}

.sub_content tr > td > input[name='name_sei'],
.sub_content tr > td > input[name='name_mei'],
.sub_content tr > td > input[name='name_kana_sei'],
.sub_content tr > td > input[name='name_kana_mei'] {
	width: 180px;
	background-color:#ffffd9;
}

.sub_content tr > td > input[name='zip'] {
	width: 150px;
	background-color:#ffffd9;
}

.sub_content tr > td > input[name='password'],
.sub_content tr > td > input[name='password_confirm'] {
	width: 250px;
	background-color:#ffffd9;
}

/*---------- 画像拡大時に使用 ----------*/
.shadow {
	-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
	z-index:999;
}

/*---------- メニュー ----------*/

#menu {
  float: left;
  margin: 0;
  padding: 0;
  width: 280px;
  text-align: left;
  letter-spacing: 1px;
  background-color:#FFf
}

.menulist {
  margin: 0 0 10px 0;
  padding: 5px 0 0 0;
  width: 275px;
  text-align: left;
}

.menulist h3 {
  height: 27px;
  margin: 0;
  padding: 13px 0 4px 14px;
  font-size: 14px;
  color: #fffffc;
  background-image: url(img/sidebar.gif);
  background-repeat: no-repeat;
}

.menulist ul {
  margin: 0;
  padding: 0;
}

.menulist li {
  	padding: 0;
	margin: 3px 0;
  	list-style: none;
  	color: #ffffff;
  	display: block;
	font-size: 1.4rem;
  	font-weight:bold;
  	line-height: 220%;
  	text-decoration: none;
  	background-repeat: no-repeat;
}

.menulist li.side_menu_1 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_1_ov.png);
}

.menulist li.side_menu_2 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_2_ov.png);
}

.menulist li.side_menu_3 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_3_ov.png);
}

.menulist li.side_menu_4 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_4_ov.png);
}

.menulist li a{
  	color: #000000;
  	display: block;
	font-size: 1.4rem;
  	text-decoration: none;
  	background-repeat: no-repeat;
}

.menulist li a.side_menu_1 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_1.png);
}

.menulist li a.side_menu_2 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_2.png);
}

.menulist li a.side_menu_3 {
  	padding: 3px 50px 3px 80px;
  	background-image: url(../images/side_menu_3.png);
}

.menulist li a.side_menu_4 {
   	padding: 3px 50px 3px 80px;
	background-image: url(../images/side_menu_4.png);
}

.menulist li a:hover{
  color: #fff;
  font-weight:bold;
  background-repeat: no-repeat;
}

.menulist li a.side_menu_1:hover {
  background-image: url(../images/side_menu_1_ov.png);
}

.menulist li a.side_menu_2:hover {
  background-image: url(../images/side_menu_2_ov.png);
}

.menulist li a.side_menu_3:hover {
  background-image: url(../images/side_menu_3_ov.png);
}

.menulist li a.side_menu_4:hover {
  background-image: url(../images/side_menu_4_ov.png);
}

.menu_login {
  margin: 0 0 5px 0;
  padding: 0;
  width: 273px;
  text-align: left;
  border: solid 1px #cccccc;
}

.menu_login h3 {
  	margin: 0;
	padding:2px 0;
	font-size: 1.6rem;
	text-align:center;
	line-height:160%;
  	color: #fffffc;
  	background-image: url(../images/login_title.png);
  	background-repeat: no-repeat;
}

.menu_login a{
  	color: #583822;
  	width: 198px;
  	padding: 6px 0 5px 0;
	font-size: 1.3rem;
}

.menu_login a:hover{
  color: #765c47;
}

.menu_login p{
  	margin: 0;
  	padding: 0 0 2px 10px;
	font-size: 1.3rem;
  	font-weight:bold;
}

.menu_login p.label{
  	margin: 0;
  	padding: 2px 0 0 14px;
	font-size: 1.3rem;
  	font-weight:bold;
}

.menu_login p.chkbox{
  	margin: 0;
  	padding: 0 0 0 50px;
	font-size: 1.3rem;
  	font-weight:bold;
}

.menu_login p.login{
  	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.3rem;
  	font-weight:bold;
  	text-align:center;
}

.menu_free {
  margin: 0 0 2px 0;
  padding: 0 0 3px 0;
  width: 273px;
  text-align: left;
  border: solid 1px #cccccc;
}

.menu_free h3 {
  	margin: 0;
	padding:2px 0;
	font-size: 1.6rem;
	text-align:center;
	line-height:160%;
  	color: #fffffc;
  	background-image: url(../images/service_title.png);
  	background-repeat: no-repeat;
}

.menu_free a{
  	background-image: url(../images/btn_contact.png);
  	background-position: 15px 0;
  	background-repeat:no-repeat;
  	display:block;
	font-size: 1.4rem;
  	height: 40px;
}

.menu_free a:hover{
  background-image: url(../images/btn_contact_ov.png);
}

.menu_free p{
  	margin: 0;
	font-size: 1.4rem;
}

.menu_free p img.contact{
  	background-position: 15px 0;
  	background-repeat:no-repeat;
  	display:block;
	font-size: 1.4rem;
  	height: 40px;
}

.menu_free span.blue_b {
  padding: 0 8px 0 15px;
  color: #5b9bd5;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 100%;
  x-ms-fomat-detection:none;
}

.menu_free span.black_b {
  padding: 0 8px 0 15px;
  color: #000000;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 120%;
}

.menu_btn {
  margin: 0;
  padding: 0;
  width: 275px;
  height: 35px;
  text-align: left;
}

.menu_btn a{
  	margin: 0 0 3px 0;
  	color: #583822;
  	display: block;
  	/*border: solid 1px #cccccc;*/
  	padding: 0 0 0 45px;
	font-size: 1.4rem;
	line-height: 35px;
  	text-decoration: none;
  	background-image: url(../images/side_menu_btn_bg.png);
  	background-repeat: no-repeat;
}

.menu_btn a:hover{
  	color: #583822;
  	background-image: url(../images/side_menu_btn_bg_hover.png);
  	font-weight:bold;
}


.menu_btn_under, .menu_btn_under2 {
  margin: 10px 1px;
  padding: 0;
  width: 275px;
  text-align: left;
}

.menu_btn_under a{
  margin: 0;
  color: #583822;
  display: block;
  padding: 0;
  font-size: 13px;
  height:80px;
  text-decoration: none;
  background-image: url(../images/btn_software.png);
  background-repeat: no-repeat;
}

.menu_btn_under2 a{
  margin: 0;
  color: #583822;
  display: block;
  padding: 0;
  font-size: 13px;
  height:80px;
  text-decoration: none;
  background-image: url(../images/btn_nikkanaomori.png);
  background-repeat: no-repeat;
}

.menu_btn_under a:hover{
  color: #765c47;
  background-image: url(../images/btn_software_ov.png);
}
.menu_btn_under2 a:hover{
  color: #765c47;
  background-image: url(../images/btn_nikkanaomori_ov.png);
}

/*---------- ログイン ----------*/
.menu_login input[type="text"],
.menu_login input[type="password"]{
	height : 1.8rem;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
	padding-left:3px;
	width:245px;
	
}

.menu_login input[type="text"]:focus,
.menu_login input[type="password"]:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

.menu_login input[type="text"]#user_id,
.menu_login input[type="password"]#password{
	width : 250px;
}

.chkbox label.checkbox_text,
label.partner_checkbox{
	padding: 0 15px;
	float:left;
  	display:block;
  	position:relative;
  	padding-left:1.8rem;
}

.chkbox label.checkbox_text input[type="checkbox"],
label.partner_checkbox input[type="checkbox"] {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  margin:auto;
}

.menu_login input#login_submit_button{
	width : auto;
	height : auto;
	padding : 4px 10px;
	vertical-align : middle;
	color : #444444;
	background : #eeeeee;
	border : 1px solid #cccccc;
	border-radius : 3px;
	font-family : inherit;
	font-weight : bold;
}

.menu_login input#login_submit_button:hover{
	cursor : pointer;
	color : #106dff;
	background : #e0e0e0;
}

.menu_login input#login_submit_image_button{
	width : 250px;
	height : 30px;
	padding : 4px 10px;
	background-image : url(../images/btn_login.png);
	background-repeat : no-repeat;
	border : 0px solid #cccccc;
	border-radius : 0;
	border-radius: 0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}

.menu_login input#login_submit_image_button:hover{
	cursor : pointer;
	background-image : url(../images/btn_login_ov.png);
}

 
/*---------- フッター ----------*/

#footer,
#footer_register,
#footer_terms,
#footer_copyright,
#footer_privacy {
  	clear: both;
  	margin: 0 auto;
	padding:0;
  	width: 100%;
  	height: 60px;
  	text-align: center;
  	font-size: 1.4rem;
  	color: #fff;
  	background-image: url(../images/footer_back.png);
 	background-repeat: repeat-x;
}

#footer p,
#footer_register p,
#footer_terms p,
#footer_copyright p,
#footer_privacy p {
  	margin: 0;
	padding-top:5px;
}

#footer a,
#footer_register a,
#footer_terms a,
#footer_copyright a,
#footer_privacy a {
  	color: #fff;
	font-size: 1.4rem;
  	text-decoration: none;
}

#footer a:hover,
#footer_register a:hover,
#footer_terms a:hover,
#footer_copyright a:hover,
#footer_privacy a:hover {
  color: #F00;
  text-decoration: none;
}

#footer table,
#footer_register table,
#footer_terms table,
#footer_copyright table,
#footer_privacy table {
	margin: 5px auto 0;
	width: 1280px;	/* Full-HD(1920px * 1080px) （1280px * 使用ブラウザ）*/
  	border-collapse: collapse;
  	border-spacing: 0;
}

#footer table td#table-left,
#footer_register table td#table-left,
#footer_terms table td#table-left,
#footer_copyright table td#table-left,
#footer_privacy table td#table-left {
	padding: 0;
  	text-align: left;
	font-size: 1.4rem;
  	text-decoration: none;
	vertical-align:middle
}

#footer table td#table-left a#footer_logo,
#footer_register table td#table-left a#footer_logo,
#footer_terms table td#table-left a#footer_logo,
#footer_copyright table td#table-left a#footer_logo ,
#footer_privacy table td#table-left a#footer_logo {
  	text-align: left;
	font-size: 1.4rem;
  	text-decoration: none;
  	background-image: url(../images/footer_logo.png);
 	background-repeat: no-repeat;
	display:block;
	width:191px;
	height:25px;
}

#footer table td#table-right,
#footer_register table td#table-right,
#footer_terms table td#table-right,
#footer_copyright table td#table-right,
#footer_privacy table td#table-right {
  	text-align: right;
	font-size: 1.4rem;
  	color: #2080c1;
  	text-decoration: none;
  	padding: 5px 20px 0 0;
	vertical-align:middle
}

/*---------- ページトップに戻る ----------*/

.pagetop {
	color: #FFFFFF;
	background-color: rgba(0, 0, 0, 0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 7.0rem;
	right: 1.0rem;
	font-size: 3.2rem;
	font-weight: bold;
	width: 4.0rem;
	height: 4.0rem;
	line-height: 5.2rem;
	border-radius: 3.0rem;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}
.pagetop:hover {
	color: #FFFFFF !important;
	background-color: #ED702B;
	text-decoration: none;
}

/*---------- バナー広告 ----------*/

.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 100px;
    right: 10px;
}
.floating-banner:hover {
    opacity: .9;
}
.banner {
    width: 180px;/* バナーの横幅 */
    padding: 10px;
    font-weight: bold;
    text-align: center;
}
.close {
    height: 30px;
    font-weight: bold;
    text-align: right;
}
.floating-banner a {
    text-decoration: none;/* リンクに下線が入らないように */
}
.copy {
    font-size: 28px;
    margin: 0 auto 20px;
    line-height: 1.6;
}
.cta {
    display: inline-block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background: linear-gradient(270deg, #F4A240 0%, #E3A608 100%);/* ボタンの背景 */
    box-shadow: 0px 0px 30px #2984BA;/* ボタンの影 */
    border-radius: 25px;
    margin: 0
}