@charset "UTF-8";

#main img{max-width: 100%; height: auto;}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/*Hides from IE-mac \*/
* html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac */

#content #main div.zenc-desc {
	margin-left: 0;
}



/*
#header #category {
	border: 1px solid #f00;
	width: 960px;
	margin: 0 auto;
}
*/

/* 横幅固定化 */

#content {
	width: 960px;
	margin: 0 auto;
	background: #ffffff url(../images/nav_bg.jpg) repeat-y 709px 0;
	background-image: none;
}

#content #main {
	width: 690px;
}
#content.one-column #main{
	width:auto;
	float:none; 
}
#content #subContent {
	width: 240px;
}

/*
#content #main h2,
#content #main h3,
#content #main h4,
#content #main h5,
#content #main h6,
*/
#content #main p,
#content #main ul,
#content #main ol,
#content #main dl,
#content #main>div,
#content #main>table,
.Article > table{
	margin-left: 15px;
	margin-right: 15px;
}
#content #main .Article div {
	margin-left: 0;
}

#content #main ul,
#content #main ol {
	margin-left: 35px;
}

#content #main .aform-content p,
#content #main .aform-content ul,
#content #main .aform-content ol,
#content #main .aform-content dl{
	margin-left: 0;
	margin-right: 0;
}

#content #main .frame p,
#content #main .frame ul,
#content #main .frame ol,
#content #main .frame table {
	margin-left: 0;
	margin-right: 0;
}

#content #main p:first-child,
#content #main ul:first-child,
#content #main ol:first-child,
#content #main dl:first-child,
#content #main table:first-child {
	margin-top: 0;
}

#content #main p:last-child,
#content #main ul:last-child,
#content #main ol:last-child,
#content #main dl:last-child,
#content #main table:last-child {
	margin-bottom: 0;
}

#content #main ul ul,
#content #main ol ol{
	margin-top: 1em;
	margin-bottom: 1em !important;
}
#content #main ul p,
#content #main ol p{
	margin-bottom: 1em;
}

#content #main .list > li,
#content #main .list > .item{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

/* ソリューション ボタンセット */
#content #main .entry-asset {
	overflow: hidden;
	}
	
#content #main .entry-content {
	min-height: 190px;
	height: auto !important;  
	height: 190px; 
	}

#content #main .ArticleList .btnset,
#content #main .entry-asset .btnset {
float:right;
margin-bottom:35px;
margin-left:35px;
margin-right: 10px;
/*text-align:right;
width:80px;*/
list-style: none;
}
#content #main .ArticleList .btnset li,
#content #main .entry-asset .btnset li{
list-style: none;
}

#content #main .ArticleList .btnset p,
#content #main .entry-asset .btnset p {
margin-bottom:5px;
}

#content #main .ArticleList .btnset iframe.facebook,
#content #main .entry-asset .btnset iframe.facebook {
margin-left:0;
}

#content #main .ArticleList p.posted,
#content #main .entry-asset .btnset p.posted {
clear: both;
text-align: right;
}

/* 日付 投稿者　*/
#content #main div.ArticleList p.date {
color:#666666;
font-weight:bold;
margin:0 0 3px;
}

#content #main div.ArticleList p.posted,
#content #main div.entry-asset p.posted {
background:none repeat scroll 0 0 #F6F6F6;
border-top:1px solid #999999;
color:#666666;
line-height:normal;
margin-bottom:1em;
padding:5px 3px;
text-align:right;
}

/* MTブログ一覧 */
#content #main .ArticleList{
	margin: 0 0 50px;
}
#content #main .ArticleList h2{
	margin: 0;
}
#content #main .ArticleList .summary{
	margin: 1em 0;
}

/* パンくずメニュー背景画像非表示化 */

p#topicpath {
	background-image: none;
}

p#topicpath strong {
	font-weight: normal;
}


/* ページ下部メルマガ、ミニブログリンク */

