@charset "UTF-8";

/* header
------------------------------------------------------------*/
#header {
	display: block;
	background-color: #514e4d;
	padding: 0;
	margin: 0;
	font-size: 0;
}
#header .headblock {
	display: flex;
	align-items: center;
	max-width: 1038px;
	margin: 0 auto;
	vertical-align: middle;
	height: 60px;
}
#header .headblock .logo {
//	margin-right: auto;
//	margin-left: 18px;
	margin: 0px auto;
	text-align: center;
	width: 40%;
}
#header .headblock .btn {
	margin-left: auto;
	margin-right: 18px;
	width: 30%;
}
#header .headblock .menu {
	margin-left: 10px;
	margin-right: auto;
	width: 30%;
}
#header .headblock .btn .icon {
	float: right;
	margin-left: 25px;
}
#header .headblock .btn .label {
	float: right;
	margin-left: 5px;
	font-size: 14px;
//	color: white;
}

/* footer
------------------------------------------------------------*/
#footer {
	display: block;
	background-color: #e6e6e7;
	text-align: center;
	padding: 20px 0px 30px;
}
#footer a:link {
	color: #666;
	text-decoration: none;
}
#footer a:visited {
	color: #666;
	text-decoration: none;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}

/* original index
------------------------------------------------------------*/
#top .slider {
	margin: 10px 0 15px;
}
#top .slider img {
//	width: 100%;
//	height: auto;
}
// 左右の矢印の色
#top .slick-prev:before,
#top .slick-next:before {
	color: #000;
}
// 左右の矢印の位置
#top .slick-next {
	right: 20px;
	z-index: 99;
}
#top .slick-prev {
	left: 15px;
	z-index: 100;
}
/*スライド数のドットの色を変える*/
#top .slick-dots li.slick-active button:before,
#top .slick-dots li button:before {
	color: #ef857d;
}
/*スライド画像の横幅可変*/
#top img {
//	max-width: 100%;
//	height: auto;
}

/* original services
------------------------------------------------------------*/
#services .topimg {
	margin-top: 10px;
}
#services .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#services dl {
	position: relative;
	float: left;
}
#services .detail {

}
#services .detail a:link {
	color: #666;
	text-decoration: underline;
}
#services .detail a:visited {
	color: #666;
	text-decoration: underline;
}
#services .detail a:hover {
	color: #666;
	text-decoration: none;
}

/* original price
------------------------------------------------------------*/
#price .topimg {
	margin-top: 10px;
}
#price .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#price dl {
	position: relative;
	float: left;
}
#price .head table {
	width: 100%;
	border: 1px black solid;
}
#price .head tr {
}
#price .head th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#price .head td {
	padding: 0;
	border-top: 1px solid black;
}
#price .list table {
	width: 100%;
	border: 1px black solid;
}
#price .list tr {
}
#price .list th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#price .list td {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#price .list .note {
	margin: 5px 0px 10px;
	padding-left: 1em;
	text-indent: -1em;
}
#price .list .cell-rg {
	float: right;
//	display: table-cell;
//	vertical-align: middle;
}
#price .list .cell-lf {
	float: left;
//	display: table-cell;
}
#price .list .opclmrk, .opclstr {
	cursor: pointer;
}

/* futon service
------------------------------------------------------------*/
#futon .topimg {
	margin-top: 10px;
}
#futon .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#futon dl {
	position: relative;
	float: left;
}
#futon .list table {
	width: 100%;
	border: 1px black solid;
}
#futon .list tr {
}
#futon .list th {
	padding: 5px 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#futon .list td {
	padding: 5px 5px;
//	border-top: 1px solid black;
}
#futon .list .note {
	margin: 5px 0px 10px;
}
#futon .list .cell-rg {
	float: right;
//	display: table-cell;
//	vertical-align: middle;
}
#futon .list .cell-lf {
	float: left;
//	display: table-cell;
}
#futon .list .opclmrk, .opclstr {
	cursor: pointer;
}

/* freebox service
------------------------------------------------------------*/
#freebox .topimg {
	margin-top: 10px;
}
#freebox .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#freebox dl {
	position: relative;
	float: left;
}
#freebox .head table {
	width: 100%;
	border: 1px black solid;
}
#freebox .head tr {
}
#freebox .head th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#freebox .head td {
	padding: 0;
	border-top: 1px solid black;
}
#freebox .list table {
	width: 100%;
	border: 1px black solid;
}
#freebox .list tr {
}
#freebox .list th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#freebox .list td {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#freebox .list .note {
	margin: 5px 0px 10px;
	padding-left: 1em;
	text-indent: -1em;
}
#freebox .list .cell-rg {
	float: right;
//	display: table-cell;
//	vertical-align: middle;
}
#freebox .list .cell-lf {
	float: left;
//	display: table-cell;
}
#freebox .list .opclmrk, .opclstr {
	cursor: pointer;
}

