@CHARSET "UTF-8";


/* ////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////共用スタイル/////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////// */


/* 凡用クラス
----------------------------------------------------------------- */

.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center !important;margin:0 auto;}

.small{font-size:smaller !important;}
.alignR{text-align:right;}
.attention{color:#a71e28;}
.text{color:#444;font-weight:normal;}

/* 説明文 */
.caption{
	font-size:75%;
	list-style-type:none;
	line-height:1.5em
}

.noBg{background: none;}


/* memes機能一例(index.html、servie/index.html)
----------------------------------------------------------------- */

#memes div{
	position:relative;
	margin:33px 0 3em 1px;
	border:3px solid #ccc;
}
	#memes div h3{
		position:absolute;
		left:20px;top:16px;
		width:550px;_width:520px;
		background:#fff url("../img/bg_h3_memes.gif") right top no-repeat !important;
		padding:5px 15px;
		border-left:4px solid #a71e28;
	}
	/* for IE7 */
	*+html #memes div h3{
		width:520px;
	}
	#memes div h4{
		font-size:80%;
		width:270px;
		padding:0.2em;
		
		line-height:2em;
	}
		#memes div h4#memes1{
			position:absolute;
			left:20px;top:65px;
		}
		#memes div h4#memes2{
			position:absolute;
			left:300px;top:65px;
		}
	#memes div ul{
		/* padding-left:20px; */
		line-height:1.6em;
	}
		#memes div ul#memes1list{
			position:absolute;
			left:20px;top:100px;
			_width:240px;
			width:260px;
		}
		#memes div ul#memes2list{
			margin-left:300px;
			padding-top:100px;
			_width:240px;
			width:260px;
		}
	#memes div p#felica{
		margin-left:20px;
		margin-top:20px;
		font-size:65%;
		color:#535353;
	}



/* ページ上部へ
----------------------------------------------------------------- */

p.GotoTop{
	clear:both;
	
	text-align:right;
	line-height:1em;
}

.GotoTop a{
	display:block;
	font-size:small;
}

	.GotoTop a:link{color:#a71e28;}
	.GotoTop a:visited{color:#a71e28;}
	.GotoTop a:hover{color:#fff !important;background:#a71e28;}
	

/* リスト・リストマーク
----------------------------------------------------------------- */

/* 矢印の画像(service/secomcard.html等) */

.allow li{
	list-style:none;
	padding-left:30px !important;
	line-height:1em;
	margin-bottom:0.5em;
	background:transparent url("../img/listmark_allow.gif") left top no-repeat !important;
}
a.allow{
	padding-left:18px !important;
	background:transparent url("../img/listmark_allow.gif") left top no-repeat !important;
}
.allowgray li{
	list-style:none;
	padding-left:30px !important;
	background:transparent url("../img/listmark_allow-gray.gif") left top no-repeat !important;
}

/* 下線付きのリスト */

ul.note,
ul.note2{
	padding-left:0;
}
	ul.note li{
		list-style-type:none;
		
		line-height:2.5em;
		font-size:small;
		border-bottom:1px dotted #ccc;
	}

	/* 2列にする場合 */
	ul.note2{
		margin-right:-24px;
	}
	ul.note2 li{
		list-style-type:none;
		
		float:left;
		width:288px;
		
		margin-right:24px;
		
		line-height:2.5em;
		font-size:small;
		border-bottom:1px dotted #ccc;
	}
	
	/* 日付（saas.html） */
	ul.note span{
		display: block;
		color:#666;
	}
	
	
.box{
	text-align:left;
	margin-right:56px !important;
	padding:10px 10px 10px 2em;
	border:1px solid #ccc;
	background-color:#feffec;
}