@charset "utf-8";
/* ===========================================
 * Unique
=========================================== */

/* *******************************************
/* #news 最新情報一覧
******************************************* */
/* #list
----------------------- */
#news #contents section {
	margin: -70px 0 30px;
	padding-top: 70px;
}
#news #contents .list {
	padding-bottom:30px;
	border-top:1px solid #f0f0f0;
}
#news #contents .list li{
	padding:7px 0 5px;
	overflow:hidden;
	border-bottom:1px solid #f0f0f0;
}
#news #contents .list li .date {
	display:block;
	float:left;
	width:95px;
	padding:3px 0 2px;
	font-weight:bold;
	color:#999;
}
/*#news #contents .list li .category {
	display:block;
	float:left;
	width:75px;
	margin:2px 20px 0 0;
	padding:2px 0 1px;
	background-color:#a6a6a6;
	font-size:10px;
	text-align:center;
	color:#fff;
}
#news #contents .list li .category.c02 {
	background-color:#848484;
}*/
#news #contents .list li>a,
#news #contents .list li>span.txt {
	display:block;
	width:871px;
	float:left;
	padding:3px 0 2px 14px;
	background:url(../img/arw01.gif) no-repeat 0 0.7em;
	text-decoration:none;
}
#news #contents .list li>a:hover {
	text-decoration:underline;
}
/* #year
----------------------- */
#news #year li {
	float:left;
	display:inherit;
	margin-right:10px;
}
#news #year li a {
	color:#a6a6a6;
	text-decoration:none;
	background:#ebebec url(/news/img/arw01.gif) no-repeat 10px 13px;
	display:block;
	height:25px;
	padding:5px 20px 0px 32px;
	*height:26px;
	*padding:4px 20px 0px 32px;
}
#news #year li a.current {
	color:#fff;
	background:#d80272 url(/news/img/arw02.gif) no-repeat 10px 13px;
}

/* *******************************************
/* #feature
******************************************* */
#feature #contents {
	padding:140px 0 738px;/*padding:40px 0 90px;*/
}
/* ↓20160428 改修により下記不要になった。公開完了後削除OK */
/* .lNavTop
----------------------- */
#feature #breadcrumb + .lNavTop {
	position:relative;
	margin:0 0 -137px;
	z-index:200;
}
/*#feature .lNavTop {
	padding:0 0 2px;
	background:url(/common/img/bg_lnav_top01.gif) repeat-x 0 0;
}*/
#feature .lNavTop {
	height: 73px;
	background: url(/common/img/bg_lnav_top02_01.gif) repeat-x 0 0;
}

#feature .lNavTop ul {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
/*#feature .lNavTop ul li {
	float:left;
}*/
#feature .lNavTop ul li {
	float: left;
	width: 143px;
	height: 70px;
}
#feature .lNavTop ul li.multi {
	background: url(/common/img/bg_lnav01.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.easy {
	background: url(/common/img/bg_lnav02.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.dynamic {
	background: url(/common/img/bg_lnav03.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.library {
	background: url(/common/img/bg_lnav04.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.log {
	background: url(/common/img/bg_lnav05.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.custom {
	width: 142px;
	background: url(/common/img/bg_lnav06.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.product {
	width: 142px;
	background: url(/common/img/bg_lnav07.gif) no-repeat 0 0;
}
#feature .lNavTop ul li.popup {
	background: url(/common/img/bg_lnav08.gif) no-repeat 0 0;
}
#feature .lNavTop ul li a {
	display: block;
	line-height: 1.5;
	padding: 20px 0 12px;
	color: #000;
	text-align: center;
	text-decoration: none;
}
#feature .lNavTop ul li.easy a,
#feature .lNavTop ul li.log a,
#feature .lNavTop ul li.product a ,
#feature .lNavTop ul li.popup a {
	padding: 28px 0 23px;
}
#feature .lNavTop ul li a:hover {
	text-decoration: underline;
}
/* #lNavBtm
----------------------- */
#feature #lNavBtm {
	margin:80px 0 50px;
	padding:10px;
	background-color:#f0f0f0;
}
#feature #lNavBtm ul {
	-webkit-box-shadow:0 1px 3px #dcdcdc;
	-moz-box-shadow:0 1px 3px #dcdcdc;
	box-shadow:0 1px 3px #dcdcdc;
}
#feature #lNavBtm ul li {
	float:left;
}
/* ↑20160428 改修により下記不要になった。公開完了後削除OK */

/* .home meclibの特長
=========================================== */

/* ↓20160428 改修により下記不要になった。公開完了後削除OK */
/* #movie
----------------------- */
#feature.home #movie {
	text-align:center;
	padding:0 0 40px;
}
/* #message
----------------------- */
#feature.home #message {
	padding:0 125px 60px;
}
#feature.home #message .btn {
	text-align:center;
	padding:55px 0 0;
}
#feature.home #message .btn {
	text-align:center;
	padding:55px 0 0;
}
/* #metro
----------------------- */
#feature.home #metro {
	margin-bottom:50px;
}
#feature.home #metro h3{
	text-align:center;
}
#feature.home #metro ul{
	background:#f0f0f0;
	padding:20px 20px 30px;
}
#feature.home #metro li.btn{
	text-align:center;
	padding-top:30px;
}
/* ↑20160428 改修により下記不要になった。公開完了後削除OK */
#feature.home .tit01{
	padding-bottom:40px;
}
/* ----------------------- */
#feature.home .boxMainImg{
	padding-bottom:65px;
}
#feature.home .bx-wrapper .bx-controls-direction a {
	height:100px;
	margin-top: -50px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width:30px;
	z-index: 9999;
}
#feature.home .bx-wrapper .bx-prev {
	background:url(/feature/img/btn_slider01.png) no-repeat 0 0;
	left:0px;
}
#feature.home .bx-wrapper .bx-prev:hover {
	background:url(/feature/img/btn_slider01.png) no-repeat 0 0;
	opacity:0.8;
}
#feature.home .bx-wrapper .bx-next {
	background:url(/feature/img/btn_slider01.png) no-repeat -30px 0;
	right:0px;
}
.bx-wrapper .bx-next:hover {
	background:url(/feature/img/btn_slider01.png) no-repeat -30px 0;
	opacity:0.8;
}
#feature.home .bx-wrapper .bx-pager.bx-default-pager a {
	background: #dedee0;
	border-radius: 8px;
	display: block;
	height: 16px;
	margin: 0 5px;
	outline: 0 none;
	text-indent: -9999px;
	width: 16px;
}
#feature.home .bx-wrapper .bx-pager.bx-default-pager a:hover,
#feature.home .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#d6006f;
}
/* ----------------------- */
#feature.home .boxBtns01{
	background:#f0f0f0;
}
#feature.home .boxBtns01 ul{
	padding:10px 0 6px 10px;
	overflow:hidden;
}
#feature.home .boxBtns01 ul li{
	float:left;
	width:242px;
	margin:0 4px 4px 0;
	border-bottom:solid 1px #c8c8c8;
}
/* ----------------------- */
#feature.home .boxBtns02{
	clear:both;
	overflow:hidden;
	width:900px;
	margin:30px auto 0;
}
#feature.home .boxBtns02 .btn01{
	float:left;
}
#feature.home .boxBtns02 .btn02{
	float:right;
}

/* .multi マルチデバイス対応
=========================================== */
/* #appli
----------------------- */
#feature.multi #appli p .btn {
	display: inline-block;
	margin: 10px 0 0;
}
/* .easy デジタルブック作成はこんなに簡単
=========================================== */
/* #step
----------------------- */
#feature.easy #step {
	margin:0 0 50px;
	padding:25px 95px;
	background-color:#f0f0f0;
}
#feature.easy #step h4 {
	margin:0 0 25px;
	text-align:center;
}
#feature.easy #step ol {
	width:710px;
	margin:0 auto;
	overflow:hidden;
}
#feature.easy #step ol li {
	float:left;
	width:210px;
}
#feature.easy #step ol li h5 {
	margin:0 0 7px;
}
#feature.easy #step ol li + li,
#feature.easy #step ol li + li + li {
	padding:0 0 0 40px;
	background:url(/feature/easy/img/arw05.png) no-repeat 13px 57px;
}
/* #other
----------------------- */
#feature.easy #other {
	margin:0 0 30px;
	padding:20px;
	border:10px #f0f0f0 solid;
}
#feature.easy #other > h4 {
	margin:0 0 5px;
	font-weight:bold;
}
#feature.easy #other p {
	/*margin:0 0 20px;
	padding:0 0 15px;
	border-bottom:1px #f0f0f0 solid;*/
	font-size:11px;
}
#feature.easy #other dl {
	padding:15px 0 0 120px;
	background:url(/feature/easy/img/bg_trial01.gif) no-repeat 8px 0;
}


#feature.easy #other dt {
	margin:0 0 10px;
}
#feature.easy #other dd {
	width:684px;
	font-size:12px;
}
/* 追加ここまで */
/* .log ログ解析をWebマーケティングに活用
=========================================== */
#feature.log .picLeft,
#feature.log .picRight{
	padding:50px 0 0;
	margin:0 auto 60px;
}
#feature.log .picLeft h3,
#feature.log .picRight h3{
	padding:50px 0 20px;
}
/* #intro
----------------------- */
#feature #intro p.notice{
	padding:0 0 0 2em;
}
#feature #intro p.notice span{
	margin:0 0 0 -1em;
}
#feature #intro p.youtube{
	margin-top: 45px;
	text-align: center;
	width: auto;
}
/* .custom デザインカスタマイズも可能
=========================================== */
#feature.custom .sec01,
#feature.custom .sec02{
	clear:both;
	overflow:hidden;
}
#feature.custom .sec02{
	padding-bottom:40px;
}
#feature.custom .sec03{
	display:block;
	float:left;
	width:232px;
	margin-right:17px;
}
#feature.custom .sec03:nth-of-type(3){
	margin-right:0px;
}
#feature.custom .tit01{
	padding-bottom:50px;
}
#feature.custom .tit02,
#feature.custom .tit03{
	padding-bottom:20px;
}
#feature.custom .txt01{
	padding-bottom:40px;
	line-height:1.84;
}
#feature.custom .boxTxt01{
	float:left;
	width:370px;
}
#feature.custom .img01{
	float:right;
	width:330px;
}
#feature.custom .txt02{
	min-height:200px;
	padding-top:20px;
	line-height:2;
	font-size:12px;
}
#feature.custom .txt03{
	min-height:150px;
	padding-top:20px;
	line-height:2;
	font-size:12px;
}

/* .popup ポップアップ機能で様々なコンテンツがブックから飛び出す
=========================================== */
#feature.popup #intro h2 {
	margin: 0 0 25px;
}
#feature.popup #intro p {
    width: 1000px;
	text-align: center;
}
#feature.popup .popupBox01 {
	padding: 45px 0 50px;
    border-top: 1px #f0f0f0 solid;
}
#feature.popup .popupBox01 h3 {
	margin: 0 0 14px;
}
#feature.popup .popupBox01 .txt {
	line-height: 2;
	font-size: 12px;
}
#feature.popup .popupBox01 .note01 {
	line-height: 1.8;
	font-size: 11px;
	margin: 9px 0 0;
}
#feature.popup .popupBox01 .pic {
	text-align: center;
	margin: 15px 0 49px;
}
#feature.popup .btn{
	text-align: center;
}

/* *******************************************
/* #product
******************************************* */
/* .lNavTop
----------------------- */
#product #breadcrumb + .lNavTop {
	position:relative;
	margin:100px 0 -147px;
	z-index:200;
}
#product .lNavTop {
	padding:0;
	background:url(/common/img/bg_lnav_top02_02.gif) repeat-x 0 0;
}
#product .lNavTop ul {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#product .lNavTop ul li {
	float:left;
	margin-right:9px;
}

/* .home 製品情報
=========================================== */
/* #metro
----------------------- */
#product.home #metro {
	margin:0 0 040px;
}
#product.home #metro h3{
	margin:0 0 20px;
}
#product.home #metro ul{
	background:#f0f0f0;
	padding:10px 0 0 10px;
	margin:0 0 20px;
}
#product.home #metro li{
	width:485px;
	float:left;
	padding:0 10px 10px 0;
}
#product.home #metro .btn{
	text-align:center;
}
/* .productNav
----------------------- */
#product.home .productNav{
	background-color:#f0f0f0;
	padding:10px;
	margin:0 0 50px;
}
#product.home .productNavIn{
	overflow:hidden;
	margin:0 -10px 0 0;
}
#product.home .productNavIn li{
	float:left;
	margin:0 10px 0 0;
	width:320px;
}
#product.home #kinou{
	margin: -160px 0 40px;
	padding-top: 160px;
}

/* #other01
----------------------- */
#product.home #other01{
	position: relative;
	margin:0 0 28px;
	z-index: 50;
}
#product.home #other01 h3{
	margin:0 0 10px;
}
#product.home #other01 ul{
	background:url(/product/img/bg_other01.gif) repeat left top;
}
#product.home #other01 li{
	width:250px;
	float:left;
}
/* #otherTable
----------------------- */
#product.home #otherTable{
	background:#f0f0f0;
	padding:9px 10px 10px;
	margin:0 0 40px;
}
#product.home #otherTable ul{
	text-align:right;
	padding:0 0 9px;
}
#product.home #otherTable li{
	display:inline;
}
#product.home #otherTable table{
	background:#fff;
	width:100%;
	border-top:1px solid #dedede;
}
#product.home #otherTable td{
	padding:20px;
	border:1px solid #dedede;
	border-top:none;
}
#product.home #otherTable td.wHalf{
	width:50%;
}
#product.home #otherTable .box{
	min-height:125px;
	height:auto!important;
	height:125px;
	margin-top:-163px;
	padding:163px 0 0 205px;
	position:relative;
}
#product.home #otherTable .box.b01{
	padding:163px 295px 0 205px;
	position:relative;
}
#product.home #otherTable h4{
	font-size:16px;
	font-weight:bold;
	color: #1d1d1d;
	padding:0 6px 6px 6px;
	margin:0 0 10px;
	border-bottom:1px dashed #dedede;
}
#product.home #otherTable h4 span {
	font-size: 14px;
}
#product.home #otherTable h4 img{
	vertical-align:-5px;
}
#product.home #otherTable p.txt{
	position: relative;
	padding:0 6px;
	z-index: 10;
}
#product.home #otherTable p.txt .more{
	padding: 0 0 0 18px;
	background: url(/common/img/arw05.png) no-repeat 0 center;
	color: #d80272;
}
#product.home #otherTable .img{
	position:absolute;
	top:161px;
	left:0;
}
#product.home #otherTable .btn{
	position:absolute;
	top:193px;
	right:0;
}
#product.home #otherTable a.youtube{
	z-index: 10;
}
/* #other02
----------------------- */
#product.home #other02{
	margin:0 0 58px;
}
#product.home #other02 h3{
	margin:0 0 30px;
}
#product.home #other02 ul{
	overflow:hidden;
}
#product.home #other02 li{
	float:left;
	width:333px;
	font-size:14px;
}
/* .btnArea
----------------------- */
#product.home .btnArea{
	margin: 10px 0 0;
}

/* .appli アプリ
=========================================== */
/* #tablet
----------------------- */
#product.appli #tablet{
	margin-bottom:60px;
	padding:0 30px 60px;
	background:url(/product/appli/img/bg_border01.gif) repeat-x center bottom;
}
#product.appli #tablet .tabletBox01 {
	margin: 0 0 30px;
}
#product.appli #tablet .txtClm{
	float:left;
	margin-right: 30px;
	width: 500px;
}
#product.appli #tablet .txtClm h3{
	margin: 0 0 35px -10px;
}
#product.appli #tablet .txtClm .txt01{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dashed #dedede;
	font-size: 14px;
}
#product.appli #tablet .txtClm .look{
	color: #c71268;
}
#product.appli #tablet .txtClm .check{
	font-size: 10px;
}
#product.appli #tablet .txtClm .notice{
	display: block;
	margin: 12px 0 -12px;
	font-size: 12px;
}
#product.appli #tablet .txtClm .btn .txt02{
	font-size:10px;
	margin: 0 0 7px;
}
#product.appli #tablet .txtClm .btn li{
	float:left;
	width:182px;
	margin-right:10px;
}
#product.appli #tablet .imgClm{
	float:right;
	padding-top: 8px;
}
#product.appli #tablet .appliNews01 {
	padding: 5px 20px;
	border: #d9d9d9 solid 1px;
}
#product.appli #tablet .appliNews01 .cat {
	display: inline-block;
	min-width: 60px;
	line-height: 1.7;
	margin: 0 15px 0 0;
	background-color: #6d6d6d;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
