@charset "utf-8";
/* CSS Document */

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:12px;font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
	table{border-collapse:collapse;border-spacing:0em;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}

	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}

body {
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
}

body#contents {
	background-image: url(../img/bg_contents.png);
	background-repeat: repeat-x;
}

#header{
	position:relative;
	width:812px;
	height:105px;
	margin:0px auto;
	padding-top:3px;
}

h1{
	position:absolute;
	font-size:12px;
	font-weight:normal;
	left: 229px;
	top: 33px;
	color:#999;
	width: 178px;
}
.logo{
	float:left;	
}
.tel{
	float:right;
	margin-right:0px;
	margin-top:8px;
}
.hlink{
	float:right;
	margin-right:0px;
	margin-top:0px;
}
.hlinks{
	position:absolute;
	width: 205px;
	height: 17px;
	left: 621px;
	top: 5px;
	color:#FFF;
	font-size:10px;
}
.hlinks a{
	color:#FFF;
	text-decoration:none;
}
.hlinks li{
	float:left;	
	list-style:disc;
	margin-right:30px;
}


	#wrapper {
	width      : 882px;
	min-height : 100%;
	height     : 100% !important;
	height     : 100%;
	margin     : 0 auto;
	padding    : 0px;
	}

	#container{
	position:relative;
	margin:0px auto;
	width:808px;
	height: 900px;
		
	}
	#leftCon{
	position:relative;
	width: 572px;
	margin-bottom:150px;
	height:auto;
	float:left;
	line-height:180%;
	background-color:#FFF;
	}
	#prSen{
		margin:20px 20px 20px 20px;	
	}
	#sitemapSen{
		margin:20px 20px 20px 20px;	

	}
	dt{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	dd{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#sitemapSen li{
	line-height : 250% ;
	margin: 0 0 0 10px;
	padding: 0 0 0 18px;
	background  : url(../img/icon.png) no-repeat 0 5px;
	}
	#rightCon{
	position:relative;
	width: 225px;
	height:auto;
	float:right;
	}
	.hello{
	position:absolute;
	left: 177px;
	top: -147px;
	width: 346px;
	height: 61px;
		
	}
	#prSen dt {
  font-weight: bold;
  margin-top: 20px;
}

#prSen dd {
  margin-left: 18px;
}

#prSen ol {
  margin-left: 20px;
  margin-top: 10px;
}

#prSen ul {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

form{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#estimate{
	background:url('../img/estimate_bg.png');
	width:227px;
	height:92px;
	padding-top:60px;
	text-align:center;
}
.key{
	margin-bottom:10px;
}
.sendBtn{
	position:absolute;
	width:198px;
	height:50px;
	background:url('../img/estimate_btn_w.png');
	background-repeat: no-repeat;
	background-position:top left;
	overflow:none;
	left: 14px;
	top: 89px;
}
.sendBtn:hover{
	background-position:bottom left;
}


/*-------------------------------------------gNav-------------------------------------------*/


#gNavWrapper {

}

#gNav {
	position:absolute;
	width:815px;
	left: 1px;
	top: 74px;
}

#gNav li {
	width : 163px ;
	float:left;
	display:inline;
	margin-left:-1px;
}

/*-------------------------------------------footer-------------------------------------------*/

#footer{
	width:100%;
	height:94px;
	background-image: url(../img/bg_footer.png);
	background-repeat:repeat-x;
}

.footerContents {
	width  : 800px ;
	margin : 0 auto ;
	padding : 25px 0 0 0 ;
}

#fLogo {
	width   : 190px ;
	float   : left   ;
	display : inline ;
}

#fNavCredit {
	float   : left  ;
	display : inline ;
	margin : 10px 0 0 50px ;
}

#fNav {
	font-size : 0.8em ;
}

	#fNav li{
		padding     : 3px 5px ;
		display     : inline ;
		border-left : 1px solid #fff ;
	}
	
	#fNav li a{
		color : #fff ;
	}
	
	#fNav li.fNFirst {
		border-left:none;
	}


