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


/* 全体構造
---------------------------------------------------- */
div,p,li{
	line-height: 1.5em;
}

body{
	background:#f0eece;
	background-image:url(../images/common/bg_main.gif);
	background-repeat:repeat-x;
}
/* 枠
---------------------------------------------------- */
#contents{
	background: url(../images/contents_bk1.gif) no-repeat left top;
}
/* left-col,center-col,right-col---- */
#left-col{
	float: left;
	width: 236px;
	margin-right: 10px;
}
#center-col{
	float: left;
	width: 238px;
	margin-right: 10px;
}
#right-col{
	float: left;
	width: 236px;
}

/* main-visual
---------------------------------------------------- */
#mainvisual{
	position:absolute;
	top:0px;
	width: 943px;
	height: 358px;
	margin:0px;
	padding:0px 0px 0px 7px;
	background:url(../images/common/for1col2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	z-index:1;
}

.line01{
	border:#06C solid 1px;
	height:1px;
	width:165px;
}

#h2_top{
	background:url(../images/top/ecubonara.gif) no-repeat;
	background-position:0px 10px;
	margin-top:202px;
	width: 165px;
	height: 30px;
	text-indent:-9999px;
}

#h3_top01{
	background:url(../images/top/top_h3_1.gif) no-repeat;
	background-position:0px 10px;
	width: 496px;
	height: 38px;
	text-indent:-9999px;
	padding:10px 0px 0px 0px;
}

#monthly29800{
	background:url(../images/top/monthly29800.gif) no-repeat;
	background-position: 38px 20px;
	padding:20px 0px 20px 0px;
	height: 70px;
	width: 663px;
	text-indent:-9999px;
}

#btnul{
	width: 660px;
	height: 180px;
	padding:0px 0px 0px 32px;
}

#btnul li{
	float: left;
	width: 202px;
	height: 70px;
	padding:0px 0px 8px 8px;
}

