@charset "utf-8";

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

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

/* style */

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

#g-web a{background:url('/common_img/header/global.gif') no-repeat -304px -48px;}


/* Web制作の流れ[基本] flow-basic.aspx */
/* ---------------------------------------------------------------- */

#flow-basic *{
	margin:0;
	padding:0;
}

#flow-basic{
	width:660px;
	margin:0 auto;
}


#flow-basic h2{
	margin:0 0 2.0em;
}

#flow-basic dl{
	margin:0 auto 0.5em;
}


#flow-basic dt{
	margin:0 0 0.5em;
	padding-bottom:1px;
	background:#000 url('../image/flow_basic_numback.gif') no-repeat left bottom;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
}

#flow-basic dt span{
	padding:0 15px;
	margin-right:5px;
	font-family:Century Gothic;
	font-size:1.3em;
}

#flow-basic dd{
	margin:0 0 1.0em;
}

#flow-basic dd strong{
	font-size:1.3em;
	color:#bd0016;
}

/* ---------------------------------------------------------------- */
/* Web制作の流れ[モール] flow-mall.aspx */
/* ---------------------------------------------------------------- */

#flow-mall *{
	margin:0;
	padding:0;
}

#flow-mall{
	width:660px;
	margin:0 auto;
}


#flow-mall h2{
	margin:0 0 2.0em;
}

#flow-mall dl{
	margin:0 auto 0.5em;
}


#flow-mall dt{
	margin:0 0 0.5em;
	padding-bottom:1px;
	background:#000 url('../image/flow_basic_numback.gif') no-repeat left bottom;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
}

#flow-mall dt span{
	padding:0 15px;
	margin-right:5px;
	font-family:Century Gothic;
	font-size:1.3em;
}

#flow-mall dd{
	margin:0 0 1.0em;
}

#flow-mall dd strong{
	font-size:1.3em;
	color:#bd0016;
}

/* ---------------------------------------------------------------- */
/* Web制作料金一覧 price.aspx */
/* ---------------------------------------------------------------- */

#price *{
	margin:0;
	padding:0;
}

#price{
	width:660px;
	margin:0 auto;
}

#price h2{
	margin:0 auto 1.2em;
	padding:0 6px 0 12px;
	border-left:18px solid #bd0016;
	color:#fff;
	background:#000;
}


#price p{
	margin:0 0 1.0em;
}


#price .price-wrap{
	margin:0 0 3.0em;
}

/* clear hack */
#price .price-wrap{zoom:1;}
#price .price-wrap:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#price .price-wrap h4{
	margin:0 0 0.4em;
	color:#000;
}


#price .price-wrap table,#price .price-wrap th,#price .price-wrap td{
	width:100%;
	padding:2px;
	border:1px #999 solid;
	border-collapse:collapse;
}

#price .price-wrap th{
	width:200px;
	background:#efefef;
}
#price .price-wrap td{
	width:100px;
	text-align:right;
}

#price .price-wrap tr.total th{
	background-color:#333;
	color:#fff
}

#price .price-wrap tr.total td{
	background-color:#bd0016;
	color:#fff
}

#price .price-wrap .left{
	float:left;
	width:300px;
}

#price .price-wrap .left table{
	border-left:5px #999 solid;
}


#price .price-wrap .right{
	float:right;
	width:300px;
}

#price .price-wrap .right table{
	border-left:5px #999 solid;
}