#credit{
	font-size  : 0.8em ;
	color   : #B8C2CA ;
	text-align:center;
	padding : 10px 5px 5px 5px ;
}
/*-------------------------------------------table-------------------------------------------*/
.results{
	margin:15px auto;	
	
}
td{
	height:31px;
	text-align:left;
	line-height:31px;
	background-image:url(../img/keyword.png);
	padding:0px 0px 0px 10px;
}

td.rank{
	background-image:url(../img/rank.png);
	color:#fff;
	font-weight:bold;
}
td.header_k{
	background-image:url(../img/tableheader_k.png);
	color:#fff;
	font-weight:bold;
	text-align:center;
}
td.header_r{
	background-image:url(../img/tableheader_r.png);
	color:#fff;
	font-weight:bold;
	text-align:center;
	left:-5px;
}





.baseTable {
	width      : 570px    ;
	background : #fff ;
	border:1px solid #8094a4;
	border-collapse : separate     ;
	border-spacing  : 1px          ;
	margin-top:10px;
}

	.baseTable th , .baseTable td {
		height:auto;
		font-size   : 1.0em          ;
		line-height : 160%           ;
		padding     : 8px            ;
		text-align  : left ;
	}
	
	.baseTable th {
		vertical-align:top;
		color        : #fff ;
		border-bottom : 1px solid #394853 ;
		background : url(../img/bg_table_th.png) repeat-x;
		background-color : #687e90 ;
	}
	
	.baseTable td {
		color        : #668093 ;
		border-bottom : 1px solid #8094a4 ;
		background : url(../img/bg_table_td.png) repeat-x;
		background-color : #fff ;
	}
	
	.baseTable th {
		font-weight : bold ;
	}
	
	
	
	.imgBtSen{
		width:500px;
		line-height:180%;
		color:#666;
		margin:5px auto;
	}
	.spam_seo{
		width:290px;
		line-height:180%;
		color:#666;
		margin-top:-150px;
		margin-left:35px;
	}
	.p_mark td{
		background-color : #fff ;
	}
	.p_mark{
		text-align:left;	
	}
	.p_mark img{
		margin:0px auto;	
	}
/*------------------------------------------CMS-------------------------------------------*/

.gp {
	width      : 270px ;
	height     : 170px ;
	margin-top : 20px ;
	padding    : 0 280px 0 20px ;
	background : url(../img/cms_goodPage_02.png) no-repeat right bottom;
}


#cmsContents {
	width  : 520px ;
	margin : 0 auto ;
}

.b_dotted {
	padding : 15px 0 ;	
}

.reasonBox {
	width      : 300px ;
	height     : 45px ;
	margin     : 0 0 10px 0;
	padding    : 40px 20px 0 200px ;
}

	#reason_01 {
		background : url(../img/bg_cmsReason_01.png) no-repeat;
	}
	
	#reason_02 {
		background : url(../img/bg_cmsReason_02.png) no-repeat;
	}
	
	#reason_03 {
		background : url(../img/bg_cmsReason_03.png) no-repeat;
	}



.flowBox {
	width      : 240px ;
	height     : 101px ;
	margin     : 0 ;
	padding    : 50px 220px 0 60px;
}

	#flow_01 {
		background : url('../img/bg_cmsflow_01.png') no-repeat;
	}
	
	#flow_02 {
		background : url('../img/bg_cmsflow_02.png') no-repeat;
	}
	
	#flow_03 {
		background : url('../img/bg_cmsflow_03.png') no-repeat;
	}
	
	#flow_04 {
		background : url('../img/bg_cmsflow_04.png') no-repeat;
		height     : 171px ;
	}
	
	
	#seo-cms{
	position:relative;
	margin-top: -18px;
	}
	.hissu{
		margin-top:-1px;	
	}
	
#seachWord {
	height: 123px;
	margin-top: 40px;
	margin-left: 47px;
}
input.key {
   background-image: url("http://www.do-its.com/pre/img/yen_icon.png");
   background-repeat: no-repeat;
   background-position: 2px center;
   padding-left: 21px;
}