/*	var1.0
	Disc {
		Grid seting [
			@Rule of nest
				w -> cn -> bg 
					*IF you split bg
					-> sp -> un-fs,un
			@.sp Special classes
				.sp"i"-"j1"_"j2"_"j3"
				"i" is denominator
				"j" is numerator
				EX) .sp3-2_1
				.un .fs = "2/3"
				.un = "3/1"

			*width is abbreviated to "w"
			*px is abbreviated to "p"
			*fixed is abbreviated to "fx"
			*left is abbreviated to "l"
			*right is abbreviated to "r"
			*content is abbreviated to "cn"
			*body is abbreviated to "db"
			*split is abbreviated to "sp"
			*unit is abbreviated to "un"
			*farst is abbreviated to "fs"
			
			@Custom width setting [
				*For non-IE browser
					px/13 = em
				*For IE
					px/13.3333 = em
				EX) width 600px
					custom width {
						margin:auto;
						text-align:left;
						width:46.15em;
						*width:46em
						min-width:600px;
					}
			]
		]

		Font size settng [
			For pixels(px)	Declare this percent(%)
			10px			77%
			11px			85%
			12px			93%
			13px			100%
			14px			108%
			15px			116%
			16px			123.1%
			17px			131%
			18px			138.5%
			19px			146.5%
			20px			153.9%
			21px			161.6%
			22px			167%
			23px			174%
			24px			182%
			25px			189%
			26px			197%
		]
	}
*/

@import "lib/reset.css";
@import "lib/grids.css";

/* common setting */
#LW_support {
	width:550px;
}

p {
	padding:10px 0 !important;
}

li {
	display:inline;
}

.LW_support_img_1 {
	margin:0 0 20px;
}

.LW_support_ul_1 {
	margin:0 0 20px !important;
}

.content1 {
	width:550px;
	height:81px;
	background:url(../../images/lawson/supportV2/LW_support_bg_1.jpg) no-repeat;
	overflow:hidden;
}

	.content1 dl {
		margin:12px 0 0 5px !important;
		float:left;
		width:265px;
	}
	
	.content1 dt {
		margin:0 0 5px !important;
	}

.content2 {
	width:550px;
	height:150px;
	background:url(../../images/lawson/supportV2/LW_support_bg_2.jpg) no-repeat top right;
}
	.content2 p {
		width:400px;
	}

.content3 {
	margin:0 0 17px !important;
	width:550px;
	height:133px;
	background:url(../../images/lawson/supportV2/LW_support_bg_3.jpg) no-repeat;
}
	.content3 dl {
		margin:15px 0 0 7px !important;
		width:170px;
		float:left;
	}

	.content3 dt {
		margin:0 0 12px !important;
	}

.content4 {
	position:relative;
	width:550px;
	height:983px;
	background:url(../../images/lawson/supportV2/LW_support_bg_4.jpg) no-repeat;
}

	.content4 p {
		margin:0 20px !important;
		line-height:1.35;
	}
	
	.content4 img {
		margin:15px 0 0 20px; !important;
	}
	
	.content4 img.LW_support_img_4 {
		position:absolute;
		top:1px;
		right:1px;
	}
	
	.content4 p.short {
		margin:0 0 0 20px;
		width:360px;
	}

.content5 {
	margin:0 0 40px !important;
	width:550px;
}

.content5 p {
	margin:0 7px !important;
}

.content5 div.tools,
.content5 div.kaikei,
.content5 div.system {
	float:left;
}

.content5 div.tools {
	margin:0 0 17px !important;
	width:550px;
	height:223px;
	position:relative;
	background:url(../../images/lawson/supportV2/LW_support_bg_5.jpg) no-repeat;
}

.content5 div.tools dl {
	width:228px;
	position:absolute;
}

.content5 div.tools dl.dot{
	left:35px;
}

.content5 div.tools dl.pot {
	right:35px;
}

.content5 div.tools dt {
	color:#2154A3;
	font-weight:bold;
}

.content5 div.tools dd {
	font-size:85%;
}

.content5 div.kaikei,
.content5 div.system {
	width:265px;
	height:140px;
	float:left;
	background:url(../../images/lawson/supportV2/LW_support_bg_6.jpg) no-repeat;
	line-height:1.2;
}

.content5 div.system {
	margin:0 20px 0 0 !important;
}

.content6,
.content7,
.content8 {
	margin:20px 10px !important;
	width:530px;
	height:104px;
}

.content6 dt,
.content7 dt,
.content8 dt {
	margin:0 5px !important;
	width:283px !important;
}

.content6 dd,
.content7 dd,
.content8 dd {
	margin:10px 5px !important;
	width:283px !important;
}

.content6 {
	background:url(../../images/lawson/supportV2/LW_support_bg_7.jpg) no-repeat;
}

.content7 {
	background:url(../../images/lawson/supportV2/LW_support_bg_8.jpg) no-repeat;
	text-align:right;
}

.content7 dd,
.content7 dt {
	margin-left:240px !important;
}

.content8 {
	background:url(../../images/lawson/supportV2/LW_support_bg_9.jpg) no-repeat;
}

.entry {
	margin-bottom:25px !important;
	width:550px;
	height:320px;
	position:relative;
	background:url(../../images/lawson/supportV2/LW_support_entryg_bg.jpg) no-repeat;
}

.entry img.btn_1 {
	position:absolute;
	left: 26px;
	top: 226px;
}

.entry img.btn_2 {
	position:absolute;
	left: 154px;
	top: 225px;
}

.entry img.btn_3 {
	position:absolute;
	left: 279px;
	top: 225px;
}

.entry img.btn_4 {
	position:absolute;
	left: 406px;
	top: 225px;
}

.entry img.btn_5 {
	position:absolute;
	left: 27px;
	top: 266px;
}

.entry img.btn_6 {
	position:absolute;
	left: 154px;
	top: 266px;
}

.entry img.btn_7 {
	position:absolute;
	left: 279px;
	top: 266px;
}

div#ttlcnt {
 height:208px;
 background:url(../../images/lawson/sub1-n2.jpg) no-repeat;
}

div#ttlcnt h3 {
 height:20px;
 padding:0px;
 margin:0px;
 text-indent:-999999px;
}

div#ttlcnt #desc {
 width:350px;
 font-size:12px;
 line-height:16px;
 position:relative;
 left:192px;
 top:55px;
}