#footInfo {
	width: 960px;
	margin: 0 auto 15px;
	background: url(/content/common/mlmg-block_bg.gif) repeat-y 100% 100%;
}
#footInfo h2{
	text-indent: -9999px;
	margin: 0;
	height: 20px;
	overflow:hidden;
	background: url(/content/common/mlmg-block_bg_top.gif) no-repeat 0 0;
}
#footInfoContent {
	height: 100%;
	padding: 0 15px 20px;
	background: url(/content/common/mlmg-block_bg_btm.gif) no-repeat 0 100%;
}
#footInfoContent:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footInfoContent h3{
	margin-bottom: 10px;
}
#footInfoContent h3 img{
	vertical-align: middle;
}

#footInfoContent .mlmg{
	width:590px;
	float:left;
}
#footInfoContent .mlmg p.lead{
	width: 290px;
	float:left;
	line-height: 1.2;
}
#footInfoContent .mlmg .mlmgForm{
	position: relative;
	width: 290px;
	float: right;
	margin-top: -25px;
}
#footInfoContent .mlmg fieldset{
	width: 290px;
	border: none;
}
#footInfoContent .mlmg fieldset legend{
	color: #000;
	font-weight: bold;
	padding-bottom: 5px;
}
#footInfoContent .mlmg fieldset p.address{
	padding: 5px 7px;
	background: #FCFCED;
	background: #FFF;
	border: 1px solid #EAEA95;
	text-align: center;
}
#footInfoContent .mlmg #mlmgFormDelChange p.address{
	margin-bottom: 10px;
}
#footInfoContent .mlmg label{
	color: #000;
	display: block;
	margin-bottom: 5px;
	text-align: left;
}
#footInfoContent .mlmg label span.required{
	color: #fff;
	background: #c00;
	font-size: 80%;
}
#footInfoContent .mlmg label.error{
	color: #f00;
}
#footInfoContent .mlmg label input{
	margin-top: 3px;
	display: block;
}
#footInfoContent .mlmg label input[type=text]{
	border: 1px solid #ccc;
	background: #eee;
}
#footInfoContent .mlmg label input[type=text]:focus{
	background: #ffc;
}
#footInfoContent .mlmg label input.email,
#footInfoContent .mlmg label input.name,
#footInfoContent .mlmg label input.comment{
	width: 98%;
	font-size: 120%;
}

#footInfoContent .mlmg p.switch{
	position: absolute;
	top: 0;
	right:0;
	text-align: right;
	line-height:1;
}

#footInfoContent .followme{
	width:305px;
	float:right;
}
#footInfoContent .followme ul{
	margin-top: 25px;
}
#footInfoContent .followme ul li{
	float:left;
	list-style: none;
	margin-right: 10px;
}

/* ページ下部各サービス、ソリューションリンク一覧 */

#footNav {
	width: 960px;
	margin: 0 auto 20px;
	padding-top: 20px;
	background: #fff url(../images/common/ftnav_bg_t.gif) no-repeat 0 0;
}

#footNav h2 {
	height: 1px;
	overflow: hidden;
	text-indent: -999px;
}

#footNav a {
	color: #222;
	text-decoration: none;
}

#footNav a:hover {
	color: #f00;
	text-decoration: underline;
}

#footNav #footNav-Inner {
	width: 900px;
	padding: 0 30px 1px;
	background: transparent url(../images/common/ftnav_bg_b.gif) no-repeat left bottom;
}

#footNav div.firstBlock {
	float: left;
	width: 420px;
}

#footNav div.secoundBlock {
	float: right;
	width: 420px;
}

#footNav dl {
	padding: 20px 0;
	background: #fff url(../images/common/dline_ccc.gif) repeat-x 0 0;
}

#footNav dl.firstBox {
	padding-top: 0;
	background-image: none;
}

#footNav dl dt {
	padding-bottom: 0.5em;
}

