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

#main-contents{
	width:700px;
	margin:0 0 0 10px;
	float:left;
}
#sub-contents{
	width: 220px;
	margin: 0 5px 0 0;
	float: right;
}

/*------------------------------
  共通
------------------------------*/
#main-contents { line-height: 1.5; }
#main-contents p { margin-bottom: 15px; }

#main-contents img {
	height: auto;
	vertical-align: middle;
}

#main-contents a {
	font-weight: bold;
	color: #299033;
	text-decoration: underline;
}
#main-contents a:hover {
	filter: alpha(opacity=75);
	opacity: 0.75;
	text-decoration: none;
}
.pc { display: block; }
.sp { display: none; }

span.inblock { display: inline-block; }

strong { font-weight: bold; }

/* クリアフィックス */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#main-contents h2,
#main-contents h3,
#main-contents h4,
#main-contents h5,
#main-contents h6 {
	line-height: 1.2;
}
#main-contents h2 {
	margin-bottom: 25px;
	padding: 20px 25px 18px;
	background-color: #000;
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
}
#main-contents h2 img {
	margin-bottom: 8px;
}
#main-contents h2 .inblock {
	margin-bottom: 8px;
	margin-left: -15px;
	margin-right: -10px;
}
#main-contents h3 {
	margin-bottom: 25px;
	padding-bottom: 18px;
	background: url(../image/h3_bg.png) repeat-x left bottom;
	font-size: 20px;
	font-weight: bold;
}
#main-contents h4 {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
}
#main-contents h5 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}
#main-contents h6 {
	margin-bottom: 15px;
	color: #595959;
	font-size: 20px;
	font-weight: bold;
}
#main-contents .large {
	font-size: 16px;
}
#main-contents .note {
	font-size: 12px;
}
#main-contents strong.blue {
	color: #0072BC;
	font-weight: normal;
}
#main-contents .text-right {
	text-align: right;
}

#main-contents .key {
	margin-bottom: 40px;
}
#main-contents .key .key-head {
	padding: 15px 10px 10px;
	border: 1px solid #000;
}
#main-contents .key .key-head p.lead {
	margin-bottom: 0;
	font-size: 28px;
	text-align: center;
}
#main-contents .key .key-head p.lead img {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}
#main-contents .key .key-body {
	padding: 25px 30px 30px;
	background-color: #000;
}
#main-contents .key .key-body h2 {
	margin-bottom: 0;
	padding: 0;
	background-color: none;
	color: #fbc91c;
	font-size: 44px;
	font-weight: bold;
	line-height: 1.2;
}
#main-contents .key .key-body h2 br.tablet {
	display: none;
}
#main-contents .key .key-body h2 .inblock {
	margin-left: -25px;
	font-weight: bold;
	letter-spacing: normal;
}
#main-contents .key .key-body h2 .letter-spacing {
	letter-spacing: -0.5em;
}
#main-contents .key .key-body h2 img {
	margin-left: 35px;
	margin-bottom: 0;
	vertical-align: baseline;
}
#main-contents .key .key-body p.large {
	margin-left: -15px;
	margin-bottom: 25px;
	color: #FFF;
	font-size: 28px;
	text-shadow: #666 1px 1px 0px, #666 -1px 1px 0px,
             #666 1px -1px 0px, #666 -1px -1px 0px;
}
#main-contents .key .key-body ul {
	margin-bottom: 30px;
}
#main-contents .key .key-body ul li {
	margin-left: 1.2em;
	margin-bottom: 10px;
	clear: left;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
#main-contents .key .key-body ul li:before {
	content: "●";
	margin-left: -1.2em;
	float: left;
}
#main-contents .key .key-body .key-col2 {
	margin-left: -25px;
	letter-spacing: -.40em;
}
#main-contents .key .key-body .key-col2>.inner {
	display: inline-block;
	width: 50%;
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}
#main-contents .key .key-body .key-col2>p.inner {
	color: #FFF;
	font-size: 16px;
}
#main-contents .key .key-body .key-col2 p.box {
	margin-left: 0;
	padding: 25px 20px 20px;
	background: #f4a823; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4a823 0%, #e55100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f4a823 0%,#e55100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f4a823 0%,#e55100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a823', endColorstr='#e55100',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	box-shadow:5px 5px 0px 0px #acacac;
		-moz-box-shadow:5px 5px 0px 0px #acacac;
		-webkit-box-shadow:5px 5px 0px 0px #acacac;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}

#main-contents .summary {
	margin-bottom: 65px;
	padding: 35px 30px;
	background: #F4F4F4 url(../image/summary_bg.png) no-repeat right top;
}
#main-contents .summary h3 {
	padding-bottom: 0;
	background: none;
	color: #FB701C;
	font-size: 28px;
	text-shadow: #F4F4F4 1px 1px 0px, #F4F4F4 -1px 1px 0px,
             #F4F4F4 1px -1px 0px, #F4F4F4 -1px -1px 0px;
}
#main-contents .summary p.large {
	width: 63%;
	margin-bottom: 25px;
}
#main-contents .summary ul.point-list {
	margin-left: -15px;
	margin-bottom: 25px;
	letter-spacing: -.40em;
}
#main-contents .summary ul.point-list li {
	display: inline-block;
	width: 33.3333%;
	margin-bottom: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}