.btnlist1{
	background:url(../images/top/btn_customize.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist1 a{
	background:url(../images/top/btn_customize.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist1 a:hover{
	background:url(../images/top/btn_customize_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}

.btnlist2{
	background:url(../images/top/btn_design.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist2 a{
	background:url(../images/top/btn_design.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist2 a:hover{
	background:url(../images/top/btn_design_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist3{
	background:url(../images/top/btn_mobile.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist3 a{
	background:url(../images/top/btn_mobile.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist3 a:hover{
	background:url(../images/top/btn_mobile_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}

.btnlist4{
	background:url(../images/top/btn_sslip.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist4 a{
	background:url(../images/top/btn_sslip.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist4 a:hover{
	background:url(../images/top/btn_sslip_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}

.btnlist5{
	background:url(../images/top/btn_seo.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist5 a{
	background:url(../images/top/btn_seo.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist5 a:hover{
	background:url(../images/top/btn_seo_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}

.btnlist6{
	background:url(../images/top/btn_support.gif) no-repeat;
	background-position:8px 0px;
	width: 202px;
	height: 70px;
	text-indent:-9999px;
}
.btnlist6 a{
	background:url(../images/top/btn_support.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}
.btnlist6 a:hover{
	background:url(../images/top/btn_support_on.gif) no-repeat;
	width: 202px;
	height: 70px;
	float: left;
}

#detail_ecubo{
	background:url(../images/top/btn_ecubodetail.gif) no-repeat;
	background-position:210px 0px;
	width: 269px;
	height: 70px;
	text-indent:-9999px;
	padding:0px 0px 0px 210px;
}

#detail_ecubo a{
	background:url(../images/top/btn_ecubodetail.gif) no-repeat;
	width: 269px;
	height: 70px;
	float: left;
}

#detail_ecubo a:hover{
	background:url(../images/top/btn_ecubodetail_on.gif) no-repeat;
	width: 269px;
	height: 70px;
	float: left;
}

#h3_top_02{
	background:url(../images/top/top_h3_2.gif) no-repeat;
	background-position:0px 30px;
	padding:30px 0px 0px 0px ;
	width: 576px;
	height: 47px;
	text-indent:-9999px;
}

#h3_top_03{
	background:url(../images/top/top_h3_3.gif) no-repeat;
	background-position:0px 30px;
	padding:30px 0px 0px 0px ;
	width: 455px;
	height: 47px;
	text-indent:-9999px;
}

#h3_top_04{
	background:url(../images/top/top_h3_4.gif) no-repeat;
	background-position:0px 30px;
	padding:30px 0px 0px 0px ;
	width: 508px;
	height: 47px;
	text-indent:-9999px;
}

#functionul{
	width: 630px;
	padding:10px 0px 0px 37px;
}
#functionul li{
	width: 310px;
	height: 90px;
	padding:0px 0px 20px 5px;
	float: left;
}

.ofunctionul{
	width: 630px;
	padding:10px 0px 10px 37px;
}
.ofunctionul li{
	width: 310px;

	padding:0px 0px 0px 5px;
	float: left;
}

.funleft{
	float: left;
	width: 140px;
}

.funleft p{
	padding:5px 0px 0px 0px;
}

.funright{
	float: left;
	width: 167px;
}

#fun01 h4{
	background: url(../images/top/ecadministration.gif);
	text-indent:-9999px;
	width: 128px;
	height: 41px;
}
#fun02 h4{
	background: url(../images/top/payment.gif);
	text-indent:-9999px;
	width: 136px;
	height: 19px;
}
#fun03 h4{
	background: url(../images/top/recommendengine.gif);
	text-indent:-9999px;
	width: 134px;
	height: 19px;
}
#fun04 h4{
	background: url(../images/top/stockshare.gif);
	text-indent:-9999px;
	width: 136px;
	height: 19px;
}
#fun05 h4{
	background: url(../images/top/multipledeliveration.gif);
	text-indent:-9999px;
	width: 133px;
	height: 19px;
}
#fun06 h4{
	background: url(../images/top/deliversystem.gif);
	text-indent:-9999px;
	width: 140px;
	height: 19px;
}
#fun07 h4{
	background: url(../images/top/Movabletype.gif);
	text-indent:-9999px;
	width: 132px;
	height: 40px;
}
#fun08 h4{
	background: url(../images/top/flashproduct.gif);
	text-indent:-9999px;
	width: 138px;
	height: 19px;
}

#fun01btn{
	background:url(../images/top/btn_mem.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#fun01btn a{
	background:url(../images/top/btn_mem.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun01btn a:hover{
	background:url(../images/top/btn_mem_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun02btn{
	background:url(../images/top/btn_card.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#fun02btn a{
	background:url(../images/top/btn_card.gif);
	width: 167px;
	height: 87px;
	float: left;
}
#fun02btn a:hover{
	background:url(../images/top/btn_card_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun03btn{
	background:url(../images/top/btn_rec.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}
#fun03btn a{
	background:url(../images/top/btn_rec.gif);
	width: 167px;
	height: 87px;
	float: left;
}
#fun03btn a:hover{
	background:url(../images/top/btn_rec_on.gif);
	width: 167px;
	height: 87px;
	float: left;

}
#fun04btn{
	background:url(../images/top/btn_stock.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}
#fun04btn a{
	background:url(../images/top/btn_stock.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun04btn a:hover{
	background:url(../images/top/btn_stock_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun05btn{
	background:url(../images/top/btn_mul.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}
#fun05btn a{
	background:url(../images/top/btn_mul.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun05btn a:hover{
	background:url(../images/top/btn_mul_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}


#fun06btn{
	background:url(../images/top/btn_sys.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#fun06btn a{
	background:url(../images/top/btn_sys.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun06btn a:hover{
	background:url(../images/top/btn_sys_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}
#fun07btn{
	background:url(../images/top/btn_mova.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#fun07btn a{
	background:url(../images/top/btn_mova.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun07btn a:hover{
	background:url(../images/top/btn_mova_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}
#fun08btn{
	background:url(../images/top/btn_fla.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#fun08btn a{
	background:url(../images/top/btn_fla.gif);
	width: 167px;
	height: 87px;
	float: left;
}

#fun08btn a:hover{
	background:url(../images/top/btn_fla_on.gif);
	width: 167px;
	height: 87px;
	float: left;
}


#ofun01 h4{
	background: url(../images/function/module.gif);
	text-indent:-9999px;
	width: 136px;
	height: 19px;
}
#ofun02 h4{
	background: url(../images/top/stockshare.gif);
	text-indent:-9999px;
	width: 136px;
	height: 19px;
}
#ofun03 h4{
	background: url(../images/top/recommendengine.gif);
	text-indent:-9999px;
	width: 134px;
	height: 19px;
}
#ofun04 h4{
	background: url(../images/top/stockshare.gif);
	text-indent:-9999px;
	width: 136px;
	height: 19px;
}
#ofun05 h4{
	background: url(../images/top/Movabletype.gif);
	
	text-indent:-9999px;
	width: 132px;
	height: 40px;
}
#ofun06 h4{
	background:url(../images/top/multipledeliveration.gif);
	
	text-indent:-9999px;
	width: 133px;
	height: 19px;
}
#ofun07 h4{
	background: url(../images/top/deliversystem.gif);
	text-indent:-9999px;
	width: 140px;
	height: 19px;
}
#ofun08 h4{
	background: url(../images/top/flashproduct.gif);
	text-indent:-9999px;
	width: 138px;
	height: 19px;
}
#ofun09 h4{
	background:url(../images/function/option_subtl04.gif);
	text-indent:-9999px;
	width: 132px;
	height: 40px;
}
#ofun10 h4{
	background:url(../images/function/option_subtl05.gif);
	text-indent:-9999px;
	width: 134px;
	height: 19px;
}

#ofun01btn{
	background:url(../images/top/btn_mem.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}


#ofun02btn{
	background: url(../images/function/option01.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}


#ofun03btn{
	background: url(../images/function/option03.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}

#ofun04btn{
	background: url(../images/function/option02.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}


#ofun05btn{
	background: url(../images/function/option04.gif);
	width: 167px;
	height: 87px;
	text-indent:-9999px;
}







#btn_functiondetail{
	background:url(../images/top/btn_servicedetail.gif) no-repeat;
	background-position:210px 0px;
	width: 269px;
	height: 69px;
	padding:0px 0px 0px 210px;
	text-indent:-9999px;
}
#btn_functiondetail a{
	background:url(../images/top/btn_servicedetail.gif) no-repeat;
	float: left;
	width: 269px;
	height: 69px;
}
#btn_functiondetail a:hover{
	background:url(../images/top/btn_servicedetail_on.gif) no-repeat;
	float: left;
	width: 269px;
	height: 69px;

}

.review{
	padding:10px 0px 0px 43px;	
}

.review_main{
	width: 443px;
	height: 63px;
	margin-right:13px;
	background-repeat: no-repeat;
	float: left;
}

.review_submain{
	background: url(../images/customer/custm_list_bg01.gif) no-repeat;
	width: 424px;
	margin-right:9px;
	text-align:left;
	float: left;
}
.review_submain01{
	background: url(../images/customer/custm_list_bg02.gif) bottom no-repeat;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	border-left:#386D87 solid 1px;
	border-right:#386D87 solid 1px;
}

.review_submain h4{
	font-size: 18px;
	line-height:120%;
	font-weight: bold;
}

.review_submain p{
	font-weight:bold;
	margin-top:5px;
}

.toread{
	background:url(../images/customer/custm_list_b01.gif);
	width: 120px;
	height: 28px;
	float: right;
	text-indent:-9999px;
}
.toread a{
	background:url(../images/customer/custm_list_b01.gif);
	width: 120px;
	height: 28px;
	float: right;
}

.toread a:hover{
	background:url(../images/customer/custm_list_b01_on.gif);
	width: 120px;
	height: 28px;
	float: right;
}

.review_submain02{
	background:url(../images/customer/custm_list_bg03.gif) bottom no-repeat;
	width:424px;
	height:10px;
}


#subreadreview{
	background:url(../images/top/readreview.gif) no-repeat;
	width: 111px;
	height: 28px;

	text-indent:-9999px;
}
#subreadreview a{
	background:url(../images/top/readreview.gif) no-repeat;
	float: left;
	width: 111px;
	height: 28px;
}
#subreadreview a:hover{
	background:url(../images/top/readreview_on.gif) no-repeat;
	float: left;
	width: 111px;
	height: 28px;
}


#readreview{
	background:url(../images/top/readreview.gif) no-repeat;
	width: 111px;
	height: 28px;
	margin:30px 10px 10px 300px;
	text-indent:-9999px;
}
#readreview a{
	background:url(../images/top/readreview.gif) no-repeat;
	float: left;
	width: 111px;
	height: 28px;
}
#readreview a:hover{
	background:url(../images/top/readreview_on.gif) no-repeat;
	float: left;
	width: 111px;
	height: 28px;
}

#review_pic{
	width: 174px;
	height: 83px;
	border:#386D87 solid 1px;
	float: left;
}

#shops{
	width: 621px;
	padding:0px 0px 0px 36px;
}

#shops li{
	float: left;
	width: 197px;
	height: 180px;
	text-align:center;
	padding:10px 0px 0px 9px;
}
#shops li img {
	border: 1px solid #000000;	
}
#comingsoon{
	background:url(../images/top/lookforward.gif) no-repeat;
	background-position:210px 20px;
	width: 283px;
	height: 18px;
	text-indent:-9999px;
	padding:20px 0px 20px 210px;
}

#btn_inquiry{
	background:url(../images/top/inquiry.gif) no-repeat;
	background-position:210px 0px;
	width: 269px;
	height: 69px;
	padding:0px 0px 0px 210px;
	text-indent:-9999px;
}
#btn_inquiry a{
	background:url(../images/top/inquiry.gif) no-repeat;
	float: left;
	width: 269px;
	height: 69px;
	text-indent:-9999px;
}