#product.appli #tablet .appliNews01 li {
	padding: 15px 0 15px 75px;
	background: url(/product/appli/img/ico_new01.gif) no-repeat 0 15px;
}
#product.appli #tablet .appliNews01 li + li {
	border-top: 1px dotted #d9d9d9;
}
/* #about
----------------------- */
#product.appli #about{
	margin-bottom: 50px;
	padding-bottom: 70px;
	background:url(/product/appli/img/bg_border01.gif) repeat-x center bottom;
}
#product.appli #about h3 {
	margin: 0 0 38px;
	text-align: center;
}
#product.appli #about .intro{
	margin: 0 0 50px;
	text-align: center;
}
#product.appli #about .pic01{
	width: 837px;
	margin: 0 0 0 89px;
}
#product.appli #about .pic02{
	width: 837px;
	margin: 0 0 0 -2px;
}
/* #convenient
----------------------- */
#product.appli #convenient {
	margin-bottom: 53px;
	padding-bottom: 60px;
	background:url(/product/appli/img/bg_border01.gif) repeat-x center bottom;
}
#product.appli #convenient .tit {
	margin: 0 0 39px;
	text-align: center;
}
#product.appli #convenient #convenientIn {
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	background-color: #f0f0f0;
}
#product.appli #convenient #convenientIn > li {
	padding:30px;
	background-color:#fff;
}
#product.appli #convenient #convenientIn > li + li {
	margin: 10px 0 0;
}
#product.appli #convenient #convenientIn .type01 .txtArea01 {float:left;}
#product.appli #convenient #convenientIn .type02 .txtArea01 {float:right;}
#product.appli #convenient #convenientIn .type01 .box .pic01 {float:right;}
#product.appli #convenient #convenientIn .type02 .box .pic01 {float:left;}
#product.appli #convenient #convenientIn .list04 .box .pic01 {margin: 0 0 0 51px;}
#product.appli #convenient #convenientIn li h4 {
	margin-bottom: 15px;
}
#product.appli #convenient #convenientIn .voice {
	margin: 30px 0 0;
	padding: 18px 25px;
	background-color: #f7f7f7;
}
#product.appli #convenient #convenientIn .list01 .txtArea01 {width: 440px;}
#product.appli #convenient #convenientIn .list02 .txtArea01 {width: 441px;}
#product.appli #convenient #convenientIn .list03 .txtArea01 {width: 495px;}
#product.appli #convenient #convenientIn .list04 .txtArea01 {width: 557px;}
#product.appli #convenient #convenientIn .list05 .txtArea01 {width: 443px;}
#product.appli #convenient #convenientIn h5 {
	margin-bottom:11px;
}
#product.appli #convenient #convenientIn .list01 .pic01 {width:419px;}
#product.appli #convenient #convenientIn .list02 .pic01 {width:419px; margin: -7px 0 0;}
#product.appli #convenient #convenientIn .list03 .pic01 {width:305px; margin: 0 30px 0 0;}
#product.appli #convenient #convenientIn .list04 .pic01 {width:238px;}
#product.appli #convenient #convenientIn .list04 .pic02 {width:271px; margin: 0 134px 0 0}
#product.appli #convenient #convenientIn .list05 .pic01 {width:396px; margin: 0 3px 0 0;}
#product.appli #convenient #convenientIn .txtArea02 {
	float: left;
}
#product.appli #convenient #convenientIn .list01 .txtArea02 {width:469px;}
#product.appli #convenient #convenientIn .list02 .txtArea02 {width:452px;}
#product.appli #convenient #convenientIn .list03 .txtArea02 {width:532px;}
#product.appli #convenient #convenientIn .list05 .txtArea02 {width:452px;}
#product.appli #convenient #convenientIn .pic02 {
	float: right;
}
#product.appli #convenient #convenientIn .list01 .pic02 {width:335px;}
#product.appli #convenient #convenientIn .list02 .pic02 {width:337px;}
#product.appli #convenient #convenientIn .list03 .pic02 {width:243px;}
#product.appli #convenient #convenientIn .list05 .pic02 {width:321px;}
/* .movie */
#product.appli #convenient .movie {
	margin: 25px 0 0;
}
#product.appli #convenient .movie h5 {
	margin: 0 0 15px;
}
#product.appli #convenient .movie .movieList01 {
	padding: 15px 5px 15px 15px;
	background-color: #f0f0f0;
}
#product.appli #convenient .movie .movieList01 li {
	float: left;
	width: 390px;
	margin: 0 10px 0 0;
	padding: 20px 15px;
	background: url(/product/appli/img/ico_arrow01.gif) no-repeat 383px center #fff;
}
#product.appli #convenient .movie .movieList01 li div {
	float: left;
	width: 126px;
	border: solid 1px #dc1f81;
}
#product.appli #convenient .movie .movieList01 li .txt {
	float: left;
	width: 195px;
	margin: 13px 0 0 16px;
}
#product.appli #convenient .movie .movieList01 li .txt02 {
	width: 218px;
}
/* #function
----------------------- */
#product.appli #function {
	margin-bottom: 60px;
	padding-bottom: 60px;
	background:url(/product/appli/img/bg_border01.gif) repeat-x center bottom;
}
#product.appli #function .tit {
	line-height: 1.4;
	font-size: 14px;
}
#product.appli #function .functionBox01 {
	margin: 0 0 28px;
	padding: 0 0 0 30px;
}
#product.appli #function .functionBox01 .list01 {
	float: left;
	width: 338px;
	margin: 0 0 0 139px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#product.appli #function .functionBox01 .list02 {
	float: left;
	width: 358px;
	margin: 0 0 0 20px;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#product.appli #function .functionBox02 {
	padding: 30px;
	background-color: #f7f7f7;
}
#product.appli #function .functionBox02 .tit {
	color: #dc1f81;
	margin: 0 0 14px;
}
#product.appli #function .functionBox02 ul {
	float: left;
	margin: 0 0 0 20px;
}
#product.appli #function .functionBox02 ul .point {
	color: #dc1f81;
}
#product.appli #function .functionBox02 .list01 {
	width: 209px;
	margin: 0 0 0 139px;
}
#product.appli #function .functionBox02 .list02 {
	width: 167px;
}
#product.appli #function .functionBox02 .list03 {
	width: 183px;
}
/* #experient
----------------------- */
#product.appli #experient {
	margin-bottom: 60px;
}
#product.appli #experient > .tit01 {
	margin: 0 0 38px;
	text-align: center;
}
#product.appli #experient .cau {
	margin: 0 0 45px;
	font-size: 12px;
}
#product.appli #experient .tit02 {
	margin: 0 0 16px;
}
#product.appli #experient .download {
	margin: 0 0 40px;
	padding: 30px;
	background-color: #f0f0f0;
}
#product.appli #experient .download .tit {
	text-align: center;
	margin: 0 0 10px;
}
#product.appli #experient .download ul {
	width: 374px;
	margin: 0 auto;
	overflow: hidden;
}
#product.appli #experient .download li {
	float: left;
	width: 182px;
}
#product.appli #experient .download li + li {
	margin: 0 0 0 10px;
}
#product.appli #experient .expStep01 .tit {
	margin: 0 0 14px;
}
#product.appli #experient .expStep01 .txt02 {
	margin: 0 0 14px;
}
#product.appli #experient .expStep01 ol {
	overflow: hidden;
	margin: 0 0 22px -30px;
}
#product.appli #experient .expStep01 li {
	float: left;
	width: 300px;
	margin: 0 0 30px 30px;
}
#product.appli #experient .expStep01 .tit01 {
	margin: 0 0 18px;
}
#product.appli #experient .expStep01 .txt03 {
	margin: 0 0 30px;
}
#product.appli #experient .expStep01 .txt04 {
	color: #db0375;
	margin: 7px 0 13px;
}
#product.appli #experient .basic > .tit {
	margin: 0 0 20px;
}
#product.appli #experient .basic div {
	overflow: hidden;
	margin: 0 0 30px;
}
#product.appli #experient .basic div .pic {
	float: left;
	width: 375px;
	margin: 0 24px 0 0;
}
#product.appli #experient .basic div .txt {
	float: left;
	margin: 13px 0 0;
}
#product.appli #experient .basic ul {
	overflow: hidden;
	margin: 0 0 25px 30px;
}
#product.appli #experient .basic li {
	overflow: hidden;
	float: left;
	width: 420px;
	margin: 0 0 31px;
}
#product.appli #experient .basic li .ico {
	float: left;
	width: 37px;
	margin: 0 13px 0 0;
}
#product.appli #experient .basic li .tit {
	float: left;
	width: 327px;
	font-weight: bold;
}
#product.appli #experient .basic li .txt {
	float: left;
	width: 327px;
}
#product.appli #experient .basic .movie {
	width: 495px;
	margin: 0 auto;
}
/* #appArea  */
/*#product.appli #about #appArea{
	width:960px;
	margin:30px auto 0;
}
#product.appli #about #appArea .btns{
	float:left;
	width:374px;
}
#product.appli #about #appArea .btns .tit{
	margin-bottom:12px;
}s
#product.appli #about #appArea .btns li{
	float:left;
	width:182px;
	margin-left:10px;
}
#product.appli #about #appArea .btns li:first-child{
	margin-left:0;
}
#product.appli #about #appArea dl{
	float:right;
	width:560px;
}
#product.appli #about #appArea dt{
	font-weight:bold;
}*/
/* #howTo
----------------------- */
/*#product.appli #howTo{
	margin-bottom:50px;
}
#product.appli #howTo h3,
#product.appli #howTo .intro{
	margin-bottom:38px;
	text-align:center;
}
#product.appli #howTo #howToIn{
	background:url(/product/appli/img/bg_howto01.jpg) no-repeat center top;
}
#product.appli #howTo #howToIn .secBox01{
	position:relative;
	height:580px;
}
#product.appli #howTo #howToIn .secBox01 h4{
	position:absolute;
	top:118px;
	right:101px;
}
#product.appli #howTo #howToIn .secBox01 .txt{
	position:absolute;
	top:181px;
	right:214px;
}
#product.appli #howTo #howToIn .secBox01 .list{
	position:absolute;
	right:98px;
	bottom:119px;
}
#product.appli #howTo #howToIn .secBox02{
	position:relative;
	height:611px;
}
#product.appli #howTo #howToIn .secBox02 h4{
	position:absolute;
	top:50px;
	left:100px;
}
#product.appli #howTo #howToIn .secBox02 .txt{
	position:absolute;
	top:120px;
	left:100px;
}
#product.appli #howTo #howToIn .secBox02 .movie{
	position:absolute;
	bottom:95px;
	left:100px;
}*/
/* .free
----------------------- */
#product.appli .free{
	margin-bottom:40px;
}
/* #iphone
----------------------- */
/*#product.appli #iphone{
	margin:0 0 50px;
}
#product.appli #iphone h3{
	margin:0 0 60px;
}
#product.appli #iphone .txtClm{
	width:374px;
	float:left;
}
#product.appli #iphone .imgClm{
	width:575px;
	float:right;
}
#product.appli #iphone h4{
	margin:0 0 30px;
}
#product.appli #iphone .txt01{
	padding:0 0 20px;*/
	/*border-bottom:1px dashed #dedede;*/
/*}
#product.appli #iphone .txt02{
	font-size:10px;
}
#product.appli #iphone .btn ul{
	padding:25px 0 10px;
	margin:0 -10px 0 0;
}
#product.appli #iphone .btn li{
	float:left;
	margin:0 10px 0 0;
}
#product.appli #iphone dl{
	font-size:11px;
	padding-top:30px;
}
#product.appli #iphone dt{
	font-weight:bold;
}*/
/* #function
----------------------- */
/*#product.appli #function{
	background:#f0f0f0;
	margin:0 0 50px;
	padding:10px 10px 0;
}
#product.appli #function .box{
	background:#fff;
	padding:27px 30px 30px;
	border-bottom:10px solid #f0f0f0;
}
#product.appli #function .box h3{
	margin:0 0 20px;
}
#product.appli #function .box ul{
	margin:0 -40px 0 0;
}
#product.appli #function .box li{
	width:440px;
	float:left;
	margin-right:40px;
}
#product.appli #function .box h4{
	padding:20px 0 10px;
}
#product.appli #function .box .txt02{
	font-size:11px;
	padding-top:10px;
}
#product.appli #function .box .txtClm{
	width:460px;
	float:left;
}
#product.appli #function .box .txtClm div p{
	margin:15px 0 0 60px;
}
#product.appli #function .box .txtClm div p + p{
	margin-top:10px;
}
#product.appli #function .box .imgClm{
	width:420px;
	float:right;
}*/
/* .environment 動作環境
=========================================== */
#product.environment .titPage {
	margin: 0;
}
#product.environment .titPage + .note {
	margin: 20px 0 0;
	padding: 0 0 0 20px;
	background: url(/product/environment/img/ico_note01.png) no-repeat 0 center;
}
#product.environment .titPage + .note a {
	font-size: 15px;
	color: #d6006f;
}
#product.environment section h3 {
	margin:0 0 25px;
	padding:25px 0 0;
}
#product.environment section h4 {
	margin:0 0 15px;
}
#product.environment section table {
	width:100%;
	margin:0 0 25px;
	border-top:1px #999 dotted;
}
#product.environment section caption {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#292929;
}
#product.environment section th {
	width:130px;
	padding:8px 10px 6px;
	background-color:#f6f6f8;
	border-bottom:1px #999 dotted;
	font-weight:bold;
	vertical-align:middle;
	color:#292929;
}
/* 20141216 追加 */
#product.environment section th.sub {
	background-color:#fbfbfb;
}
/* 追加ここまで */
#product.environment section td {
	padding:8px 10px 6px;
	border-bottom:1px #999 dotted;
	vertical-align:middle;
}
#product.environment section > p {
	margin:0 0 25px;
}
#product.environment section .attend {
	margin:-18px 0 35px;
	font-size:11px;
}
/* #appli
----------------------- */
#product.environment #appli {
	margin:0 0 25px;
	overflow: hidden;
}
#product.environment #appli .txt {
	float:left;
	width:370px;
	padding:7px 0 0 60px;
}
#product.environment #appli .txt p {
	padding:0 0 15px;
	font-size:24px;
	font-weight:bold;
	color:#292929;
}
#product.environment #appli .txt p + p {
	font-size:13px;
	font-weight:normal;
	color:#6d6d6d;
}
#product.environment #appli .txt ul {
	padding:20px 0 0;
	border-top:1px #dedede dashed;
	overflow:hidden;
}
#product.environment #appli .txt li {
	float:left;
	width:152px;
	margin:0 7px 0 0;
}
#product.environment #appli .txt ul + p {
	margin:10px 0 0;
	font-size:13px;
	font-weight:normal;
	color:#6d6d6d;
}
#product.environment #appli .pic {
	float:right;
	width:510px;
	padding:0 25px 0 0;
}
/* #meclib
----------------------- */
#product.environment #meclib {
	margin:0 0 50px;
}

/* .version 版管理機能 .real リアルめくり【共通】
=========================================== */
/* #contents
----------------------- */
#product #contents .intro{
    overflow: hidden;
}

/* #boxMain
----------------------- */
#product .intro #boxMain{
    width: 730px;
    float: right;
}

#product .intro #boxMain .titStyle01{
    background: url(/product/img/bg_subtit01.png) left center no-repeat;
    padding: 4px 13px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

/* pageBtnBox01 */
#product .intro .pageBtnBox01{
    background: #e7e7e7;
    overflow: hidden;
    display: inline-block;
    margin: 10px 0 0 0;
}

#product .intro .pageBtnBox01 li:nth-child(1){
    margin: 10px 2px 10px 10px;
    float: left;
}

#product .intro .pageBtnBox01 li:nth-child(2){
    margin: 10px 10px 10px 0;
    float: left;
}

#product .intro .pageBtnBox01 li a{
    display: block;
    padding: 12px 20px 12px 33px;
    background: url(/product/img/ico_arrow01.png) 17px center no-repeat #fff;
    text-decoration: none;
}

#product .intro .pageBtnBox01 li a:hover{
    text-decoration: none;
    background: url(/product/img/ico_arrow01.png) 17px center no-repeat #fffafd;
}

/* info */
#product .intro #info{
	padding-top: 157px;
    margin: -122px 0 0 0;
}

#product .intro #info h4{
    margin: 35px 0 0 0;
}

#product .intro #info .infoIn01{
    margin: 25px 0 0 0;
}

#product .intro #info .img01{
    float: right;
    margin-left: 10px;
}

/* howto */
#product .intro #howto{
	padding-top: 157px;
    margin: -112px 0 0 0;
}

#product .intro #howto strong{
    font-weight: bold;
}

#product .intro #howto h4{
    margin: 35px 0 0 0;
}

#product .intro #howto ol dt{
    margin: 15px 0 0 0;
}

#product .intro #howto ol dd{
    margin: 8px 0 0 0;
}

#product .intro #howto iframe{
    margin: 20px 0 0 45px;
}

/* version 版管理機能
=========================================== */
#product.version #info dl{
    margin: 25px 0 0 0;
}

#product.version #info dt{
    margin: 15px 0 0 0;
}

#product.version #info dd{
    margin: 10px 0 0 0;
}

/* real リアルめくり
=========================================== */
#product.real #info dl{
    width: 470px;
    margin: -95px 0 0 0;
}

#product.real #info dt{
    margin: 15px 0 0 0;
}

#product.real #info dd{
    margin: 10px 0 0 0;
}

#product.real #howto .txt01{
    margin: 35px 0 0 0;
}

/* sns_service SNS・外部サービス連携
=========================================== */
#product.sns_service #info dl{
    width: 470px;
    margin: -95px 0 0 0;
}

#product.sns_service #info dt{
    margin: 15px 0 0 0;
}

#product.sns_service #info dd{
    margin: 10px 0 0 0;
}

#product.sns_service #howto .txt01{
    margin: 35px 0 0 0;
}

/* special_nombre SNS・特殊ノンブルの設定方法
=========================================== */
#product.special_nombre #info dl{
    width: 470px;
    margin: -73px 0 0 0;
}

#product.special_nombre #info dt{
    margin: 15px 0 0 0;
}

#product.special_nombre #info dd{
    margin: 10px 0 0 0;
}

#product.special_nombre #howto .txt01{
    margin: 25px 0 0 0;
}

#product.special_nombre #howto .img01{
    margin: 15px 0 0 0;
}

/* seo・検索エンジン対策
=========================================== */
#product.seo #info dl{
    width: 470px;
}

#product.seo #info dt{
    margin: 15px 0 0 0;
}

#product.seo #info dd{
    margin: 10px 0 0 0;
}

#product.seo #howto .txt01{
    margin: 25px 0 0 0;
}

#product.seo #howto .img01{
    margin: 15px 0 0 0;
}


/* #boxSide
----------------------- */
#product .intro #boxSide{
    width: 240px;
    float: left;
}

#product .intro #boxSide h2{
    background: #292929;
    text-align: center;
    width: 240px;
    padding:0 0 7px;
}

#product .intro #boxSide li{
    border-bottom: 1px #dedede dashed;
}

#product .intro #boxSide li .noLink01{
    background: url(/product/img/ico_side_arrow01.png) 9px center no-repeat;
    opacity: 0.6;
    padding: 11px 0 9px 23px;
}

#product .intro #boxSide li a{
    background: url(/product/img/ico_side_arrow01.png) 9px center no-repeat;
    display: block;
    font-size: 14px;
    /*font-weight: bold;*/
    color:#414141;
    padding: 11px 0 9px 23px;
    text-decoration: none;
    line-height: 1.3;
}

#product .intro #boxSide li a:hover{
    text-decoration: underline;
}

#product .intro #boxSide li.current01{
    background-color: #f5f5f5;
}

/* 20161109追加u */
/* logo・ロゴ・ファビコン表示
=========================================== */
#product.logo #info dl{
    width: 470px;
}

#product.logo #info dt{
    margin: 15px 0 0 0;
}

#product.logo #info dd{
    margin: 10px 0 0 0;
}

#product.logo #howto .txt01{
    margin: 25px 0 0 0;
}

#product.logo #howto .img01{
    margin: 15px 0 0 0;
}
/* zoom・紙面を大きく表示(ヘッダー/フッターの表示形態)
=========================================== */
#product.zoom #info .img01{
    margin-left: 40px;
}

#product.zoom #info dl{
    width: 380px;
}

#product.zoom #info dt{
    margin: 15px 0 0 0;
}

#product.zoom #info dd{
    margin: 10px 0 0 0;
}

#product.zoom #howto .txt01{
    margin: 25px 0 0 0;
}

#product.zoom #howto .img01{
    margin: 15px 0 0 0;
}
#product.zoom #howto .btnArea{
 	padding: 16px 15px 14px;
 	background-color: #f0f0f0;
 	overflow: hidden;
 }
