@charset "utf-8";
/*****LP設定*****************************/

/* メイン */
#main {
	width: 957px;
	margin: 0 auto 19px auto;
}

/* セクション */
.section_wrapper {
	background: url(../../images/lp/bg_section_wrapper.png) no-repeat;
	width: 955px;
	margin: 0 auto 18px auto;
	padding-top: 7px;
}

.section_inner {
	background: #ebebeb url(../../images/lp/bg_section_inner.png) no-repeat left bottom;
	width: 945px;
	padding: 0 5px 13px 5px;
}

.section_inner_last {
	background-color: #ebebeb;
	width: 945px;
	padding: 0 5px;
}

.section {
	background-color: #fff;
	width: 903px;
	padding: 35px 20px 28px 20px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* セクション（ツールズのみ） */
#section_wrapper {
	background: url(../../images/lp/bg_section_wrapper.png) no-repeat;
	width: 955px;
	margin: 0 auto;
	padding-top: 7px;
}

#section_inner {
	background-color: #ebebeb;
	width: 945px;
	padding: 0 5px;
}

#section {
	background-color: #fbfbfb;
	width: 903px;
	padding: 35px 20px 28px 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

/* サービスメニュー */
#nav_wrapper {
	margin-bottom: 18px;
	padding-left: 30px;
}

#nav {
	display: block;
	background: url(../../images/lp/bg_nav.png) no-repeat;
	height: 44px;
	width: 950px;
	padding-left: 5px;
	list-style: none;
	z-index: 100;
}

#nav li {
	display: inline;
	margin-right: 2px;
	float: left;
}

/* 大見出し */
.t_tools { margin-bottom: 35px }

/* 導入箇所 */
.tools_intro {
	width: 892px;
	margin: 0 auto 30px auto;
}

.i_tools {
	text-align: center;
	width: 243px;
	float: left;
}

.tools_intro_r,
.tools_intro p {
	width: 620px;
	float: right;
}

.tools_intro_r p { float: none }

/* 大見出し */
.ts_tools { margin-bottom: 15px }

/* スマイルツールズ */
#stools_list {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}

#stools_list li { margin: 10px 1.5em }

#l_stools { margin: 20px 0 }

/* ツール用クロージング */
#stools_closing,
#slpo_closing,
#sform_closing,
#smail_closing,
#sanalyze_1_closing,
#sanalyze_2_closing {
	height: 90px;
	width: 820px;
	margin: 0 auto;
	padding: 7px 27px 11px 35px;
}

#stools_closing { background: url(../../images/lp/bg_stools_closing.png) no-repeat }

#slpo_closing { background: url(../../images/lp/bg_slpo_closing.png) no-repeat }

#sform_closing { background: url(../../images/lp/bg_sform_closing.png) no-repeat }

#smail_closing { background: url(../../images/lp/bg_smail_closing.png) no-repeat }

#sanalyze_1_closing,
#sanalyze_2_closing { background: url(../../images/lp/bg_sanalyze_1_closing.png) no-repeat }

#stools_closing dl,
#slpo_closing dl,
#sform_closing dl,
#smail_closing dl,
#sanalyze_1_closing dl,
#sanalyze_2_closing dl {
	width: 607px;
	float: left;
}

#stools_closing p,
#slpo_closing p,
#sform_closing p,
#smail_closing p,
#sanalyze_1_closing p,
#sanalyze_2_closing p {
	width: 210px;
	padding-top: 18px;
	float: right;
}

/* 例外 */
#stools_closing dl { width: 553px }

#stools_closing p {
	width: 264px;
	padding-top: 9px;
}

#stools_closing dt,
#slpo_closing dt,
#sform_closing dt,
#smail_closing dt,
#sanalyze_1_closing dt,
#sanalyze_2_closing dt {
	text-align: center;
	margin-bottom: 5px;
}

#stools_closing dd,
#slpo_closing dd,
#sform_closing dd,
#smail_closing dd,
#sanalyze_1_closing dd,
#sanalyze_2_closing dd {
	text-align: center;
	padding-left: 45px;
}

/* リード文 */
.lead {
	width: 802px;
	margin: 0 0 24px 150px;
}

.p_lead {
	width: 500px;
	padding-top: 14px;
	float: left;
}

.btn_lead {
	width: 292px;
	float: right;
}

/* ノーマル */
.normal {
    color: #565656;
    font-size: 15px;
    line-height: 1.8;
}

/* マーカー */
.marker {
	background-color: #feffaa;
	padding: 0 5px;
}

/* 強調 */
.emphasis {
	font-size: 17px;
	font-weight: bold;
	color: #e30000;
}

/* デモ画面 */
.lead_demo {
	background: url(../../images/top/bg_lead_demo.png) no-repeat right top;
	height: 81px;
	width: 894px;
	position: relative;
}

.lead_demo p { text-indent: -9999px }

.lead_demo ul { list-style: none }

.lead_demo ul li {
	position: absolute;
	top: 19px;
}

.btn_demo-site { left: 295px }

.btn_demo-admin { left: 521px }

/* クロージング共通 */
#closing {
	background: url(../../images/top/stools/bg_closing.png) no-repeat;
	height: 115px;
	width: 955px;
	padding-top: 13px;
}

/* サーバ説明 */
#server_ex_wrapper {
	background: url(../../images/lp/bg_tools_details_wrapper.png) no-repeat;
	width: 892px;
	margin-top: 20px;
	padding-top: 15px;
}

#server_ex_inner {
	background: url(../../images/lp/bg_tools_details_inner.png) no-repeat left bottom;
	width: 892px;
	padding-bottom: 15px;
}

#server_ex {
	font-size: 13px;
	color: #565656;
	background: url(../../images/lp/bg_tools_details.png) repeat-y;
	width: 852px;
	padding: 10px 20px;
}

#server_ex p {
	line-height: 1.5;
	margin-bottom: 5px;
}

#server_ex dt {
	line-height: 1.7;
	float: left;
	margin-right: 15px;
}

#server_ex dd {
	line-height: 1.7;
	float: left;
}

/* 説明図 */
#f_stools,
#f_slpo,
#f_sform,
#f_smail,
#f_sanalyze {
	width: 903px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}

#f_stools { height: 322px }

#f_slpo { height: 405px }

#f_sform { height: 396px }

#f_smail { height: 272px }

#f_sanalyze { height: 211px }

#f_stools img,
#f_slpo img,
#f_sform img,
#f_smail img,
#f_sanalyze img { position: absolute }
