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

*{
	font-size:100%;
	padding:0;
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	＞font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    _font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
/* 基本スタイル */
img,fieldset,iframe {
	border:none;
}
ul,ol,li {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
embed,object {
	vertical-align:top;
}
input, button, textarea, select {
	-webkit-appearance: none;
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
    ＞font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
    _font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
.customSelect {
	padding:4%;
	width:70%;
	line-height:26px;
	background-color:#fff;
	border:1px solid #D9D9D9;
	-moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari and Chrome */
    border-radius:5px;
}
.customSelectInner {
	width:100% !important;
	background: url(../img/arrow.png) no-repeat center right;
	background-size:30px 30px;
}
/* 以下汎用クラス */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

/* Html
==================== */
html{
	width:100%;
	height:auto !important;
	height:100%;
	min-width:1000px;
	min-height:100%;
	overflow-y:scroll;
	background-color:#ECF0F1;
}
/* Body
==================== */
body{
	color:#303D5A;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing:antialiased;
}
/* Img
==================== */
img {
	vertical-align:bottom;
	display:block;
}

/* Link
==================== */
a{
	color:#303D5A;
	text-decoration:none;
	outline:none;
	-moz-transition:color 0.1s linear;
	-webkit-transition:color 0.1s linear;
	-ms-transition:color 0.1s linear;
	-o-transition:color 0.1s linear;
	transition:color 0.1s linear;
}
a:hover,a:active{
	color:#00A0C6;
}
a:visited{
}
a:focus{
	text-decoration:none;
}

p {
}
/* em
==================== */
h4 em {
	font-weight:bold;
	border-bottom:2px solid #FF8B00;
}
li em {
	background:#FFC580;
}
p em {
	background:#FFC580;
}

/* Header
==================== */
#Header{
	background-color:#2B304A;
	height:60px;
}
.HaederContents {
	width:960px;
	margin:0px auto;
}
.Logo {
	width:106px;
	height:38px;
	background:url(../img/logo-pc.png) no-repeat top left;
	background-size:106px 38px;
	float:left;
	margin-top:11px;
}
.Logo a {
	display:block;
	width:106px;
	height:38px;
	text-indent:-119988px;
}
#GlobalNavi {
	float:right;
}
#GlobalNavi ul {
}
#GlobalNavi ul li {
	float:left;
	line-height:60px;
	margin-left:20px;
	font-size:81.25%;
}
#GlobalNavi ul li a {
	color:#fff;
	letter-spacing:.1em;
	display:block;
	-webkit-font-smoothing:antialiased;
}
#GlobalNavi ul li a:hover {
	color:#00A0C6;
}
#GlobalNavi ul li a.Active {
}
.HeaderContact {
	float:right;
	margin-left:10px;
}
.HeaderContact a {
	margin-top:10px;
	font-size:93.75%;
	display:block;
	width:100px;
	text-align:center;
	color:#FFF;
	height:40px;
	line-height:40px;
	background-color:#FF8B00;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.HeaderContact a:hover {
	background-color:#eb8500;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.HeaderOrder {
	float:right;
	margin-left:20px;
}
.HeaderOrder a {
	margin-top:10px;
	font-size:93.75%;
	display:block;
	width:100px;
	text-align:center;
	color:#FFF;
	height:40px;
	line-height:40px;
	background-color:#EE4E42;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.HeaderOrder a:hover {
	background-color:#DA3A2E;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.MenuBlock {
	display:none;
}
#MenuList {
	display:none;
}
/* Footer
==================== */
#Footer {
	background-color:#222524;
}
.FooterContents {
	width:960px;
	margin:0px auto;
	padding:30px 0px;
}
#FooterNavi {
}
#FooterNavi ul {
	text-align:center;
	font-size:0px;
}
#FooterNavi ul li {
	display:inline-block;
	margin:0px 20px;
}
#FooterNavi ul li a {
	color:#FFF;
	font-size:14px;
	letter-spacing:.1em;
}
#FooterNavi ul li a:hover {
	color:#00A0C6;
}
p.Copyright {
	text-align:center;
	font-family: 'Karla', sans-serif;
	font-size:75%;
	color:#fff;
	margin-top:40px;
}

/* トップページ
==================== */

/* トップページ（メインコンテンツ）
==================== */
#MV {
	width:100%;
	min-height:435px;
	display:table;
	background:url(../img/MV.jpg) bottom center;
	-webkit-background-size:cover;
	overflow:hidden;
}
.MVInner {
	width:960px;
	height:435px;
	margin:0px auto;
	position:relative;
}
.MVInnerText {
	position:absolute;
	top:70px;
	left:0px;
}
.MVInner h1 {
	color:#FFF;
	font-size:168.75%;
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
}
.MVInner p {
	color:#FFF;
	letter-spacing:.1em;
	line-height:1.8em;
	-webkit-font-smoothing:antialiased;
	margin-top:1em;
	margin-bottom:1.5em;
}
.MVInner a {
	display:inline-block;
	background-color:#00A0C6;
	text-align:center;
	color:#fff;
	width:230px;
	height:60px;
	line-height:60px;
	moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari and Chrome */
	border-radius:4px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
	font-size:112.5%;
}
.MVInner a:hover {
	background-color:#fff;
	color:#00A0C6;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.MVInnerContents {
	background:url(../img/MV-contents.png) top left;
	background-size:840px 435px;
	width:840px;
	height:435px;
	position:absolute;
	bottom:0px;
	left:350px;
}
/* トップページ（ニュース）
==================== */
.NewsTop {
	background-color:#3C445F;
	height:60px;
}
.NewsTop .Inner {
	width:960px;
	margin:0px auto;
}
.NewsTop .Inner p {
	font-size:87.5%;
	color:#FFF;
	line-height:60px;
}
.NewsTop .Inner p a {
	font-size:20px;
	color:#00A0C6;
	margin-left:20px;
}
.NewsTop .Inner p a:hover {
	color:#FFF;
}
.NewsTop .Inner p a i {
	margin-left:10px;
	color:#FFF;
}
/* トップページ（レプスとは）
==================== */
.Lepus {
	background-color:#E6F7F5;
}
.Lepus .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
}
.LepusFigure {
	background: url(../img/lepus-figure.png) no-repeat top left;
	background-size:453px 282px;
	width:453px;
	height:282px;
	float:left;
}
.LepusText {
	float:right;
	width:450px;
}
.LepusText h2 {
	font-size:137.5%;
	color:#00A0C6;
	margin-bottom:15px;
	font-weight:normal;
}
.LepusText p {
	line-height: 1.8em;
	text-align: justify;
}