/* high grade down
------------------------------------------------------------*/
#hgdown .topimg {
	margin-top: 10px;
}
#hgdown .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#hgdown dl {
	position: relative;
	float: left;
}
#hgdown .head table {
	width: 100%;
	border: 1px black solid;
}
#hgdown .head tr {
}
#hgdown .head th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#hgdown .head td {
	padding: 0;
	border-top: 1px solid black;
}
#hgdown .list table {
	width: 100%;
	border: 1px black solid;
}
#hgdown .list tr {
}
#hgdown .list th {
	padding: 5px 5px;
	border-top: 1px solid black;
}
#hgdown .list td {
	padding: 5px 5px;
}
#hgdown .list .note {
	margin: 5px 0px 10px;
	padding-left: 1em;
	text-indent: -1em;
}
#hgdown .list .cell-rg {
	float: right;
//	display: table-cell;
//	vertical-align: middle;
}
#hgdown .list .cell-lf {
	float: left;
//	display: table-cell;
}
#hgdown .list .opclmrk, .opclstr {
	cursor: pointer;
}

/* mypage header
------------------------------------------------------------*/
#myheader {
	display: block;
//	background-color: #514e4d;
	padding: 0;
	margin: 0;
	font-size: 0;
}
#myheader .headblock {
	display: flex;
	align-items: center;
	max-width: 1038px;
	margin: 0 auto;
	vertical-align: middle;
	height: 60px;
}
#myheader .headblock .logo {
//	margin-right: auto;
//	margin-left: 18px;
	margin: 0px auto;
	text-align: center;
	width: 40%;
}
#myheader .headblock .logo img {
	margin-right: 10px;
}
#myheader .headblock .menu {
	margin-left: 10px;
	margin-right: auto;
	width: 30%;
}
#myheader .headblock .btn {
	margin-left: auto;
	margin-right: 18px;
	width: 30%;
}
#myheader .headblock .btn .icon {
	float: right;
	margin-left: 25px;
}
#myheader .headblock .btn .label {
	float: right;
	margin-left: 5px;
	font-size: 14px;
//	color: white;
}
#myheader .nameblock {
	display: flex;
	align-items: center;
	max-width: 1038px;
	margin: 0 auto;
	vertical-align: middle;
}

/* requests-idx
------------------------------------------------------------*/
#requests-idx .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#requests-idx dl {
	position: relative;
	float: left;
}
#requests-idx .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#requests-idx .submitpc {
	width: 140px;
	height: 32px;
}
#requests-idx .submittb {
	width: 115px;
	height: 26px;
}
#requests-idx .submitsp {
	width: 98%;
}

/* requests
------------------------------------------------------------*/
#requests .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#requests dl {
	position: relative;
	float: left;
}
#requests .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#requests .submitpc {
	width: 140px;
	height: 32px;
}
#requests .submittb {
	width: 115px;
	height: 26px;
}
#requests .submitsp {
	width: 98%;
}

/* home
------------------------------------------------------------*/
#home .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#home dl {
	position: relative;
	float: left;
}
#home .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#home .submenu ul {
}
#home .submenu ul li {
	display: inline-block;
	width: 100%;
	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#home .submitpc {
	width: 140px;
	height: 32px;
}
#home .submittb {
	width: 115px;
	height: 26px;
}
#home .submitsp {
	width: 98%;
}

/* mypage
------------------------------------------------------------*/
#mypage .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#mypage dl {
	position: relative;
	float: left;
}
#mypage .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#mypage .submenu ul {
}
#mypage .submenu ul li {
	display: inline-block;
	width: 100%;
//	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#mypage .submitpc {
	width: 140px;
	height: 32px;
}
#mypage .submittb {
	width: 115px;
	height: 26px;
}
#mypage .submitsp {
	width: 98%;
}
#mypage #mailhistory {
}
#mypage #mailhistory ul {
}
#mypage #mailhistory ul li {
	margin: 0;
	padding: 0;
	font-size: 0;
	width: 100%;
	text-align: left;
}
#mypage #mailhistory ul li .maillist {
	background: url(../images/mypage/bg_separator.gif) left bottom repeat-x;
	cursor: pointer;
}
#mypage #mailhistory ul li .maillist .text {
}
#mypage #mailhistory ul li .maillist .date {
}
#mypage #mailhistory ul li .mail {
	display: none;
	position: relative;
	padding: 10px 0px;
	background: url(../images/mypage/bg_separator.gif) left bottom repeat-x;
}
#mypage #mailhistory ul li .mail .val {
	line-height: 1.2;
	font-size: 12px;
	word-wrap: break-word;
}
#mypage #mailhistory ul li .mail .close {
	font-size: 12px;
	text-align: right;
}
#mypage #mailhistory ul li .mail .close a {
	text-decoration: underline;
	font-weight: bold;
	color: #ef857d;
	cursor: pointer;
}
#mypage #mailhistory ul li .mail .close a:hover {
	text-decoration: none;
}


