@charset "UTF-8";

/* CSS Document */


.margin5px{
margin:5px;
}
.margin10px{
margin:10px;
}
.margin15px{
margin:15px;
}
.margin20px{
margin:20px;
}


.margin20-30per-5-30per {
margin:20px 30% 5px 30% 
}

.margin10-7-0-7 {
margin:10px 7px 0 7px 
}
.marginLeft3px {
margin-left:3px
}
.marginLeft5px {
margin-left:5px
}
.marginLeft10px {
margin-left:10px
}
.marginLeft15px {
margin-left:15px
}
.marginLeft20px {
margin-left:20px
}
.marginLeft25px {
margin-left:25px
}
.marginLeft30px {
margin-left:30px
}
.marginLeft35px {
margin-left:35px
}
.marginLeft40px {
margin-left:40px
}
.marginLeft45px {
margin-left:45px
}
.marginLeft50px {
margin-left:50px
}
.marginLeft55px {
margin-left:55px
}
.marginLeft60px {
margin-left:60px
}
.marginLeft100px {
margin-left:100px
}
.marginLeft150px {
margin-left:150px
}



.marginRight1em {
margin-right:1em;
}
.marginRight2em {
margin-right:2em;
}


.marginLeft1em {
margin-left:1em;
}
.marginLeft2em {
margin-left:2em;
}
.marginLeft3em {
margin-left:3em;
}
.marginLeft4em {
margin-left:4em;
}



.marginRight3px {
margin-right:3px
}
.marginRight5px {
margin-right:5px
}
.marginRight10px {
margin-right:10px
}
.marginRight15px {
margin-right:15px
}
.marginRight20px {
margin-right:20px
}
.marginRight25px {
margin-right:25px
}
.marginRight30px {
margin-right:30px
}
.marginRight35px {
margin-right:35px
}
.marginRight40px {
margin-right:40px
}
.marginRight45px {
margin-right:45px
}
.marginRight50px {
margin-right:50px
}

.marginTop5px {
margin-top:5px
}
.marginTop10px {
margin-top:10px
}
.marginTop15px {
margin-top:15px
}
.marginTop20px {
margin-top:20px;
}
.marginTop30px {
margin-top:30px;
}
.marginTop40px {
margin-top:40px;
}
.marginTop50px {
margin-top:50px;
}


.marginBottom5px {
margin-bottom:5px
}
.marginBottom10px {
margin-bottom:10px
}
.marginBottom15px {
margin-bottom:15px
}
.marginBottom20px {
margin-bottom:20px
}
.marginBottom25px {
margin-bottom:25px
}
.marginBottom30px {
margin-bottom:30px
}
.marginBottom35px {
margin-bottom:35px
}
.marginBottom40px {
margin-bottom:40px
}

.marginBottom200 {
margin-bottom:200px;
}
.ex2 {
font-size:11px;
}


/*----------■回り込み■----------*/
.floatRight {
float:right;
}
.floatLeft {
float:left;
}
.clearBoth {
clear:both;
}


/*----------■■----------*/
hr {
width:100%;
}

hr.separator {
width:  40%; 
}
.submit {
border:1px solid gray;
background-color:#eee;
}


/*----------■text-align■----------*/
.textCenter {
text-align:center;
}
#textCenter {
text-align:center;
}
.textRight {
text-align: right;
}
#textRight {
text-align: right;
}


/*----------■font■----------*/
.text15px {
font-size:15px;
}
.text10px {
font-size:10px;
}
.text9px {
font-size:9px;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
	.orange {
	color:#FF6600;
	}
	.red {
	color:red;
	}


.comment {
color:red;
font-size:10px;
color:#FF9900;
}
ol.error {
margin:0;
padding:0 30px;
}
ol.error li {
margin:0;
padding:0;
color:red;
}

#borderBottom2px {
border-bottom:2px solid #9a9a9a;
}


.spacer1x1 {
width:1px;
heght:1px;
margin:0;
padding:0;
}

/*----------■背景■----------*/
.bgEEE {
background-color:#eee;
}

/*----------■料金ページテーブル　など■----------*/
table.price {
margin-left:10px;
}
	table.price th {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	}
	table.price td {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	}

table.function {
margin-left:10px;
border-top:1px solid gray;
}
	table.function th {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	width:180px;
	}
	table.function td {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	}

table.function2 {
margin-left:10px;
border-top:1px solid gray;
text-align:left;
}
	table.function2 th {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	vertical-align:top;
	}
	table.function2 td {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	}

table.function3 {
margin-left:10px;
border-top:1px solid gray;
text-align:left;
}
	table.function3 th {
	border-bottom:1px solid gray;
	text-align:left;
	padding:3px 5px;
	vertical-align:top;
	}
	table.function3 td {
	border-bottom:1px solid gray;
	border-left:1px solid gray;
	text-align:left;
	padding:3px 5px;
	}