#product.zoom #howto .btnArea li {
	float: left;
}
#product.zoom #howto .btnArea li + li {
	float: right;
}
#product.zoom #howto .btnArea li a {
	display: block;
}
/* print・ロゴ・ファビコン表示
=========================================== */

#product.print #info dt{
    margin: 15px 0 0 0;
}

#product.print #info dd{
    margin: 10px 0 0 0;
}

#product.print #howto .txt01{
    margin: 25px 0 0 0;
}

#product.print #howto .howtoLists {
	overflow: hidden;
	margin-top: 26px;
}
#product.print #howto .howtoLists .list {
	float: left;
	width: 250px;
}
#product.print #howto .howtoLists .list02 {
	float: right;
	width: 440px;
}
#product.print #howto .howtoLists .list .tit {
	margin-bottom: 16px;
	font-weight: bold;
}
#product.print #howto .howtoLists .list .attention {
	line-height: 1.64;
	margin-top: 10px;
	padding-left: 1em;
	font-size: 11px;
	text-indent: -1em;
	letter-spacing: 0.025em;
}

/* 20161109追加u ここまで */

/* *******************************************
/* #plan
******************************************* */
/* .lNav
----------------------- */
#plan .lNav {
	padding:6px 0;
	background-color:#fff;
	border-bottom:1px #cfcfcf solid;
}
#plan .lNav ul {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#plan .lNav ul li {
	float:left;
	width:330px;
	margin:0 5px 0 0;
}
#plan .lNav ul li + li + li {
	margin:0;
}
/* #mainImg
----------------------- */
#plan #mainImg {
	width:100%;
	margin:100px 0 -193px;
	background-color:#fff;
}
#plan #mainImgWrap {
	width:1000px;
	margin:0 auto;
}
#plan #mainImgIn {
	height:277px;
	margin:0 -100px;
	padding:70px 140px 0;
}
#plan #mainImgIn h2 {
	margin:0 0 15px;
}
#plan #mainImgIn p {
	width: 429px;
	color: #fff;
	line-height: 1.5;
}
#plan #mainImgIn .mainTxt02 {
	width: 429px;
	color: #ffd672;
	line-height: 1.4;
	font-size: 16px;

}
#plan #mainImgIn .mainTxt02 .txt02Cau {
	color: #fff;
	line-height: 1.6;
	font-size: 14px;
}
#plan #mainImgIn ul {
	margin:15px 0 0;
	overflow:hidden;
}
#plan #mainImgIn ul li {
	float:left;
	margin:0 10px 0 0;
}
/* .simulation */
#plan.simulation #mainImg {
	margin: 0;
}
#plan.simulation #mainImgWrap {
	width: 1000px;
	margin: 0 auto;
}
#plan.simulation #mainImgIn {
	height: auto;
	margin: 0 -100px;
	padding: 0;
}
#plan.simulation #mainImgIn h2 {
	margin: 0;
}
/* #contents
----------------------- */
#plan.cloud #contents,
#plan.system #contents,
#plan.data #contents {
	width:100%;
	margin:0;
}
/* .contentsIn
----------------------- */
#plan .contentsIn {
	width:1000px;
	margin:0 auto;
}

#plan .contentsIn .txtColor01{
    color: #d6006f;
}

/* #feature
----------------------- */
#plan #feature {
	width:1000px;
	margin:-153px auto 100px;
	padding-top:153px;
}
#plan #feature h3 {
	margin:0 0 35px;
}
#plan #feature ul {
	padding:10px 30px 30px;
	border:10px #f0f0f0 solid;
}
#plan #feature ul li {
	padding:30px 10px 30px 120px;
	border-bottom:1px #f0f0f0 solid;
}
#plan #feature ul li.last {
	padding-bottom:0;
	border-bottom:none;
}
#plan #feature ul li h4 {
	margin:0 0 10px;
}
/* #function
----------------------- */
#plan.cloud #function{
	width: 100%;
	margin: -153px 0 40px;
	padding: 153px 0 40px 0;
	border-bottom: 1px #ccc solid;
}
#plan.cloud #function ul{
    padding: 0 97px 0 99px;
    margin: 30px -60px 0 0;
}
#plan.cloud #function ul li{
    float: left;
    width: 228px;
    margin: 0 60px 30px 0;
}
#plan.cloud #function ul li p{
    width: 225px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.5;
    padding-top: 20px;
}
/* #price02
----------------------- */
#plan #price02 {
	margin: -153px 0 50px;
	padding: 153px 0 50px 0;
	border-bottom: 1px solid #cfcfcf;
}
#plan #price02 .bgcolor01{
	padding:13px 0 11px;
	width: 272px;
	background-color:#e8e8e8;
	color:#333;
}
#plan #price02 .bgcolor02{
	width: 360px;
	background-color:#0f73b4;
}
#plan #price02 .bgcolor03{
	width: 360px;
	background-color:#00548a;
}
#plan #price02 .contentsIn {
	width:1000px;
	margin:0 auto;
}
#plan #price02 h3 {
	margin:0 0 37px;
}
#plan #price02 table {
	width:1002px;
	margin:0 -2px 25px 0;
}
#plan #price02 th {
	background-color:#0f73b4;
	border:2px #fff solid;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	vertical-align:middle;
}
#plan #price02 th a {
	display: block;
	padding:13px 0 11px;
	color: #fff;
	text-decoration: none;
	background: url(/plan/cloud/img/ico_detailarrow01.gif) no-repeat 335px center;
	/*-webkit-transition: opacity 0.3s linear;*/
	transition: opacity 0.3s linear;
}
#plan #price02 th a:hover {
	opacity: 0.7;
}
#plan #price02 td {
	/*width:361px;width:241px;*/
	padding:16px 0 15px;
	background-color:#f0f6fa;
	border:2px #fff solid;
	text-align:center;
	vertical-align:middle;
    color: #333;
	font-size:14px;
}
#plan #price02 td.try {
	background-color:#ffeef7;
}
#plan #price02 td.try strong{
	font-size: 26px;
	color: #d6006f;
	padding-left:0;
}
#plan #price02 .even td {
	background-color:#dfedf7;
}
#plan #price02 td.em01 {
	font-weight: bold;
}
#plan #price02 td strong {
	font-size:22px;
	font-weight:bold;
    padding-left: 18px;
}
#plan #price02 td span {
	font-weight:bold;
}
#plan #price02 .price02List {
	margin: 0 0 0 263px;
	text-align: right;
	overflow: hidden;
}
#plan #price02 .price02List li {
	float: left;
	width: 340px;
	margin: 0 0 0 24px;
}
/* #price
----------------------- */
#plan #price {
	margin:-153px 0 50px;
	padding-top:153px;
}
#plan #price .contentsIn {
	width:1000px;
	margin:0 auto;
	overflow: hidden;
}

#plan #price .contentsIn .txtSmall01{
    font-size: 11px;
    text-align: center;
    margin: -3px 0 5px 0;
}

#plan #price h3 {
	margin:0 0 37px;
}
#plan #price table {
	width:1002px;
	margin:0 -2px 25px 0;
}
#plan #price th {
	padding:8px 0 8px 20px;
	border:1px #c8d0d5 solid;
	border-width:1px 0;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	color:#0f73b4;
}
#plan #price thead th {
	padding:13px 0 11px;
	background-color:#0f73b4;
	border:2px #fff solid;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	width: 330px;
}
#plan #price th span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2;
}
#plan #price td {
	width:361px;/*width:241px;*/
	padding:8px 0 8px;
	background-color:#f0f6fa;
	border:2px #fff solid;
	text-align:center;
	vertical-align:middle;
}
#plan #price .even td {
	background-color:#dfedf7;
}
#plan #price .last td {
	padding:10px 8px;
}
#plan #price td strong {
	font-size:16px;
	font-weight:bold;
}
#plan #price td.option strong {
	font-size:14px;
}
#plan #price td span {
	font-size:11px;
}
#plan #price p {
	text-align:right;
}
#plan #price .cap {
	line-height: 1.5;
	margin: -20px 0 -5px;
	text-align: left;
}
/* #flow
----------------------- */
#plan #flow {
	padding:153px 0 0;
	margin:-153px 0 70px;
}
#plan #flow h3 {
	margin:0 0 45px;
}
#plan #flow ol {
	overflow:hidden;
}
#plan #flow ol li {
	float:left;
	width:221px;
	min-height:276px;
	margin:0 0 15px;
	padding:0 38px 15px 0;
	border-bottom:1px #ccc solid;
}
#plan #flow ol li.noarw {
	padding-right:0;
	background:none;
}
#plan #flow ol li.nobdr {
	min-height:230px;
	margin:0;
	border-bottom:0;
}
#plan #flow ol li.last {
	padding-right:20px;
	background:none !important;
	border-right:1px #ccc solid;
}
#plan #flow ol li h4 {
	margin:0 0 5px;
}
#plan #flow ol li h4 + p {
	margin:0 0 3px;
	font-size:12px;
	line-height:1.5;
}
#plan #flow ol li p + p {
	font-size:11px;
	line-height:1.5;
}
#plan #flow ol li p + p a {
	display:block;
	padding:3px 0 2px 22px;
	background:url(/common/img/arw04.png) no-repeat 0 0.4em;
}
/* .home プラン
=========================================== */
#plan.home .lNav {
	margin: 140px 0 -17px;
	padding: 0;
	background-color:#fff;
	border-bottom: none;
}
#plan.home .catchCopy {
	text-align: center;
	margin: 0 0 20px;
}
/* #mainImg
----------------------- */
#plan.home #mainImg {
	width:100%;
	margin-bottom:-59px;
	background-color:#fff;
}
#plan.home #mainImg h2 {
	margin:0 -100px;
}
/* #customize
----------------------- */
#plan.home #customize {
	text-align: center;
	margin: 0 -200% 35px;
	padding: 0 200% 40px;
	border-bottom: 1px #cfcfcf solid;
}
/* #simulation
----------------------- */
#plan.home #simulation {
	width: 770px;
	margin: 0 auto 40px;
	padding: 5px;
	background-color: #eaeaea;
}
/* #campaign
----------------------- */
#plan.home #campaign {
	width: 770px;
	margin: 0 auto 30px;
	padding: 5px;
	background-color: #eaeaea;
}
/* #link
----------------------- */
#plan.home #link {
	padding:0 0 45px;
}
#plan.home #link li {
	position: relative;
	height:241px;
	margin:0 0 5px;
	padding:40px 0 0 68px;
}
#plan.home #link li {
	background:url(/plan/img/bg_link01.jpg) no-repeat 0 0;
}
#plan.home #link li + li {
	background:url(/plan/img/bg_link02.jpg) no-repeat 0 0;
}
#plan.home #link li + li + li {
	background:url(/plan/img/bg_link03.jpg) no-repeat 0 0;
}
#plan.home #link li h3 {
	margin:0 0 15px;
}
#plan.home #link li h3 + p {
	width:442px;
	margin:0 0 20px;
	color:#fff;
}
#plan.home #link li .btn a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 211px 813px 45px 68px;
}
#plan.home #link li + li .btn a {
	padding: 212px 813px 44px 68px;
}
#plan.home #link li + li + li .btn a {
	padding: 234px 813px 24px 68px;
}

/* .cloud クラウドプラン
=========================================== */
/* #mainImg
----------------------- */
#plan.cloud #mainImgIn {
	background:url(/plan/cloud/img/bg_mainimg01.jpg) no-repeat 0 0;
}
/* #feature
----------------------- */
#plan.cloud #feature {
	width:100%;
	margin:-153px 0 40px;
	padding-bottom:40px;
	border-bottom:1px #ccc solid;
}
#plan.cloud #feature ul li.list01 {
	background:url(/plan/cloud/img/bg_feature01.gif) no-repeat 8px 23px;
}
#plan.cloud #feature ul li.list02 {
	background:url(/plan/cloud/img/bg_feature02.gif) no-repeat 8px 23px;
}
#plan.cloud #feature ul li.list03 {
	background:url(/plan/cloud/img/bg_feature03.gif) no-repeat 8px 23px;
}
#plan.cloud #feature ul li.list04 {
	background:url(/plan/cloud/img/bg_feature04.gif) no-repeat 8px 23px;
}
#plan.cloud #feature ul li.list05 {
	background:url(/plan/cloud/img/bg_feature05.gif) no-repeat 8px 23px;
}
/* #bnr
----------------------- */
#plan.cloud #bnr {
	width:1000px;
	margin:0 auto;
	padding:0 0 30px;
}
#plan.cloud #bnr li {
	margin:0 0 20px;
	position:relative;
}
/*#plan.cloud #bnr li.bnr01 p + p {
	position:absolute;
	right:20px;
	bottom:23px;
}*/
#plan.cloud #bnr li.bnr02 p + p {
	position:absolute;
	right:40px;
	bottom:31px;
}
#plan.cloud #bnr li.bnr03 {
	margin:0 0 20px;
}
/* #change
----------------------- */
#plan.cloud #change {
	width:998px;
	margin:0 auto 10px;
	border:1px #000 dotted;
}
#plan.cloud #change h3 {
	padding:20px;
	border-bottom:1px #000 dotted;
}
#plan.cloud #change .txt {
	padding:20px 30px;
}
#plan.cloud #change .txt p {
	font-size:12px;
}
#plan.cloud #change .txt .copy {
	margin:0 0 5px;
	font-size:14px;
	font-weight:bold;
}
#plan.cloud #change .txt .attend {
	margin:3px 0 0;
	font-size:11px;
}
/* #library
----------------------- */
#plan.cloud #library {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px #ccc solid;
}
#plan.cloud #library .contentsIn {
	width:938px;
	margin:0 auto;
	padding:30px;
	border:1px #000 dotted;
	overflow:hidden;
}
#plan.cloud #library .txt {
	float:right;
	width:611px;
}
#plan.cloud #library .txt h3 {
	margin:0 0 15px;
}
#plan.cloud #library .txt h3 + p {
	margin:0 0 15px;
}
#plan.cloud #library > p {
	float:left;
	width:300px;
}
/* #flow
----------------------- */
#plan.cloud #flow ol li {
	background:url(/plan/cloud/img/arw_flow01.gif) no-repeat 234px 0;
}

/* .system システム販売プラン
=========================================== */
/* #mainImg
----------------------- */
#plan.system #mainImgIn {
	background:url(/plan/system/img/bg_mainimg01.jpg) no-repeat 0 0;
}
/* #feature
----------------------- */
#plan.system #feature {
	margin-bottom:40px;
}
#plan.system #feature ul li.list01 {
	background:url(/plan/system/img/bg_feature01.gif) no-repeat 8px 23px;
}
#plan.system #feature ul li.list02 {
	background:url(/plan/system/img/bg_feature02.gif) no-repeat 8px 23px;
}
#plan.system #feature ul li.list03 {
	background:url(/plan/system/img/bg_feature03.gif) no-repeat 8px 23px;
}
#plan.system #feature ul li.list04 {
	background:url(/plan/system/img/bg_feature04.gif) no-repeat 8px 23px;
}
#plan.system #feature ul li.list05 {
	background:url(/plan/system/img/bg_feature05.gif) no-repeat 8px 23px;
}
/* #purpose
----------------------- */
#plan.system #purpose {
	margin:0 0 40px;
	padding:40px 0;
	border-top:1px #f0f0f0 solid;
	border-bottom:1px #f0f0f0 solid;
}
#plan.system #purpose h3 {
	margin:0 0 37px;
}
#plan.system #purpose p + p {
	margin:10px 0 0;
	text-align:right;
}
/* #customize
----------------------- */
#plan.system #customize {
	margin: 0 0 43px;
	padding: 0 0 40px;
	border-bottom: 1px #f0f0f0 solid;
}
#plan.system #customize .tit {
	margin: 0 0 37px;
}
#plan.system #customize .txt {
	line-height: 1.5;
	margin: 0 0 31px 48px;
}
#plan.system #customize .btn {
	text-align: center;
}
/* #flow
----------------------- */
#plan.system #flow {
	margin-top:-153px;
	padding-top:153px;
}
#plan.system #flow ol li {
	min-height:226px;
	background:url(/plan/system/img/arw_flow01.gif) no-repeat 234px 0;
}
#plan.system #flow ol li.nobdr {
	min-height:210px;
	margin-bottom:15px;
	padding-bottom:0;
}

/* .data データ作成サービス
=========================================== */
/* #mainImg
----------------------- */
#plan.data #mainImgIn {
	background:url(/plan/data/img/bg_mainimg01.jpg) no-repeat 0 0;
}
#plan.data #mainImg h2 {
	margin:0 0 40px;
}
/* #about
----------------------- */
#plan.data #about {
	width:1000px;
	margin:-153px auto 40px;
	padding:153px 0 0;
}
#plan.data #about h3 {
	width:900px;
	margin:0 auto 5px;
}
#plan.data #about > p {
	width:900px;
	margin:0 auto 10px;
}
#plan.data .aboutIn {
	width:840px;
	margin:0 auto;
	padding:30px;
	background-color:#fbf6ee;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
#plan.data .aboutIn h4 {
	margin:20px 0 0;
}
#plan.data .aboutIn ul {
	padding:10px 0 1px 10px;
	background-color:#f0e8dd;
	overflow:hidden;
}
#plan.data .aboutIn ul li {
	float:left;
	width:360px;
	margin:0 10px 10px 0;
	padding:10px 0 9px 45px;
	background:#fff url(/plan/data/img/ico_check01.gif) no-repeat 13px 10px;
	font-size:14px;
	line-height:1.5;
}

#plan.data .aboutIn ul li:nth-child(5){
    width:775px;
}