/* トップページ（こんな用途）
==================== */
.ServiceUse {
	background-color:#E1E0D8;
}
.ServiceUse .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
}
.ServiceUse .Inner h2 {
	text-align:center;
	margin-bottom:60px;
	font-size:200%;
	font-weight:normal;
}
.ServiceUse .Inner ul {
}
.ServiceUse .Inner ul li {
	float:left;
	width:195px;
	margin-right:60px;
	text-align:center;
}
.ServiceUse .Inner ul li:last-child {
	margin-right:0px;
}
.ServiceUse .Inner ul li .ServiceUseIcon1 {
	background: url(../img/service-use-icon1.png) no-repeat top left;
	background-size:195px 195px;
	width:195px;
	height:195px;
}
.ServiceUse .Inner ul li .ServiceUseIcon2 {
	background: url(../img/service-use-icon2.png) no-repeat top left;
	background-size:195px 195px;
	width:195px;
	height:195px;
}
.ServiceUse .Inner ul li .ServiceUseIcon3 {
	background: url(../img/service-use-icon3.png) no-repeat top left;
	background-size:195px 195px;
	width:195px;
	height:195px;
}
.ServiceUse .Inner ul li .ServiceUseIcon4 {
	background: url(../img/service-use-icon4.png) no-repeat top left;
	background-size:195px 195px;
	width:195px;
	height:195px;
}
.ServiceUse .Inner ul li p {
	margin-top:20px;
	min-height:5.5em;
}
.ServiceUse .Inner ul li a {
	display:inline-block;
	width:135px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background-color:#3C445F;
	font-size:93.75%;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.ServiceUse .Inner ul li a:hover {
	background-color:#2B304A;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
/* トップページ（使い方）
==================== */
.Example {
}
.Example .Inner {
	width:960px;
	padding:60px 0;
	padding-bottom:120px;
	margin:0px auto;
}
.Example .Inner h2 {
	text-align:center;
	margin-bottom:60px;
	font-size:200%;
	font-weight:normal;
}
.ExampleBlock {
	margin-bottom:120px;
}
.ExampleBlock:last-child {
	margin-bottom:0px;
}
.ExampleBlock h3 {
	background-color:#FFF3E5;
	border:1px solid #FF8B00;
	color:#FF8B00;
	font-weight:normal;
	text-align:center;
	font-size:150%;
	height:60px;
	line-height:60px;
	moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari and Chrome */
	border-radius:4px;

}
.ExampleBlockInner {
	margin-top:60px;
}
.ExampleBlockInnerLeft {
	float:left;
	width:380px;
}
.ExampleIcon1 {
	width:380px;
	height:380px;
	background: url(../img/example-icon1.png) no-repeat top left;
	background-size:380px 380px;
}
.ExampleIcon2 {
	width:380px;
	height:380px;
	background: url(../img/example-icon2.png) no-repeat top left;
	background-size:380px 380px;
}
.ExampleIcon3 {
	width:380px;
	height:380px;
	background: url(../img/example-icon3.png) no-repeat top left;
	background-size:380px 380px;
}
.ExampleIcon4 {
	width:380px;
	height:380px;
	background: url(../img/example-icon4.png) no-repeat top left;
	background-size:380px 380px;
}
.ExampleBlockInnerRight {
	float:right;
	width:520px;
}
.ExampleBlockInnerLeft h4 {
	font-size:125%;
	font-weight: normal;
	text-align:center;
	margin-top:20px;
	color:#00A0C6;
}
.ExampleBlockInnerRight {
	font-size:112.5%;
}
.ExampleBlockInnerRight h5 {
	background-color:#66C6DD;
	color:#FFF;
	height:40px;
	line-height:40px;
	padding-left:10px;
	margin-bottom:10px;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
}
.ExampleBlockInnerRight ul {
	margin-bottom:20px;
}
.ExampleBlockInnerRight ul:last-child {
	margin-bottom:0px;
}
.ExampleBlockInnerRight ul li {
	margin-bottom:10px;
	position:relative;
	margin-left:25px;
}
.ExampleBlockInnerRight ul li i {
	color:#00A0C6;
	position:absolute;
	line-height:1.5;
	top:0px;
	left:-25px;
}
.ExampleBlockInnerRight ul li i.Number {
	font-style:normal;
}

/* 共通コンタクト
==================== */
.ContactCommon {
	background-color:#2B304A;
	color:#FFF;
}
.ContactCommon .Inner {
	width:960px;
	margin:0px auto;
	padding:40px 0px;
	text-align:center;
}
.ContactCommon .Inner h2 {
	text-align:center;
	margin-bottom:10px;
	font-size:200%;
	font-weight:normal;
}
p.ContactCommonText {
	font-size:87.5%;
}
.ContactCommon .Inner a {
	margin:20px 0px;
	display:inline-block;
	text-align:center;
	color:#fff;
	background-color:#FF8B00;
	width:400px;
	height:60px;
	line-height:60px;
	moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari and Chrome */
	border-radius:4px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
	font-size:112.5%;
}
.ContactCommon .Inner a:hover {
	background-color:#eb8500;
	color:#FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
p.ContactCommonTelNumber {
	font-family: 'Karla', sans-serif;
	font-size:187.5%;
	font-weight:700;
	line-height:1em;
	padding-left:25px;
	display:inline-block;
	background: url(../img/icon-tel.png) no-repeat left 5px;
	background-size:20px 20px;
	margin-bottom:10px;
}
p.ContactCommonTelTime {
	font-size:87.5%;
}
p.ContactCommonTelTime span {
	font-weight:bold;
}
/* 下層ページ */
h1.PageTitle {
	background-color:#3C445F;
	text-align:center;
	font-size:200%;
	font-weight:normal;
	color:#FFF;
	padding:20px 0px;
}
.UnderInner {
	background-color:#ECF0F1;
	width:960px;
	margin:0px auto;
	padding:60px 0px;
	padding-bottom:120px;
}

/* サービス概要 */
.ServiceContantsBlock {
	margin-bottom:90px;
}
.ServiceContantsBlock:last-child {
	margin-bottom:0px;
}
.ServiceContantsBlockImg {
	width:280px;
	height:172px;
	float:left;
	margin-right:30px;
}
.ServiceContantsBlockImg.right {
	float:right;
	margin-right:0px;
	margin-left:30px;
}
.ServiceContantsBlock h2 {
	font-size:150%;
	color:#00A0C6;
	font-weight:normal;
	margin-bottom:15px;
}
.ServiceContantsBlock p {
	line-height:1.8em;
}
.ServiceContantsBlock p a {
	color: #00A0C6;
}
.ServiceContantsBlock p a:hover {
	text-decoration: underline;
}

/* 導入事例 */
.CaseContantsBlock {
	position:relative;
	margin-bottom:90px;
}
.CaseContantsBlock:last-child {
	margin-bottom:0px;
}
.CaseContantsBlockData {
	width:210px;
	margin-right:90px;
	position:absolute;
}
.CaseContantsBlockData h2 {
	line-height:1em;
	margin-top:30px;
	margin-bottom:10px;
}
.CaseContantsBlockData p.Client {
	font-size:75%;
	line-height:1em;
}
.CaseContantsBlockData a, .CaseLink a {
	margin-top:30px;
	font-size:75%;
	display:block;
	letter-spacing:.1em;
	width:100%;
	text-align:center;
	color:#FFF;
	height:40px;
	line-height:40px;
	background-color:#303D5A;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.CaseContantsBlockData a:hover, .CaseLink a:hover {
	background-color:#00A0C6;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.CaseLink {
	display:none;
}
.CaseContantsBlockText {
	margin-left:310px;
}
.CaseContantsBlock p {
	line-height:1.8em;
}
ul.CaseContantsBlockImg {
	font-size:0px;
	margin-top:30px;
}
ul.CaseContantsBlockImg li {
	display:inline-block;
	vertical-align:middle;
}
ul.CaseContantsBlockImg li.Case1-1 {
}
ul.CaseContantsBlockImg li.Case1-2 {
}
ul.CaseContantsBlockImg li.Case1-3 {
}
ul.CaseContantsBlockImg li.Case1-4 {
	margin-left:10px;
}
ul.CaseContantsBlockImg li.Case2-1 {
	margin-right:13px;
}
ul.CaseContantsBlockImg li.Case2-2 {
	margin-right:13px;
}
ul.CaseContantsBlockImg li.Case2-3 {
	margin-right:13px;
}
ul.CaseContantsBlockImg li.Case2-4 {
	margin-right:14px;
}
ul.CaseContantsBlockImg li.Case3-1 {
	margin-right:12px;
}
ul.CaseContantsBlockImg li.Case3-2 {
	margin-right:12px;
}
ul.CaseContantsBlockImg li.Case3-3 {
	margin-right:12px;
}
.CaseContantsBlockImgSP {
	display:none;
}
/* 機能紹介 */
.FunctionContants {
}
.FunctionContants table {
	width:100%;
	background-color:#FFF;
	border-left:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
}
.FunctionContants table th {
	background-color:#F2FAFC;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:20px;
	text-align:left;
	color:#00A0C6;
	font-weight:bold;
}
.FunctionContants table td {
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:20px;
	width:640px;
}
.FunctionContants table td p {
	margin-left:1em;
	font-size:87.5%;
	margin-top:10px;
}
.FunctionContants table td span {
	text-align:center;
	display:block;
	margin-top:30px;
	margin-bottom:10px;
}
.FunctionContants table td i {
	color:#00A0C6;
	margin-right:.25em;
}
.FunctionContants table td span img {
	display:inline-block;
}
.FunctionContants table.FunctionTableSP {
	display:none;
}
/* ニュース一覧 */
.NewsContants {
}
.PaginationText {
	text-align:center;
	margin-bottom:60px;
}
.NewsContants dl {
	border-bottom:1px solid #D9D9D9;
}
.NewsContants dt, .NewsContants dd {
	padding:30px 0px;
}
.NewsContants dt {
	border-top:1px solid #D9D9D9;
	clear:left;
	float:left;
	width:220px;
	font-size:87.5%;
}
.NewsContants dd {
	border-top:1px solid #D9D9D9;
	margin-left:220px;
}
.NewsContants dd a {
	text-decoration:underline;
}
.NewsContantsBlock ul {
	font-size:0px;
	text-align:center;
	margin-top:30px;
}
.NewsContantsBlock ul li {
	display:inline-block;
	font-size:14px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin:0px 5px;
}
.NewsContantsBlock ul li a {
	border:1px solid #D9D9D9;
	background-color:#FFF;
	display:block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
	font-size:112.5%;
	font-size:14px;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
}
.NewsContantsBlock ul li a:hover {
	background-color:#00A0C6;
	border:1px solid #00A0C6;
	color:#FFF;
}
.NewsContantsBlock ul li.active {
	background-color:#00A0C6;
	border:1px solid #00A0C6;
	color:#FFF;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
}
/* ニュース */
p.NewsDate {
	float:left;
	font-size:87.5%;
}
.NewsContantsText {
	border-bottom:1px solid #D9D9D9;
	padding-bottom:60px;
}
.NewsContantsTextBlock {
	float:right;
	width:740px;
}
.NewsContantsTextBlock h2 {
	font-size:150%;
	margin-bottom:30px;
	font-weight:normal;
	color:#00A0C6;
}
.NewsContantsTextBlock p {
	line-height:1.8em;
}
.NewsSection {
	position:relative;
	text-align:center;
	margin-top:30px;
}
.NewsSection p {
	display:inline-block;
}
.NewsSection a {
	font-size:93.75%;
	display:block;
	letter-spacing:.1em;
	width:140px;
	text-align:center;
	color:#FFF;
	height:40px;
	line-height:40px;
	background-color:#00A0C6;
	moz-border-radius:2px; /* Firefox */
	-webkit-border-radius:2px; /* Safari and Chrome */
	border-radius:2px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.NewsSection a:hover {
	background-color:#0891b0;
}
.NewsSection p.prev {
	position:absolute;
	top:0px;
	left:0px;
}
.NewsSection p.prev i {
	margin-right:10px;
}
.NewsSection p.next {
	position:absolute;
	top:0px;
	right:0px;
}
.NewsSection p.next i {
	margin-left:10px;
}
/* LepusLight */
.LepusLight {
	background-color:#00A0C6;
}
.LepusLightInner {
	width:960px;
	height:310px;
	background: url(../img/bg-gear.png) no-repeat center top;
	background-size:1200px 310px;
	margin:0px auto;
	position:relative;
}
.LepusLightText {
	position:absolute;
	top:60px;
	left:0px;
	color:#FFF;
}
.LepusLightText h3 {
	font-size:200%;
	line-height:1em;
	font-weight:normal;
}
.LepusLightText p {
	line-height:1.8em;
	margin-top:20px;
}
.LepusLightImg {
	position:absolute;
	top:0px;
	right:0px;
}
td.LepusLightSpeed {
	text-align: left;
}
td.LepusLightSpeed span {
	margin-left: 0.5em;
}
.OrderTop {
	width:960px;
	margin:0px auto;
}
.OrderTop p {
	float:left;
	font-size:162.5%;
	font-weight:bold;
	line-height:1em;
	margin-top:37px;
}
.OrderTop a {
	display:block;
	float:right;
}
.OrderTop a {
	margin:20px 0px;
	display:block;
	text-align:center;
	color:#fff;
	background-color:#EE4E42;
	width:470px;
	height:60px;
	line-height:60px;
	moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari and Chrome */
	border-radius:4px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
	font-size:112.5%;
}
.OrderTop a:hover {
	background-color:#DA3A2E;
	color:#FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.LepusLightMenu {
	background-color:#E1E0D8;
}
.LepusLightMenu ul {
	width:960px;
	margin:0px auto;
}
.LepusLightMenu ul li {
	float:left;
	width:320px;
	text-align:center;
}
.LepusLightMenu ul li a {
	display:block;
	text-align:center;
	line-height:1em;
	margin:40px 0px;
}
.LepusLightMenu ul li a:hover {
	color:#303D5A;
}
.LepusLightMenu ul li a img {
	display:inline-block;
	margin-bottom:20px;
}
.Grade {
	background-color:#3C445F;
	color:#FFF;
}
.Grade .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
}
.Grade .Inner h2 {
	text-align: center;
    margin-bottom: 60px;
    font-size: 200%;
    font-weight: normal;
}
.Grade .Inner p {
	line-height:1.8em;
}
p.GradeOverview {
	text-align:center;
}
.GradeTable {
	margin-top:40px;
}
.GradeTable table {
	width:100%;
	text-align:center;
}
.GradeTable table tr th {
	background-color:#33B3D1;
	border-right:1px solid #469dba;
	border-bottom:1px solid #469dba;
	vertical-align:middle;
	padding:20px 0px;
	font-weight:bold;
}
.GradeTable table tr td {
	border-right:1px solid #c0c1c0;
	border-bottom:1px solid #c0c1c0;
	background-color:#E1E0D8;
	color:#303D5A;
	vertical-align:middle;
	line-height:1em;
	padding:20px 0px;
}
.GradeTable table tr.Trial td {
	background-color:#D9F1F6;
}
.GradeTable p {
	line-height:1em;
	font-size:75%;
	text-align:right;
	margin-top:10px;
}
.Grade h3 {
	background-color:#00A0C6;
	text-align:center;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	margin-top:40px;
	font-size:112.5%;
}
.GradeClassBlock {
	width:306px;
	float:left;
	text-align:center;
	margin-right:21px;
	background-color:#E1E0D8;
	moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and Chrome */
	border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
}
.GradeClassBlock:last-child {
	margin-right:0px;
}
.GradeClassBlock h4 {
	text-align:center;
	height:60px;
	line-height:60px;
	font-size:125%;
	moz-border-radius:5px 5px 0px 0px; /* Firefox */
	-webkit-border-radius:5px 5px 0px 0px; /* Safari and Chrome */
	border-radius:5px 5px 0px 0px;
	behavior: url(border-radius.htc); /* IE */
}
.GradeClassBlock:first-child h4 {
	background-color:#E07672;
}
.GradeClassBlock:nth-child(2) h4 {
	background-color:#5996CC;
}
.GradeClassBlock:last-child h4 {
	background-color:#BB7CD6;
}
.GradeClassBlock img {
	display:inline-block;
}
.GradeClassBlock p {
	color:#303D5A;
	margin:0px 30px;
	line-height:1.5em !important;
}
.GradeClassBlock a {
	margin:30px;
	margin-top:20px;
	display:block;
	text-align:center;
	color:#fff;
	background-color:#EE4E42;
	height:50px;
	line-height:50px;
	moz-border-radius:3px; /* Firefox */
	-webkit-border-radius:3px; /* Safari and Chrome */
	border-radius:3px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
}
.GradeClassBlock a:hover {
	background-color:#DA3A2E;
	color:#FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.GradeSupport {
	margin-top:20px;
}
.GradeSupportBlock {
	float:left;
	width:470px;
	height:190px;
	display:table;
	background-color:#E1E0D8;
	moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and Chrome */
	border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
}
.GradeSupportBlock:first-child {
	margin-right:20px;
}
.GradeSupportBlockLeft {
	display:table-cell;
	vertical-align:middle;
	width:150px;
	text-align:center;
	moz-border-radius:5px 0px 0px 5px; /* Firefox */
	-webkit-border-radius:5px 0px 0px 5px; /* Safari and Chrome */
	border-radius:5px 0px 0px 5px;
	behavior: url(border-radius.htc); /* IE */
}
.GradeSupportBlockLeft img {
	display:inline-block;
}
.GradeSupportBlockLeft span {
	display:block;
	line-height:1em;
	margin-top:10px;
}
.GradeSupportBlock:first-child .GradeSupportBlockLeft {
	background-color:#66C6DD;
}
.GradeSupportBlock:last-child .GradeSupportBlockLeft {
	background-color:#00A0C6;
}
.GradeSupportBlockRight {
	display:table-cell;
	vertical-align:middle;
	color:#303D5A;
	font-size:87.5%;
}
.GradeSupportBlock:first-child .GradeSupportBlockRight {
	text-align:center;
}
.GradeSupportBlock:last-child .GradeSupportBlockRight {
	padding:20px;
}
.GradeSupportBlockRight ul {
	margin:10px 0px;
}
.GradeSupportBlockRight ul li {
	list-style-type:disc;
	margin-left:1em;
}
.LepusLightFunction {
	background-color:#E6F7F5;
}
.LepusLightFunction .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
}
.LepusLightFunction .Inner h2 {
	text-align:center;
    margin-bottom:60px;
    font-size:200%;
    font-weight:normal;
}
.LepusLightFunctionContents {
}
.LepusLightFunctionContents img {
	float:left;
	margin-right:30px;
}
.LepusLightFunctionContents p {
	line-height:1.8em;
}
.Difference {
	background-color:#E1E0D8;
}
.Difference .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
}
.Difference .Inner h2 {
	text-align:center;
    margin-bottom:60px;
    font-size:200%;
    font-weight:normal;
}
.DifferenceContents {
}
.DifferenceContents p {
	float:left;
	line-height:1.8em;
	width:380px;
}
.DifferenceChart {
	float:right;
	width:540px;
}
.DifferenceChart table {
	width:100%;
	line-height:1em;
}
.DifferenceChart table tr th {
	text-align:center;
	vertical-align:middle;
	background-color:#303D5A;
	moz-border-radius:5px 0px 0px 0px; /* Firefox */
	-webkit-border-radius:5px 0px 0px 0px; /* Safari and Chrome */
	border-radius:5px 0px 0px 0px;
	behavior: url(border-radius.htc); /* IE */
}
.DifferenceChart table tr th:last-child {
	background-color:#222524;
	moz-border-radius:0px 5px 0px 0px; /* Firefox */
	-webkit-border-radius:0px 5px 0px 0px; /* Safari and Chrome */
	border-radius:0px 5px 0px 0px;
	behavior: url(border-radius.htc); /* IE */
}
.DifferenceChart table tr td {
	text-align:center;
	vertical-align:middle;
	background-color:#E9E9E9;
}
.DifferenceChart table tr td:last-child {
	background-color:#D6D8DE;
}
.DifferenceChart table tr td.DifferenceChartTitle {
	background-color:#ACB1BD;
	color:#303D5A;
	height:30px;
	line-height:1em;
	font-size:87.5%;
	font-weight:bold;
}
.OrderBottom {
	background-color:#00A0C6;
	color:#FFF;
}
.OrderBottom .Inner {
	width:960px;
	padding:60px 0;
	margin:0px auto;
	text-align:center;
}
.OrderBottom .Inner h2 {
	text-align:center;
    margin-bottom:20px;
    font-size:200%;
    font-weight:normal;
}
.OrderBottom .Inner p {
	text-align:center;
	line-height:1.8em;
}
.OrderBottom a {
	margin-top:40px;
	display:inline-block;
	text-align:center;
	color:#fff;
	background-color:#EE4E42;
	width:400px;
	height:60px;
	line-height:60px;
	moz-border-radius:4px; /* Firefox */
	-webkit-border-radius:4px; /* Safari and Chrome */
	border-radius:4px;
	behavior: url(border-radius.htc); /* IE */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	letter-spacing:.1em;
	font-size:112.5%;
}
.OrderBottom a:hover {
	background-color:#DA3A2E;
	color:#FFF;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
/* お問い合わせ */
.ContactText {
	text-align:center;
	line-height:1.8em;
}
.ContactTel {
	text-align:center;
	margin-top:30px;
}
.ContactTel p.ContactCommonTelNumber {
	background: url(../img/icon-tel2.png) no-repeat left 5px;
	background-size:20px 20px;
}
.ContactContantsBlock {
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	margin:30px 0px;
	padding:30px 0px;
}
.ContactContantsBlockInner {
	width:620px;
	margin:0px auto;
}
.ContactContantsBlock dl {
	font-size: 0px;
}
.ContactContantsBlock dl dt {
	width:210px;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	padding:20px 0px;
}
.ContactContantsBlock dl dd {
	width:410px;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	padding:20px 0px;
}
.ContactContantsBlock dl dd p {
	font-size:87.5%;
	margin-top:10px;
}
.ContactContantsBlock dl dd textarea {
    border:1px solid #D9D9D9;
	background-color:#fff;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari and Chrome */
    border-radius:5px;
    padding:4%;
    width:92%;
    height:250px;
}
.ContactContantsBlock dl dd input[type="text"], .ContactContantsBlock dl dd input[type="tel"], .ContactContantsBlock dl dd input[type="email"] {
    border:1px solid #D9D9D9;
	background-color:#fff;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari and Chrome */
    border-radius:5px;
    padding:4%;
    width:92%;
}
.ContactContantsBlock dl dd input[type="text"].PostalCode {
	width:20%;
}
.ContactContantsBlock dl dd input[type="radio"] {
    display:none;
}
/*
label {
    display:inline-block;
    position:relative;
    cursor:pointer;
    padding:0px 30px;
    border-radius:2px;
    text-align:center;
    line-height:1;
}
label:before {
    position:absolute;
    content:"";
    top:50%;
    left:-12px;
    width:22px;
    height:22px;
    margin-top:-12px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    margin-left:12px;
}
input[type="radio"]:checked + label:after {
    position:absolute;
    content:"";
    top:50%;
    left:6px;
    width:12px;
    height:12px;
    margin-top:-6px;
    border-radius:50%;
    background:#333;
}
*/
.PostalCodeHyphen {
	margin:0px 10px;
}
.red {
	color:#F50900;
}
.ContactContantsBlockInner .info {
	text-align:center;
	line-height:1.8em;
	margin-bottom:30px;
}
.ContactContantsBlockInner #error {
	font-size:87.5%;
	line-height:1.8em;
	text-align:center;
	margin-bottom:30px;
}
.ContactContantsBlockInner #error p {
	color:#F50900;
	font-weight:bold;
}
.ContactContantsBlockInner input[type="submit"] {
	border:none;
	font-size:93.75%;
    display:block;
    letter-spacing:.1em;
    width:140px;
    text-align:center;
    color:#FFF;
    height:40px;
    line-height:40px;
    background-color:#00A0C6;
    moz-border-radius:2px; /* Firefox */
    -webkit-border-radius:2px; /* Safari and Chrome */
    border-radius:2px;
    behavior: url(border-radius.htc); /* IE */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
	margin:0px auto;
	margin-top:40px;
	margin-bottom:30px;
}
.ContactContantsBlockInner input[type="submit"]:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	background-color:#0891b0;
}
.ContactContantsBlockInner input[type="submit"].back {
	border:none;
	font-size:93.75%;
    display:block;
    letter-spacing:.1em;
    width:140px;
    text-align:center;
    color:#FFF;
    height:40px;
    line-height:40px;
    background-color:#3C445F;
    moz-border-radius:2px; /* Firefox */
    -webkit-border-radius:2px; /* Safari and Chrome */
    border-radius:2px;
    behavior: url(border-radius.htc); /* IE */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
	margin:0px auto;
	margin-top:0px;
	margin-bottom:30px;
}
.ContactContantsBlockInner input[type="submit"]:hover.back {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	background-color:#2B304A;
}
ul.InfoBottom {
}
ul.InfoBottom li {
	font-size:75%;
	line-height:1.8em;
	list-style-position:inside;
}
.ContactContants h3 {
	text-align:center;
	font-size:125%;
	margin-bottom:60px;
}
a.ContactContantsBack {
	font-size:93.75%;
    display:block;
    letter-spacing:.1em;
    width:140px;
    text-align:center;
    color:#FFF;
    height:40px;
    line-height:40px;
    background-color:#3C445F;
    moz-border-radius:2px; /* Firefox */
    -webkit-border-radius:2px; /* Safari and Chrome */
    border-radius:2px;
    behavior: url(border-radius.htc); /* IE */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
	margin:0px auto;
	margin-top:60px;
}
a.ContactContantsBack:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	background-color:#2B304A;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}
.Notes {
	margin:0px -170px;
	margin-top:40px;
}
.Notes h3 {
	text-align:left;
	margin-bottom:10px;
	font-size:100%;
}
.NotesBlock {
	height:300px;
	overflow-x:scroll;
	border:1px solid #D9D9D9;
    background-color:#fff;
	font-size:87.5%;
	padding:40px;
}
.NotesBlock h4 {
	margin-bottom:10px;
}
.NotesBlock p {
	margin-bottom:10px;
}
.NotesBlock ul {
	margin-bottom:40px;
}
.NotesBlock ul:last-child {
	margin-bottom:0px;
}
.NotesBlock ul li {
	list-style-type:disc;
	margin-left:1em;
	margin-bottom:10px;
}
.NotesBlock a {
	color:#00A0C6;
}
.NotesBlock a:hover {
	text-decoration:underline;
}
/* 汎用てきなもの
================================================== */
input[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type="checkbox"] + span {
  position:relative;
  padding:0 30px 0 35px;
}
/*  DEMO 01 CHECKBOX */
.Box {
	background-color:#fff;
	padding:20px;
	text-align:center;
	margin-top:40px;
}
.Box .BoxInner:nth-of-type(1) label input[type="checkbox"] + span::before {
  border-color: #00A0C6;
}
.Box .BoxInner:nth-of-type(1) label input[type="checkbox"]:checked + span::before {
  background-color: #00A0C6;
}
.Box label span {
  display: inline-block;
  font-size:75%;
  line-height:22px;
}
.Box label input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.Box label input[type="checkbox"] + span::before, .Box label input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.Box label input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: 22px;
  height: 22px;
  border: 2px #616161 solid;
  border-radius: 5px;
}
.Box label input[type="checkbox"] + span::after {
  z-index: 1;
  margin: 5px 8px;
  width: 6px;
  height: 9px;
}
.Box label input[type="checkbox"]:checked + span::before {
  background-color: #616161;
}
.Box label input[type="checkbox"]:checked + span::after {
  border: 2px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
/* アップデート情報
================================================== */
.UpdateContants {
}
.UpdateContants table {
	width:100%;
	background-color:#FFF;
	border-left:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	margin-bottom:40px;
}
.UpdateContants table th {
	background-color:#F2FAFC;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:20px;
	text-align:left;
	color:#00A0C6;
	font-weight:bold;
	vertical-align:middle;
	font-size:112.5%;
}
.UpdateContants table td {
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:20px;
	vertical-align:middle;
	font-size:87.5%;
}
.UpdateContants table td:first-child {
	width:30%;
	font-weight:bold;
}
.UpdateBlock {
	margin-bottom:60px;
}
.UpdateBlock h2 {
	font-size:150%;
    color:#00A0C6;
    font-weight:normal;
    margin-bottom:15px;
}
.UpdateBlock h3 {
    margin-bottom:5px;
}

/* CSS Rollover */
a.Roll {
  transition-property:opacity;
  transition-duration:0.1s;
  display:block;
}
a:hover.Roll {
  opacity:0.6;
  filter:alpha(opacity=60);
}
a:hover.Roll img {
  filter:alpha(opacity=60);
}

/* 操作手順
================================================== */
.guidetitle {
    background-color:#496283;
    height:40px;
    line-height:40px;
    font-size:100%;
    text-align: center;
    clear:both;
    margin:0px auto;
    word-spacing: 110px;
    padding-left: 60px;
}

.guidetitle a {
    position: relative;
    padding-bottom: 7px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 100;
}

.guidetitle a::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: '';
    width: 100%;
    height: 5px;
    background: #1ECCDC;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}

.guidetitle a:hover::after {
    transform: scale(1, 1);
}

.onguidetitle {
    border-bottom: solid 5px;
    border-bottom-color: #1ECCDC;
}

.PaperCreatList {
    background-color:#E1E0D8;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
    .pc { display: block !important; }
    .sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
.switching1 a {
    display: inline-block;
    background: url(../img/menu-tanpage_off.png) no-repeat;
    background-size: cover;
}
.switching1 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.switching1 a:hover img {
    opacity: 0;
}
.switching1-2 a {
    display: inline-block;
    background: url(../img/menu-tanpage_on.png) no-repeat;
    background-size: cover;
}
.switching1-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.switching1-2 a:hover img {
    opacity: 0;
}
.switching2 a {
    display: inline-block;
    background: url(../img/menu-edition_on.png) no-repeat;
    background-size: cover;
}
    .switching2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.switching2 a:hover img {
    opacity: 0;
}
.switching3 a {
    display: inline-block;
    background: url(../img/menu-free_on.png) no-repeat;
    background-size: cover;
}
.switching3 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.switching3 a:hover img {
    opacity: 0;
}

.PaperCreatList ul {
    width:960px;
    height: 257px;
    margin:0px auto;
}
.PaperCreatList ul li {
    float:left;
    width: 320px;
    margin:0px auto;
    text-align:center;
}

.PaperCreatList ul li img {
    margin:0px auto;
    text-align:center;
}
.procedureList {
    background-color:#E1E0D8;
    padding-bottom: 10px;
}
.procedureList ul {
    width:960px;
    height: 81px;
    margin:0px auto;
}
.procedureList ul li {
    float:left;
}
.contents1 a {
    display: inline-block;
    background: url(../img/menu-contp_off.png) no-repeat;
}
.contents1 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents1 a:hover img {
    opacity: 0;
}
.contents1-2 a {
    display: inline-block;
    background: url(../img/menu-contp_on.png) no-repeat;
}
.contents1-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents1-2 a:hover img {
    opacity: 0;
}
.contents2 a {
    display: inline-block;
    background: url(../img/menu-casstp_on.png) no-repeat;
    margin-left: -12px;
}
.contents2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents2 a:hover img {
    opacity: 0;
}
.contents2-2 a {
    display: inline-block;
    background: url(../img/menu-casstp_off.png) no-repeat;
    margin-left: -12px;
}
.contents2-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents2-2 a:hover img {
    opacity: 0;
}
.contents3 a {
    display: inline-block;
    background: url(../img/menu-asso_on.png) no-repeat;
    margin-left: -12px;
}
.contents3 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents3 a:hover img {
    opacity: 0;
}
.contents3-2 a {
    display: inline-block;
    background: url(../img/menu-asso_off.png) no-repeat;
    margin-left: -12px;
}
.contents3-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents3-2 a:hover img {
    opacity: 0;
}
.contents4 a {
    display: inline-block;
    background: url(../img/menu-content_on.png) no-repeat;
    margin-left: -12px;
}
.contents4 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents4 a:hover img {
    opacity: 0;
}
.contents4-2 a {
    display: inline-block;
    background: url(../img/menu-content_off.png) no-repeat;
    margin-left: -12px;
}
.contents4-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents4-2 a:hover img {
    opacity: 0;
}
.contents5 a {
    display: inline-block;
    background: url(../img/menu-pdf_on.png) no-repeat;
    margin-left: -14px;
}
.contents5 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents5 a:hover img {
    opacity: 0;
}
.contents5-2 a {
    display: inline-block;
    background: url(../img/menu-pdf_off.png) no-repeat;
    margin-left: -14px;
}
.contents5-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents5-2 a:hover img {
    opacity: 0;
}
.contents6 a {
    display: inline-block;
    background: url(../img/menu-pagetp_off.png) no-repeat;
}
.contents6 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents6 a:hover img {
    opacity: 0;
}
.contents6-2 a {
    display: inline-block;
    background: url(../img/menu-pagetp_on.png) no-repeat;
}
.contents6-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents6-2 a:hover img {
    opacity: 0;
}
.contents7 a {
    display: inline-block;
    background: url(../img/menu-title_on.png) no-repeat;
    margin-left: -10px;
}
.contents7 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents7 a:hover img {
    opacity: 0;
}
.contents7-2 a {
    display: inline-block;
    background: url(../img/menu-title_off.png) no-repeat;
    margin-left: -10px;
}
.contents7-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents7-2 a:hover img {
    opacity: 0;
}
.contents8 a {
    display: inline-block;
    background: url(../img/menu-page_on.png) no-repeat;
    margin-left: -12px;
}
.contents8 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents8 a:hover img {
    opacity: 0;
}
.contents8-2 a {
    display: inline-block;
    background: url(../img/menu-page_off.png) no-repeat;
    margin-left: -12px;
}
.contents8-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents8-2 a:hover img {
    opacity: 0;
}
.contents9 a {
    display: inline-block;
    background: url(../img/menu-setpagetp_on.png) no-repeat;
    margin-left: -14px;
}
.contents9 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents9 a:hover img {
    opacity: 0;
}
.contents9-2 a {
    display: inline-block;
    background: url(../img/menu-setpagetp_off.png) no-repeat;
    margin-left: -14px;
}
.contents9-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents9-2 a:hover img {
    opacity: 0;
}
.contents10 a {
    display: inline-block;
    background: url(../img/menu-setcassettp_on.png) no-repeat;
    margin-left: -14px;
}
.contents10 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents10 a:hover img {
    opacity: 0;
}
.contents10-2 a {
    display: inline-block;
    background: url(../img/menu-setcassettp_off.png) no-repeat;
    margin-left: -14px;
}
.contents10-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents10-2 a:hover img {
    opacity: 0;
}
.contents11 a {
    display: inline-block;
    background: url(../img/menu-spdf_on.png) no-repeat;
    margin-left: -14px;
}
.contents11 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents11 a:hover img {
    opacity: 0;
}
.contents11-2 a {
    display: inline-block;
    background: url(../img/menu-spdf_off.png) no-repeat;
    margin-left: -14px;
}
.contents11-2 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents11-2 a:hover img {
    opacity: 0;
}
.contents12 a {
    display: inline-block;
    background: url(../img/menu-2free_off.png) no-repeat;
}
.contents12 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents12 a:hover img {
    opacity: 0;
}
.contents13 a {
    display: inline-block;
    background: url(../img/web-offmenu.png) no-repeat;
    margin-top: 5px;
}
.contents13 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents13 a:hover img {
    opacity: 0;
}
.contents14 a {
    display: inline-block;
    background: url(../img/link-onmenu.png) no-repeat;
    margin-left: -10px;
    margin-top: 5px;
}
.contents14 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents14 a:hover img {
    opacity: 0;
}
.contents15 a {
    display: inline-block;
    background: url(../img/web-onmenu.png) no-repeat;
    margin-top: 5px;
}
.contents15 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents15 a:hover img {
    opacity: 0;
}
.contents16 a {
    display: inline-block;
    background: url(../img/link-offmenu.png) no-repeat;
    margin-left: -10px;
    margin-top: 5px;
}
.contents16 a img {
    vertical-align: middle;
    transition: opacity 0.3s;
}
.contents16 a:hover img {
    opacity: 0;
}
.procedureList ul li a {
    display:block;
    line-height:1em;
}
.procedureList ul li a:hover {
    color:#303D5A;
}
.procedureList ul li a img {
    display:inline-block;
}
.ContentSettings {
    background-color:#ECF0F1;
}
.ContentSettings .Inner {
    background-color:#FFFFFF;
    border: 1px solid #D9D9D9;
    width:960px;
    margin:0px auto;
    padding-bottom:60px;
}
.ContentSettings .Inner h3 {
    background-color:#00A0C6;
    text-align:center;
    height:40px;
    line-height:40px;
    margin-bottom:20px;
    font-size:112.5%;
    color: #FFFFFF;
    clear:both;
}
.ContentSettings .Inner ol {
    counter-reset: item;
    line-height:1.8em;
    color: #303D5A;
    padding-left: 60px;
    padding-right: 60px;
}

.ContentSettings .Inner ol li {
    list-style-type: none;
    text-indent: -1.5em;
    padding-left: 2em;
}
.ContentSettings .Inner ol li:before{
    counter-increment: item;
    content: counter(item) ". ";
    font-size:112.5%;
    font-weight: bold;
}

.ContentSettings .Inner img {
    margin:0px auto;
    padding-top: 20px;
    padding-bottom: 40px;
}
.nextInner {
    width:960px;
    margin:0px auto;
    padding:40px 0px;
    text-align:center;
}
.next {
    margin:20px 0px;
    display:inline-block;
    text-align:center;
    color:#fff;
    background-color:#1D8FBB;
    width:350px;
    height:60px;
    line-height:60px;
    padding-right: 15px;
    padding-left: 15px;
    moz-border-radius:4px; /* Firefox */
    -webkit-border-radius:4px; /* Safari and Chrome */
    border-radius:4px;
    behavior: url(border-radius.htc); /* IE */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    font-size:112.5%;
    background-image: url(../img/arrow2.png);
    background-position: 340px;
    background-repeat: no-repeat;

}