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


#top{
	width:700px;
	float:left;
	margin:0 20px 1em;
}
* html #top{
	margin:0 10px 0.5em;
	}

#top p{
	clear:both;
}

.top-img{
	display:block;
	background:0px 0px url(/images/img-top.gif) no-repeat;
}

.top-img2{
	display:block;
	background:0px 0px url(/images/img-top2.gif) no-repeat;
}
.top-img-cms{
	display:block;
	background:0px 0px url(/lp/cms/images/img-top.gif) no-repeat;
}

#main-TB{
	width:700px;
	height:70px;
}

.p-h2{
	float:left;
	width:220px;
	height:32px;
	margin-bottom:0;
}

.p-h2txt{
	margin-bottom:0;
	padding:12px 12px 2px 28px;
	background:url("/images/img-top.gif") no-repeat scroll -712px -420px #FFFFFF;
	font-size:14pt;
	font-weight:bold;
	zoom:1;
}

.toph2-CT{
	clear:both;
	margin-bottom:1em;
	border-bottom:1px dotted #999;
}

#toph2-PR{
	background-position:0px -329px;
}

#toph2-SS{
	width:440px;
	background-position:0px -361px;
}

#toph2-NW{
	background-position:0px -393px;
}

.toph2-UL{
	float:right;
	margin-top:7px;
	zoom:1;
}

.toph2-UL li{
	display:inline;
	float:left;
	zoom:1;
}

.toph2-UL li a{
	width:89px;
	height:19px;
}

.toph2-UL li a#topli-WC{
	width:119px;
	margin-right:5px;
	background-position:-312px -287px;
}

.toph2-UL li a#topli-CA{
	width:89px;
	margin-right:5px;
	background-position:-436px -287px;
}

.toph2-UL li a#topli-FL{
	width:79px;
	background-position:-540px -287px;
}

.toph2-UL li a#topli-EL{
	width:99px;
	background-position:-624px -287px;
}

.toph2-UL li a#topli-NL{
	margin-right:5px;
	background-position:0px -287px;
}

.toph2-UL li a#topli-OL{
	margin-right:5px;
	background-position:-94px -287px;
}

.toph2-UL li a#topli-MI{
	width:119px;
	background-position:-188px -287px;
}


.toph2-UL li a:hover#topli-WC{
	background-position:-312px -306px;
}

.toph2-UL li a:hover#topli-CA{
	background-position:-436px -306px;
}

.toph2-UL li a:hover#topli-FL{
	background-position:-540px -306px;
}

.toph2-UL li a:hover#topli-EL{
	background-position:-624px -306px;
}

.toph2-UL li a:hover#topli-NL{
	background-position:0px -306px;
}

.toph2-UL li a:hover#topli-OL{
	background-position:-94px -306px;
}

.toph2-UL li a:hover#topli-MI{
	background-position:-188px -306px;
}

#property{
	border:1px solid #ccc;
	background:0px 0px url(/images/back-toppro.gif) no-repeat;
}


#property li{
	float:left;
	width:120px;
	padding:10px;
}

#property li#topproli-CC{
	padding-left:9px;
}

#property li#topproli-AS{
	padding-right:9px;
}

#property li h2{
	height:139px;
	margin-bottom:0;
}

#property li p{
	margin-bottom:0;
}


#topproli-CC h2{
	background-position:-13px -71px;
}

#topproli-UP h2{
	background-position:-152px -71px;
}

#topproli-US h2{
	background-position:-290px -71px;
}

#topproli-TB h2{
	background-position:-428px -71px;
}

#topproli-AS h2{
	background-position:-566px -71px;
}

#application{
	width:694px;
	height:38px;
	background:0px 0px url(/images/back03.gif);
	border:3px double #999;
}

p#application a{
	width:244px;
	height:30px;
	background-position:-505px -130px;
	position:relative;
	top:4px;
	left:228px;
}
p#application a:hover{
	background-position:-505px -160px;
}

.top-SI{
	clear:left;
	float:left;
	width:330px;
	/*width:210px;　3カラム*/
	margin-bottom:2em;
}

.top-SI img{
	float:left;
	border:1px solid #ccc;
}

#top .top-SI p{
	clear:none;
	float:right;
	width:220px;
	/*width:100px;　3カラム*/
	font-size:90%;
}
#top .top-SI p img{
	border:none;
}
.top-SIS{
	clear:none;
	margin-left:35px;
}

#news{
	clear:both;
	overflow:hidden;
	margin-bottom:2em;
}

#news dt{
	clear:left;
	width:71px;
	height:16px;
	margin-right:12px;
	float:left;
}

.topnw-SH{
	background-position:-75px -434px;
}

.topnw-NW{
	background-position:-150px -434px;
}

.topnw-MN{
	background-position:0px -434px;
}

#news dd{
	display:block;
	float:left;
	width:590px;
	margin-bottom:1em;
}

#news dd strong{
	display:block;
	float:left;
	width:50px;
}


