/* インポート */
@import "/css/common.css";

/* =============================== introduce =============================== */

/* --------------------- case --------------------- */
/* 導入事例：リセット */
#case *{margin:0;padding:0;}

/* 導入事例 */
#case{margin:0 auto 50px;}
#case dl{
	margin:0 auto 30px;
}

#case dt{margin:0 0 10px;}
#case dd{
	margin:0 0 15px 4px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
	font-weight:bold;
	font-size:15px;
	letter-spacing:0.1em;
}

#case dd img{
	margin:0 10px 10px;
	vertical-align:middle;
}


/* --------------------- merit --------------------- */
/* メリット：リセット */
#merit *{margin:0;padding:0;}

/* メリット */
#merit{margin:0 auto 50px;}

/* メリット：タイトル */
#merit h2{margin:0 auto 10px;}
#merit p.sub{margin:0 0 30px;}

/* メリット：見出し */
#merit h3{margin:20px 0 10px;}

/* メリット：テキスト */
#merit p{margin:0 0 12px 65px;}

/* =============================== effect =============================== */
/* 導入の効果 */
#effect{margin:0 auto 20px;}
#effect h2{margin:0 auto 10px;}
#effect p{margin:0 0 30px 20px;}


/* =============================== case =============================== */
#textarea h2.case{
	margin-bottom:30px;
	border-bottom:1px solid #730811;
}

#textarea ul{
	margin:0;
	padding:0;
}
#textarea li{
	margin:0 0 0 20px;
	padding:0 0 0 15px;
	list-style-type:none;
	text-indent:-15px;
}

/* --------------------- flow --------------------- */

/* 流れ */
#flow *{margin:0;padding:0;}

#flow{margin:0 auto 50px;}
/* clear hack */
#flow{zoom:1;}
#flow:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}


/* 流れ：見出し */
#flow h3{
	margin:0 auto 5px;
	padding:0 0 10px 15px;
	color:#e72a18;
	background:url('../image/base_case.gif') no-repeat 0 0;
	font-size:16px;
}

/* 流れ：上部テキスト */
#flow p{margin:0 5px 15px 16px;}

/* 流れ：1ブロック */
#flow dl{background:url('../image/back_case.gif') repeat-y 0 0;}
/* clear hack */
#flow dl{zoom:1;}
#flow dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

/* 流れ：図 */
#flow dt{
	float:left;
	width:120px;
}

/* 流れ：矢印 */
#flow dd.arrow{clear:both;}
#flow dd.arrow img{vertical-align:bottom;}

/* 流れ：テキスト */
#flow dd.list{
	border:1px solid #ccc;
	float:right;
	width:430px;
	text-align:left;
}

#flow ul{
	margin:10px 10px 2px;
	line-height:1.5;
}

#flow li{
	padding:0 0 8px;
	list-style-type:none;
}

/* 流れ：インデント有 */
#flow li.indent{
	padding-left:1.2em;
	text-indent:-1.2em;
}

/* インデント調整 */
#flow li.fix{padding-left:0;text-indent:0;}

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