@charset "UTF-8";

/* ====================================================== */
/* [標準スタイル定義]                                     */
/* ====================================================== */
.lp-c07 * {
	margin: 0;
	padding: 0;
	outline: none;
	font: inherit;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;

	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.lp-c07 article,
.lp-c07 aside,
.lp-c07 details,
.lp-c07 figcaption,
.lp-c07 figure,
.lp-c07 footer,
.lp-c07 header,
.lp-c07 hgroup,
.lp-c07 menu,
.lp-c07 nav,
.lp-c07 section,
.lp-c07 summary {
	display: block;
}

.lp-c07 a, .lp-c07 img { border: none; }
.lp-c07 img {
	max-width: 100%;
	vertical-align: middle;
}

.lp-c07 label, .lp-c07 button { cursor: pointer; }

.lp-c07 sup {
	font-size: 54.5%;
	vertical-align: super;
	line-height: normal;
}

.lp-c07 a:hover, 
.lp-c07 input[type="submit"]:hover, .lp-c07 input[type="reset"]:hover, .lp-c07 input[type="button"]:hover, .lp-c07 input[type="image"]:hover, 
.lp-c07 button:hover, .lp-c07 *.button:hover {
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

.lp-c07 a:active, 
.lp-c07 input[type="submit"]:active, .lp-c07 input[type="reset"]:active, .lp-c07 input[type="button"]:active, .lp-c07 input[type="image"]:active, 
.lp-c07 button:active, .lp-c07 *.button:active {
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: 0.5;
}


/* ====================================================== */
/* [汎用クラスの定義]                                     */
/* ====================================================== */

/* float 制御 */
/* ------------------------------------------------------ */
.lp-c07 .clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.lp-c07 .clr { display: inline-block; }
/* no ie mac \*/
* html .lp-c07 .clr { height: 1%; }
.lp-c07 .clr {
display: block;
}
/* */

.lp-c07 *.clear {
	clear: both;
}
.lp-c07 br.clear {
	clear: both;
	display: inline;
}
.lp-c07 div.clear {
	font: 1px/1px sans-serif;
	line-height: 1px;
	height: 1px;
}

.lp-c07 .left {
	float: left;
}
.lp-c07 .right {
	float: right;
}


/* ====================================================== */
/* [各タグスタイル定義]                                   */
/* ====================================================== */
/* テキスト装飾 */
/* ------------------------------------------------------ */
.lp-c07 b *, .lp-c07 *.b, .lp-c07 *.b *, 
.lp-c07 strong *, .lp-c07 *.strong, .lp-c07 *.strong *, 
.lp-c07 h1, .lp-c07 h2, .lp-c07 h3, .lp-c07 h4, .lp-c07 h5, .lp-c07 h6 {
	font-weight: bold;
}

.lp-c07 em { font-weight: normal; }

.lp-c07 p, .lp-c07 li, .lp-c07 dt, .lp-c07 dd, .lp-c07 th, .lp-c07 td {
	font-size: 100%;
	line-height: 165%;
	line-break: strict;

	overflow: hidden;
	text-overflow: ellipsis;
}

.lp-c07 * + ul,
.lp-c07 * + dt,
.lp-c07 * + dd {
	margin-top: 10px;
}
.lp-c07 * + li {
	margin-top: 8px;
}
.lp-c07 * + .layout > li {
	margin-top: 0;
}

.lp-c07 small, .lp-c07 *.small { font-size: 85.75%; }

.lp-c07 .white, .lp-c07 a.white { color: #fff; }

.lp-c07 *.line-through {
	text-decoration: line-through;
}

/* ------------------------------------------------------ */
.lp-c07 img.mkr {
	margin-right: 5px;
	vertical-align: middle;
}


/* リストタグ */
/* ------------------------------------------------------ */
.lp-c07 ul { list-style: none; }

.lp-c07 p.notes, 
.lp-c07 span.notes {
	margin-left: 1.0em !important;
	text-indent: -1.0em !important;
	overflow: visible;
}
.lp-c07 span.notes {
	display: block;
}
.lp-c07 ul.notes li {
	marker-offset: 10px;
	margin-left: 1.0em !important;
	text-indent: -1.0em !important;
	overflow: visible;
}

.lp-c07 p.notes2 {
/*
	margin-left: 1.8em !important;
	text-indent: -1.8em !important;
	overflow: visible;
*/
}


/* 入れ子対策 */
/* ------------------------------------------------------ */
.lp-c07 table, .lp-c07 .table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: none;
}
.lp-c07 th, .lp-c07 td, 
.lp-c07 .th, .lp-c07 .td {
	padding: 0;
	text-align: left;
	vertical-align: top;
}

.lp-c07 ul li p, 
.lp-c07 ol li p {
	font-size: 100%;
}


.lp-c07 .table { display: table; }
.lp-c07 .tr { display: table-row; }
.lp-c07 .td {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

/* ====================================================== */
/* [表示エリア定義]                                       */
/* ====================================================== */
/* body
--------------------------------------------------------- */
html, body { height: 100%; }
body .lp-c07 {
	font-size: 16px;
	color: #333;
}


/* ------------------------------------------------------ */
.lp-c07-wrapper-master {
	min-width: 1080px;
	width: auto !important;
	width: 1080px;
}
.lp-c07-wrapper {
	margin: 0 auto;
	width: 980px;
	text-align: left;
	overflow: visible;
}

#wrapper .lp-c07-wrapper {
	padding: 40px 0;
}


/* ------------------------------------------------------ */
.section-group {
	margin-top: 30px;
}
.section {
	margin-top: 20px;
}
.section-group .section.first,
.section-group > .section:first-child {
	margin-top: 0;
}
.section-sub {
	margin-top: 15px;
}


/* ------------------------------------------------------ */
h2.basic {
	background: #f6f6f6 url(../img_c07/h2_bg.gif) no-repeat 0 center;

	border-style: solid solid solid none;
	border-width: 1px;
	border-color: #e0e0e0;

	margin-top: 60px;
	padding: 10px 10px 8px 35px;
	font-size: 24px;
	font-weight: bold;
	line-height: 136%;
	color: #333;
	display: block;
}
h2.basic.first {
	margin-top: 0;
}


/* ------------------------------------------------------ */
#gHeader {
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 980px !important;
}
#gHeader #headerTxt {
	left: 0px !important;
}


