@charset "utf-8";

/*2009/01/10*/

/*web.css
============================================================*/
/*コンテンツ
----------------------------------------*/
#page h2 {background: url(../img/web/title_web.png) no-repeat;}

/* page_title */
#flow #page_title {background: url(../img/web/title_webflow.png) no-repeat;}
#coding #page_title {background: url(../img/web/title_coding.png) no-repeat;}
#price #page_title {background: url(../img/web/title_price.png) no-repeat;}


/* menu */
#sub h3 {background: url(../img/web/web_menu.png) no-repeat;}
.m1 a {background: url(../img/web/m1.gif) no-repeat;}
.m2 a {background: url(../img/web/m2.gif) no-repeat;}
.m3 a {background: url(../img/web/m3.gif) no-repeat;}
.m4 a {background: url(../img/web/m4.gif) no-repeat;}


/* #category */
.cat1 dt {background: url(../img/web/t_menu1.png) no-repeat;}
.cat2 dt {background: url(../img/web/t_menu2.png) no-repeat;}
.cat3 dt {background: url(../img/web/t_menu3.png) no-repeat;}
.cat1 dd {background: url(../img/web/t_menu1-2.png) no-repeat;}
.cat2 dd {background: url(../img/web/t_menu2-2.png) no-repeat;}
.cat3 dd {background: url(../img/web/t_menu3-2.png) no-repeat;}

.to_inquiry a {background: url(../img/web/btn_web.png) no-repeat 0 -124px;}

/*flow.html
----------------------------------------*/
#flow .box1 p {
	padding: 15px 150px	50px 25px;
}

#flow .f1 {background: url(../img/web/flow1.png) no-repeat;}
#flow .f2 {background: url(../img/web/flow2.png) no-repeat;}
#flow .f3 {background: url(../img/web/flow3.png) no-repeat;}
#flow .f4 {background: url(../img/web/flow4.png) no-repeat;}

#flow .f1 p {background: url(../img/web/webflow_01.png) no-repeat right center;}
#flow .f2 p {background: url(../img/web/webflow_02.png) no-repeat right center;}
#flow .f3 p {background: url(../img/web/webflow_03.png) no-repeat right center;}
#flow .f4 p {background: url(../img/web/webflow_04.png) no-repeat right center;}

/*coding.html
----------------------------------------*/
#coding .f1 {background: url(../img/web/coding1.png) no-repeat;}
#coding .f2 {background: url(../img/web/coding2.png) no-repeat;}
#coding .f3 {background: url(../img/web/coding3.png) no-repeat;}

#coding .box1 ul {
	padding: 15px 25px 50px;
	margin: -50px 0 0;
	border-left: 5px solid #AD9382;
}
/*price.html
----------------------------------------*/
#price h5 {
	overflow: hidden;
	padding: 31px 0 0 0;
	height: 0px;
}
#price .f1 {background: url(../img/web/price1.png) no-repeat;}
#price .f2 {background: url(../img/web/price2.png) no-repeat;}

#price table {
	width: 525px;
	border-left: 5px solid #AD9382;
	margin: 5px 0 25px 23px;
}