#footNav ul {
	list-style: none;
	line-height: 1.75em;
}

#footNav ul li {
	padding-left: 10px;
	background: #fff url(../images/common/mrk_link_s.gif) no-repeat 0 0.6em;
}
#footNav ul li:hover {
	background-image: url(../images/common/mrk_link_s_ov.gif);
}


/* サイドカラム */

#content #subContent div.categoryMenu h2,
#content #subContent div.categoryMenu ul {
	margin: 0 !important;
}


#content #subContent div.subCase {
	margin-right: 0;
	margin-left: 0;
}

#content #subContent div.feedBlog{
	margin: 10px 0 15px;
}

#content #subContent div.subBnrArea {
	margin: 0 0 10px;
}



#content #main ul.cmnList { /* common list */
	margin: 0 0 1em 25px;
	padding: 0;
}

#content #main ul.cmnList li {
	margin: 0;
	padding: 0 0 0 15px;
	background: #fff url(../images/common/list_cmn_mrk_333.gif) no-repeat 4px 0.55em;
	list-style: none;
}

#content #main ul.cmnList ul {
	margin-left: 0;
}




#content #main ul.linkList { /* list of link */
	margin: 0 0 1em 25px;
	padding: 0;
}

#content #main ul.linkList li {
	margin: 0;
	padding: 0.25em 0;
	list-style: none;
}

#content #main ul.linkList li a {
	display: block;
	margin: 0;
	padding: 0 0 0 30px;
	background: #fff url(../images/common/mrk_linkb.gif) no-repeat 10px 0.4em;
}

#content #main ul.linkList li a:hover {
	background-image: url(../images/common/mrk_linkb_ov.gif);
}

#content #main ul.linkList li strong {
	display: block;
	padding-left: 10px;
	font-weight: normal;
}



/* 個人情報保護の取り組み */

#content #main ul.privacymeasureList {
	font-size: 90%;
}

#content #main ul.privacymeasureList ul {
	margin-top: 0;
	margin-bottom: 0;
}


/* お問い合わせ先 */

#content #main .contactBox {
	margin: 0 20px 1em 45px;
	padding: 10px 20px;
	border: 1px solid #ddd;
}

#content #main .contactBox address {
	font-style: normal;
}

#content #main .contactBox address span {
	color: #333;
	font-size: 85%;
}


/* サイトトップページ */

body.idx #content div#subContent {
	padding-top: 15px;
}

body.idx div#footNav {
	display: none;
}


/* バナー メインカラム2バナー */

#content #main ul.bnr_main2colBlock {
	list-style: none;
	margin: -2em 0 2em 10px;
	padding: 0;
}

#content #main ul.bnr_main2colBlock li {
	display: inline;
}

/* バナー サイドカラム */

#content #subContent .bnrBlock {
	;
}

#content #subContent .bnrBlock ul,
#content #subContent .bnrBlock ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 0;
}

#content #subContent .bnrBlock ul li img {
	margin-bottom: 5px;
}


/* Zen Cart EC CUBEとの比較 */

body.zencart #content #main #superiorBlock dl {
	margin-left: 10px;
}

body.zencart #content #main #superiorBlock dl dt {
	margin-bottom: 0.25em;
}


body.zencart #content #main .function-diffBlock h3 {
	margin: 0;
	padding: 5px 5px;
	border: 1px solid #bbb;
	background-color: #eee;
	line-height: 1em;
}

body.zencart .function-diffBlock table,
body.zencart .function-diffBlock table th,
body.zencart .function-diffBlock table td {
	margin: 0;
	padding: 0;
	border: none;
}