/* ------------------------------------------------------ */
.blindpanel-group {
	background: #f6f6f6 url(../img_c07/blindpanel_group_bg.gif) repeat 0 0;
	border-style: solid none;
	border-width: 1px;
	border-color: #e0e0e0;
	padding: 19px 0;
	text-align: center;
}
.blindpanel-box {
	background-color: #fff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
}
.blindpanel-box .text-group {
	position: relative;
	padding: 10px;
	color: #0f233f;
}
.blindpanel-box ul,
.blindpanel-box li {
	margin-top: 0;
	font-size: 11px;
}
.blindpanel-box ul.link {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
}
.blindpanel-box ul.link li {
	padding-left: 15px;
	display: inline;
}
.blindpanel-box ul.link li:first-child {
	padding-left: 0;
}


/* ------------------------------------------------------ */
.browserIE01,
.browserFF02 {
	display: none;
}


/* ------------------------------------------------------ */
.section-group.information-campaign-banner {
	margin-top: 50px;
}
.information-campaign-banner .text-group {
	position: relative;
	border-style: none solid solid;
	border-width: 2px;
	border-color: #261e56;
	padding: 10px;
	font-size: 11px;
}
.information-campaign-banner .text-group .sample {
	margin: 10px 0;
}

.information-campaign-banner ul,
.information-campaign-banner ul li {
	margin: 0;
}

.information-campaign-banner p.environment {
	margin: 10px 0 0;
}

.information-campaign-banner ul.link {
	text-align: right;
	display: block;
}
.information-campaign-banner ul.link li {
	padding-left: 15px;
	display: inline;
}
.information-campaign-banner ul.link li:first-child {
	padding-left: 0;
}


/* ------------------------------------------------------ */
.section.step-group {
	margin-top: 20px;
}
.section.step-group .step-master-pic {
	width: 390px;
	float: left;
}
.section.step-group .step-master-text {
	width: 560px;
	overflow: visible;
	float: right;
}

.step-detail-group {
	position: relative;
	border: solid 1px #cecece;
	margin-top: 20px;
	padding: 13px;
}
.step-detail-group.first {
	margin-top: 0;
}
.step-detail-group .pic-group {
	width: 159px;
	float: left;
}
.step-detail-group .text-group {
	width: 358px;
	overflow: visible;
	float: right;
}
.step-detail-group .mkr-step {
	position: absolute;
	top: 5px;
	left: -5px;
	z-index: 1;
}


/* ------------------------------------------------------ */
.section.faq-group {
	border: solid 1px #cecece;
	background-color: #f6f6f6;
	margin-top: 40px;
	padding: 9px;
}
.faq-detail-group {
	background-color: #fff;
	margin-top: 9px;
	padding: 20px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}
.faq-detail-group.first {
	margin-top: 0;
}

.faq-detail-group p {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 45px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}
.faq-detail-group p.question {
	background-image: url(../img_c07/icon_question.gif);
	font-size: 20px;
	font-weight: bold;
}
.faq-detail-group p.answer {
	background-image: url(../img_c07/icon_answer.gif);
	margin-top: 10px;
	padding-top: 5px;
	font-size: 16px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}


/* ------------------------------------------------------ */
.section.clum2-pictext {
	margin-top: 30px;
}
.section.clum2-pictext.first {
	margin-top: 40px;
}
.clum2-pictext h3 {
	font-size: 20px;
	font-weight: bold;
}
.clum2-pictext p {
	margin-top: 15px;
}
.clum2-pictext .pic-group {
	position: relative;
	overflow: visible;
	width: 280px;
	float: left;
}
.clum2-pictext .text-group {
	width: 670px;
	float: right;
}

.clum2-pictext .mkr-newfeature {
	position: absolute;
	top: -13px;
	left: -14px;
	z-index: 1;
}


/* ------------------------------------------------------ */
.section.notes-group {
	border: solid 1px #cecece;
	background-color: #f6f6f6;
	margin-top: 40px;
	padding: 9px;
	font-size: 11px;
}
.section.notes-group a {
	color: #000;
}



.stepmaster_pic02 {
}

.infobox {
padding: 1em;
}

.cam_term{
	text-align:center;
	font-size:18px !important;
	color:#F7246B;
	margin-bottom:10px
}