#thBG {
background-image:url(/images/thBG.gif);
background-position:bottom;
background-repeat:repeat-x;
}



/*■利用可能決済一覧■*/
/*■コース選択の目安表■*/
/*■お客様ページのログイン■*/
table.noramal {
border:1px solid gray;
border-width:1px 0 0 0;
margin:5px;
}
		table.noramal td {
		border:1px solid gray;
		border-width:0 0 1px 0;
		padding:3px 5px;
		}
		table.noramal th {
		border:1px solid gray;
		border-width:0 0 1px 0;
		padding:3px 5px;
		text-align:left;
		background-color:#fff5e0;
		}
table.normal {/*正式normal*/
border:1px solid gray;
border-width:1px 1px 0 0;
margin:5px auto;
}
		table.normal th {
		border:1px solid gray;
		border-width:0 0 1px 1px;
		padding:3px 5px;
		background-color:#fff5e0;
		}
		table.normal td {
		border:1px solid gray;
		border-width:0 0 1px 1px;
		padding:3px 5px;
		}



		
table.normal2 {
border:1px solid gray;
border-width:1px 1px 0 0;
}
	table.normal2 td {
	border:1px solid gray;
	border-width:0 0 1px 1px;
	padding:3px 5px;
	}
	table.normal2 th {
	border:1px solid gray;
	border-width:0 0 1px 1px;
	padding:3px 5px;
	text-align:left;
	background-color:#fff5e0;
	}

/*■決済会社手数料一覧■*/
/*■ご利用料金ページ全部■*/
table.tableTdCenter {
border:1px solid gray;
border-width:1px 1px 0 0;
margin:5px;
	}
	table.tableTdCenter td {
	border:1px solid gray;
	border-width:0 0 1px 1px;
	text-align:center;
	padding:3px 5px;
	}
	table.tableTdCenter th {
	border:1px solid gray;
	border-width:0 0 1px 1px;
	padding:3px 5px;
	text-align:center;
	background-color:#fff5e0;
	}


/*=========================================*/
/*         マニュアル用クラス設定          */

.manual {
border:1px solid silver;
padding:5px;
margin:5px 0 10px 5px;
width:550px;
}

table.manual {
text-align:left;
}

table.manual td {
text-align:left;
padding:3px 5px;
vertical-align:top;
}
.manual h3 {
margin:5px 0;
}
.manual ul {
margin:0 10px;
list-style-type:circle;
}

*html .manual ul {
margin:0 30px;
padding:0 10px;
list-style-type:circle;
}


/*=========================================*/
/*       サイトマップ用クラス設定          */




.map1 {
margin:0 5px;
}  
.map1 h4 {
border-top-style:none;
border-right-style:none;
border-mottom-style:solid;
border-left-style:solid;
border-left-width:thick;
background-color:#ffebcd;
font-size:12px;
margin:10px 5px 5px;
padding:2px 0 0 10px;
/*border-bottom:1px solid silver;*/
width:280px
height:auto;
}


.map2 {
margin:0 5px; 
}  
.map2 h4 {
border-top-style:none;
border-right-style:none;
border-mottom-style:solid;
border-left-style:solid;
border-left-width:thick;
background-color:#f5f5f5;
font-size:12px;
margin:10px 5px 5px;
padding:2px 0 0 10px;
/*border-bottom:1px solid silver;*/
width:280px
height:auto;
}

.map {
margin:0 5px; 
width:280px;
float:left;
}  




/*=========================================*/
/*       会社概要用クラス設定          */
.companyLeft {
float:left;
width:480px; 
margin:0 5px 0 0;
}

.companyRight {
float:right;
width:100px;
text-align:center;
border:1px solid orange;
padding-bottom:20px;
margin:0 5px 0 0;
}

dl.case01 {
margin:5px;
padding-bottom:5px;
border-bottom:1px solid gray;
}

.case01 dt {
float:left;
margin:5px 0 0 0;
padding:0;
}

.case01 dd {
margin:5px 10px 0 80px;
padding:0;
width:305px;
}

dl.topXInfo {
margin:0;
padding:5px 0;
}

dl.topXInfo dt {
margin:5px 0 5px 0;
padding:0 0 3px 5px;
font-weight:bold;
}

dl.topXInfo dd {
margin:5px 0 5px 0px;
padding:0 0 3px 15px;
border-bottom:1px dashed silver;
}


/*=========================================*/
/*       	    Xform用クラス設定          */
table.xf_block {
border:1px solid gray;
border-width:1px 1px 0 0;
}

th.xf_table_title {
border:1px solid gray;
border-width:0 0 1px 1px;
padding:3px 3px 2px;
}