body.zencart .function-diffBlock table {
	margin-bottom: 1.5em;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

body.zencart .function-diffBlock table th,
body.zencart .function-diffBlock table td {
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #bbb;
}
body.zencart .function-diffBlock table tr.bg-ok td {
	background: #ffff99  url(/content/style_v2/images/dotline_v.gif) repeat-y right top;
}
body.zencart .function-diffBlock table tr.bg-ok td.noline {
	background: #ffff99;
}
body.zencart .function-diffBlock table th {
	text-align: center;
	line-height: 1.25em;
}

body.zencart .function-diffBlock table col {
	background: #fff url(/content/style_v2/images/dotline_v.gif) repeat-y right top;
}

body.zencart .function-diffBlock table col.funcCol {
	width: 200px;
}

body.zencart .function-diffBlock table col.descCol {
	width: 278px;
}

body.zencart .function-diffBlock table col.zencCol {
	width: 100px;
}

body.zencart .function-diffBlock table col.eccbCol {
	width: 100px;
	background-image: none;
}

body.zencart .function-diffBlock .mark-func {
	font-family:"ＭＳ ゴシック";
	font-size: 120%;
	font-weight: bold;
}
body.zencart .function-diffBlock .mark-func sup {
	font-size: 14px;
	font-weight: normal;
}
body.zencart .function-diffBlock .mrk-ok {
	color: #f63;
}

body.zencart .function-diffBlock .mrk-part {
	color: #36f;
}

body.zencart .function-diffBlock .mrk-none {
	color: #666;
}

body.zencart .function-diffBlock table .mark-func {
	display: block;
	text-align: center;
}
body.zencart .function-diffBlock table .comment {
	display: block;
	font-size: 80%;
	text-align: center;
}

body.aboutus .urgent  {
    border: 3px solid #c00;
	 margin-bottom: 20px;
	padding:15px 20px;
	}
	
body.aboutus #content #main .urgent h2 {
	margin-left: 0;
	background: none;
	border-top: none;
	}

#content #main td dl,
#content #main td p{
	margin-left: 0;
}



@media (max-width: 700px) {


	#categoryttl{display:none;}
	#content {
		width: auto;
	}
	#content #main,
	#content #subContent,
	#footNav,
	#footNav-Inner,
	#footNav div.firstBlock,
	#footNav div.secoundBlock,
	.blog #content #main div#mainClm{
		width: auto !important;
		float:none !important;
	}
	#footer #contact,
	#footer ul#siteNavi {
		width: auto;
		float:none;
		margin: 10px;
		overflow: hidden;
		position: static;
	}
	#footer #contact ul {
		display: table;
		margin: 0 auto;
	}
	#footer #contact a{width: auto;}
	#footer address, #footer p{margin: 0 10px;}
	p#pagetop{position: static;margin: -1.5em 0 0.5em;}

	#nav{
		background: #000000;
		position: static;
		overflow: hidden;
		margin: 10px 0 0;
	}
	#nav ul {
		margin: 0;
	}
	#nav ul li {
		display: block;
		float: none;
	}
	#nav ul li a{
		padding: 6px 1em 5px;
	}

	#content #idx_solution #movabletype,
	#content #idx_solution #zencart,
	#content #idx_solution #shopify{
		width: auto;
		float:none;
		margin: 0 10px 20px;
	}

	#content #main h1{
		padding: 0;
	}
	#content #main ul#idx_case{
		padding: 10px;
	}

	body.idx #content #main #about .primary,
	body.idx #content #main #about .secondary,
	body.idx #content #main #about #resources{
			width: auto;
			float:none;
			margin: 0 0 10px;
	}
	body.idx #content #main #about{
		padding: 10px;
	}
	body.idx #main #about #fb-box iframe{width: 100% !important;}

	body.idx #main #about #feeds ul{display:table;}
	body.idx #main #about #feeds ul li{display:table-cell;}
	body.idx #main #about #feeds.ui-tabs .ui-tabs-nav li{float:none;}
	body.idx #main #about #feeds.ui-tabs .ui-tabs-nav li a{float:none;text-overflow: ellipsis;overflow: hidden;}

	#content div#resources table{margin: 0 auto 15px;}


	#content #main .Article .btnset {
		float:none !important; 
		margin:0 auto !important; 
		display: table !important; 
		overflow: hidden;
	}
	#content #main .Article .btnset li{
		display:inline-block;
		float:left; 
		margin: 0 5px;
	}

	.blog #header h1,
	.blog #header h2{
		text-indent: -9999px;
		left:0;
		max-width: 100%;
	}
	.blog #header h1 a{
		position: static;
	}
	body.blog #searchBox{
		width: auto;
		margin: 10px;
	}
	body.blog p#photoby{
		top: 135px;
	}
	.blog #content #main div.ArticleList{
			width: auto !important;
			float:none !important;
			margin: 0 10px 10px 0;
			height:auto !important;
	}

	.bnrs{text-align: center;}
	#subContent #zencartBnr{width: 188px; margin: 0 auto 15px !important; display:table; }

}
@media (max-width: 360px) {
	#searchBox{
		width: 100%;
		right: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}
	input.gsc-search-button {padding: 6px 16px !important;}

	#content #main #idx_solution #movabletype ul,
	#content #main ul#idx_case{
		margin: 0 auto 20px;
		display: table;
	}
	#content #main #idx_solution #movabletype ul li,
	#content #main ul#idx_case li{
		width: auto;
		float: none;
		margin: 0;
	}

}




