@charset "utf-8";
/* ---------------------------
	common 
--------------------------- */
/* reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong {
	font-size:1em;
	font-weight:normal;
	font-style:normal;
}
ul, ol {
	list-style:none;
}
fieldset, img, hr {
	border:none;
}
body {
	font-size:100%;
	color:#333;
	padding-bottom:40px;
}
#header, #anxiety,.lpo_title,#merit,#chigau,#chigau dl,#flow,#contact {
	margin:0 auto 0 auto;
	width:801px;
}
#merit dd,#merit_answer .text,#chigau dd,#flow dd {
	font-size:.88em;
	line-height:160%;
}
/* LPO logo */
.lop_logo, .lpo_text {
	float:left;
}
.lop_logo {
	margin-right:22px;
}
.lpo_subtitle {
	clear:both;
	padding-top:9px;
}
/* ---------------------------
	header
--------------------------- */
#header {
	padding-top:20px;
	position:relative;
}
/* 読者に届け */
#main_message {
	margin-bottom:22px;
}
#main_message h3 img{
	position:relative;
	margin-left:-29px;
}
/* メニュー */
#main_menu {
	position:absolute;
	top:315px;
	left:33px;
}
#main_menu li {
	background:url(../images/menu_icon.gif) 0 0 no-repeat;
	padding-left:35px;
	margin-bottom:23px;
}

/* ---------------------------
	こんな悩みありませんか
--------------------------- */
#anxiety {
	width:986px;
	 text-align:center;
	 padding-bottom:30px;
}
#anxiety ul {
	width:687px;
	margin:20px auto 20px auto;
	line-height:0;
	font-size:0;
}
#kaiketsu {
	margin:0 0 20px 0;
}
/* ---------------------------
	メリットってなんですか
--------------------------- */
#merit {
	margin-top:40px;
}
#merit h3 {
	margin-bottom:15px;
}
#merit dl {
	width:810px;
	margin:0 0 15px -4px;
	background:url(../images/merit_bg_02.gif) 0 0 repeat-y;
}
#merit dt {
	background:url(../images/merit_bg_01.gif) left top no-repeat;
	height:56px;
}
#merit dt img {
	margin:21px 0 0 21px;
}
#merit dd {
	background:url(../images/merit_bg_03.gif) left bottom no-repeat;
	padding:20px 40px 20px 40px;
}
/* メリットだせてますか */
#merit_answer {
	background:url(../images/merit_bottom_bg.jpg) 0 0 no-repeat;
	padding-bottom:6px;
}
#merit_answer h4 {
	height:66px;
}
#merit_answer h4 img {
	margin:21px 0 0 21px;
}
#merit_answer .text {
	height:74px;
	padding:0 21px 0 21px;
}

/* ---------------------------
	ここが違う
--------------------------- */
#chigau {
	padding-bottom:40px;
}
#chigau dl {
	width:695px;
	background:#eee;
}
#chigau dt {
	width:722px;
	height:85px;
	position:relative;
	margin-left:-27px;
	background:#fff url(../images/chigau_title_bg.gif) 0 15px no-repeat;
	padding-top:15px;
}
#chigau dt img {
	margin:27px 0 0 130px;
}
#chigau dd {
	background: url(../images/chigau_text_bg.gif) left top no-repeat;
	padding:20px 30px 20px 60px;
}

/* ---------------------------
	作業フロー
--------------------------- */
#flow {
	width:800px;
	background:#eee;
}
#flow h3 {
	padding:10px 0 20px 13px;
}
#hearing,#user,#plan {
	width:777px;
	height:130px;
	background:url(../images/flow_bg_b.jpg) 0 0 no-repeat;
}
#seo {
	height:110px;
	background:url(../images/flow_bg_bottom.jpg) 0 0 no-repeat;
}
#analysis,#goal,#contents,#strategic {
	width:387px;
	height:104px;
}
#analysis,#contents {
	background:url(../images/flow_bg_s_l.jpg) 0 0 no-repeat;
}
#goal,#strategic {
	background:url(../images/flow_bg_s_r.jpg) 0 0 no-repeat;
	position:relative;
	margin-left:389px;
	margin-top:-105px;
}
#open {
	margin-left:3px;
}
#flow ol {
	margin-left:10px;
}
#flow dl {
	text-align:center;
}
#hearing dl {
	background:url(../images/flow_bg_top.jpg) 0 0 no-repeat;
}
#hearing dt {
	padding-top:30px;
	margin-bottom:12px;
}
#user dt,#strategic dt,#plan dt {
	padding-top:50px;
}
#strategic dt,#seo dt {
	padding-top:40px;
}
#goal dt {
	padding-top:23px;
}
#contents dt{
	padding-top:18px;
	margin-bottom:6px;
}
#contents dd{
	line-height:110%;
}
#analysis dt {
	padding-top:22px;
	margin-bottom:7px;
}
#analysis,#contents {
	 /position:relative;
	 /margin-top:-20px;
}

/* ---------------------------
	お問い合わせ
--------------------------- */
#contact {
	width:800px;
	background:#eee url(../images/footer_bg.jpg) 0 0 no-repeat;
	margin-top:60px;
}
#contact h2 {
	float:left;
	margin-left:-38px;
	margin-top:-40px;
	margin-right:15px;
}
#contact h3 {
	padding-top:30px;
}
#contact h4 {
	clear:both;
	margin-left:30px;
	padding-top:20px;
	margin-bottom:15px;
}
#net {
	 clear:both;
	 padding-top:20px;
}
#net .text {
	text-align:right;
	margin-right:20px;
	margin-top:4px;
}
#net .button {
	text-align:center;
}
#tel{
	background:url(../images/contact_tel_bg.gif) 17px 60px no-repeat;
	padding-bottom:20px;
}
#tel dl {
	padding:20px 0 20px 40px;
	font-size:0;
	line-height:0;
	background:url(../images/contact_btn04_off.jpg) 398px 12px no-repeat;
}
#tel .num {
	background:url(../images/contact_tel_icon.gif) 0 0 no-repeat;
	padding:3px 0 7px 75px;
	margin:10px 0 4px 0;
}
#privacy_mark {
	font-size:.81em;
	line-height:140%;
	margin-left:50px;
	padding-bottom:20px;
}
#privacy_mark:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;   
	clear: both;
}
#privacy_mark h4 {
	float:left;
	margin:0 20px 0 30px;
	padding:0;
}
#privacy_mark p {
	padding-top:10px;

}