@charset "UTF-8";
/* ******************************************************************

	--owner.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
#wrapper {
	background:url(/img/owner/bg_owner.gif) repeat;
}
.descripPage {
	background:#5C7AA9;
}
#main .section {
	margin:0 auto 20px;
	padding:30px;
}
#main .buttonGroup .chargeButton {
	float:left;
	width:50%;
	vertical-align:middle;
}
.buttonGroup .button01, .buttonGroup .button02 {
	/*float:right;*/
	margin:0 auto;
	width: 530px;
}
.headline3 {
	margin-top:15px;
}
.contractBlock .image {
	margin-top:-20px;
}
.contract {
	margin:14px 0 8px;
	padding:10px 23px 8px;
	background:#EAF4F4;
}
.contract li {
	float:left;
	font-size:116%;
	font-weight:bold;
	line-height:1.4;
}
.contract li span {
	color:#C90F20;
}
.contract li.chart {
	width:66.5%;
	margin-right:2%;
	padding-left:57px;
	background:url(/img/owner/icon_chart.png) no-repeat 0 50%;
}
.contract li.doc {
	width:31%;
	padding-left:46px;
	background:url(/img/owner/icon_doc.png) no-repeat 0 50%;
}
p.txtNote {
	margin-left:1.3em;
	font-size:93%;
	text-align:left;
	line-height:1.5;
	text-indent:-1.3em;
}
p.txtNote1 {
	margin-left:1.3em;
	font-size:93%;
	text-align:left;
	color:#C90F20;
}
p.txtNote1 {
	margin-left:1.3em;
	font-size:93%;
	text-align:left;
	color:#C90F20;
}
p.txtNote1 a {
	color:#C90F20;
}
p.txtNote span {
	margin-right:3px;
	color:#C90F20;
}
.tableStyle {
	width:100%;
	margin-bottom:14px;
}
.tableStyle th {
	padding:5px 0 4px;
	font-size:108%;
	line-height:1.5;
	text-align:center;
}
.tableStyle td {
	padding:6px 0 7px;
	text-align:center;
}
.tableStyle td span {
	display:inline-block;
	font-family:'Roboto';
	font-size:138.5%;
}
.tableStyle td.f14 {
	font-size:108%;
}
.tableStyle td em {
	font-size:100%;
	padding: 0 9px 0 5px;
}
.tableStyle .col01 {
	width:11%;
}
.tableStyle .col02 {
	width:17%;
}
.tableStyle .col03 {
	width:23.5%;
}
.tableStyle01 td {
	padding:9px;
}
.kansaiBorder {
	border: solid 1px #000000;
	padding: 13px 5px;
	margin-bottom: 30px;
}
.kansaiTitle {
	font-size: 120%;
	margin-bottom: 10px;
}
.reductionBlock {
	margin-bottom:22px;
	border:3px solid #E7E7E7;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.reductionBlock .reductionImage {
	float:left;
	width:14%;
	margin-right:4px;
}
.reductionBlock .arrowIcon {
	float:left;
	width:27%;
	padding-top:4px;
	margin-right:4px;
}
.reductionBlock .reductionInner {
	padding:30px 10px 14px 67px;
}
.reductionBlock .reductionInner div {
	float:left;
	width:52.8%;
	margin-top:2px;
	padding:5px 5px 5px 10px;
	border:3px solid #8AC648;
}
.reductionBlock .reductionInner div p {
	padding-left:42px;
	background:url(/img/private/icon_square.gif) no-repeat 0 2px;
	font-size:131%;
}
.reductionBlock .reductionInner div span.price {
	display:inline-block;
	vertical-align:top;
	word-break:break-all;
	word-wrap:break-word;
}
.reductionBlock .reductionInner div span.price span {
	display:inline-block;
	padding:0 1px 0 7px;
	color:#D1232A;
}
.reductionBlock .fontSize01 {
	font-size:189%;
	font-family:"Roboto";
}
.reductionBlock .fontSize02 {
	font-size:153.9%;
}
.reductionBlock .reductionText {
	margin:4px 4px 5px;
	padding:15px 10px 11px;
	background:#EAF4F4;
	font-size:116%;
	text-align:center;
}
.arrowIcon.pc {
	display:block;
}
.arrowIcon.sp {
	display:none;
}
.contractBlock01 {
	padding:16px 23px 29px;
}
.contractBlock01 p.title {
	margin-top:0;
}
.contractBlock01 p {
	margin-top:-6px;
}
p.txtNote {
	margin-left:2.2em;
}
.grayBox {
    float: right;
    padding: 12px 20px;
    background: #F3F3F3;
    font-size: 108%;
}
.mt40{
	margin-top:40px !important;
}