#main-contents .summary ul.point-list li>.text {
	display: block;
	padding: 15px;
	background-color: #5B7898;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
#main-contents .summary .item-area {
	padding: 25px;
	background-color: #FFF;
	border: 3px solid #888;
}
#main-contents .item-area h4 {
	color: #FB701C;
}
#main-contents .item-area h4 small {
	display: inline-block;
	margin-left: -5px;
	margin-right: 15px;
}
#main-contents .item-area h4 .note {
	display: inline-block;
	color: #626262;
	font-weight: normal;
}
#main-contents ul.item-list {
	margin-left: -10px;
	letter-spacing: -.40em;
}
#main-contents ul.item-list>li {
	display: inline-block;
	width: 50%;
	margin-bottom: 25px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}
#main-contents .item-box {
	display: table;
	width: 100%;
}
#main-contents .item-box>.pic,
#main-contents .item-box>.text {
	display: table-cell;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: middle;
}
#main-contents .item-box>.text {
	padding-left: 10px;
}
#main-contents .item-box h5,
#main-contents .other-item h5 {
	margin-bottom: 5px;
	margin-left: 1em;
	clear: left;
	font-size: 12px;
	font-weight: bold;
}
#main-contents .item-box h5:before,
#main-contents .other-item h5:before {
	content: "■";
	margin-left: -1em;
	float: left;
}
#main-contents .item-box ul.product-list {
	margin-bottom: 5px;
}
#main-contents .item-box ul.product-list li {
	font-size: 12px;
}
#main-contents .other-item {
	width: 50%;
	padding: 12px;
	border: 1px solid #888;
}
#main-contents .other-item p {
	margin-bottom: 0;
}
#main-contents h6.figure-title {
	margin-top: 35px;
	margin-bottom: 30px;
}
#main-contents .figure-contents {
	margin-bottom: 60px;
}
#main-contents .figure-contents .note {
	display: block;
	margin-top: 10px;
}
#main-contents .col2 {
	margin-left: -20px;
	margin-bottom: 50px;
	letter-spacing: -.40em;
}
#main-contents .col2>.inner {
	display: inline-block;
	width: 50%;
	margin-bottom: 15px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}
#main-contents .border-box {
	padding: 20px;
	border: 8px solid #D6DFEA;
}
#main-contents .border-box a {
	display: block;
	margin-top: 15px;
	padding: 7px 16px 5px 5px;
	background: #5B7898 url(../image/arrow01.png) no-repeat right center;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#main-contents .border-box .pic {
	margin-top: 25px;
}
#main-contents table.professional-table {
	width: 100%;
	margin-bottom: 60px;
	border-left: 1px solid #DEDEDE;
}
#main-contents table.professional-table th,
#main-contents table.professional-table td {
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	text-align: center;
	vertical-align: middle;
}
#main-contents table.professional-table th {
	padding: 10px 15px;
	background-color: #555;
	color: #fff;
}
#main-contents table.professional-table td {
	padding: 15px;
}
#main-contents table.professional-table td.cell-gray {
	background-color: #E7E7E7;
}
#main-contents table.license-table {
	width: 100%;
	border-left: 3px solid #fff;
}
#main-contents table.license-table th,
#main-contents table.license-table td {
	width: 50%;
	padding: 8px 10px 5px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
#main-contents table.license-table th {
	background-color: #b8dfe4;
	font-weight: bold;
}
#main-contents table.license-table td {
	background-color: #E0F2F4;
}
#main-contents table.license-table tr:nth-child(odd) td {
	background-color: #eaf7fa;
}
#main-contents .bundle-model-col2 {
	display: table;
	width: 100%;
}
#main-contents .bundle-model-col2 .pic,
#main-contents .bundle-model-col2 .text {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
#main-contents .bundle-model-col2 .pic {
	width: 80px;
}
#main-contents .bundle-model-col2 .text {
	padding-left: 20px;
}
#main-contents .button-area {
	margin-top: 45px;
	margin-bottom: 50px;
	margin-left: -10px;
	letter-spacing: -.40em;
}
#main-contents .button-area>.inner {
	display: inline-block;
	width: 50%;
	margin-bottom: 15px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	vertical-align: top;
	letter-spacing: normal;
}
#main-contents .button-area a {
	display: block;
	padding: 15px 10px 15px;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
	box-shadow:0px 0px 6px 1px #999;
	-moz-box-shadow:0px 0px 6px 1px #999;
	-webkit-box-shadow:0px 0px 6px 1px #999;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#main-contents .button-area a.btn-green {
	background-color: #299033;
}
#main-contents .button-area a.btn-blue {
	background-color: #36659a;
}

@media screen and (max-width: 799px){

#main-contents h3 br,
#main-contents h4 br,
#main-contents h5 br,
#main-contents h6 br {
	display: none;
}