/* #feature
----------------------- */
#plan.data #feature {
	width:100%;
	margin:0 0 193px;
	padding:40px 0 0;
	border-top:1px #f0f0f0 solid;
}
#plan.data #feature ul li.list01 {
	background:url(/plan/data/img/bg_feature01.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list02 {
	background:url(/plan/data/img/bg_feature02.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list03 {
	background:url(/plan/data/img/bg_feature03.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list04 {
	background:url(/plan/data/img/bg_feature04.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list05 {
	background:url(/plan/data/img/bg_feature05.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list06 {
	background:url(/plan/data/img/bg_feature06.gif) no-repeat 8px 23px;
}
#plan.data #feature ul li.list07 {
	background:url(/plan/data/img/bg_feature07.gif) no-repeat 8px 23px;
}
/* #price
----------------------- */
#plan.data #price {
	margin-bottom:35px;
	overflow:hidden;
}
#plan.data #price .tableLeft {
	float:left;
	width:480px;
	clear: both;
}
#plan.data #price .tableRight,
#plan.data #price .imageRight {
	float:right;
	width:480px;
}
#plan.data #price table {
	width:100%;
	margin:0 0 5px;
}
#plan.data #price table + table {
	margin-top: 40px;
}
#plan.data #price thead th {
	background-color:#f5aa3d;
}
#plan.data #price thead th span {
	font-size:10px;
}
#plan.data #price tbody th {
	padding:12px 20px 11px;
	background-color:#fff;
	border:1px #ccc solid;
	border-width:0 0 1px;
	font-weight:normal;
	color:#333;
}
#plan.data #price tbody td {
	width:170px;
	padding:12px 20px 11px;
	background:#fff url(/plan/data/img/bdr_price01.gif) no-repeat 0 center;
	border:1px #ccc solid;
	border-width:0 0 1px;
	text-align:right;
	color:#333;
}
#plan.data #price table + p {
	text-align: left;
}
#plan.data #price p {
	margin:0 0 13px;
	color:#333;
	text-align:right;
	font-size:11px;
}
#plan.data #price ul {
	width:330px;
	color:#333;
	font-size:11px;
}
#plan.data #price li {
	padding-left:1em;
	text-indent:-1em;
}
/* 20161110u追加 */
#plan.data #price .attention {
	font-size: 13px;
	clear: both;
	line-height: 1.85;
	padding: 24px 0 22px 28px;
	border: 1px dotted #a6a6a6;
	border-radius: 2px;
}
#plan.data #price .attention .tit {
	font-size: 18px;
	line-height: 1.5;
	color: #f33054;
	font-weight: bold;
	margin-bottom: 14px;
}
#plan.data #price .attention .list {
	padding-left: 20px;
	width: auto;
	font-size: 14px;
}
#plan.data #price .attention .list li {
	position: relative;
	text-indent: 0;
	padding-left: 0;
}
#plan.data #price .attention .list li:before {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background-color: #676767;
	border-radius: 6px;
	position: absolute;
	left: -1.2em;
	top: 8px;
}
#plan.data #price .attention .list li + li {
	margin-top: 4px;
}

/* #calc
----------------------- */
#plan.data #calc {
	width:1000px;
	margin:0 auto 20px;
}
#plan.data #calc h4 {
	margin:0 0 15px;
}
#plan.data #calc p {
	margin:0 0 15px;
}
#plan.data .calcBox {
	position:relative;
	padding:28px 30px 0;
	border:10px #f0f0f0 solid;
}
#plan.data .calcBox h5 {
	margin:0 0 10px;
}
#plan.data .calcBox table {
	margin:0 0 10px;
	padding:0 0 0 11px;
}
#plan.data .calcBox th {
	padding:18px 30px 17px 0;
	border-bottom:1px #dedede dashed;
	font-weight:bold;
	vertical-align:middle;
	line-height:1.5;
}
#plan.data .calcBox th .tit {
	padding-left:30px;
	background:url(/common/img/ico_dot02.png) no-repeat 8px 0.3em;
}
#plan.data .calcBox th input {
	width:110px;
	padding:4px;
	border:1px #ccc solid;
	text-align:right;
}
#plan.data .calcBox th .txt {
	padding-left:30px;
	font-size:11px;
	font-weight:normal;
}
#plan.data .calcBox td {
	padding:18px 30px 17px 70px;
	background:url(/plan/data/img/bg_calc01.gif) no-repeat 11px 18px;
	border-bottom:1px #dedede dashed;
	text-align:right;
	font-weight:bold;
}
#plan.data .calcBox td .small {
	position:relative;
	top:-20px;
	display:inline-block;
	width:40px;
	background-color:#929291;
	font-size:12px;
	text-align:center;
	color:#fff;
}
#plan.data .calcBox td strong {
	padding:0 0 0 20px;
	font-size:30px;
	line-height:1.2;
}
#plan.data .calcBox td .yen {
	font-size:15px;
	line-height:1.2;
}
#plan.data .calcBox .all {
	position:absolute;
	top:97px;
	right:40px;
	width:220px;
	padding:5px 0 0;
	border:5px #f5aa3d solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#f5aa3d;
}
#plan.data .calcBox .all strong {
	font-size:30px;
	color:#6d6d6d;
}
#plan.data .calcBox .all span {
	font-size:15px;
	color:#6d6d6d;
}
#plan.data .calcBox p {
	cursor:pointer;
}
#plan.data #calc + .btnArea {
	margin:0 0 193px;
}
/* #flow
----------------------- */
#plan.data #flow {
	margin:-153px 0 30px;
	padding:153px 0 0;
	border-top:1px #f0f0f0 solid;
}
#plan.data #flow h3 {
	margin:0 0 40px;
}
#plan.data #flow .flowBoxWrap {
	margin:0 0 5px;
	padding:0 0 25px;
	background:url(/plan/data/img/arw_flow02.gif) no-repeat center bottom;
}
#plan.data #flow .flowBox {
	border:10px #f0f0f0 solid;
	overflow:hidden;
}
#plan.data #flow .flowBox h4 {
	padding:11px 20px 20px;
	background-color:#f0f0f0;
}
#plan.data #flow .flowBox ol {
	float:left;
	padding:10px 0 10px 7px;
	overflow:hidden;
}
#plan.data #flow .flowBox ol li {
	width:184px;
	min-height:107px;
	margin:0;
	padding:0 26px 0 13px;
	background:url(/plan/data/img/arw_flow01.gif) no-repeat right 0;
	border-bottom:0;
}
#plan.data #flow .flowBoxWrap + .flowBox ol li {
	min-height:137px;
}
#plan.data #flow .flowBox ol li.last {
	padding-right:3px;
	background:none;
	border-right:1px #ccc solid;
}
#plan.data #flow .flowBox ol li h5 {
	margin:0 0 10px;
	padding:15px 0 0;
}
#plan.data #flow .flowBox ol li p {
	font-size:12px;
}
#plan.data #flow .flowBox .btn {
	float:right;
	width:294px;
	padding:25px 23px 0 0;
}
#plan.data #flow .flowBox .btn p {
	margin:0 0 5px;
	text-align:center;
}
#plan.data #flow .flowBox .btn p + p {
	text-align:left;
	font-size:12px;
}
/* #pdf
----------------------- */
#plan.data #pdf {
	width:1000px;
	margin:0 auto 30px;
}
#plan.data #pdf h4 {
	margin:0 0 20px;
}
#plan.data #pdf h4 + p {
	margin:0 0 8px;
}
#plan.data #pdf p + p {
	width:792px;
	padding-left:2em;
	text-indent:-2em;
	font-size:11px;
}
#plan.data #pdf ul {
	margin:15px 0 0;
	padding:13px;
	background-color:#f0f0f0;
	overflow:hidden;
}
#plan.data #pdf ul li {
	float:left;
	padding:0 18px 0 0;
}
/* #after
----------------------- */
#plan.data #after {
	width:1000px;
	margin:0 auto 50px;
}
#plan.data #after h4 {
	margin:0 0 8px;
}
#plan.data #after h4 + p + p {
	margin:10px;
	font-size:11px;
}
#plan.data #after p.txt {
	margin:40px 0 0;
	text-align:center;
}
#plan.data #after .bnr {
	position:relative;
}
#plan.data #after .bnr .btn {
	position:absolute;
	top:24px;
	right:32px;
}
/* .standard スタンダードプラン
=========================================== */
/* #mainImg
----------------------- */
#plan.standard #mainImgIn {
	background:url(/plan/cloud/standard/img/bg_mainimg01.jpg) no-repeat 0 0;
}
#plan.standard #mainImgIn .mainTxt{
	margin:25px 0 0 0;
}
/* #price02
----------------------- */
/*#plan.standard #price02 th a{
	color:#fff;
    background-image: none;
}
#plan.standard #price02 th a:hover{
	text-decoration:underline;
}*/
#plan.standard #price02 th.border01{
    border-left: 3px solid #0f73b4;
    border-right: 2px solid #0f73b4;
    border-top: 2px solid #0f73b4;
}
#plan.standard #price02 td.border02{
    border-bottom: 2px solid #0f73b4;
    border-left: 3px solid #0f73b4;
    border-right: 2px solid #0f73b4;
}
#plan.standard #price02 td.border03{
	border-left: 3px solid #0f73b4;
    border-right: 2px solid #0f73b4;
}
#plan.standard #price02 .bgcolor01{
	border-top: 2px solid #e8e8e8;
    border-right: none;
}
#plan.standard #price02 .bgcolor03{
	border-top:2px solid #00548a;
}
#plan.standard #price02 .try{
    border-right: none;
}
#plan.standard #price02 .discount{
	text-align: center;
    border-style: solid;
    border: 1px solid #0566a5;
    border-color: rgb(5, 102, 165);
    background-color: #1a89d2;
    width: 126px;
    margin: 0 auto 7px;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#plan.standard #price02 table{
	margin:0;
}
#plan.standard #price02 .color01{
	color:#d80272;
}
#plan.standard #price02 .color02{
    background-color: #dfedf7;
}
#plan.standard #price02 .blod{
	font-weight:bold;
}
#plan.standard #price02 .price02Title01 {
	margin: -10px 0 16px;
}
#plan.standard #price02 .price02Title02 {
	margin: 44px 0 16px;
}
#plan.standard #price02 .priceBox{
	border: #ececec 3px solid;
	margin-top: 20px;
    padding: 13px 0 13px 41px;
}
#plan.standard #price02 .priceBox:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	margin: -32px 0 0 -44px;
	background:url(/plan/cloud/premium/img/bg_price.png) no-repeat 0 0;
}
#plan.standard #price02 .priceBox p{
	font-size:12px;
}
#plan.standard #price02 .priceBox p+p.blod {
	margin-top: 10px;
}
#plan.standard #price02 .priceBox p strong {
	font-weight: bold;
}
#plan.standard #price02 .priceBox .blod{
	color: #000;
	font-size: 16px;
}
#plan.standard #price02 .small{
	font-size: 11px;
	padding-top: 10px;
}
#plan.standard #price02 .reasonable01 {
	margin-top: 18px;
	padding: 22px 0 26px;
	background: #f4f4f4;
	color: #333;
}
#plan.standard #price02 .reasonable01 .tit {
	margin: 0 0 20px -5px;
}
#plan.standard #price02 .reasonable01 p {
	padding: 0 128px 0 35px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.075em;
}
#plan.standard #price02 .reasonable01 em {
	font-weight: bold;
}
#plan.standard #price02 .reasonable01 strong {
	font-weight: bold;
	color: #d80272;
}
/* #price
----------------------- */
#plan.standard #price{
	position:relative;
	margin: -153px 0 50px;
	padding: 153px 0 50px 0;
	border-bottom: 1px solid #cfcfcf;
}
#plan.standard #price .absolute{
	position: absolute;
    top: 160px;
    right: 0;
}
#plan.standard #price .floatL{
	float:left;
	width:482px;
	border-top:1px solid #c8d0d5;
	border-bottom:1px solid #c8d0d5;
}
#plan.standard #price .floatR{
	float:right;
	width:482px;
	border-top:1px solid #c8d0d5;
	border-bottom:1px solid #c8d0d5;
}
#plan.standard #price th{
    width: 212px;
    border-top: 1px solid #c8d0d5;
    font-size: 12px;
    padding: 15px 0;
    vertical-align: top;
}
#plan.standard #price td{
	border-top:2px solid #fff;
	border-bottom: none;
    border-left: none;
}
#plan.standard #price tr:first-child th,
#plan.standard #price tr:first-child td{
	border-top:none;
}

/* #bnr
----------------------- */
#plan.standard #bnr{
	margin: -153px 0 50px;
	padding: 153px 0 50px 0;
}
#plan.standard #bnr h3{
	margin-bottom:36px;
}
#plan.standard #bnr .txt{
	font-size: 12px;
	padding-bottom:35px;
}
#plan.standard #bnr .cau01{
	font-weight: bold;
}
#plan.standard #bnr .tit01{
	margin: 0 0 11px;
}
#plan.standard #bnr .pb30{
	padding-bottom:30px;
}
/* .premium プレミアムプラン
=========================================== */
/* #mainImg
----------------------- */
#plan.premium #mainImgIn {
	background:url(/plan/cloud/premium/img/bg_mainimg02.jpg) no-repeat 0 0;
}
#plan.premium #mainImgIn .mainTxt{
	margin:25px 0 0 0;
}
/* #price02
----------------------- */
/*#plan.premium #price02 th a{
	color:#fff;
    background-image: none;
}
#plan.premium #price02 th a:hover{
	text-decoration:underline;
}*/
#plan.premium #price02 th a{
	color:#fff;
}
#plan.premium #price02 .try{
    border-right: none;
}
#plan.premium #price02 th.border01{
    border-left: 3px solid #00548a;
    border-right: 2px solid #00548a;
    border-top: 2px solid #00548a;
}
#plan.premium #price02 td.border02{
    border-bottom: 2px solid #00548a;
    border-left: 3px solid #00548a;
    border-right: 2px solid #00548a;
}
#plan.premium #price02 td.border03{
	border-left: 3px solid #00548a;
    border-right: 2px solid #00548a;
}
#plan.premium #price02 .bgcolor01{
	border-top: 2px solid #e8e8e8;
    border-right: none;
}
#plan.premium #price02 .bgcolor02{
	border-top:2px solid #0f73b4;
	border-left: none;
}
#plan.premium #price02 .discount{
	text-align: center;
    border-style: solid;
    border: 1px solid #0566a5;
    border-color: rgb(5, 102, 165);
    background-color: #1a89d2;
    width: 126px;
    margin: 0 auto 7px;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#plan.premium #price02 table{
	margin:0;
}
#plan.premium #price02 .color01{
	color:#d80272;
    background-color: #ffeef7;
}
#plan.premium #price02 .blod{
	font-weight:bold;
}
#plan.premium #price02 .priceBox p strong {
	font-weight: bold;
}#plan.premium #price02 h4{
	padding: 44px 0 16px 0;
}
#plan.premium #price02 .priceBox{
	border: #ececec 3px solid;
	margin-top: 20px;
    padding: 13px 0 13px 41px;
}
#plan.premium #price02 .priceBox:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	margin: -32px 0 0 -44px;
	background:url(/plan/cloud/premium/img/bg_price.png) no-repeat 0 0;
}
#plan.premium #price02 .priceBox p{
	font-size:12px;
}
#plan.premium #price02 .priceBox p+p.blod{
	margin-top: 10px;
}
#plan.premium #price02 .priceBox .blod{
	color: #000;
	font-size: 16px;
}
#plan.premium #price02 .small{
	font-size: 11px;
	padding-top: 10px;
}
/* #price
----------------------- */
#plan.premium #price{
	position:relative;
	margin: -153px 0 50px;
	padding: 153px 0 50px 0;
	border-bottom: 1px solid #cfcfcf;
}
#plan.premium #price .absolute01{
	position: absolute;
    top: 160px;
    right: 0;
}
#plan.premium #price .absolute02{
	position: absolute;
    top: 360px;
    right: 20px;
}
#plan.premium #price .priceBox01 {
	margin: 0 0 22px;
}
#plan.premium #price .floatL{
	float:left;
	width:482px;
	border-top:1px solid #c8d0d5;
	border-bottom:1px solid #c8d0d5;
}
#plan.premium #price .floatR{
	float:right;
	width:482px;
	border-top:1px solid #c8d0d5;
	border-bottom:1px solid #c8d0d5;
}
#plan.premium #price th{
    width: 212px;
    border-top: 1px solid #c8d0d5;
    font-size: 12px;
    padding: 15px 0;
    vertical-align: top;
}
#plan.premium #price td{
	border-top:2px solid #fff;
	border-bottom: none;
    border-left: none;
}
#plan.premium #price .color01{
	color:#d6006f;
}
#plan.premium #price .color02 strong {
	color:#e382b4;
}
#plan.premium #price tr:first-child th,
#plan.premium #price tr:first-child td{
	border-top:none;
}
#plan.premium #price .odd01 td {
    background-color: #fff7fb;
}
#plan.premium #price .even02 td {
    background-color: #ffeef7;
}
#plan.premium #price ul {
}
#plan.premium #price ul li {
	position: relative;
}
#plan.premium #price ul li:nth-child(odd){
    float: left;
}
#plan.premium #price ul li:nth-child(even){
    float: right;
}
#plan.premium #price ul li .btn {
	position: absolute;
	top: 56px;
	left: 94px;
}
#plan.premium #price ul li:nth-child(even) .btn {
	left: 107px;
}
/* #bnr
----------------------- */
#plan.premium #bnr{
}
#plan.premium #bnr li{
	margin-bottom:30px;
}

/* *******************************************
/* #sample サンプル一覧
******************************************* */

/* #contents
----------------------- */
#sample #contents{
    width: 1000px;
    margin:0 auto;
    padding: 150px 0 738px;
    line-height: 1.7;
    color: #6d6d6d;
}