@media screen and (max-width:980px) {
	.reductionBlock .reductionImage {
		margin-right:20px;
	}
	.reductionBlock .arrowIcon {
		margin-right:20px;
	}
	.reductionBlock .fontSize01 {
		font-size:174%;
	}
	.reductionBlock .fontSize02 {
		font-size:138.5%;
	}
	.reductionBlock .reductionInner div p {
		font-size:116%;
	}
	.reductionBlock .reductionInner div span.price {
		padding:5px 0 1px;
	}
	.discountBox {
		margin:0 0 19px 0;
	}
}
@media screen and (max-width:820px) {
	.reductionBlock .fontSize01 {
		font-size:161.6%;
	}
	.reductionBlock .fontSize02 {
		font-size:123.1%;
	}
	.reductionBlock .reductionInner div p {
		font-size:108%;
	}
	.reductionBlock .reductionInner div span.price {
		padding-top:10px;
	}
}
@media screen and (max-width:768px) {
	.arrowIcon.pc {
		display:none;
	}
	.arrowIcon.sp {
		display:block;
	}
	.reductionBlock .reductionInner {
		padding:10px;
	}
	.reductionBlock .reductionImage {
		float:none;
		width:100%;
		margin-bottom:10px;
		text-align:center;
	}
	.reductionBlock .arrowIcon {
		float:none;
		max-width:inherit;
		text-align:center;
		width:100%;
		padding-bottom:10px;
	}
	.reductionBlock .reductionInner div {
		float:none;
		width:100%;
	}
	.reductionBlock .reductionInner div span.price {
		padding:5px 0 5px;
	}
}
@media screen and (max-width:736px) {
	#main .section {
		padding:10px;
	}
	#main .section .headline3 {
		margin-bottom:20px;
	}
	#main .section .headline3 span {
		padding-left:35px;
		background-position:0 50%;
		-webkit-background-size:30px auto;
		background-size:30px auto;
		font-size:153.9%;
	}
	#main .buttonGroup .chargeButton, .buttonGroup .button01, .buttonGroup .button02 {
		float:none;
		width:100%;
		margin:0 auto 20px;
	}
	.contract {
		padding:10px;
	}
	.contract li.chart, .contract li.doc {
		float:none;
		width:100%;
		font-size:100%;
	}
	.contract li.chart {
		margin:0 0 10px;
		padding-left:46px;
	}
	.contract li.doc {
		padding:12px 0 12px 46px;
	}
	.tableStyle {
		margin-bottom:5px;
	}
}
@media screen and (max-width:640px) {
	.tableStyle th {
		font-size:100%;
	}
	.tableStyle td {
		font-size:100%;
	}
	.tableStyle td span {
		font-size:116%;
	}
	.tableStyle td em {
		font-size:93%;
	}
}
@media screen and (max-width:480px) {
	.contract li.chart {
		margin:0;
		padding-left:35px;
		-webkit-background-size:25px auto;
		background-size:25px auto;
	}
	.contract li.doc {
		padding-left:35px;
		-webkit-background-size:25px auto;
		background-size:25px auto;
	}
		.reductionBlock .fontSize01 {
		font-size:153.9%;
	}
	.reductionBlock .fontSize02 {
		font-size:101%;
	}
	.reductionBlock .reductionInner div p {
		font-size:93%;
	}
	.reductionBlock .reductionInner div span.price {
		padding:10px 0 5px;
	}
}
@media screen and (max-width:360px) {
	.reductionBlock .reductionInner div p img {
		display:block;
		width:31px;
		padding:5px 0 1px;
		margin:0 auto;
		text-align:center;
	}
	.reductionBlock .reductionInner div span.price {
		display:block;
	}
	.reductionBlock .reductionText {
		font-size:108%;
	}
}
@media screen and (max-width:320px) {
	.discountBox {
		float:none;
		text-align:center;
	}
}