@charset "utf-8";
/* インポート */
@import "link.css";    /*--リンク用CSS--*/
	
	/*--タグ
	---------------------------------------------------------------------------*/
	html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,form,dd,blockquote,pre,address,img { margin:0; padding:0; border:0; list-style-type:none; font-family:"Hiragino Kaku Gothic Pro",Osaka, "メイリオ","ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;}
	h1,h2,h3,h4,h5,h6 {
		font-weight: normal;
		font-size: 12px;
	}
	
	/*--クリア
	---------------------------------------------------------------------------*/
	/*---▼clearfix---*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0.1px;
		line-height: 0;
		clear: both;
		visibility: hidden;
	}  
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* for IE 5.5-7 */
	.clearfix {zoom:100%;}
	/*---▲clearfix---*/
	.clear {clear:both;}
	
	/*--フォント
	---------------------------------------------------------------------------*/
	.bold {font-weight: bold;}
	.red {color:#FF0000;}
	.red02 {

	font-size: 10px;
	color: #FF0000;
	}

	
	/*--テキストエリア
	---------------------------------------------------------------------------*/
	.text {padding-bottom: 10px;}

	/*--中央寄せ
	---------------------------------------------------------------------------*/
	.center {text-align:center;}
	.right {text-align:right;}
	
	/*--余白
	---------------------------------------------------------------------------*/
	.t5 {padding-top: 5px;}
	
	/*--共通レイアウト
	---------------------------------------------------------------------------*/
	body {
		margin: 0 auto;
		width: 916px;
		font-size: 12px;
		line-height: 18px;
		color: #333333;
	}
	#background {
		background: url(../images/body_bg.gif) repeat-y;
		width: 900px;
		padding: 0 8px;
	}
	strong {
		font-weight: bold;
		color: #0c557a;
	}
	
	/*----Hタグ----*/
	h1 {
		font-size: 10px;
		line-height: 12px;
		color: #6d6c6c;
	}
	h2 {
		border-bottom: 1px solid #999999;
		clear:both;
	}
	h3 {
		padding-bottom: 10px;
		clear:both;
	}
	h4 {
		padding-bottom: 10px;
		clear:both;
	}
	
	/*----ヘッダー----*/
	#header {
		background: url(/images/head_bg.gif) repeat-x 0 bottom;
		width: 895px;
		padding: 5px 0 5px 5px;
	}
	#header .logo {
		width: 255px;
		padding-top: 10px;
		float: left;
	}
	#header .headRight {
		width: 640px;
		float: left;
		}
	#header .headRight .headBox {
		width: 640px;
	}
	#header .headRight .headBox .headBook{
		float: left;
		width:162px;
		padding: 27px 25px 0 0;
	}
	#header .headRight .headBox .headBook p{
		float: left;
		width:24px;
		padding-right: 3px;
	}
	#header .headRight .headBox .headText{
		float: left;
		width:208px;
		padding: 33px 10px 0 0;
	}
	
	#header .headRight .headBox .headTel{
		float: left;
		width:227px;
	}
	#header .headRight .headMunu {
		padding-top: 5px;
		clear:both;
	}
	#header .headRight .headMunu img {
		float: left;
	}

	
	/*----コンテンツ----*/
	#contents {
		background: url(/images/main_bg.gif) repeat-y 0 bottom;
		width: 900px;
		clear:both;
	}
	#contents #mainBlock {
		padding: 0 10px 10px 10px;
		width: 490px;
		float: left;
	}
	#contents #mainBlock .mainBox {
		padding: 0 10px 20px 10px;
	}
	#contents #mainBlock .textArea {
		padding-bottom:20px;
	}
	#contents #mainBlock .detailBtn {
		text-align: right;
	}
	#contents #mainBlock .bannerEstimate {
		padding: 10px 0 20px 0;
	}
	#contents #mainBlock .goTop {
		text-align: right;
	}
	#contents #mainBlock .back {
		text-align: right;
	}
	#contents #mainBlock .back a {
		background-image:url(../images/btn_icon_01.gif);
		background-repeat: no-repeat;
		background-position:0 middle;
		padding-left: 20px;
		padding-bottom:5px;
	}
	
	/*----サイド----*/
	.sideBox {
		margin-top: 10px;
	}
	
	/*--左--*/
	#contents #leftBlock {
		padding: 0 5px 10px 5px;
		width: 185px;
		float: left;
	}
	.sideBox .mainMenu01, .sideBox .mainMenu02, .sideBox .mainMenu03, .sideBox .mainMenu04, .sideBox .mainMenu05, 
	.sideBox .mainMenu06, .sideBox .mainMenu07, .sideBox .mainMenu08, .sideBox .mainMenu09, .sideBox .mainMenu10,
	.sideBox .mainMenu11 {
		padding-top: 3px;
	}
	.sideBox .bookmarks {
		padding: 7px 8px 7px 7px;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		border-left: 1px solid #999999;
		background-color: #FFFFFF;
	}
	
	.sideBox .banner{
		margin:5px 0 0 0 ;
	}
	
	/*--右--*/
	#contents #rightBlock {
		padding: 0 5px 10px 5px;
		width: 185px;
		float: left;
	}
	.sideBanner {
		padding-top: 10px;
		font-size: 11px;
	}
	.sideBanner img {
		padding-bottom: 3px;
	}
	.sideBox .rightMenu01 {
		padding-bottom: 3px;
	}
	.sideBox .rightMenu02 {
	}
	.sideBox .sideFaqBox {
		background: url(/images/right_faq_base.gif) repeat-y;
	}
	.sideBox .sideFaqBox .sideFaqTtl {
		background: url(/images/right_faq_ttl.gif) no-repeat;
		height: 33px;
		padding: 6px 0 0 127px;
	}
	.sideBox .sideFaqBox .sideFaqBottom {
		background: url(/images/right_faq_bottom.gif) no-repeat 0px bottom;
		padding: 0 15px 15px 15px;
	}
	.sideFaqBottom .sideFaqList {
		background: url(/images/side_faq_list.gif) no-repeat 0px 6px;
		padding: 0 0 5px 7px;
	}
	
	/*----フッター----*/
	#footer {
		width: 860px;
		border-top: 2px solid #999999;
		padding: 10px 20px;
		clear:both;
	}
	
	#footer .footLeft {
		width: 120px;
		float: left;
		padding-top: 25px;
	}
	
	#footer .footRight {
		width: 719px;
		border-left: 1px solid #999999;
		padding-left: 20px;
		float: left;
	}
	#footer .footRight .link {
		line-height: 20px;
	}
	#footer .footRight .copy {
		padding-top: 10px;
	}
	
	/*----パス----*/
	#pass{
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #0c557a;
	}
	/*--トップ
	---------------------------------------------------------------------------*/
	/*コンサルタントの一言*/
	#mainBlock .adoption {
		padding: 10px 0 10px 0;
	}
	#mainBlock .adoption .title {
		padding: 0 0 10px 0;
	}
	#mainBlock .adoption .detail {
		padding: 20px;
		background: #f0f0f0;
		border: 1px solid #d5d6d6;
	}
	#mainBlock .adoption .arrow {
		padding: 10px;
		text-align: center;
	}
	
	/*コンサルタントの一言*/
	#mainBlock .oneComment {
		padding: 0 0 20px 0;
	}
	#mainBlock .oneComment .title {
		font-weight:bold;
		color:#0c557a;
	}
	#mainBlock .oneComment dl {}
	#mainBlock .oneComment dt {
		float:left;
		width:80px;
	}
	#mainBlock .oneComment dd {
		float:left;
		width:410px;
	}
	
	/*--SEO対策は必要？
	---------------------------------------------------------------------------*/
	
	/*--SEOサービスの流れ
	---------------------------------------------------------------------------*/
	
	/*--料 金
	---------------------------------------------------------------------------*/
	#price .priceInfoHead{
		padding:10px 10px;
		background-color:#eff0f0;
		border:solid 1px #d5d6d6;
		color:#a28f41;
		text-align: left;
		margin-bottom:20px;
	}
	
	#price .priceInfoDetail{
		clear:both;
		padding-bottom:20px;
	}
	
	
	#price .priceInfoDetail img{
		width:47px;
		float:left;
	}
	
	#price .priceInfoDetail p{
		padding-top:3px;
		float:right;
		width:420px;
	}
	
	#price .check{
		padding-bottom:20px;
	}
	
	#price .check img{
		padding-bottom:10px;
	}
	
	#price .alert{
		font-size:10px;
		text-align:left;
		padding:10px 0px;
		margin:auto;
	}
	
	/*--弊社SEO実績
	---------------------------------------------------------------------------*/
	#result table{
		width:460px;
		border-collapse:collapse;
		border-left:solid 1px #cccccc;
		border-bottom:solid 1px #cccccc;
	}
	
	#result table th,
	#result table td{
	padding:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;

	}
	
	#result table th{
		background-color:#0c557a;
		color:#ffffff;
		font-weight:normal;
	}

	#result table th.searchKeyword{
	}
	
	#result table th.serchEngine{
	}

	#result table td.cell01{
		background-color:#F0F0F0;
	}
	
	#result table td.cell02{
		text-align:center;
	}
	
	/*--SEO用語集
	---------------------------------------------------------------------------*/
	#glossary dl{
		padding-bottom:20px;
	}

	#glossary dt{
		background-image:url(../images/btn_icon_02.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		padding-left: 20px;
		padding-bottom:5px;
		color:#684141;
		font-weight:bold;
	}
	
	#glossary dd{
		padding-bottom:20px;
		/*border-bottom:1px solid #cccccc;*/
	}
	
	#glossary textArea a{
		padding :2px 5px;
	}
	/*--よくある質問
	---------------------------------------------------------------------------*/
	#faq h4{
		font-weight:bold;
		color:#0c557a;
		font-size:16px;
		padding-bottom:30px;
	}
	
	#faq dl{
		padding-bottom:20px;
	}
	
	#faq dt{
		background-image:url(../images/faq_icon_01.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		padding-left: 25px;
		padding-bottom:10px;
		color:#684141;
		font-weight:bold;
		border-bottom:solid 1px #cccccc;
		}
	
	#faq dd{
		background-image:url(../images/faq_icon_02.gif);
		background-repeat: no-repeat;
		background-position: 0px 12px;
		padding:15px 0px 20px 25px;
		}
		
	/*--会社情報
	---------------------------------------------------------------------------*/
	
	#company dl{
		padding:10px 0px;
		border-bottom:1px solid #095379;
		border-left:5px solid #095379;
		margin-top:20px;
	}
	
	#company dt{
		width:70px;
		padding-left:10px;
		float:left;
	}
	
	#company dd{
		width:350px;
		float:left;
	}
	

		
	/*--ご相談・お見積り,お問い合わせ　共有のCSS
	---------------------------------------------------------------------------*/
	#estimate{
		color: #0c557a;
	}
	
	#estimate table{
		width:450px;
	}
	
	#estimate table,
	#estimate td{
		 border-collapse : separate ;
		 border-spacing:0px 10px; 
	
	}
	
	#estimate .tableTitle {
		background-image: url(../images/btn_icon01.gif);
		background-repeat: no-repeat;
		padding-left: 16px;
		background-position: 0px 2px;
	}
	
	
	#estimate table td.cell01 {
		background-color: #ebebea;
		width: 125px;
		border-top:solid 1px #0c557a;
		border-left:solid 1px #0c557a;
		border-bottom:solid 1px #0c557a;
		border-right:solid 5px #0c557a;
		padding: 5px;
	}
	
	
	#estimate table td.cell02 {
		padding:5px 0px 5px 15px;
		vertical-align:middle;
		text-align:left;
	}
	
	#estimate input,
	#estimate textarea,
	#estimate select{
		border			: 1px solid #999999;
	}
	#estimate input.nostyle{
			border:none;
	}
	
	#estimate .formtxt01{
		width:250px;
	}
	
	#estimate .formtxt02{
		width:100px;
	}
	
	#estimate .formtxt03{
		width:60px;
	}
	
	#estimate .formtxt04{
		width:160px;
	}
	
	#estimate .keyword{
		margin-bottom:15px;
	}
	#estimate .name {
		float: left;
		width: 25px;
	}
	#estimate .nameout {
		width: 130px;
		float: left;
		padding-right: 10px;
	}
	
	#estimate .consultasionTabelTxt01{
		padding-left:3px;
		padding-right:3px;
	}
	
	#estimate .btn{
	text-align:center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	}
	
	
	#estimate .btn img.back{
		margin-right: 15px;
	}
	#estimate .alert {
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-weight: bold;
	border: 3px double #C0C0C0;
	}
	#flow .step {
		clear: both;
	}
	#flow .stepTxet {
		width: 393px;
		float: left;
	}
	#flow .stepimg {
		float: left;
		width: 65px;
		padding-right: 10px;
		padding-bottom: 50px;
	}

	/*--サイトマップ
	---------------------------------------------------------------------------*/

	#sitemap .title{
		background-image: url(../images/btn_icon01.gif);
		background-repeat: no-repeat;
		padding-left: 16px;
		background-position: 0px 2px;
	}
	
	#sitemap ul{
		padding:10px;
	}
	
	#sitemap li{
		background-image:url(../images/sitemap_icon.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		padding-left:20px;
		padding-bottom:10px;
	}
	

	/*--MEO
	---------------------------------------------------------------------------*/
	#meo table {
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
	}
	#meo table th,
	#meo table td {
		border-bottom: 1px solid #CCC;
		border-right: 1px solid #CCC;
		padding: 5px;
	}
	#meo table th {
		background: #eee;
		text-align:left;
		font-weight: normal;
		width: 200px;
	}