/***flash container***/
#top-flash{
	margin:0 20px 1em;
	padding:3px;
	background:0px 0px url(/images/back02.gif);
}

#top-flash object,
#top-flash embed{
	float:left;
	margin:0;
	padding:0;
}

#top-FF{
float:left;
height:242px;
width:697px;
background:#fff;
}

p.topflash-DT,
p.topflash-DT2,
p.topflash-DD{
	clear:right;
	float:right;
	width:184px;
	margin-bottom:0;
	padding-left:9px;
	color:#fff;
	line-height:140%;
}

.topflash-DD a{
	color:#00B2EE;
}

.topflash-DD a:hover{
	color:#ccf;
}

* html #top-flash p{	/* for IE6 */
	font-size:11px;
}
*:first-child+html #top-flash p{	/* for IE7 */
	font-size:11px;
}

.topflash-DT{
	background:0 0 url(/images/topflash-DT.gif) no-repeat;
	/*height:80px;  11.02.17 hayashi */
	padding-top:45px;
}
.topflash-DT2{
	margin-top:12px;
}

a#topflash-DA{
	height:29px;
	width:180px;
	margin-top:3px;
	background-position: -363px -225px;
}
a#topflash-DA[target="_blank"]{
	padding-right:0;
	background: -363px -225px url(/images/img-top.gif) no-repeat;
}

a#topflash-DP{
	height:29px;
	width:180px;
	margin-top:3px;
	background-position: -549px -225px;
}


a:hover#topflash-DA{
	background-position: -363px -255px;
}

a:hover#topflash-DP{
	background-position: -549px -255px;
}







#toph2-EF{
background-position:0px -312px;
}
#toph2-CF{
background-position:0px -352px;
width:700px;
}
#toph2-MF{
background-position:0px -270px;
width:700px;
}
.top-EF{
float:left;
width:224px;
margin-bottom:2em;
}
.top-EFS{
margin-left:14px;
}
#topEF-C{
margin-bottom:8px;
height:26px;
background-position:0px -225px;
}
#topEF-M{
margin-bottom:8px;
height:26px;
background-position:-238px -225px;
}
#topEF-S{
margin-bottom:8px;
height:26px;
background-position:-476px -225px;
}

.topEF-div{
margin-bottom:8px;
padding:8px;
overflow:hidden;
border:1px solid #dfdfdf;
zoom:1;
}

.topEF-div a{
display:block;
float:left;
height:64px;
width:64px;
}
.topEF-div a img{
background:-11px 0px url(/images/img-top2.gif) no-repeat;
}

#top .topEF-div p{
float:right;
width:132px;
clear:none;
margin-bottom:0;
/*line-height:1.3;
font-size:11px;　文字サイズ《小》と行間　*/
line-height:1.4;
font-size:12px;
}

#top h3.topEF-divT{
	clear:none;
float:right;
width:132px;
font-size:12px;
font-weight:normal;
}

#top h3.topEF-divT a{
display:inline;
width:132px;
height:16px;
}

#topEF-C2 a img{
background:-80px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-C3 a img{
background:-149px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-C4 a img{
background:-11px -69px url(/images/img-top2.gif) no-repeat;
}

#topEF-M1 a img{
background:-249px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-M2 a img{
background:-318px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-M3 a img{
background:-387px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-M4 a img{
background:-249px -69px url(/images/img-top2.gif) no-repeat;
}

#topEF-S1 a img{
background:-487px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-S2 a img{
background:-556px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-S3 a img{
background:-625px 0px url(/images/img-top2.gif) no-repeat;
}
#topEF-S4 a img{
background:-487px -69px url(/images/img-top2.gif) no-repeat;
}

#topCF-11 a img{
background:-80px -69px url(/images/img-top2.gif) no-repeat;
}
#topCF-12 a img{
background:-149px -69px url(/images/img-top2.gif) no-repeat;
}
#topCF-21 a img{
background:-318px -69px url(/images/img-top2.gif) no-repeat;
}
#topCF-22 a img{
background:-385px -69px url(/images/img-top2.gif) no-repeat;
}
#topCF-31 a img{
background:-556px -69px url(/images/img-top2.gif) no-repeat;
}



#topMF-K1 a img{
background:-11px -138px url(/images/img-top2.gif) no-repeat;
}
#topMF-Q1 a img{
background:-249px -138px url(/images/img-top2.gif) no-repeat;
}
#topMF-M1 a img{
background:-487px -138px url(/images/img-top2.gif) no-repeat;
}

.top-3R{/*3 reasons*/
}

.top-3R p{
padding:6px 12px 0;
}

.top-3RT{
	background:none repeat scroll 0 0 #CCDFFF;
	border-left:6px solid #166CC4;
	display:block;
	font-weight:bold;
	margin:0 -8px 4px;
	padding:3px;
}
.top-ansin{
	margin-bottom:10px;
}