#sample h2 + p + p {
	margin-bottom: 30px;
}
#sample h2 + p + p img {
	vertical-align: baseline;
}
/* #function
----------------------- */
#sample #function {
	margin:0 0 45px;
}
#sample #function h3 {
	margin:0 0 15px;
}
#sample #function p {
	margin:0 0 15px;
}
#sample #function ul {
	padding:10px 0 0 10px;
	background-color:#f0f0f0;
	overflow:hidden;
}
#sample #function li {
	float:left;
	width:320px;
	margin:0 10px 10px 0;
}
/* #purpose
----------------------- */
#sample #purpose {
	margin:0 0 40px;
}
#sample #purpose h3 {
	margin:0 0 20px;
}
#sample #purpose > ul {
	padding:10px 10px 1px;
	background-color:#f0f0f0;
}
#sample #purpose > ul > li {
	position:relative;
	min-height: 195px;
	margin:0 0 9px;
	padding:29px;
	background-color:#fff;
	border:1px #dedede solid;
}
#sample #purpose >ul > li.make {
	width: 406px;
	height: 235px;
	float: left;;
}
#sample #purpose >ul > li.make:after {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 320px;
	top: -15px;
	right: -33px;
	background: #fff;
}
#sample #purpose >ul > li.linkset {
	width: 409px;
	height: 235px;
	float: right;
	margin-bottom: 40px;
	background: url(/sample/img/img_linkset01.png) no-repeat 244px  83px #fff;
}
#sample #purpose >ul > li.linkset  p{
	padding-right: 212px;
}
#sample #purpose >ul > li.linkset:after {
	content: '';
	display: block;
	position: absolute;
	width: 1001px;
	height: 20px;
	right: -11px;
	bottom: -30px;
	background: #fff;
}
#sample #purpose >ul >li.induction {
	clear: both;
}
#sample #purpose > ul > li h4 {
	margin:0 0 20px;
}
#sample #purpose > ul > li .purposeBox {
	overflow:hidden;
}
#sample #purpose > ul > li .purposeBox p {
	max-height: 999999px;
	font-size: 14px;
}
#sample #purpose > ul > li .purposeBox ul {
	overflow: hidden;
	width: 600px;
}
#sample #purpose > ul > li .purposeBox li {
	float: left;
	width: 200px;
	border-bottom: 1px #dedede dashed;
	font-size: 14px;
	font-weight: bold;
}
#sample #purpose > ul > li .purposeBox li.long {
	width: 400px;
}
#sample #purpose > ul > li .purposeBox li.long02 {
	width: 600px;
}
#sample #purpose > ul > li .purposeBox li a {
	display: block;
	padding: 11px 0 10px 20px;
	background: url(/common/img/arw04.png) no-repeat 0 1em;
}
#sample #purpose > ul > li .purposeBox li a.icon:after {
	position: relative;
	top: 2px;
	right: -3px;
	content: url(/sample/img/ico01.png);
}
#sample #purpose > ul > li .pic {
	position:absolute;
	bottom:0;
	right:45px;
}
#sample #purpose > ul > li .purposeBox .sec01 {
	width: 600px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #dedede dashed;
}
#sample #purpose > ul > li .purposeBox .sec01 span {
	padding-left: 8px;
	font-weight: bold;
}
/* ↓20151124修正↓ */
#sample #purpose > ul > li .purposeBox ul.sec02 {
	float: left;
	width: 360px;
	padding-left: 20px;
}
#sample #purpose > ul > li .purposeBox ul.sec02 li {
	float: none;
	width: 405px;
	padding: 1px 0 0 20px;
	border-bottom: 0;
	background: url(/common/img/arw04.png) no-repeat 0 4px;
	font-weight: normal;
}
#sample #purpose > ul > li .purposeBox ul.sec02 li a {
	display: inline;
	padding: 0;
	background: none;
}
#sample #purpose > ul > li .purposeBox ul.sec02 li strong {
	font-weight: bold;
}
#sample #purpose > ul > li .purposeBox ul.sec03 {
	margin: 0 0 0 15px;
	float: left;
	width: 206px;
}
#sample #purpose > ul > li .purposeBox ul.sec03 li {
	width: auto;
	float: none;
	border-bottom: none;
}
#sample #purpose > ul > li .purposeBox ul.sec03 li + li {
	margin: 6px 0 0;
}
#sample #purpose > ul > li .purposeBox ul.sec03 .btn01 a {
	display: nome;
	padding: 0;
	background: none;
}
/* ↑20151124修正↑ */
/* ↓20150210修正↓ */
#sample #purpose > ul > .kind {
	padding: 29px 29px 0;
}
#sample #purpose > ul > .kind .purposeBoxIn01 {
	overflow: hidden;
}
#sample #purpose > ul > .kind .purposeBoxIn01 p {
	float: left;
	width: 665px;
}
#sample #purpose > ul > .kind .purposeBoxIn01 ul {
	float: right;
	width: 161px;
	margin: 10px 0 0;
}
#sample #purpose > ul > .kind .purposeBoxIn01 ul li {
	border: none;
}
#sample #purpose > ul > .kind .purposeBoxIn01 ul li + li {
	margin: 7px 0 0;
}
#sample #purpose > ul > .kind .purposeBoxIn01 ul a {
	background: none;
	padding: 0;
	display: inline;
}
#sample #purpose > ul > .kind .kindList02 {
	width: auto;
	overflow: hidden;
	margin: 20px 0 0;
}
#sample #purpose > ul > .kind .kindList02 li {
	width: auto;
    border-bottom: none;
}
#sample #purpose > ul > .kind .kindList02 li a {
    padding: 0 !important;
    background: none !important;
}
#sample #purpose > ul > .kind .kindList02 li + li {
	margin: 0 0 0 18px;
}
#sample #purpose > ul > li .purposeBox .btn02 {
	width: 330px;
	overflow: hidden;
	margin: 23px 0 0 280px;
}
#sample #purpose > ul > li .purposeBox .btn02 li {
	float: left;
	width: 161px;
	border: none;
}
#sample #purpose > ul > li .purposeBox .btn02 li + li {
	margin: 0 0 0 8px;
}
#sample #purpose > ul > li .purposeBox .btn02 a {
	background: none;
	padding: 0;
	display: inline;
}
/* ↑20150210修正↑ */
#sample #purpose > ul > li .purposeBox .btn {
	position: absolute;
	width: 333px;
	right: 30px;
	bottom: 30px;
}
#sample #purpose > ul > li .purposeBox .btn li {
	float: left;
	width: 161px;
	border: none;
}
#sample #purpose > ul > li .purposeBox .btn li + li {
	margin: 0 0 0 8px;
}
#sample #purpose > ul > li .purposeBox .btn a {
	background: none;
	padding: 0;
	display: inline;
}
/* 20161214 */
/* .func08 */
#sample #purpose .func08 {
	overflow: hidden;
}
#sample #purpose .func08 #design {
	margin: -90px 0 0;
	padding: 90px 0 0;
}
#sample #purpose .func08 .txt {
	margin: 0 0 10px;
	font-size: 14px;
}
#sample #purpose .func08 .purposeBox h5 {
	margin: 30px 0;
	padding: 7px 0 5px 15px;
	background-color: #f6f6f6;
	border-left: 10px #e889bb solid;
	font-size: 115.4%;
	font-weight: bold;
	line-height: 1.5;
	color: #db0375;
}
#sample #purpose .func08 .purposeBox ul {
	overflow: auto;
	margin: 0 -35px 10px;
	padding: 0 20px;
	width: 950px;
}
#sample #purpose .func08 .purposeBox ul li {
	border:none;
	width: 150px;
	margin:0 20px;
	text-align: center;
}
#sample #purpose .func08 .purposeBox ul li .img {
	margin: 0 0 15px;
}
#sample #purpose .func08 .purposeBox ul li a{
	background:none;
	padding:0;
}
/*#sample #purpose .func08 .purposeBox ul li.preview {
	display: block;
	padding: 11px 0 10px 20px;
	background: url(/common/img/arw04.png) no-repeat 0 1em;
}
#sample #purpose .func08 .purposeBox ul li.preview a {
	display: inline;
	background: none;
	padding: 0;
}*/
#sample #purpose .func08 .purposeBox ul li.preview a + a {
	display: none;
}

/* #appli
----------------------- */
#sample #appli {
	position:relative;
	width:898px;
	margin:0 auto 45px;
	padding:0 0 19px;
	border:1px #d2d2d2 solid;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#sample #appli h3 {
	padding:20px 30px 19px;
	border-bottom:1px #ccc dotted;
}
#sample #appli .txt {
	float:left;
	width:480px;
	padding:15px 0 0 30px;
}
#sample #appli .txt p {
	margin:0 0 38px;
	font-size:14px;
}
#sample #appli .txt .btn {
    width: 480px;
    margin: 0 auto;
    padding: 5px 0px;
	background-color:#f0f0f0;
	text-align:center;
}
#sample #appli .link {
	float:right;
	width:324px;
	padding:30px 33px 0 0;
}
#sample #appli .link p {
	font-size:11px;
}
#sample #appli .link ul {
	margin:5px 0;
	overflow:hidden;
}
#sample #appli .link li {
	float:left;
}
#sample #appli .link li + li {
	float:right;
}
#sample #appli .pic {
	position:absolute;
	top:-20px;
	right:34px;
}
/* .limit 限定公開
=========================================== */
#sample.limit .pageTit01 {
	margin: 0 0 17px;
}
#sample.limit .txt {
	line-height: 1.5;
	margin: 0 0 28px;
}
#sample.limit .caseBox01 {
	padding: 10px;
	background-color: #f0f0f0;
}
#sample.limit .caseBoxIn01 {
	padding: 30px;
	background-color: #fff;
	border: #dedede 1px solid;
}
#sample.limit .caseBoxIn01 li + li {
	margin: 38px 0 0;
}
#sample.limit .caseBoxIn01 .exa {
	margin: 25px 0 0 85px;
}
#sample.limit .caseBoxIn01 div {
	overflow: hidden;
	margin: 23px 0 0 230px;
}
#sample.limit .caseBoxIn01 .pass01 ,
#sample.limit .caseBoxIn01 .pass02 {
	float: left;
	width: 161px;
	background: url(/sample/img/arrow_limit01.gif) no-repeat right center;
	padding: 0 56px 0 0;
	margin: 0 40px 0 0;
}
#sample.limit .caseBoxIn01 .pass02 {
	background: url(/sample/img/arrow_limit02.gif) no-repeat right center;
}
#sample.limit .caseBoxIn01 .btn {
	float: left;
	width: 341px;
}
/* *******************************************
/* #result 導入事例
******************************************* */
#result #contents {
	width: 890px;
	margin: 0 auto 0;
    padding: 150px 0 738px;
}
/* #newCase
----------------------- */
#result #newCase {
	margin-bottom: 45px;
}
#result #newCase:after {
	content: '';
	display: block;
	clear: both;
}
#result #newCase a {
	display: block;
	position: relative;
	width: 390px;
	padding: 10px;
	float: left;
	margin-left: 10px;
	background: #fff;
	box-shadow: 0 2px #cecece;
	text-decoration: none;
}
#result #newCase a:after {
	content: '';
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	border-color: #fff #d0096e #d0096e #fff;
	border-style: solid;
	border-width: 4px;
}
#result #newCase a:nth-child(odd) {
	clear: both;
	margin-left: 0;
}
#result #newCase a:nth-child(n+3) {
	margin-top: 10px;
}
#result #newCase a:hover .newCaseBox {
	opacity: 0.7;
}
#result #newCase .newCaseBox {
	display: table;
	width: 100%;
}
#result #newCase .newCaseBox .img {
	display: table-cell;
	width: 125px;
	vertical-align: middle;
}
#result #newCase .newCaseBox .name {
	display: table-cell;
	padding: 0 10px 0 20px;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.5;
}
/* #resultBox
----------------------- */
#result #resultIn #resultBox {
	padding: 30px 30px 20px;
	background-color: #f0f0f0;
}
/* #intro
----------------------- */
#result #resultIn #resultBox #intro {
	overflow: hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(/result/img/bg_line01.gif) repeat-x center bottom;
}
#result #resultIn #resultBox #intro .txt {
	float: left;
	width: 425px;
	padding: 10px 30px 0;
}
#result #resultIn #resultBox #intro .bnr {
	float: right;
	width: 321px;
}
/* ul
----------------------- */
#result #resultIn #resultBox ul li {
	min-height: 220px;
	margin-bottom: 10px;
	border-bottom: #cecece 2px solid;
	background-color: #fff;
}
#result #resultIn #resultBox ul li a,
#result #resultIn #resultBox ul li .secBox {
	display: block;
	overflow: hidden;
	padding: 30px;
}
#result #resultIn #resultBox ul li a:hover {
	opacity: 0.7;
}
#result #resultIn #resultBox ul li a .pic,
#result #resultIn #resultBox ul li .secBox .pic {
	float: left;
	width: 304px;
	margin-right: 20px;
}
#result #resultIn #resultBox ul li a .box,
#result #resultIn #resultBox ul li .secBox .box {
	float: right;
	width: 444px;
}
#result #resultIn #resultBox ul li a .box h3,
#result #resultIn #resultBox ul li .secBox .box h3 {
	margin-bottom: 30px;
}
#result #resultIn #resultBox ul li a .box div,
#result #resultIn #resultBox ul li .secBox .box div {
	padding-left: 10px;
}
#result #resultIn #resultBox ul li a .box div .ico,
#result #resultIn #resultBox ul li .secBox .box div .ico {
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 75px;
	color: #414141;
	text-indent: -75px;
}
#result #resultIn #resultBox ul li a .box div .ico span,
#result #resultIn #resultBox ul li .secBox .box div .ico span {
	margin-right: 10px;
}
/* 20160209　詳細を見るボタン追加 */
#result #resultIn #resultBox ul li .btn a {
	margin: 10px 0 0;
	padding: 0;
}
/* #pagenavi
----------------------- */
#result #pagenavi {
	position: relative;
	overflow: hidden;
	padding-top: 30px;
}
#result #pagenavi #prev {
	position: absolute;
	top: 40px;
	left: 30px;
}
#result #pagenavi #prev a,
#result #pagenavi #prev span {
	padding-left: 25px;
	background: url(/common/img/arw06.gif) no-repeat 0 center;
}
#result #pagenavi #next {
	position: absolute;
	top: 40px;
	right: 30px;
}
#result #pagenavi #next a,
#result #pagenavi #next span {
	padding-right: 25px;
	background: url(/common/img/arw07.gif) no-repeat right center;
}
#result #pagenavi ul {
	position: relative;
	float: left;
	left: 50%;
}
#result #pagenavi li {
	position: relative;
	float: left;
	left: -50%;
	margin: 0 4px;
	width: 36px;
	height: 36px;
}
#result #pagenavi li a {
	display: block;
	padding: 7px 0 5px;
	border: #292929 1px solid;
	background-color: #fff;
	color: #292929;
	text-align: center;

}
#result #pagenavi li.current span {
	display: block;
	padding: 7px 0 5px;
	border: #292929 1px solid;
	background-color: #292929;
	color: #fff;
	text-align: center;
}
/* .detail
----------------------- */
#result.detail #resultIn #resultBox {
	padding: 30px;
	background-color: #f0f0f0;
}
#result.detail #resultIn #resultBox #resultBoxIn {
	padding: 30px;
	background-color: #fff;
}
#result.detail #resultIn #resultBox #resultBoxIn h3 {
	margin-bottom: 20px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box {
	overflow: hidden;
	margin-top: 30px;
	padding-top: 30px;
	border-top: #ccc 2px dotted;
}
#result.detail #resultIn #resultBox #resultBoxIn .box.intro {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#result.detail #resultIn #resultBox #resultBoxIn .box h4 {
	margin-bottom: 20px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box .yohaku {
	display: inline-block;
    margin-left: 66px;
}

#result.detail #resultIn #resultBox #resultBoxIn .box .pic {
	float: left;
	width: 304px;
	margin-right: 20px;
}

#result.detail #resultIn #resultBox #resultBoxIn .box .pic a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
#result.detail #resultIn #resultBox #resultBoxIn .box div {
	float: right;
	width: 444px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box div .ico {
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 75px;
	color: #6d6d6d;
	text-indent: -75px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box div .ico span {
	margin-right: 10px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box .txt.note {
	margin-bottom: 25px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box dl {
	margin-bottom: -20px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box p+dl {
	margin-top: 20px;
}
#result.detail #resultIn #resultBox #resultBoxIn .box dt {
	font-weight: bold;
}
#result.detail #resultIn #resultBox #resultBoxIn .box dt span {
	color: #db0375;
}
#result.detail #resultIn #resultBox #resultBoxIn .box dd {
	margin-bottom: 20px;
}
#result.detail #resultIn .bnr {
	width: 360px;
	margin: 30px auto 0;
}




/*#result h2 + p {
	margin:0 0 25px;
}
#result #gallery + p {
	margin:5px 0 55px;
	font-size:11px;
	text-align:right;
}*/
/* #gallery
----------------------- */
/*#result #gallery {
	padding:0 0 30px;
	background-color:#f0f0f0;
}
#result #gallery ul {
	padding:15px 0 3px 12px;
	overflow:hidden;
}
#result #gallery li {
	float:left;
	width:235px;
	margin:0 12px 12px 0;
}
#result #gallery p {
	margin:18px 0 0;
	text-align:center;
}*/

/* *******************************************
/* #support
******************************************* */
/* .home サポート
=========================================== */
/* #topics
----------------------- */
#support.home #topics {
	margin:0 0 50px;
}
#support.home #topics ul {
	border-top:1px solid #f0f0f0;
}
#support.home #topics ul li {
	padding:7px 0 5px;
	overflow:hidden;
	border-bottom:1px solid #f0f0f0;
}
#support.home #topics ul li .date {
	display:block;
	float:left;
	width:95px;
	padding:3px 0 2px;
	font-weight:bold;
	color:#999;
}
#support.home #topics ul li a {
	display:block;
	width:796px;
	float:left;
	padding:3px 0 2px 14px;
	background:url(../img/arw01.gif) no-repeat 0 0.7em;
}
/* #faq
----------------------- */
#support.home #faq {
	margin:32px 0 40px;
}
#support.home #faq .link {
	margin:0 0 30px;
	overflow:hidden;
	background: url(../../support/img/bg_border01.gif) repeat-x 0 bottom;
}
#support.home #faq .link li {
	float:left;
	width:500px;
}
#support.home #faq .cat {
	padding:10px 0 10px 10px;
	background-color:#f0f0f0;
	overflow:hidden;
}
#support.home #faq .cat li {
	float:left;
	width:237px;
	margin:0 10px 0 0;
	background-color:#fff;
	border-bottom:1px #c8c8c8 solid;
}
#support.home #faq .cat li a {
	display:block;
	padding:20px 18px 20px;
	background:url(/support/img/bg_faq_cat01_n.gif) no-repeat right bottom;
	text-decoration:none;
}
#support.home #faq .cat li a:hover {
	background-image:url(/support/img/bg_faq_cat01_o.gif);
}
#support.home #faq .cat li a h3 {
	margin:0 0 8px;
}
#support.home #faq .cat li a p {
	text-align:center;
}
#support.home #faq .cat li a:hover p {
	color:#909090;
}

/* ↓20151029追記 */
#support.home #answer {
	margin:0 0 40px;
}
#support.home .faqTit01 ,
#support.home .answerTit01 {
	margin:0 0 25px;
}
#support.home .answerBox01 {
	padding: 10px;
	background-color: #f0f0f0;
}
#support.home .answerBox01 dl {
	border: #dedede solid 1px;
	padding: 29px;
	background-color: #fff;
}
#support.home .answerBox01 dt {
	padding: 20px 0 0 54px;
	background: url(/support/img/ico_q.gif) no-repeat 10px 20px;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px;
	line-height: 1.6;
	color: #333;
}
#support.home .answerBox01 dd + dt {
	border-top: #ebebec 1px solid;
}
#support.home .answerBox01 dd {
	padding: 0 0 16px 54px;
	background: url(/support/img/ico_a.gif) no-repeat 10px 0;
	line-height: 1.6;
}
/* ↑20151029追記 */

/* #mail
----------------------- */
#support.home #mail p {
	padding:10px 0;
	background-color:#f0f0f0;
	text-align:center;
}
/* .faq よくある質問
=========================================== */
/* #lNav
----------------------- */
#support.faq #breadcrumb + .lNav {
	position:relative;
	margin:100px 0 -156px;
	z-index:200;
}
#support.faq .lNav {
    /*margin: 32px 0 0;*/
	padding:0;
	background:url(/common/img/bg_lnav_top02_02.gif) repeat-x 0 0;
}
#support.faq .lNav ul {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#support.faq .lNav ul li {
	float:left;
	margin-right:10px;
}