#main-contents .key .key-body h2 br {
	display: none;
}
#main-contents .key .key-body h2 br.tablet {
	display: inline;
}
#main-contents .key .key-body h2 .inblock {
	display: inline;
	margin-left: 0;
}
#main-contents .key .key-body h2 img {
	margin-top: 10px;
	margin-left: 0;
}
#main-contents .key .key-body p.large {
	margin-left: 0;
	font-size: 24px;
}

#main-contents .summary {
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
#main-contents ul.item-list>li {
	width: 100%;
	margin-bottom: 15px;
}
#main-contents .item-box>.pic {
	width: 100px;
}
#main-contents .other-item {
	width: auto;
}
#main-contents .button-area>.inner {
	width: 100%;
}
#main-contents .button-area a {
	margin-left: 10%;
	margin-right: 10%;
	padding: 20px 10px 15px;
}

}
@media screen and (min-width: 500px) and (max-width: 799px){
#main-contents{
	width:99%;
	margin:0 auto;
	float:none;
}
#sub-contents{
	display:none;
}

img { max-width: 100%; }
img.img100pr { width: 100%; }

#main-contents .key .key-head p.lead {
	font-size: 24px;
}
#main-contents .key .key-body h2 {
	font-size: 36px;
}

#main-contents .summary h3 {
	font-size: 24px;
}
#main-contents .summary ul.point-list li {
	width: 50%;
}
#main-contents .summary ul.point-list li>.text {
	font-size: 18px;
}

}
@media screen and (max-width:499px){
#main-contents{
	width:98%;
	margin:0 1%;
	float:none;
}
#sub-contents{
	display:none;
}

img { max-width: 100%; }
.clearfix img {
	margin-bottom: 10px;
}
.pc { display: none; }
.sp { display: block; }

#main-contents h2 {
	font-size: 22px;
}
#main-contents h3 {
	font-size: 18px;
}
#main-contents h4 {
	font-size: 22px;
}
#main-contents h5 {
	font-size: 18px;
}
#main-contents h6 {
	font-size: 18px;
}

#main-contents .key .key-head p.lead {
	font-size: 20px;
}
#main-contents .key .key-body h2 {
	font-size: 30px;
}
#main-contents .key .key-body p.large {
	font-size: 20px;
}
#main-contents .key .key-body ul li {
	font-size: 16px;
}
#main-contents .key .key-body .key-col2>.inner {
	width: 100%;
}
#main-contents .key .key-body .key-col2>.inner:first-child {
	margin-bottom: 15px;
}

#main-contents .summary {
	padding-left: 15px;
	padding-right: 15px;
}
#main-contents .summary h3 {
	font-size: 22px;
}
#main-contents .summary p.large {
	width: auto;
}
#main-contents .summary ul.point-list li {
	width: 100%;
	margin-bottom: 8px;
}
#main-contents .summary ul.point-list li>.text {
	padding: 10px;
	font-size: 16px;
}
#main-contents .summary .item-area {
	padding-left: 15px;
	padding-right: 15px;
}
#main-contents .item-area h4 small {
	margin-left: 0;
}
#main-contents .col2>.inner {
	width: 100%;
}


}

/*------------------------------
  印刷
------------------------------*/
@media print {
body,
#container,
#contents-area,
#main-contents {
	float: none;
	margin: 0;
	padding: 0;
	width: 700px;
}
#header,
#footer,
#sub-contents,
.topicpath {
	display: none;
}

#main-contents h2 {
	border: 2px solid #000;
	color: #000;
}
#main-contents h3 {
	padding-bottom: 10px;
	border-bottom: 4px solid #000;
}
#main-contents .key .key-body {
	border: 2px solid #000;
}
#main-contents .key .key-body h2 {
	border: none;
}
#main-contents .key .key-body p.large {
	color: #000;
}
#main-contents .key .key-body ul li {
	color: #000;
}
#main-contents .key .key-body .key-col2>p.inner {
	color: #000;
}
#main-contents .key .key-body .key-col2 p.box {
	border: 2px solid #e55100;
	color: #e55100;
}

#main-contents .summary {
	border: 2px solid #F4F4F4;
}
#main-contents .summary ul.point-list li>.text {
	border: 2px solid #5B7898;
	color: #5B7898;
}

#main-contents .border-box a {
	border: 2px solid #5B7898;
	color: #5B7898;
}
#main-contents table.professional-table {
	border-top: 1px solid #DEDEDE;
	page-break-inside: avoid;
}
#main-contents table.professional-table th {
	padding: 10px 15px;
	background-color: #555;
	color: #555;
}
#main-contents table.license-table th {
	border-bottom: 2px solid #b8dfe4;
}
#main-contents table.license-table td {
	border-bottom: 2px solid #E0F2F4;
}
#main-contents table.license-table tr:nth-child(odd) td {
	border-bottom: 2px solid #eaf7fa;
}
#main-contents .button-area a.btn-green {
	border: 2px solid #299033;
	color: #299033;
}
#main-contents .button-area a.btn-blue {
	border: 2px solid #36659a;
	color: #36659a;
}

}