#btn_inquiry a:hover{
	background:url(../images/top/inquiry_on.gif) no-repeat;
	float: left;
	width: 269px;
	height: 69px;

}


#flash{
	float: left;
	width: 509px;
	margin-right: 10px;
}
#banners li{
	margin-bottom: 5px;
}
#banners li img{
	vertical-align: bottom; 
}

/* search
---------------------------------------------------- */
#search table{
	width: 100%;
	margin-bottom: 5px;
}
#search table,
#search table th,
#search table td{
	border: 0;
}
#search table.p13 td{
	padding-left: 13px;
}
#search #search-wrapper{
	background-color: #EEE;
	padding: 5px;
}
#search form p{
	padding: 5px 0;
}
.btn_kani{
	font-size: 70%;
	text-indent: -9999px;
	width: 94px;
	height: 24px;
	background: url(../images/btn_search.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
}

/* others
---------------------------------------------------- */
#magazine{
}
.maga-banner1{
	margin-bottom:10px;
}
.maga-banner2{
	margin-top: 10px;
}
#mobile div{
	padding: 10px;}
#open ul{
	margin-top: 5px;
}
#open li{
	background: url(../images/list_bullet1.gif) no-repeat 0 2px;
	padding-left: 20px;
}
.pagetop{
	margin-top: 10px;
}