/* section
----------------------- */
#support.faq section dl {
	padding:12px 30px 23px;
	background-color:#fff;
	border:9px #f0f0f0 solid;
	-webkit-box-shadow:inset 0 0 0 1px #dedede;
	-moz-box-shadow:inset 0 0 0 1px #dedede;
	box-shadow:inset 0 0 0 1px #dedede;
}
#support.faq section dl dt {
	margin-top:-115px;
	padding:133px 10px 0;
	font-size:15px;
	font-weight:bold;
	color:#333;
}
#support.faq section dl dt span {
	padding-right:8px;
	font-size:13px;
	font-weight:normal;
	color:#db0375;
}
#support.faq section dl dt.adjust span {
	padding:0;
}
#support.faq section dl dd {
	padding:0 0 18px 44px;
	border-bottom:1px #ebebec solid;
	text-indent:-34px;
}
#support.faq section dl dd:last-child {
	border-bottom:0;
}
#support.faq section dl dd span {
	padding-right:8px;
	color:#999;
}
#support.faq section dl dd.adjust span {
	padding:0;
}
#support.faq section dl dd .attend {
	text-indent:0;
	font-size:11px;
}
#support.faq section dl dd .tit {
	text-indent:0;
	padding:8px 0 4px;
	border-bottom:1px #999 dotted;
	font-weight:bold;
	color:#292929;
}
#support.faq section dl dd .txt {
	text-indent:0;
	margin:3px 0 5px;
}
#support.faq section dl dd table {
	width:100%;
}
#support.faq section dl dd table th {
width: 90px;
padding: 6px 20px 6px 20px;
background-color: #f6f6f8;
border-bottom: 1px #999 dotted;
font-size: 12px;
vertical-align: middle;
text-indent: initial;
text-align: center;
}
#support.faq section dl dd table td {
padding: 8px 10px 6px;
border-bottom: 1px #999 dotted;
font-size: 12px;
vertical-align: middle;
text-indent: initial;
}
/* *******************************************
/* #campaign キャンペーン・割引特典
******************************************* */
#campaign h3{
	margin:0 0 15px;
}
/* .camp
----------------------- */
#campaign .camp{
	width:840px;
	margin:25px auto 30px;
}
#campaign .camp .box{
	padding:20px 19px 40px;
	border:1px solid #157abb;
	border-top:none;
}
#campaign .camp .free dl{
	padding:0 0 25px;
	border-top:1px dotted #999;
}
#campaign .camp .free dt{
	font-weight:bold;
	background:url(/campaign/img/ico01.gif) no-repeat 11px 18px;
	padding:11px 0px 11px 25px;
	clear:both;
	float:left;
	width:120px;
}
#campaign .camp .free dd{
	padding:11px 20px 11px 160px;
	border-bottom:1px dotted #999;
}
/* .campTable
----------------------- */
#campaign .campTable{
	margin-bottom:17px;
	position:relative;
}
#campaign .campTable table{
	color:#3d3d3d;
	width:100%;
	border:1px solid #b0b0b0;
}
#campaign .campTable th{
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#b0b0b0;
	padding:10px 15px;
}
#campaign .campTable th.course{
	width:269px;
	border-right:1px solid #fff;
}
#campaign .campTable td{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:10px 15px;
	border:1px solid #b0b0b0;
}
#campaign .campTable strong{
	font-size:20px;
	font-weight:bold;
}
#campaign .campTable td.link{
	width:269px;
	text-align:left;
}
#campaign .campTable td.link a{
	color:#0f73b4;
	background:url(/campaign/img/ico_link01.gif) no-repeat left center;
	padding-left:22px;
}
#campaign .campTable .price{
	font-size:40px;
	width:279px;
}
#campaign .campTable .price strong{
	font-size:70px;
	font-weight:bold;
	color:#cc0000;
	line-height:90px;
}
#campaign .campTable .free{
	font-size:34px;
}
#campaign .campTable .free strong{
	font-size:34px;
	font-weight:bold;
	color:#cc0000;
}
#campaign .campTable .arw{
	position:absolute;
	top:50%;
	left:482px;
	margin:2px 0 0;
}
/* .camp .btn
----------------------- */
#campaign .camp .btn{
	width:762px;
	margin:0 auto;
}
#campaign .camp .btn h4{
	margin:0 0 24px;
}
#campaign .camp .btn ul{
	margin:0 -11px 0 0;
}
#campaign .camp .btn li{
	float:left;
	width: 375px;
	margin-right:11px;
}
#campaign .camp .btn li+li+li{
	margin-top: 12px;
}
/* .norikae
----------------------- */
#campaign #contents h3 {
	margin-top: -60px;
	padding-top: 60px;
}
#campaign .camp .box.norikae {
	border-color: #63b9bc;
}
#campaign .camp .box.norikae dl {
	padding: 0 0 25px;
	border-top: 1px dotted #999;
	overflow: hidden;
}
#campaign .camp .box.norikae dt {
	float: left;
	width: 120px;
	padding: 11px 0px 11px 25px;
	background: url(/campaign/img/ico02.gif) no-repeat 11px 18px;
	font-weight: bold;
}
#campaign .camp .box.norikae dd {
	padding: 11px 20px 11px 160px;
	border-bottom: 1px dotted #999;
}
#campaign .box.norikae .campTable td.link a {
	color: #3f9a9e;
	background: url(/campaign/img/ico_link02.gif) no-repeat left center;
}
#campaign .box.norikae .campTable .price {
	width: 210px;
}
/* .mpv
----------------------- */
#campaign .camp .box.mpv {
	border-color: #d6006f;
}
#campaign .camp .mpv table {
	margin-bottom: 35px;
}
#campaign .camp .mpv th,
#campaign .camp .mpv td {
	padding: 10px 15px;
	vertical-align: top;
	border: 1px #b0b0b0 solid;
}
#campaign .camp .mpv th {
	width: 70px;
	background-color: #b0b0b0;
	color: #fff;
	font-weight: bold;
}
#campaign .camp .mpv tr th {
	border-bottom-color: #fff;
}
#campaign .camp .mpv tr + tr + tr th {
	border-bottom-color: #b0b0b0;
}
#campaign .camp .mpv td {
	padding: 10px 15px;
}
#campaign .camp .mpv td dt {
	margin-top: 10px;
	padding: 10px 0 5px;
	border-top: 1px #989898 dotted;
	font-size: 14px;
	font-weight: bold;
}
#campaign .camp .mpv td dt span {
	color: #d6006f;
}

/* *******************************************
/* #mpvclient My PAGE Viewをご利用のお客様へ
******************************************* */
#mpvclient h2 {
	width: 1000px;
	margin: 129px auto 50px;
	text-align: left;
}
#mpvclient #intro {
	width: 100%;
	background: url(../../mpvclient/img/bg_border02.gif) repeat-x 0 bottom;
	margin: 0;
	padding-bottom: 43px;
}
#mpvclient #intro h3 {
	width: 1000px;
	margin: 0 auto 10px;
}
#mpvclient #intro ul {
	display: block;
	overflow: hidden;
	width: 896px;
	margin: 0 auto;
	padding: 11px 50px 10px;
	background: #f0f0f0;
}
#mpvclient #intro li {
	display: block;
	float: left;
	width: 239px;
	height: 81px;
	margin: 0 0 0 40px;
	background: #fff;
}
#mpvclient #contents {
	width: 1000px;
	margin: 0 auto;
}
#mpvclient #contents #add {
	margin: -60px 0 19px;
	padding-top: 60px;
	overflow: hidden;
}
#mpvclient #contents #add h4 {
	margin-bottom: 30px;
}
#mpvclient #contents #add>div {
	float: left;
	width: 490px;
	margin-bottom: 30px;
}
#mpvclient #contents #add .movie {
	margin-left: 20px;
}
#mpvclient #contents #add .movie .img {
	width: 276px;
	height: 202px;
	margin: 21px 107px;
}
#mpvclient #contents #add .txtWrap {
	width: 452px;
	padding: 9px 9px 10px;
	background: #f0f0f0;
}
#mpvclient #contents #add .txt {
	border-image: url(../../mpvclient/img/bg_add01.gif) 10 round;
	border-width: 10px;
	border-style: solid;
	background: #fff;
}
#mpvclient #contents #add .txt span {
	color: #d6006f;
	font-size: 16px;
	font-weight: bold;
}
#mpvclient #contents #add p {
	padding:10px 10px 20px;
}
#mpvclient #contents #add p+p {
	margin: 0 -10px;
	padding: 30px 20px 20px;
	background: url(../../mpvclient/img/bg_add02.gif) no-repeat center top #fff;
}
#mpvclient #contents #add .btn {
	width: 319px;
	height: 25px;
	margin: 8px auto 0;
	padding: 0;
	background: #fff;
}
#mpvclient #contents table.mpv {
	width: 100%;
	margin: 14px 0 0;
}
#mpvclient #contents table.mpv tr>* {
	padding: 20px;
	border: 1px solid #bac1c6;
	border-top: none;
	border-left: none;
	text-align: left;
	vertical-align: middle;
}
#mpvclient #contents table.mpv thead tr>* {
	border-right: none;
	text-align: center;
}
#mpvclient #contents table.mpv tbody tr:nth-of-type(1)>* {
	background: url(../../mpvclient/img/bg_border02.gif) repeat-x 0 0 #fff;
}
#mpvclient #contents table.mpv tbody tr:nth-of-type(1) td {
	background: url(../../mpvclient/img/bg_border02.gif) repeat-x 0 0 #f0f0f0;
}
#mpvclient #contents table.mpv tbody tr:nth-of-type(1) td+td {
	background: url(../../mpvclient/img/bg_border02.gif) repeat-x 0 0 #feecf5;
}
#mpvclient #contents table.mpv thead td {
	height: 50px;
	padding: 10px 19px;
	background: url(../../mpvclient/img/bg_border01.gif) no-repeat 0 center;
}
#mpvclient #contents table.mpv tbody th {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
#mpvclient #contents table.mpv tbody td {
	font-size: 12px;
	background-color: #f0f0f0;
}
#mpvclient #contents table.mpv tbody td+td {
	background-color: #feecf5;
}
#mpvclient #contents table.mpv tbody td span {
	color: #d6006f;
	font-size: 11px;
}
#mpvclient #contents #repeal table.mpv tbody td {
	padding: 0;
	text-align: center;
}
#mpvclient #contents #compare {
	margin: -60px 0 50px;
	padding-top: 60px;
}
#mpvclient #contents #repeal {
	margin: -60px 0 60px;
	padding-top: 60px;
}
#mpvclient #contents #repeal .btn {
	margin: 50px auto 0;
	text-align: center;
}
#mpvclient #contents #faq {
	margin: 0 0 90px;
}
#mpvclient #contents #faq h4 {
	margin: -60px 0 30px;
	padding-top: 60px;
}
#mpvclient #contents #faq div {
	margin: 0 0 50px;
	padding: 10px;
	background: #f0f0f0;
}
#mpvclient #contents #faq dl {
	display: block;
	width: 904px;
	padding: 20px 28px;
	background: #fff;
	border: 1px solid #dedede;
}
#mpvclient #contents #faq dt {
	padding: 19px 0 0 50px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
#mpvclient #contents #faq dt:nth-of-type(1) {
	background: url(../../mpvclient/img/ico_q01.gif) no-repeat 8px 22px;
}
#mpvclient #contents #faq dt:nth-of-type(2) {
	background: url(../../mpvclient/img/ico_q02.gif) no-repeat 8px 22px;
}
#mpvclient #contents #faq dt:nth-of-type(3) {
	background: url(../../mpvclient/img/ico_q03.gif) no-repeat 8px 22px;
}
#mpvclient #contents #faq dd+dt {
	border-top: 1px solid #ebebec;
}
#mpvclient #contents #faq dd {
	padding: 0 0 16px 50px;
	color: #6d6d6d;
}
#mpvclient #contents #faq dd:nth-of-type(1) {
	background: url(../../mpvclient/img/ico_a01.gif) no-repeat 9px 3px;
}
#mpvclient #contents #faq dd:nth-of-type(2) {
	background: url(../../mpvclient/img/ico_a02.gif) no-repeat 9px 3px;
}
#mpvclient #contents #faq dd:nth-of-type(3) {
	background: url(../../mpvclient/img/ico_a03.gif) no-repeat 9px 3px;
}
#mpvclient #contents #faq .btn {
	width: 480px;
	height: 69px;
	margin: 0 auto;
}

/* *******************************************
/* #tips お役立ち情報
******************************************* */
#tips #contents {
	overflow: hidden;
}
#tips #contents #main {
	float: left;
	width: 750px;
}
#tips #contents #side {
	float: right;
	width: 230px;
}
#tips #contents h2 {
	margin-bottom: 40px;
}
#tips #contents .box {
	margin-bottom: 20px;
	padding: 9px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	border-radius: 2px;
}
#tips #contents .boxIn {
	padding: 14px 29px 18px;
	background: #fff;
	border: 1px solid #dedede;
	border-radius: 2px;
}
#tips #contents .boxIn.introIn {
	padding: 14px 19px 18px;
}
#tips #contents .tit01 {
	margin-bottom: 10px;
	padding: 0 0 5px 20px;
	background: url(../../tips/img/ico01.gif) no-repeat 0 2px;
	border-bottom: 1px dotted #7f7f7f;
	color: #6d6d6d;
	font-weight: bold;
}
#tips #contents .tit02 {
	margin-bottom: 20px;
	padding: 0 0 0 25px;
	background: url(../../tips/img/ico02.gif) no-repeat 1px 4px;
}
#tips #contents .tit02,
#tips #contents .tit02 a {
	font-size: 15px;

	font-weight: bold;
}
#tips #contents .tit03 {
	margin-bottom: 20px;
	padding: 7px 5px 7px 30px;
	background: url(../../tips/img/bg_tit01.gif) no-repeat 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#tips #contents .box .tit03 {
	margin: -14px -29px 10px;
}
#tips #contents .tit04 {
	margin-bottom: 20px;
	padding: 2px 5px 2px 30px;
	background: url(../../tips/img/bg_tit02.gif) no-repeat 0 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#tips #contents .thumb {
	float: left;
	width: 138px;
	overflow: hidden;
	border: 3px solid #c9c9c9;
	border-radius: 2px;
}
#tips #contents #side .list {
	margin-bottom: 10px;
	background: #f7f7f7;
}
#tips #contents #side .list li {
	padding: 10px 13px;
}
#tips #contents #side .list li+li {
	border-top: 1px dotted #7b7b7b;
}
#tips #contents #side .list li a {
	display: block;
	padding-left: 16px;
	background: url(../../tips/img/ico03.gif) no-repeat 0 8px;
}
#tips #contents #lnavi {
	clear: both;
}
#tips #contents #lnavi .box {
	overflow: hidden;
}
#tips #contents #lnavi .bnr {
	float: left;
	empty-cells: 319px;
	background: #fff;
	border-bottom: 1px solid #c8c8c8;
}
#tips #contents #lnavi .bnr02 {
	width: 321px;
}
#tips #contents #lnavi .bnr02,
#tips #contents #lnavi .bnr04 {
	margin-left: 10px;
}
#tips #contents #lnavi .bnr03,
#tips #contents #lnavi .bnr04 {
	margin-top: 10px;
}

/* 30日間お試しボタンがコメントアウトされている間のみ適用 */
#tips #contents #lnavi {
	width: 750px;
	overflow: hidden;
}
#tips #contents #lnavi .box {
	width: 670px;
	padding: 9px 40px;
}
#tips #contents #lnavi .bnr01+.bnr03 {
	margin-left: 32px;
}

/* ------------------------------------------------------ */





/* .home 一覧
=========================================== */
#tips #contents #intro .txt {
	width: auto;
}
#tips.home #contents .article {
	overflow: hidden;
	padding: 12px 0 0 0;
}
#tips.home #contents .article.new {
	padding-bottom: 20px;
}
#tips.home #contents .article+.article {
	background: url(../img/bg_border01.gif) repeat-x 0 0;
}
#tips.home #contents .article .txt {
	display: none;
}
#tips.home #contents .article.new .txt {
	display: inline;
}
#tips #contents .article.new .txt a {
	text-decoration: none;
}
#tips #contents .article.new .txt a:hover {
	text-decoration: underline;
}
#tips.home #contents .article .tit02 {
	float: right;
	width: 495px;
	margin-top: 7px;
}
#tips.home #contents .article.new .tit02 {
	float: none;
	width: auto;
	margin-top: 0;
}
#tips.home #contents .new .thumb {
	width: auto;
	margin-bottom: 15px;
}


/* .article 記事
=========================================== */
#tips #contents strong {
	font-weight: bold;
}
/* -------- */
#tips.article .center {
	text-align: center;
}
#tips.article .img {
	border: 3px solid #c9c9c9;
	border-radius: 2px;
}
#tips.article .tit05 {
	margin-bottom: 5px;
	padding-bottom: 4px;
	background: url(../img/bg_border01.gif) repeat-x 0 bottom;
	font-size: 18px;
	font-weight: bold;
}
#tips.article .tit06 {
	margin: 5px 0;
	font-weight: bold;
}
#tips.article .tit07 {
	margin-bottom: 10px;
	padding: 4px 15px;
	background: url(../../tips/img/bg_tit03.gif) no-repeat 0 center;
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
	font-weight: bold;
}
#tips.article .list01 li {
	padding-left: 7px;
	background: url(../../tips/img/bg_list01.gif) no-repeat 0 center;
}
#tips.article .txt {
	width: auto;
	margin-bottom: 20px;
}
#tips.article .social {
	margin: -10px -29px 15px;
	padding: 9px 28px;
	background: #f7f7f7;
	text-align: right;
}
#tips.article .social iframe.twitter-share-button {
width: 90px!important;
}
#tips.article .social #___plusone_0 {
width: 65px!important;
}
#tips.article #intro,
#tips.article .art,
#tips.article .relative {
	margin-bottom: 40px;
}
#tips.article .art {
	margin-top: -60px;
	padding-top: 60px;
}
#tips.article #intro .img {
	width: auto;
}
#tips.article .boxWrap {
	overflow: hidden;
}
#tips.article .boxWrap.twoBoxes {
	margin-left: -10px;
}
#tips.article .boxWrap.twoBoxes .box01 {
	float: left;
	width: 330px;
	margin-left: 10px;
}
#tips.article .boxWrap.threeBoxes {
	margin-left: -3px;
}
#tips.article .boxWrap.threeBoxes .box01 {
	float: left;
	width: 221px;
	margin-left: 3px;
}
#tips.article .boxWrap.threeBoxes .box01 .img {
	border: 1px solid #c9c9c9;
}
#tips.article #nextPrevNavi {
	position: relative;
	height: 70px;
}
#tips.article #nextPrevNavi>p {
	position: absolute;
	width: 250px;
	height: 80px;
	margin-bottom: -10px;
}
#tips.article #nextPrevNavi .prev {
	left: 0;
	padding-left: 15px;
	background: url(../../tips/img/bg_nav01.gif) no-repeat 0 center;
}
#tips.article #nextPrevNavi .next {
	right: 0;
	padding-right: 15px;
	background: url(../../tips/img/bg_nav02.gif) no-repeat right center;
	text-align: right;
}
#tips.article #nextPrevNavi>p a {
	display: table-cell;
	width: 235px;
	height: 80px;
	vertical-align: middle;
}
#tips.article #nextPrevNavi .next a {
	text-align: right;
}