div.top-pp {
 width:700px;
 height:267px;
 background: url(/images/plan_price.gif) 0 0 no-repeat;
 margin-bottom:8px;
}
div.top-pp-cms {
 width:700px;
 height:100px;
 background: url(/images/plan_price.gif) bottom left no-repeat;
 margin-bottom:8px;
}

div.top-pp {
 position:relative;
}

div.top-pp a img.top-pp1img {
 position: absolute;
 top:0;
 left:0;
 z-index:5;
}

div.top-pp a img.top-pp2img {
 position: absolute;
 top:0;
 left:350px;
 z-index:6;
}

div.top-pp a img.top-pp3img {
 position: absolute;
 top:142px;
 left:0;
 z-index:7;
}
div.top-pp ul li.top-pp1{
 position: absolute;
 top: 2px;
 left: 20px;
 z-index:2;
}

div.top-pp ul li.top-pp2{
 position: absolute;
 top: 2px;
 left: 370px;
 z-index:3;
}

div.top-pp ul li.top-pp3{
 position: absolute;
 top: 144px;
 left: 20px;
 z-index:4;
}
/*---------CMSデモサイト表示用------------*/

div.top_cmsdemo{
	border:solid 1px #dfdfdf;
	width:698px;
	height:240px;
	margin-bottom:10px;
}

div.top_cmsdemo div.cmsdemo_left{
	width:349px;
	height:198px;
	float:left;
}
*div.top_cmsdemo div.cmsdemo_left{
	width:348px;	
}
div.top_cmsdemo .cmsdemo_h{
	background-color:#666;
	color:#eee;
	padding:3px 13px;
	font-weight:bold;
	margin:0 0 5px 0;
}
div.top_cmsdemo div.cmsdemo_left p{
	margin-bottom:0px;
	margin-left:25px;
	font-weight:bold;
	text-decoration:underline;
	color:#444;
}

div.top_cmsdemo div.cmsdemo_left a.bgnone[target="_blank"]{
	padding-right: 0px;
	background:none;
}
div.top_cmsdemo div.cmsdemo_left img{
	margin:5px;
	float:left;
}
*div.top_cmsdemo div.cmsdemo_left img{
	margin:5px 0px 0px 5px;
}
div.top_cmsdemo div.cmsdemo_left div{
	float:right;
	width:150px;
	margin:5px 12px 5px 3px;
	text-align:left;
}
*div.top_cmsdemo div.cmsdemo_left div{
	float:right;
	width:155px;
	margin:5px 3px 0px 3px;
}
/*-----------提携サービス一覧用--------------*/

div.teikei {
	width: 698px;
	margin-bottom: 10px;
}
div.teikei .teikei_left{
	width: 349px;
	height: 100%;
 	float:left;
}
div.teikei .teikei_right{
	width: 339px;
	height: 100%;
	float:left;
	margin-left:10px;
}
div.teikei .teikei_h{
	width:329px;
	padding:3px 0 3px 10px;
	margin-bottom:0px;
	background-color:#666;
	color:#eee;
	font-weight:bold;
}
div.teikei .teikei_box{
	width:337px;
	margin:0px 0px 20px 0px;
	border: solid 1px #DFDFDF;
}
/*提携サービス（ビルダー）*/
.teikei_h_hb{
	width:685px;
	padding:3px 0 3px 10px;
	margin-bottom:0px;
	background-color:#666;
	color:#eee;
	font-weight:bold;
	clear:both;
}
.teikei_box_hb{
	width:693px;/*height:136px;*/
	margin:0px 0px 20px 0px;
	border: solid 1px #DFDFDF;
}
.teikei_box_hb .hbimages{
 	height:150px;float:left;	
}
.teikei_box_hb .hbimages img{
	margin:12px 6px 10px 20px;
}
.teikei_box_hb .hbp{
	width:530px;float:right;margin-right:10px;
}
.teikei_box_hb .hbp p{
	padding:10px 10px 0px 10px;margin:0;
}
/*---------- 決済比較表  --------------*/
.paymentg{
	margin-bottom:20px;	
}
.paymentg table{
	width:690px;	
}
.paymentg table tr th{
	border:solid 1px #999;
	padding:5px 8px;
}
.paymentg table tr.thead th{
	text-align:center;
	background-color:#777;
	color:#fff;
	font-weight:bold;
	padding:1px 8px;
}
.paymentg tr.tbody th{
	background-color:#fff;
	color:#333;
}

.paymentg table tr td{
	border:solid 1px #aaa;
	padding:5px 8px;
	
}
.paymentg img{
	margin-bottom:5px;
}
p.paymentg2{
font-weight: bold;
font-size: 17px;
margin: 15px 0 0 5px;	
}
/*---------- 導入事例リンク -------------*/
div.interviewlink{
	text-align:center;	
}
div.interviewlink p{
	text-align:left;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:0px;
}
div.interviewlink p a{
	font-weight:bold;
	text-decoration:none;
}