.attention-panel{
	color: #600;
	margin: 0 0 1em 20px;
	padding: 15px 20px;
	background: #fcf2f2;
/*	border: 1px solid #dFb5b4;*/
	border-radius: 6px;
}
.frame{
	margin: 1em 0;
	padding: 15px 20px;
	border: 1px solid #ddd;
	overflow: hidden;
}
.frame-b{
	margin: 1em 0;
	padding: 15px 20px;
	background: #f6f6f6;
	overflow: hidden;
}
.frame *:last-child,
.frame-b *:last-child{
	margin-bottom: 0;
}


/* ////////// button ////////// */

input.button,
button.button,
a.button,
span.button{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
	color: #333;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
	padding: 8px 15px;
	display:inline-block;
	text-align: center;
	border:1px solid #ccc;
	border-radius: 5px;
	text-decoration: none;
	line-height: 1.3;
	white-space: nowrap;
}

input.primary-button,
button.primary-button,
a.primary-button,
span.primary-button{
	background: #e07d66; /* Old browsers */
	background: -moz-linear-gradient(top,  #e07d66 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e07d66), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e07d66 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e07d66 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e07d66 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e07d66 0%,#990000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07d66', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0;
	padding: 8px 15px;
	display:inline-block;
	text-align: center;
	border:1px solid #c00;
	border-radius: 5px;
	text-decoration: none;
	line-height: 1.3;
	white-space: nowrap;

}


.zhe{
	border: 5px solid #ddd;
	padding: 10px 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.zhe p.buttonArea{
	text-align: center;
}
.zhe h3{
	font-size: 96%;
	font-weight:normal;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 5px;
}
.zhe h3 strong{

}
.zhe a{
	text-decoration: none;
}


.box {
	position: relative;
}
.box .item{
	width: 100%;
}
.box .item-tmb img{
	width: 120px;
}
.box .hover-link{
	display: none;
}
.box:hover .hover-link{
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	left: 0;
	top: 0;
	vertical-align: middle;
	text-align: center;
}
.box:hover .hover-link-content{
	vertical-align: middle;
	display: table-cell;
}
.box:hover .hover-link-object{
	background: #fff;
	padding: 15px 20px;
	border: 5px solid #ccc;
}


.shopify-partner{
	border: 1px solid #999;
	border-radius: 5px;
	padding: 10px 10px 0;
	text-align: center;
}
.shopify-partner .logo{
	text-align: center;
}
#idx_solution .shopify-partner .logo img{
	max-width: 80% !important;
}
#sub .shopify-partner .logo img,
#subContent .shopify-partner .logo img{
	max-width: 100%;
}