@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/05/19
 *
============================================ */

/* ============================================
	offer共通
============================================ */
#lNavi li a {
	background: none;
}

#lNavi li a span {
	display: block;
	border-left: none;
	margin: 0;
	padding: 12px 0 12px 50px;
	zoom: 1;
}
#lNavi li a:hover span {
	border-left: none;
	background: none;
	_background: none!important;
}
#lNavi li.simple       a span { background: url(/common/img/ico/ico_simple_s.png) no-repeat 2px center;}
#lNavi li.error        a span { background: url(/common/img/ico/ico_error_s.png) no-repeat 16px center;}
#lNavi li.browser      a span { background: url(/common/img/ico/ico_browser_s.png) no-repeat 5px center;}
#lNavi li.check        a span { background: url(/common/img/ico/ico_check_s.png) no-repeat 11px center;}
#lNavi li.option       a span { background: url(/common/img/ico/ico_option_s.png) no-repeat 11px center;}
#lNavi li.guideline    a span { background: url(/common/img/ico/ico_guideline_s.png) no-repeat 5px center;}
#lNavi li.markup       a span { background: url(/common/img/ico/ico_markup_s.png) no-repeat 7px center;}
#lNavi li.education    a span { background: url(/common/img/ico/ico_education_s.png) no-repeat 4px center;}
#lNavi li.modification a span { background: url(/common/img/ico/ico_modification_s.png) no-repeat 7px center;}
#lNavi li.divrice      a span { background: url(/common/img/ico/ico_divrice_s.png) no-repeat 14px center;}

/* --------------------------------------------
	lNavi active -  bodyのclassがXXXのとき、該当するナビをアクティブ
-------------------------------------------- */
body.simple       li.simple       a,
body.error        li.error        a,
body.browser      li.browser      a,
body.check        li.check        a,
body.option       li.option       a,
body.guideline    li.guideline    a,
body.markup       li.markup       a,
body.education    li.education    a,
body.modification li.modification a,
body.divrice      li.divrice      a{
	background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top!important;
	color: #999999;
}

/* ============================================
	私たちが提供するもの
	/offer/index.html
============================================ */
body.index {
}


/* ============================================
	1ページ5,250円のシンプル価格
	/offer/simple.html
============================================ */
.simple_bg01 {
	background: url(/offer/img/simple_bg_01.jpg) no-repeat scroll right bottom;
	padding-bottom: 94px;
}

/* ============================================
	文法エラー返金保証制度
	/offer/error.html
============================================ */
body.error .sec_error_01{
	background:url(/offer/img/error_bg.gif) no-repeat left 30px;
	padding-bottom: 50px;
}
	body.error .sec_error_01 div p{
		padding-left: 242px;
	}




/* ============================================
	百戦錬磨のブラウザ対策
	/offer/browser.html
============================================ */
body.browser .dl_radius .dd_radius {
	background:none repeat scroll 0 0 #F7F7F7;
	border:1px solid #E5E5E5;
	overflow:hidden;
	padding:0;
}
.ul_browser_01 {
	overflow: hidden;
	zoom:1;
}
	.ul_browser_bg {background: url(/offer/img/lineX_ul_browser02.gif) no-repeat left top;}
	.ul_browser_01 li {
		float: left;
		background: url(/offer/img/lineY_ul_browser01.gif) no-repeat right center;
		width: 215px;
		overflow: hidden;
	}
	.ul_browser_01 li.last {
		background: none;
	}
		.ul_browser_01 li p{
			margin: 18px 0 16px 8px;
		}
.browser_bg_01 {
	background: url(/offer/img/browser_bg_01.gif) no-repeat left top;
	margin-right: 20px;
	padding-left: 280px;
	min-height: 232px;
	height: auto !important;
	height: 232px;
}
.browser_bg_02 {
	background: url(/offer/img/browser_bg_02.gif) no-repeat right top;
	margin-left: 20px;
	padding-right: 280px;
	min-height: 233px;
	height: auto !important;
	height: 233px;
}

/* ============================================
	「納品品質」を実現するチェック体制
	/offer/check.html
============================================ */
body.check {
}


/* ============================================
	豊富なオプションメニュー
	/offer/option.html
============================================ */
body.option {
}


/* ============================================
	ノウハウ満載のガイドライン
	/offer/guideline.html
============================================ */
.guideline_bg01 {
	background: url(/offer/img/guideline_bg_01.jpg) no-repeat scroll left top;
	padding-left: 249px;
	margin-top: -8px;
	padding-top: 8px;
}

/* ============================================
	サイトの目的にあわせたコーディング
	/offer/markup.html
============================================ */
body.markup {
}


/* ============================================
	徹底したコーダー教育
	/offer/education.html
============================================ */
.education_bg01 {
	background: url(/offer/img/education_bg_01.jpg) no-repeat scroll left top;
	padding-left: 249px;
	margin-top: -7px;
	padding-top: 7px;
}

/* ============================================
	柔軟な修正対応
	/offer/modification.html
============================================ */
.modification_bg01 {
	background: url(/offer/img/modification_bg_01.jpg) no-repeat scroll left top;
	padding-left: 129px;
}

/* ============================================
	三度の飯よりコーディング
	/offer/divrice.html
============================================ */
body.divrice {
}
.divriceSection01 {
	background: url(/offer/img/divrice_bg_01.jpg) no-repeat right top;
	padding-right: 345px;
}