/* *******************************************
/* #error 404
******************************************* */
#error section {
	text-align:center;
}
#error section h2 {
	margin:0 0 23px;
}
#error section h2 + p {
	margin:0 0 35px;
}
#error section p + p a {
	padding:0 0 0 25px;
	background:url(/common/img/arw04.png) no-repeat 0 0.1em;
	font-weight:bold;
}



/* *******************************************
/* #dlcontents 試用素材ダウンロード
******************************************* */
#dlcontents h2{
	margin:0 0 40px;
}
#dlcontents #guide .cau {
	margin: 24px 0 0;
}
#dlcontents #guide .imgTxt{
	overflow:hidden;
	background:#f7f7f7;
	margin:40px 0;
	padding:8px;
	width:398px;;
}
#dlcontents #guide .imgTxt .img{
	float:left;
	padding:10px;
}
#dlcontents #guide .imgTxt .txt{
	float:right;
	padding:30px 0 0;
	margin:0 10px 0 0;
}

#dlcontents #step{
	border:10px solid #eee;
	padding:27px 30px;
}
#dlcontents #step #pdf p,
#dlcontents #step #material p{
	margin:10px 0;
}
#dlcontents #step .btn{
	padding: 20px 0 10px;
}
#dlcontents #step .manual a{
	background:url(/dlcontents/img/ico_trial01.png) no-repeat 2px 5px;
	padding:0 0 0 15px;
	font-weight:bold;
}
#dlcontents #step #pdf .notice{
	background:#f7f7f7;
	margin:20px 0 0;
	padding:20px;
	width:428px;
	line-height:1.53;
}
#dlcontents #step #pdf .notice h4{
	background:url(/dlcontents/img/ico_trial02.gif) no-repeat 3px 6px;
	padding:0 0 0 1em;
}

#dlcontents #step #material{
	margin:60px 0 0;
}
#dlcontents #material ul{
	overflow:hidden;
	margin:10px 0 10px -20px;
}
#dlcontents #material li{
	float:left;
	width:450px;
	margin:15px 0 0 20px;
}
#dlcontents #consultation{
}
#dlcontents #consultation dt{
	background:url(/dlcontents/img/ico_trial03.png) no-repeat 0 3px;
	padding:0 0 0 25px;
	font-weight:bold;
}
#dlcontents #consultation dd{
}

/* *******************************************
/* #practical.customize 個別のカスタマイズ
******************************************* */
#practical.customize .tit01 {
	margin: 0 0 26px;
}
#practical.customize .txt01 {
	margin: 0 0 35px;
}
#practical.customize .dealList01 {
	border-top: 1px solid #f0f0f0;
}
#practical.customize .dealList01 li {
	overflow: hidden;
	padding: 35px 63px;
	border-bottom: 1px solid #f0f0f0;
}
#practical.customize .dealList01 li .pic {
	float: left;
	width: 344px;
	margin: 0 30px 0 0;
}
#practical.customize .dealList01 li .txtBox01 {
	float: right;
	width: 500px;
}
#practical.customize .tit02 {
	min-height: 23px;
	margin: 0 0 13px;
	padding: 2px 0 0 59px;
	background: url(/practical/customize/img/ico01.gif) no-repeat;
}
#practical.customize .otherEx01 {
	margin: 0 0 40px;
	padding: 35px 63px;
	border-bottom: 1px solid #f0f0f0;
}
#practical.customize .tit03 {
	margin: 0 0 14px;
}
#practical.customize .otherEx01 ul {
	overflow: hidden;
}
#practical.customize .otherEx01 li {
	float: left;
	width: 329px;
}
#practical.customize .dealLink01 {
	padding: 10px;
	background-color: #f0f0f0;
}
#practical.customize .dealLinkIn01 {
	padding: 30px;
	background-color: #fff;
}
#practical.customize .tit04 {
	text-align: center;
	margin: 0 0 28px;
}
#practical.customize .dealLink01 ul {
	overflow: hidden;
}
#practical.customize .dealLink01 li {
	float: left;
	width: 448px;
}
#practical.customize .dealLink01 li + li {
	margin: 0 0 0 24px;
}


/* *******************************************
/* #comparison 他社からの乗り換え
******************************************* */
/* #comparison mainImg
----------------------- */
#comparison #mainImg{
	text-align: center;
}

/* #contents
----------------------- */
#comparison #contents{
	width: 100%;
	padding: 0 0 708px;
}
#comparison .contentsIn{
	width: 1000px;
  margin: 0 auto;
  line-height: 1.7;
  color: #6d6d6d;
}

/* #merit
----------------------- */
#comparison #meritnav {
	border-bottom: 1px solid #ccc;
	padding: 0 0 40px;
}
#comparison #merit h2{
	margin: 0 0 22px;
}
#comparison #merit .lNav{
	background-color: #f0f0f0;
	padding: 10px 0 9px;
	text-align: center;
	font-size: 0;
}
#comparison #merit .lNav li {
	display: inline-block;
	margin: 0 5px;
}

/*メリット共通*/
#comparison #merit .contentsIn .txt {
	font-size: 13px;
	line-height: 1.85;
}
#comparison #merit .contentsIn h3 {
	margin: 0 0 25px;
}
#comparison #merit .contentsIn h4 {
	margin: 0 0 26px;
}
#comparison #merit .contentsIn h5 {
	margin: 0 0 12px;
}
#comparison .function {
	margin: 0 auto 40px;
}
#comparison .function p {
	margin: 0 0 18px;
}

/*メリット共通 table*/
#comparison .comparisonTable {
	width: 100%;
	table-layout:fixed;
	border-bottom: 1px solid #c8d0d5;
}
#comparison .comparisonTable th {
	background: #9b9b9b;
	padding: 8px;
	text-align: center;
	border: 2px solid #fff;
}
#comparison .comparisonTable th img {
	vertical-align: middle;
}
#comparison .comparisonTable th:first-child {
	background: #9b9b9b;
	width: 26%;
}
#comparison .comparisonTable th.meclib {
	background: #d6006f;
}
#comparison .comparisonTable td {
	padding: 14px;
	text-align: center;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #c8d0d5;
	font-size: 14px;
	background: #f6f6f6;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.5;
}
#comparison .comparisonTable td.pink {
	background: #ffebf5 url(/comparison/img/bg_comparisonTable01.png) no-repeat left center;
}
#comparison .comparisonTable td.pinklong {
	background: #ffebf5 url(/comparison/img/bg_comparisonTable02.png) no-repeat left center;
}
#comparison .comparisonTable td.pink02 {
	background: #ffdfef url(/comparison/img/bg_comparisonTable01.png) no-repeat left center;
}
#comparison .comparisonTable td.pink02long {
	background: #ffdfef url(/comparison/img/bg_comparisonTable02.png) no-repeat left center;
}
#comparison .comparisonTable td.gray {
	background: #e6e6e6;
}
#comparison .comparisonTable tr td:first-child {
	background: #fff;
}
#comparison .comparisonTable td p {
	margin: 6px 0 0;
	font-size: 11px;
}
#comparison .comparisonTable td p.pink {
	color: #d6006f;
}
#comparison .comparisonTable tr td:first-child {
	text-align: left;
}


/*メリット01*/
#comparison #merit01 {
	margin-top: -100px;
	padding: 145px 0 35px;
	border-bottom: 1px solid #ccc;
}
#comparison #merit01 #digitalbook {
	margin-bottom: 65px;
}
#comparison #merit01 #digitalbook .txt {
	width:620px;
	float: left;
}
#comparison #merit01 #digitalbook .image {
	width:380px;
	float: right;
	margin-bottom: -14px;
}

/* 20161110u追加 */
#comparison #merit01 dl {
	margin-bottom: 23px;
}
#comparison #merit01 .titStyle01 {
	margin-bottom: 13px;
    background: url(../../comparison/img/bg_subtit01.png) no-repeat;
    padding: 4px 13px 3px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.87;
}
/* 20161110u追加 */


/*メリット02*/
#comparison #merit02 {
	margin-top: -100px;
	padding: 140px 0 60px;
	border-bottom: 1px solid #ccc;
}
/*security*/
#comparison #merit02 #security {
	margin: 95px auto 40px;
}
#comparison #merit02 #security .txt {
	width:570px;
	float: left;
}
#comparison #merit02 #security .image {
	width:400px;
	float: right;
}

#comparison #merit02 .btn {
	margin: 20px 0 0;
	text-align: center;
}
/*メリット03*/
#comparison #merit03 {
	margin-top: -100px;
	padding: 140px 0 60px;
	border-bottom: 1px solid #ccc;
}
#comparison #merit03 .btn {
	margin: 10px 0 0;
	text-align: center;
}
/*メリット04*/
#comparison #merit04 {
	margin-top: -100px;
	padding: 140px 0 60px;
	border-bottom: 1px solid #ccc;
}
#comparison #merit04 #operation > div {
	margin: 0 auto 30px;
}
#comparison #merit04 .image {
	width: 400px;
	float: left;
}
#comparison #merit04 .txt {
	width: 570px;
	float: right;
}
#comparison #merit04 .btn {
	margin: 10px 0 0;
	text-align: center;
}


/* #change-discount
----------------------- */
#comparison #change-discount {
	padding: 40px 0 60px;
	border-bottom: 1px solid #ccc;
}
#comparison #change-discount h3 {
	margin: 0 0 30px;
}
#comparison #change-discount h3 + p {
	margin: 0 0 30px;
}
#comparison #change-discount .image {
	text-align: center;
}

/* #question
----------------------- */
#comparison #question {
	padding: 55px 0 60px;
}
#comparison #question h2 {
	margin: 0 0 30px;
}
#comparison #question dl {
	margin: 0 0 30px;
}
#comparison #question dl dt {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 15px;
}
#comparison #question .qa01 dt {
	background:url(../../comparison/img/bg_question01q.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa01 dd {
	background:url(../../comparison/img/bg_question01a.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa02 dt {
	background:url(../../comparison/img/bg_question02q.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa02 dd {
	background:url(../../comparison/img/bg_question02a.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa03 dt {
	background:url(../../comparison/img/bg_question03q.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa03 dd {
	background:url(../../comparison/img/bg_question03a.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa04 dt {
	background:url(../../comparison/img/bg_question04q.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question .qa04 dd {
	background:url(../../comparison/img/bg_question04a.gif) no-repeat left center;
	padding: 0 0 0 50px;
}
#comparison #question p {
	text-align: center;
}
#comparison #question p.txt {
	margin: 30px 0 20px;
    position: relative;
}
#comparison #question .txtLink {
	position: absolute;
    top:0;
    left:497px;
}

/* #contactForm
----------------------- */
#comparison #mailform {
	margin: -100px 0 0;
	padding: 100px 0 0;
}
#comparison #mailform h2 {
	margin:0 0 25px
}
#comparison #mailform h2 + p {
	margin:0 0 30px
}
#comparison #mailform #formarea {
	border:10px solid #f0f0f0;
	margin: 0 55px 30px;
  padding: 20px;
}
#comparison #mailform #formarea table {
	border-collapse:inherit;
}
#comparison #mailform #formarea table th {
	background: #f6f6f8;
	padding: 20px;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	width: 22%;
}
#comparison #mailform #formarea table th span {
	color: #d6006f;
}
#comparison #mailform #formarea table td {
	border-bottom: 1px dotted #999;
	vertical-align: middle;
	padding: 20px;
}
#comparison #mailform #formarea table td p {
	color: #828282;
	margin: 3px 0 0;
}
#comparison #mailform #formarea textarea::-webkit-input-placeholder {
  color: #999;
}
#comparison #mailform #formarea textarea:-ms-input-placeholder {
  color: #999;
}
#comparison #mailform #formarea textarea::-moz-placeholder {
  color: #999;
}

/* .diff
----------------------- */
#comparison.top .diff{
	margin-bottom:35px;
}
#comparison.top .diff h3{
	text-align:center;
	padding-bottom:45px
}
#comparison.top .diff h4{
	padding-bottom:23px
}
#comparison.top .diff dd{
	padding:10px 0 15px 0;
}
#comparison.top .diff .bg01{
	background: url(/comparison/img/bg_diff01.png) no-repeat center center;
}
#comparison.top .diff .bg02{
	background: url(/comparison/img/bg_diff02.png) no-repeat center center;
}
#comparison.top .diff dd span{
    font-weight: bold;
    background-color: #f7c8e1;
}
#comparison.top .diff .usefulL{
	float:left;
	width:500px;
}
#comparison.top .diff .usefulR{
	float:right;
	width:344px;
}
#comparison.top .diff li{
    border-bottom: 1px solid #f0f0f0;
    padding: 35px 63px;
}
#comparison.top .diff li:first-child{
	border-top: 1px solid #f0f0f0;
}
#comparison.top .diff .btn{
	padding-top:10px;
}
#comparison.top .diff .floatBtn .btn{
	float:left;
	margin-right:15px;
}
#comparison.top #bnrArea{
	text-align:center;
}
#comparison.top #bnrArea p{
	margin-bottom:20px;
}

/* *******************************************
/* #ver2 ver.2.0新バージョン機能紹介
******************************************* */
/* #mainimg
----------------------- */
#ver2 #mainimg {
	margin: 100px 0 40px;
}
/* #contents
----------------------- */
#ver2 #contents .item .list {
	background-color: #f0f0f0;
	padding: 10px;
	margin-bottom: 40px;
	overflow: hidden;
}
#ver2 #contents .item ul li {
	float: left;
	min-height: 406px;
	border: 1px solid #dedede;
	width: 318px;
	background-color: #fff;
	font-size: 13px;
	line-height: 22px;
	color: #6d6d6d;
	letter-spacing: 0.025em;
}
#ver2 #contents .item ul li+li {
	margin-left: 10px;
}
#ver2 #contents .item ul li .pic,
#ver2 #contents .item ul li h3 {
	margin: 0 -1px;
}
#ver2 #contents .item ul li .contents {
	padding: 7px 30px 29px;
}
#ver2 #contents .item ul li .contents .btn {
	margin-top: 12px;
	display: inline-block;
	background-color: #5d5d5d;
}
#ver2 #contents .item ul li .contents .btn a {
	text-decoration: none;
	display: block;
	padding: 2px 29px 1px;
	color: #fff;
	background: url(../../common/img/arw03.png) no-repeat right 10px center;
}
#ver2 #contents .item ul li .contents .btn a:hover {
	text-decoration: underline;
}
/* 20161110u追加 */
#ver2 #contents .item ul li.half {
	width: 483px;
	margin-top: 11px;
	min-height: 228px;
	position: relative;
}
#ver2 #contents .item ul li.half:before {
    content: "new";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 43px;
    height: 43px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../../update_ver2/img/ico_new01.png);
}
#ver2 #contents .item ul li.half .contents {
	float: left;
	width: 281px;
	padding: 29px 0 0 28px;
}
#ver2 #contents .item ul li.half .pic {
	float: right;
	width: 174px;
	margin: 0;
}
#ver2 #contents .item ul li.half .contents p:first-of-type {
	margin: 10px 0;
	width: 260px;
}
#ver2 #contents .item ul li.half.zoom {
	margin-left: 0;
}
#ver2 #contents .item ul li.half.print .pic {
	padding: 25px 20px 0 0;
	width: 154px;
}

#ver2 #ver2-0 .tit {
	margin-bottom: 30px;
}
/* #library
----------------------- */
#ver2 #library h1 {
	margin-bottom: 20px;
}
#ver2 #library li {
	position: relative;
	border: 1px solid #dedede;
	padding: 24px 30px 33px 40px;
	letter-spacing: 0.025em;
}
#ver2 #library li+li {
	margin-top: 9px;
}
#ver2 #library li.haveImg {
	background: url(../../update_ver2/img/bg_ver2_01.jpg) no-repeat right 30px top 24px;
}
#ver2 #library li+li.haveImg {
	background: url(../../update_ver2/img/bg_ver2_02.jpg) no-repeat right 30px top 24px;
}
#ver2 #library li h2 {
	padding: 7px 0 6px;
	font-size: 16px;
	line-height: 1.5;
	color: #292929;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#ver2 #library li.haveImg p {
	width:450px;
	margin-bottom: 7px;
}


#ver2 #library li .btn {
	width:auto !important;
	margin-top: 12px;
	display: inline-block;
	background-color: #5d5d5d;
}
#ver2 #library li .btn a {
	text-decoration: none;
	display: block;
	padding: 2px 29px 1px;
	color: #fff;
	background: url(../../common/img/arw03.png) no-repeat right 10px center;
}
#ver2 #library li .btn a:hover {
	text-decoration: underline;
}

/* *******************************************
/* #limit .limit 試用版の制限事項について
******************************************* */
#limit #contents {
	padding: 154px -0px 720px;
}
#limit .limitTableSection h3 {
	margin-bottom: 12px;
	padding-left: 5px;
}
/*table*/
#limit .limitTable {
	width: 100%;
	table-layout:fixed;
	border-bottom: 1px solid #c8d0d5;
}
#limit .limitTable th {
	padding: 4px 20px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #fff;
	font-size: 14px;
}
#limit .limitTable th img {
	vertical-align: middle;
}

#limit .limitTable td {
	padding: 12px;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #c8d0d5;
	font-size: 14px;
	background: #f6f6f6;
	vertical-align: middle;
	box-sizing: border-box;
	line-height: 1.5;
}
#limit .limitTable thead th {
	background-color: #9b9b9b;
	color: #fff;
}
#limit .limitTable thead th:first-child {
	width: 274px;
}
#limit .limitTable thead .sample {
	background-color: #d6006f;
}
#limit .limitTable thead .standard {
	background-color: #0f73b4;
}
#limit .limitTable thead .pramium {
	background-color: #00548a;
}
/* tbody */
#limit .limitTable tbody th {
	background: #fff;
	text-align: left;
	border-bottom: 1px solid #c8d0d5;
}
#limit .limitTable tbody td {
	border-bottom: 1px solid #c8d0d5;
}
#limit .limitTable tbody tr:nth-child(odd) td {
	background-color: #f6f6f6;
}
#limit .limitTable tbody tr:nth-child(odd) td:first-of-type {
	background-color: #fff1f8;
}
#limit .limitTable tbody tr:nth-child(even) td {
	background-color: #e6e6e6;
}
#limit .limitTable tbody tr:nth-child(even) td:first-of-type {
	background-color: #ffdfef;
}
#limit .limitTable tbody td em {
	color: #d6006f;
}
#limit .limitTable + .txt {
	padding: 7px 0 0 15px;
}
/* *******************************************
/* #feature .dynamic 動的コンテンツの埋め込み
******************************************* */
/* #dynamicIn
----------------------- */
#feature #dynamicIn h1 {
	margin-bottom: 43px;
}
#feature #dynamicIn .text {
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	margin-bottom: 36px;
}
#feature #dynamicIn ul {
	margin-top: 40px;
	padding: 40px 0 34px;
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
}
#feature #dynamicIn ul li {
	float: left;
}
#feature #dynamicIn ul li+li {
	float: right;
}