/* mypage usage
------------------------------------------------------------*/
#usage .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#usage dl {
	position: relative;
	float: left;
}
#usage .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#usage .submenu ul {
}
#usage .submenu ul li {
	display: inline-block;
	width: 100%;
	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#usage .submitpc {
	width: 140px;
	height: 32px;
}
#usage .submittb {
	width: 115px;
	height: 26px;
}
#usage .submitsp {
	width: 98%;
}

/* mypage usage-deficiency
------------------------------------------------------------*/
#usage-deficiency .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#usage-deficiency dl {
	position: relative;
	float: left;
}
#usage-deficiency .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#usage-deficiency .submenu ul {
}
#usage-deficiency .submenu ul li {
	display: inline-block;
	width: 100%;
	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#usage-deficiency .submitpc {
	width: 140px;
	height: 32px;
}
#usage-deficiency .submittb {
	width: 115px;
	height: 26px;
}
#usage-deficiency .submitsp {
	width: 98%;
}

/* mypage usage-detail
------------------------------------------------------------*/
#usage-detail .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#usage-detail dl {
	position: relative;
	float: left;
}
#usage-detail .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#usage-detail .submenu ul {
}
#usage-detail .submenu ul li {
	display: inline-block;
	width: 100%;
	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#usage-detail .submitpc {
	width: 140px;
	height: 32px;
}
#usage-detail .submittb {
	width: 115px;
	height: 26px;
}
#usage-detail .submitsp {
	width: 98%;
}

/* mypage billing
------------------------------------------------------------*/
#billing .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#billing dl {
	position: relative;
	float: left;
}
#billing .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#billing .submenu ul {
}
#billing .submenu ul li {
	display: inline-block;
	width: 100%;
	height: 24px;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#billing .submitpc {
	width: 140px;
	height: 32px;
}
#billing .submittb {
	width: 115px;
	height: 26px;
}
#billing .submitsp {
	width: 98%;
}

/* member entry
------------------------------------------------------------*/
#my-entry .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#my-entry dl {
	position: relative;
	float: left;
}
#my-entry .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#my-entry .submitpc {
	width: 140px;
	height: 32px;
}
#my-entry .submittb {
	width: 115px;
	height: 26px;
}
#my-entry .submitsp {
	width: 98%;
}

/* member edit
------------------------------------------------------------*/
#address-edit .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#address-edit dl {
	position: relative;
	float: left;
}
#address-edit .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#address-edit .submenu ul {
}
#address-edit .submenu ul li {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px;
	vertical-align: top;
}
#address-edit .submitpc {
	width: 140px;
	height: 32px;
}
#address-edit .submittb {
	width: 115px;
	height: 26px;
}
#address-edit .submitsp {
	width: 98%;
}

/* address
------------------------------------------------------------*/
#address .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#address dl {
	position: relative;
	float: left;
}
#address .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#address .submitpc {
	width: 140px;
	height: 32px;
}
#address .submittb {
	width: 115px;
	height: 26px;
}
#address .submitsp {
	width: 98%;
}

/* deliverydate
------------------------------------------------------------*/
#deliverydate .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#deliverydate dl {
	position: relative;
	float: left;
}
#deliverydate .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#deliverydate .submitpc {
	width: 140px;
	height: 32px;
}
#deliverydate .submittb {
	width: 115px;
	height: 26px;
}
#deliverydate .submitsp {
	width: 98%;
}

/* freeboxAutoRe
------------------------------------------------------------*/
#freeboxAutoRe .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#freeboxAutoRe dl {
	position: relative;
	float: left;
}
#freeboxAutoRe .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#freeboxAutoRe .submitpc {
	width: 140px;
	height: 32px;
}
#freeboxAutoRe .submittb {
	width: 115px;
	height: 26px;
}
#freeboxAutoRe .submitsp {
	width: 98%;
}

/* point
------------------------------------------------------------*/
#point .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#point dl {
	position: relative;
	float: left;
}
#point .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#point .submitpc {
	width: 140px;
	height: 32px;
}
#point .submittb {
	width: 115px;
	height: 26px;
}
#point .submitsp {
	width: 98%;
}

/* vouchers
------------------------------------------------------------*/
#vouchers .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#vouchers dl {
	position: relative;
	float: left;
}
#vouchers .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#vouchers .submitpc {
	width: 140px;
	height: 32px;
}
#vouchers .submittb {
	width: 115px;
	height: 26px;
}
#vouchers .submitsp {
	width: 98%;
}

/* other page
------------------------------------------------------------*/
#otherpage .pagetitle {
	font-size: 17px;
	margin-top: 10px;
}
#otherpage dl {
	position: relative;
	float: left;
}
#otherpage .blockhead .label:before {
	position: relative;
	margin-left: 5px;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
#otherpage .submitpc {
	width: 140px;
	height: 32px;
}
#otherpage .submittb {
	width: 115px;
	height: 26px;
}
#otherpage .submitsp {
	width: 98%;
}