@charset "UTF-8";

/* reset
----------------------------------------------- */

body,p,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd {
	font-family:"lr oSVbN","CI", Osaka, "qMmpS Pro W3",arial,verdana;
	margin: 0;
	padding: 0;
	line-height: 1.0;
	font-weight: normal;
	font-size: 12px;
	color: #333;
}

p,h1,h2,h3,h4,h5,h6,li,dt,dd {
	line-height: 1.5;
}

ul,dl {
	list-style: none;
}
ol{
	margin-left:40px;
}

a img {
	border: none;
}

strong {
	font-weight: 700;
}

/* selecter
----------------------------------------------- */

body {
	background: #fff url(../../img/seotaisaku/bg.jpg) left top repeat-x;
}

a {
	color: #3366CC;
}

/* compornents
----------------------------------------------- */
.clearfix,
.section  {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after,
.section:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.none {
	display: none;
}

.pagetop {
	margin: 2.0em 1.0em 0 0;
	text-align: right;
}

.pagetop img {
	margin-right: 3px;
}

/* hp plus feature
----------------------------------------------- */

#hpFeature {
 text-align: center;
}

#hpFeature #wrapper {
 text-align: left;
 width: 940px;
 margin: 0 auto;
}

#hpFeature #content {
 margin: 0 auto 40px auto;
 width: 900px;
}

#hpFeature #footer {
 height: 30px;
 background-color: #737373;
}

#hpFeature .section {
 margin-bottom: 45px;
}


/******** top style ********/

table.hpplus01 {
 width: 900px;
}

table.hpplus02 {
 width: 900px;
}


/******** recommend tool style ********/

h3.title-tool {
 color: #2573A0;
 font-size: 140%;
 font-weight: 600;
 line-height: 41px;
 height: 41px;
 padding-left: 50px;
 background: #FFFFFF url(../../img/seotaisaku/hpplus/img_subtitleTool.gif) left top no-repeat;
}

table.hpplus-tool {
 margin: 30px auto 0;
}

table.hpplus-tool td {
 vertical-align: top;
 padding-right: 10px;
}

table.hpplus-tool p {
 font-size: 117%;
 padding: 10px 0 0 10px;
}

table.hpplus-tool dl {
 margin-top: 50px;
}


/******** casestudy style ********/

table.hpplus-case {
 margin: 30px auto 0;
}

table.hpplus-case td {
 vertical-align: top;
 padding-right: 30px;
 padding-bottom: 50px;
}

.box-casestudy01,
.box-casestudy02,
.box-casestudy03,
.box-casestudy04 {
 width: 430px;
 margin-left: 30px;
}

.box-casestudy01 {
 background: #E8F7FF url(../../img/seotaisaku/hpplus/bg_teachLeft.jpg) left top no-repeat;
}

.box-casestudy02 {
 background: #E8F7FF url(../../img/seotaisaku/hpplus/bg_hintRight.jpg) left top no-repeat;
}

.box-casestudy03 {
 background: #E8F7FF url(../../img/seotaisaku/hpplus/bg_questionRight.jpg) left top no-repeat;
}

.box-casestudy04 {
 background: #E8F7FF url(../../img/seotaisaku/hpplus/bg_studyLeft.jpg) left top no-repeat;
}

.para-right {
 font-size: 117%;
 padding: 15px 0 0 130px;
}

.para-left {
 font-size: 117%;
 padding: 20px 0 0 20px;
}

.box-caseBottom {
 padding: 30px 20px 10px 20px;
 border-bottom: #8BC6E2 solid 1px;
}

table.hpplus-case td.no-padding {
padding-bottom: 0;
}


/******** banner style ********/

.box-close {
margin: 0 auto;
text-align: center;
}

.box-close dl {
 margin-top: 20px;
}



/* footer
--------------------- */
div#footer {
	padding-top: 1.0em;
	background: transparent url(../../img/seotaisaku/bg_footer.jpg) left top repeat-x;
	color:#FFFFFF;
	position: relative;
}

div#footer a:link,
div#footer a:visited {
	color:#FFFFFF;
	text-decoration: none;
}

div#footer a:hover,
div#footer a:active {
	color:#FFFFFF;
	text-decoration: underline;
}


div#footer ul.ecNav {
	margin:0pt 1px;
	padding:5px 0pt;
	text-align:center;
}

div#footer ul.ecNav li {
	display:inline;
	font-size:10px;
	margin-right:0.7em;
}

div#footer address {
	display: block;
	margin-top:0.5em;
	padding-bottom:10px;
	text-align:center;
	font-style: normal;
}

.update {
	position: absolute;
	right: 10px;
	bottom: 10px;
}