@charset "utf-8";

@import "/css/common.css";
@import "/css/web.css";

/* ---------------------------------------------------------------- */

/* style */

/* ---------------------------------------------------------------- */

/* common */

/* ---------------------------------------------------------------- */
/* リセット */
.block *{margin:0;padding:0;}
.block img{vertical-align:bottom;}

.block{margin:0 0 3em;}

.block h2{
	margin:0 auto 1em;
	padding:0 6px 0 12px;
	border-left:18px solid #bd0016;
	color:#fff;
	background:#000;
	font-size:18px;
}
.block p{margin:0 12px 1em 30px;}

/* ---------------------------------------------------------------- */

/* system：業務システムのインターフェイスデザイン制作 */

/* ---------------------------------------------------------------- */

.system #read{
	margin:0 0 3em;
	background:url('../image/blog_back.gif') no-repeat 100% 35%;
}

.system #read h2{margin:0 12px 24px;}
.system #read p{margin:0 18px 24px;}
.system #read strong{color:#bd0016;}

.system #read h3{
	margin:0 18px 12px;
	color:#bd0016;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
	font-size:18px;
}

.system .exmple{margin:0 5px 3em;}
/* clear hack */
.system .exmple{zoom:1;}
.system .exmple:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.system .exmple dl{
	margin:0 0 3em;
	float:left;
	width:224px;
	text-align:center;
}

.system .exmple dt{
	margin:0 auto;
	padding:2px 0 0;
	width:180px;
	font-size:11px;
	text-align:right;
}
.system .exmple dt img{border:1px solid #ccc;}

.system .exmple dd{
	margin:0 auto;
	padding:6px 0;
	width:180px;
}


/* ---------------------------------------------------------------- */