th.xf_field {
border:1px solid gray;
border-width:0 0 1px 1px;
padding:3px 3px 2px;
text-align:left;
}
td.xf_input {
border:1px solid gray;
border-width:0 0 1px 1px;
padding:3px 3px 2px;
}

/*=========================================*/
/*      　  060825キャンペーン設定         */

#camp0825 {
	width: 612px;
	margin-left: -3px;

}

#camp0825 h2 {
	text-indent: 0px;
	padding: 0px;
	background-image: none;
	margin: 0 0 10px;
	height: 164px;
}

#camp0825 h3 {
	text-indent: 0px;
	padding: 0px;
	background-image: none;
	margin: 0 0 10px;
	height: 98px;
}

#camp0825 h4 {
	text-indent: 0px;
	padding: 0px;
	background-image: none;
	margin: 0 0 10px;
	height: 46px;
	border: none;
}

table.camp0825f {
margin:10px 5px 5px 10px;
border:1px solid gray;
border-width:1px 0 0 1px;
}
table.camp0825f th {
	border:1px solid gray;
	border-width:0 1px 1px 0;
	text-align:center;
	padding:3px 5px;
	vertical-align:middle;
	background-color: #d6ebff;
}
table.camp0825f td {
border:1px solid gray;
border-width:0 1px 1px 0;
padding:3px 5px;
text-align:center;
vertical-align:top;
}

table.camp0825c {
margin:10px 5px 5px 10px;
border:1px solid gray;
border-width:1px 0 0 1px;
}
table.camp0825c th {
	border:1px solid gray;
	border-width:0 1px 1px 0;
	text-align:center;
	padding:3px 5px;
	vertical-align:middle;
	background-color: #ffe7d6;
}
table.camp0825c td {
border:1px solid gray;
border-width:0 1px 1px 0;
padding:3px 5px;
text-align:center;
vertical-align:top;
}

.tableLeft {
	float: left;
	margin: 10px 0 10px 10px;
	width: 370px;
}



/*----------■P-mark■----------*/
.privacyBg {
padding:10px 20px 15px 20px;
border-left:1px solid #33ccff;
border-right:1px solid #33ccff;
margin:0;
height:450px;
}
	.privacyTitle {
	background-color:#ffffcc;
	color:#cc0000;
	font-size:16px;
	font-weight:700;
	border-top:1px solid #cc0000;
	border-bottom:1px solid #cc0000;
	margin:13px 0 10px 0;
	padding:3px;
	text-align:center;
	}
		*html .privacyTitle {
		margin-top:20px;
		}
	 .privacyBg img {
	 margin:30px;
	 }
	.privacyAbout {
	border:1px solid #ccc;
	padding:10px;
	margin-top:15px;
	color:#666;
	font-size:10px;
	}
.privacyPolicyList ul {
margin-top:20px;
margin-left:-10px;
list-style-type:disc;
}
	*html .privacyPolicyList ul {
	margin-left:30px;
	}
	.privacyPolicyList ul li {
	margin-bottom:10px;
	}
.privacyPolicyList2 ul {
margin-top:10px;
margin-left:-10px;
margin-bottom:0px;
list-style-type:disc;
}
	*html .privacyPolicyList2 ul {
	margin-left:30px;
	}
	

/*=======================================
	ver2　以降のニュースレイアウト
=======================================*/

#point{
background-image:url(/templates/xcart/images/bg_point.gif);
background-repeat:no-repeat;
height:200px;
width:300px;
_min-height:200px;
}

#all{
background-image: url(/templates/xcart/images/bg_all.gif);
background-repeat: no-repeat;
height:200px;
width:300px;
_min-height:200px;
}

#cMenu{
background-image:url(/templates/xcart/images/bg_cMenu.gif);
background-repeat:no-repeat;
height:200px;
width:300px;
_min-height:200px;
}

#mail{
background-image:url(/templates/xcart/images/bg_mail.gif);
background-repeat:no-repeat;
height:200px;
width:300px;
_min-height:200px;
}

#etc{
background-image:url(/templates/xcart/images/bg_etc.gif);
background-repeat:no-repeat;
height:200px;
width:300px;
_min-height:200px;
}

#point h3{
display:none;
}
#point p{
padding:40px 30px 0 20px;
}

#all h3{
display:none;
}
#all p{
padding:40px 30px 0 20px;
}

#cMenu h3{
display:none;
}
#cMenu p{
padding:60px 30px 0 20px;
}

#mail h3{
display:none;
}
#mail p{
padding:40px 30px 0 20px;
}

#etc h3{
display:none;
}
#etc p{
padding:40px 30px 0 20px;
}

#additional h3{
display:none;
}
	/********************/
	/*▼機能追加の部分▼*/
	/********************/

.addHedder{
background: url(/templates/xcart/images/add_hedder.gif) no-repeat;
width: 603px;
height: 45px;
margin: 10px 0 0 5px;
}