#mobile_func{

	width: 258px;
	height: 113px;
	text-indent:-9999px;
}

#mobile_func a{
	background:url(../images/whats/mobile.gif) no-repeat;
	width: 258px;
	height: 113px;
	float: left;
}

#mobile_func a:hover{
	background:url(../images/whats/mobile_on.gif) no-repeat;
	width: 258px;
	height: 113px;
	float: left;
}

#what_b02{

	width: 85px;
	height: 85px;
	text-indent:-9999px;
}
#what_b02 a{
	background:url(../images/whats/what_b02.gif) no-repeat;
	width: 85px;
	height: 85px;
	float: left;
}
#what_b02 a:hover{
	background:url(../images/whats/what_b02_f2.gif) no-repeat;
	width: 85px;
	height: 85px;
	float: left;
}

#what_b03{

	width: 85px;
	height: 85px;
	text-indent:-9999px;
}
#what_b03 a{
	background:url(../images/whats/what_b03.gif) no-repeat;
	width: 85px;
	height: 85px;
	float: left;
}
#what_b03 a:hover{
	background:url(../images/whats/what_b03_f2.gif) no-repeat;
	width: 85px;
	height: 85px;
	float: left;
}

#what_b04{

	width: 305px;
	height: 104px;
	text-indent:-9999px;
}
#what_b04 a{
	background:url(../images/whats/what_b04.gif) no-repeat;
	width: 305px;
	height: 104px;
	float: left;
}
#what_b04 a:hover{
	background:url(../images/whats/what_b04_f2.gif) no-repeat;
	width: 305px;
	height: 104px;
	float: left;
}

#what_b05{

	width: 305px;
	height: 104px;
	text-indent:-9999px;
}
#what_b05 a{
	background:url(../images/whats/what_b05.gif) no-repeat;
	width: 305px;
	height: 104px;
	float: left;
}
#what_b05 a:hover{
	background:url(../images/whats/what_b05_f2.gif) no-repeat;
	width: 305px;
	height: 104px;
	float: left;
}

#percent{
	background:url(../images/top/percent.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	
}