/* *******************************************
/* #feature.popup ポップアップ表示
******************************************* */
/* #embedded
----------------------- */
#feature.popup #embedded h1 {
	margin-bottom: 50px;
}
#feature.popup #embedded .txt {
	color: #6d6d6d;
	font-size: 13px;
	line-height: 24px;
	margin-top: 26px;
}
#feature.popup #embedded #mainimg {
	position: relative;
	margin: 40px 0 0;
}
#feature.popup #embedded #mainimg .anchor01,
#feature.popup #embedded #mainimg .anchor02,
#feature.popup #embedded #mainimg .anchor03 {
	position: absolute;
}
#feature.popup #embedded #mainimg .anchor01 {
	left: 0;
	top: 7px;
}
#feature.popup #embedded #mainimg .anchor02 {
	right: 31px;
	top: 7px;
}
#feature.popup #embedded #mainimg .anchor03 {
	left: 0;
	top: 265px;
}
#feature.popup #embedded .bnr {
	padding: 60px 0;
	border-bottom: 1px solid #f0f0f0;
}
/* 共通設定
----------------------- */
#feature.popup section+section {
	padding: 48px 0 40px;
	border-top: 1px solid #f0f0f0;
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
}
#feature.popup section+section h1 {
	margin-bottom: 21px;
}
#feature.popup section+section h2 {
	margin-bottom: 37px;
}
#feature.popup section+section .contents {
	overflow: hidden;
	margin-bottom: 28px;
}
#feature.popup section+section .contents .txt {
	float: left;
	width: 295px;
}
#feature.popup section+section .contents .img {
	float: right;
	padding-top: 4px;
}
#feature.popup .btnArea {
	overflow: hidden;
}
#feature.popup .btnArea .sample {
	float: right;
}
#feature.popup .btnArea .generator {
	float: left;
}
/* #link
----------------------- */
#feature.popup #link {
	border-bottom: 1px solid #f0f0f0;
}
#feature.popup #link .contents {
	margin-bottom: 0;
}
#feature.popup #link .contents .txt {
	width: 360px;
}
#feature.popup #link+.textArea {
	text-align: right;
	padding-top: 15px;
}
#feature.popup #link+.textArea .attention {
	display: inline-block;
	text-align: left;
}

/* *******************************************
/* #feature.direct 直接埋め込み表示
******************************************* */
/* #directIn
----------------------- */
#directIn {
	letter-spacing: 0.05em;
}
#directIn h1 {
	margin-bottom: 50px;
}
#directIn > h2 {
	margin-bottom: 24px;
}
#directIn > .txt {
	font-size: 13px;
	color: #6d6d6d;
	line-height: 24px;
	margin-bottom: 45px;
}
/* 共通設定
----------------------- */
#directIn section h2 {
	margin-bottom: 25px;
}
#directIn section .contents {
	overflow: hidden;
}
#directIn section .contents .img {
	float: left;
}
#directIn section .contents .textArea {
	width: 440px;
	float: right;
	font-size: 13px;
	color: #6d6d6d;
	line-height: 24px;
}
#directIn section .contents .textArea .btnArea {
	margin-top: 35px;
	overflow: hidden;
}
#directIn section .contents .textArea .btnArea .movie {
	float: left;
}
#directIn section .contents .textArea .btnArea .sample {
	float: right;
	width: 213px;
}
#directIn section .contents .textArea .btnArea .sample img {
	width: 100%;
}
/* #panorama
----------------------- */
#directIn #panorama {
	margin-bottom: 38px;
}
/* #slide #movie
----------------------- */
#directIn #slide,
#directIn #movie {
	margin-bottom: 50px;
}
#directIn #movie+.textArea {
	padding-top: 14px;
	border-top: 1px solid #f0f0f0;
}
#directIn #movie+.textArea+.bnr {
	padding: 52px 0 48px;
}

/* *******************************************
/* #feature.generator コンテンツジェネレータ
******************************************* */
/* #directIn
----------------------- */
#feature.generator #generatorIn {
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
}
#feature.generator #generatorIn h1 {
	margin-bottom: 48px;
}
#feature.generator #generatorIn > h2 {
	margin-bottom: 30px;
}
#feature.generator #generatorIn > h3 {
	margin-bottom: 10px;
}
#feature.generator #generatorIn > .img {
	margin: 25px 0;
}
#feature.generator #generatorIn > div {
	overflow: hidden;
	margin-bottom: 18px;
}
#feature.generator #generatorIn > div .textArea {
	width: 470px;
	float: left;
}
#feature.generator #generatorIn > div .textArea p {
	margin-bottom: 15px;
}
#feature.generator #generatorIn > div .img {
	padding: 5px;
	float: right;
}
#feature.generator #generatorIn > div + h2 {
	margin-bottom: 15px;
}
/* #type
----------------------- */
#feature.generator #type {
	margin-top: 45px;
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
}
#feature.generator #type h1 {
	margin-bottom: 20px;
}
#feature.generator #type ul {
	margin-top: 20px;
	overflow: hidden;
}
#feature.generator #type ul li {
	width: 230px;
	float: left;
}
#feature.generator #type ul li + li {
	margin-left: 20px;
}
#feature.generator #type ul li p {
	text-align: center;
	padding: 14px 0 20px;
}
#feature.generator #type .txt02{
	padding:0 0 40px;
	text-align:center;
}
/* #method
----------------------- */
#feature.generator #method {
	padding: 40px;
	background: url(../../feature/dynamic/generator/img/bg_generator01.jpg) no-repeat top center;
	background-color: #f0f0f0;
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
}
#feature.generator #method h1 {
	margin-bottom: 10px;
}
#feature.generator #method ul {
	margin-top: 14px;
	overflow: hidden;
}
#feature.generator #method li {
	float: left;
}
#feature.generator #method li+li {
	float: right;
}

/* *******************************************
/* #feature.comment コメント機能
******************************************* */
/* #commentIn
----------------------- */
#feature.comment #commentIn {
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
}
#feature.comment #commentIn h1 {
	margin-bottom: 50px;
}
#feature.comment #commentIn h2 {
	margin-bottom: 25px;
}
/* #scene
----------------------- */
#feature.comment #scene {
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
	margin-top: 42px;
}
#feature.comment #scene h2 {
	margin-bottom: 30px;
}
#feature.comment #scene h3 {
	margin-bottom: 10px;
}
#feature.comment #scene .img {
	margin: 15px 0 50px;
}
#feature.comment #scene li +li .img {
	margin-top: 24px;
}

/* *******************************************
/* #feature.information お知らせ機能
******************************************* */
/* #information
----------------------- */
#feature.information #information {
	font-size: 13px;
	line-height: 24px;
	color: #6d6d6d;
	letter-spacing: .05em;
}
#feature.information #information h1 {
	margin-bottom: 50px;
}
#feature.information #information h2 {
	margin-bottom: 25px;
}
#feature.information #information .img {
	margin-top: 40px;
}

/* *******************************************
/* #feature.multi マルチデバイス対応
******************************************* */
/* #共通設定上書き
----------------------- */
#feature.multi .picLeft,
#feature.multi .picRight {
	width: 100%;
	margin-bottom: 45px;
}
#feature.multi .picLeft > p,
#feature.multi .picRight > p {
	width: auto;
}
#feature.multi .picLeft .txt,
#feature.multi .picRight .txt {
	width: 364px;
}
#feature.multi #intro h1 {
	margin-bottom: 50px;
	text-align: left;
}
#feature.multi #intro h2 {
	margin-bottom: 25px;
	text-align: left;
}
#feature.multi #intro p {
	width: auto;
}
/* *******************************************
/* #feature.easy 簡単作成機能
******************************************* */
/* #共通設定上書き
----------------------- */
#feature.easy #intro h1 {
	margin-bottom: 50px;
	text-align: left;
}
#feature.easy #intro h2 {
	margin-bottom: 25px;
	text-align: left;
}
#feature.easy #intro p {
	width: auto;
}
#feature.easy .picLeft,
#feature.easy .picRight {
	width: auto;
	margin-bottom: 50px;
}
#feature.easy .picLeft > p,
#feature.easy .picRight > p {
	width: auto;
}
#feature.easy .picLeft .txt,
#feature.easy .picRight .txt {
	width: 350px;
	font-size: 12px;
	line-height: 2;
	padding-top: 0;
}
#feature.easy #step {
	padding: 30px 30px 25px;
}
#feature.easy #step ol {
	width: auto;
}
#feature.easy #step ol li + li,
#feature.easy #step ol li + li + li {
	padding-left: 20px;
	background-position: 4px 57px;
}

/* *******************************************
/* #feature.log ログ解析
******************************************* */
/* #共通設定上書き
----------------------- */
#feature.log #intro h1 {
	margin-bottom: 50px;
	text-align: left;
}
#feature.log #intro h2 {
	margin-bottom: 25px;
	text-align: left;
}
#feature.log #intro p {
	width: auto;
	font-size: 13px;
	line-height: 24px;
}
#feature #intro p.notice {
	padding-left: 1em;
}
#feature.log .picLeft,
#feature.log .picRight {
	width: auto;
	margin-bottom: 50px;
}
#feature.log .picLeft > p,
#feature.log .picRight > p {
	width: auto;
}
#feature.log .picLeft .txt,
#feature.log .picRight .txt {
	width: 350px;
	font-size: 12px;
	line-height: 2;
	padding-top: 0;
	letter-spacing: .025em;
}
#feature.log #step {
	padding: 30px 30px 25px;
}
#feature.log #step ol {
	width: auto;
}
#feature.log #step ol li + li,
#feature.log #step ol li + li + li {
	padding-left: 20px;
	background-position: 4px 57px;
}
/* #report
----------------------- */
#feature.log #report{
	width: auto;
	margin: 0 auto;
	padding-top: 50px;
	border-top: #f0f0f0 1px solid;
}

#feature.log #report ul{
	overflow: hidden;
	width: auto;
	margin:0 auto;
}
#feature.log #report li{
	float: left;
	width: auto;
	margin: 0 0 0 30px;
}
#feature.log #report li:first-child{
	margin-left: 0;
}
#feature.log #report dl{
	width: auto;
	margin: 95px auto 0;
}
#feature.log #report dt{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}
#feature.log #report dd{
	font-size:11px;
	line-height:2.0;
	letter-spacing: .025em;
}
/* *******************************************
/* #feature.library ライブラリ機能
******************************************* */
#feature.library {


	color: #6d6d6d;
}
#feature.library #introduction {
	margin-bottom: 25px;
}
#feature.library #introduction h1 {
	margin-bottom: 32px;
}
#feature.library #mainimg {
	margin-bottom: 30px;
}
#feature.library #introduction h2 {
	margin-bottom: 22px;
}
#feature.library #introduction p {
	width: 670px;
}
#feature.library #downloads .downloadIn {
	display: block;
	border: 5px solid #d80272;
	border-radius: 10px;
	position: relative;
	padding: 40px;
}
#feature.library #downloads .downloadIn:before {
	content: "";
	width: 76px;
	height: 76px;
	background: url(../../feature/library/img/ico_new01.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}
#feature.library #downloads .downloadIn+.btn {
	margin: 30px auto 60px;
	text-align: center;
}
#feature.library #downloads h1 {
	padding-left: 35px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #dedede;
	margin-bottom: 15px;
}
#feature.library #downloads .img {
	margin-top: 25px;
}
#feature.library #multifunctional {
	padding-top: 56px;
	border-top: 4px solid #f0f0f0;
}
#feature.library #multifunctional h1 {
	margin-bottom: 56px;
	text-align: center;
}
#feature.library #multifunctional h2 {
	margin-bottom: 29px;
	text-align: center;
}
#feature.library #effective {
	margin-top: 41px;
	border-top: 1px solid #f0f0f0;
	padding: 50px 0 60px;
}
#feature.library #effective h3 {
	margin-bottom: 45px;
	text-align: center;
}
#feature.library #effective h4 {
	margin-bottom: 15px;
}
#feature.library #effective .effectiveIn {
	overflow: hidden;
}
#feature.library #effective .effectiveIn .textGroup {
	float: left;
	width: 500px;
	letter-spacing: .025em;
}
#feature.library #effective .effectiveIn .img {
	float: right;
}
#feature.library #effective .effectiveIn dt {
	margin-bottom: 6px;
}
#feature.library #effective .effectiveIn dl+dl {
	margin: 13px 0 43px;
}
#feature.library #effective ol {
	margin-bottom: 6px;
}
#feature.library #effective ol+.btn {
	text-align: center;
}
#feature.library #able {
	padding: 50px 0 60px;
	border-top: 1px solid #f0f0f0;
}
#feature.library #able h1 {
	margin-bottom: 50px;
	text-align: center;
}
#feature.library #able ol {
	background-color: #f0f0f0;
	padding: 10px 10px 0;
	overflow: hidden;
	margin-bottom: 30px;
}
#feature.library #able ol li {
	float: left;
	width: 350px;
	border: 1px solid #dedede;
	box-sizing: border-box;
	line-height: 2;
	background-color: #fff;
	margin-bottom: 10px;
}
#feature.library #able ol li:nth-child(even) {
	float: right;
}
#feature.library #able ol li h2 {
	padding: 15px 14px 12px;
	border-bottom: 2px solid #f1f1f1;
}
#feature.library #able ol li .ableIn {
	padding: 19px;
	letter-spacing: 0;
}
#feature.library #able ol li .ableIn .img {
	margin-bottom: 14px;
}
#feature.library #able ol li .ableIn .btn {
	margin-top: 14px;
	text-align: right;
}
#feature.library #able ol+.btn {
	text-align: center;
}
#feature.library #function {
	padding-top: 50px;
	border-top: 1px solid #f0f0f0;
	margin-bottom: 35px;
}
#feature.library #function h1 {
	margin-bottom: 50px;
	text-align: center;
}
#feature.library #function ul {
	overflow: hidden;
}
#feature.library #function ul li {
	width: 243px;
	float: left;
	min-height: 320px;
}
#feature.library #function ul li:nth-child(3n) {
	width: 244px;
}
#feature.library #function ul li p {
	padding: 12px 30px 12px 0;
	font-size: 12px;
	letter-spacing: .025em;
}
#feature.library #function ul li p span {
	font-size: 11px;
}
#feature.library #function ul li .btn {
	padding: 0 0 40px;
}
#feature.library #toApplication {
	border: 10px solid #f0f0f0;
	padding: 18px 40px 40px;
}
#feature.library #toApplication h1 {
	margin-bottom: 8px;
}
#feature.library #toApplication .img {
	text-align: center;
}
#feature.library #toApplication .toApplicationIn {
	overflow: hidden;
	margin-top: 40px;
}
#feature.library #toApplication .toApplicationIn .textGroup {
	float: left;
	width: 319px;
	word-break: break-all;
}
#feature.library #toApplication .toApplicationIn .textGroup .btn {
	margin-top: 18px;
}
#feature.library #toApplication .toApplicationIn ul {
	float: right;
	width: 280px;
}
#feature.library #toApplication .toApplicationIn ul li+li {
	margin-top: 11px;
}


/* *******************************************
/* #feature.about
******************************************* */

#feature.about .imgRight{
    float:right;
    margin-left: 20px;
}

/* --- */
#feature.about #aboutIn{
    overflow: hidden;
}

#feature.about #aboutIn .txt01{
    margin: 15px 0 0 0;
}

#feature.about #aboutIn h2{
    margin: 45px 0 0 0;
}

/* --- */
#feature.about #aboutMeclib{
    margin: 70px 0 0 0;
    overflow: hidden;
}

#feature.about #aboutMeclib h2{
    margin: 50px 0 0 0;
}

#feature.about #aboutMeclib .txt01{
    margin: 15px 0 0 0;
}

#feature.about #aboutMeclib .howtoBox01{
    border: 5px #f0f0f0 solid;
    padding: 15px 20px 15px;
    margin: 20px 0 0 0;
}

#feature.about #aboutMeclib .howtoBox01 .txt02{
    margin: 10px 0 0 0;
}


#feature.about #aboutMeclib table{
    width:730px;
}

#feature.about #aboutMeclib .mt15{
    margin-top: 15px;
}

#feature.about #aboutMeclib .mt25{
    margin-top: 25px;
}

#feature.about #aboutMeclib .mt45{
    margin-top: 45px;
}

#feature.about #aboutMeclib table .w192{
    width: 26%;
}

#feature.about #aboutMeclib table .w270{
    width: 37%;
}

#feature.about #aboutMeclib table th,
#feature.about #aboutMeclib table td{
    border: 1px #b0b0b0 solid;
    text-align: center;
    vertical-align: middle;
}

#feature.about #aboutMeclib table th{
    padding: 7px 0;
    background-color: #f6f6f8;
    
}

#feature.about #aboutMeclib table th.m{
    color:#d6006f;
}

#feature.about #aboutMeclib table .m{
    background-color: #faeef4;
}

#feature.about #aboutMeclib table strong{
    font-size: 15px;
    font-weight: bold;
    color:#c80e6c;
}

#feature.about #aboutMeclib table td{
    padding: 10px 0;
}


#feature.about #aboutMeclib .img01{
    margin: 20px 0 0 0;
}

#feature.about #aboutMeclib ul{
    overflow: hidden;
    margin: 6px 0 0 0;
}

#feature.about #aboutMeclib li{
    border: 3px #e1e1e1 solid;
    width: 320px;
    padding: 16px;
    height: 292px;
    margin: 14px 0 0 0;
}

#feature.about #aboutMeclib li:nth-child(odd){
    float: left;
}

#feature.about #aboutMeclib li:nth-child(even){
    float: right;
}

#feature.about #aboutMeclib li .tit02{
    border-bottom: 2px #dedede solid;
    padding-bottom: 16px;
}

#feature.about #aboutMeclib li .txt02{
    margin: 15px 0 0 0;
}

#feature.about #aboutMeclib li .img02{
    margin: 15px 0 0 0;
}

#feature.about #aboutMeclib .btn01{
    text-align: center;
    margin: 50px 0 0 0;
}