.addBg{
background: url(/templates/xcart/images/add_bg.gif) repeat-y;
margin: 0 0 0 5px;
width: 603px;
height: auto;
}

.addBg p{
width: 275px;
margin:0 5px;
}
.addBgTitle{
font: 20px;
}

.addBottom{
background: url(/templates/xcart/images/add_bottom.gif) no-repeat;
margin: 0 0 10px 5px;width: 603px;
height: 45px;

}




.displayNone{
display:none;
}


/*特長

#displeasure{
background-image:url(/templates/xcart/images/bg_displeasure.jpg);
background-repeat:no-repeat;
height:320px;
width:600px;
_min-height:320px;
margin:20px 0 0 0;
}


#pleasure{
background-image:url(/templates/xcart/images/bg_pleasure.jpg);
background-repeat:no-repeat;
height:320px;
width:600px;
_min-height:320px;
margin:20px 0 20px 0;
}



#displeasure h2{
display:none;
}
#displeasure ul{
padding:120px 0 0 170px;

}
#displeasure li{
list-style-image:url(/images/displeasure_dot.gif);
line-height:20px;
}

#pleasure h2{
display:none;
}
#pleasure ul{
padding:120px 0 0 50px;
}
#pleasure li{
list-style-image:url(/images/pleasure_dot.gif);
line-height:20px;
}
*/


/*　NP後払い　*/

#np2{
background-image:url(/templates/xcart/images/np_02.gif);
background-repeat:no-repeat;
height:140px;
width:600px;
_min-height:140px;
margin:5px 0 5px 5px;
}

#np3{
background-image:url(/templates/xcart/images/np_03.gif);
background-repeat:no-repeat;
height:140px;
width:600px;
_min-height:140px;
margin:5px 0 5px 5px;
}

#np2 ul{
padding:5px 0 0 180px;
}
#np3 ul{
padding:5px 0 0 180px;
}

/*----------■ニュースページなどの■----------*/

.news{
margin:0 35px;
} 
.news p{
line-height:150%;
}
	.news h1{
	font-size: 120%;
	font-weight: bold;
	text-height:120%;
	text-align:center;
	}
.subTitle{
font-size: 110%;
text-height:120%;
text-align:center;
}
.small{
font-size: small;
}
	/*----------■注意■----------*/
.Red70{
font:70%;
color:red;

}

/*----------■枠で囲う　お問い合わせ部分 news■----------*/
#ask{
border:1px solid;
margin:50px 0 0 200px; 
padding:10px;
width:200px;
line-height:120%;

}
#ask h1{
font-size:13px;
margin:0px;
}
#ask p{
font-size:11px;
}


/*----------▼ここから▼----------*/
/*----------導入事例質問Q&A----------*/
.q {
background:url(/images/question.gif) left top no-repeat;
font-weight:bold;
height:30px;
margin:10px 0;
}

.q p{
padding: 5px 0 0 30px;
}

.a {
background:url(/images/answer.gif) left top no-repeat;

height:auto;
}

.a p{
padding: 5px 0 0 30px;
}

.faqImg{
margin:15px 20px;
}
	/*----------導入事例エリア・イメージ周辺設定----------*/
#shopImg{
width:160px;
margin:10px 5px 0 0;
float:left;
text-align:center;
font-size:9px;
}
#shopImg img{
margin:15px 0 5px 0;
}

#shopQA{
width:420px;
margin:10px 0 0 5px;
/**/float:left;
}

/*----------■リニューアル■----------*/
/*----------■導入事例■070809----------*/
.caseTop {
background:url(/images/case/case_bg_top.gif) no-repeat left bottom;
width:600px;
height:37px;
margin:0;
padding:0;
}
.caseBG {
background:url(/images/case/case_bg.gif) repeat-y;
width:600px;
height:auto;
padding:0 ;
margin:0;
}
	.caseImgTop {/*outline_face*/
	margin:5px 10px 5px 50px;
	}
	.caseBG p{/*outline_text*/
	margin:0px 10px;
	padding:10px;
	}
.caseBottom {
background:url(/images/case/case_bg_bottom.gif) no-repeat left bottom;
width:600px;
height:37px;
padding:0;
}

	p.Q{/*xacart以外*/
	background-color:#EEF7FF;
	margin:0;
	padding:10px;
	color:#002573;
	font-size:15px;
	font-weight:bold;
	clear:both;
	}
	p.Qcart{/*xcart部分*/
	background-color:#FFEEEE;
	margin:0;
	padding:10px;
	color:#002573;
	font-size:15px;
	font-weight:bold;
	clear:both;
	}
	
	p.A{
	margin:0 0 20px 0;
	padding:5px 10px 10px 10px;
	}

#editorial{
width:580px;
margin:0 10px;
}