@charset "UTF-8";

/* ***************************************************
* CSS file For seo.cyberstar.co.jp/
	FileName: top.css
	data:2008/012/10 kinoshita

■目次 ==========================================
■[00]:TOPだけcommon.cssを上書き↓
■[01]:はじめましてのご挨拶。
■[02]:初めてでも、乗り換えでも、ご納得いただけます。
■[03]:御社に足りないモノは何ですか？
■[04]:弊社自慢のカシコなＳＥＯサービス
■[05]:ニュース
■[06]:バナー
**************************************************** */

/*-----------------------------------------------------------
■[00]:TOPだけcommon.cssを上書き↓
------------------------------------------------------------*/

body {
	font-size: 12px;
	line-height: 18px;
}

div#Container {
	width: 946px;
	text-align: center;
	background:none;
}

div#Header {
	width: 920px;
	height: 106px;
	background: url(/img/common/bg_header.gif) no-repeat top left;
	clear:both;
}


#GlobalNvg {
	width: 920px;
	float: left;
	height: 44px;
	margin-bottom : 2px;
}

div#Contents{
	width: 946px;
	text-align: left;
	margin-bottom : 0px;
}

/* ↓920pxに戻すための枠Wrapper */
div.TOP_Wrapper {
	width: 920px;
	/* float: none ; */
	clear:both;
	text-align: left;
	margin-left : 13px;
}


div.FooterTextPagetop{
	width: 920px;
	background-image:none;
}


/*-----------------------------------------------------------
■[01]:はじめましてのご挨拶。
------------------------------------------------------------*/
div#Flash{
	width: 920px;
	margin : 2px 0px 20px 13px;
}


div.Haji{
	width: 343px;
	background: url(/img/top/bg_haji.gif) repeat-y left;
	float: left;
	text-align: left;
}

div.Haji dl{
	width: 343px;
}

div.Haji dl.mb18{
	margin-bottom : 18px;
}

div.Haji dl dt{
	width: 343px;
}

div.Haji dl dd{
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	margin-left : 26px;
	width: 290px;
}

/*-----------------------------------------------------------
■[02]:初めてでも、乗り換えでも、ご納得いただけます。
------------------------------------------------------------*/

div.Service4{
	width: 590px;
	background: url(/img/top/bg_service.gif) repeat-y left;
	float: left;
}

div.Service4 div.ServiceCam{
	float: left;
	width: 244px;
	padding-left: 12px;

}

div.Service4 p.Shikamo{ float: left; }

/* 実績が豊富で安心。 */
div.Service4 div.ServiceExperience{
	float: left;
	width: 280px;
}

div.Service4 div.ServiceExperience table{
	margin-top : 6px;
	background: url(/img/top/bg_table_experience.gif) repeat-y;
}

div.Service4 div.ServiceExperience table td{
	font-size: 12px;
	line-height: 24px;
}

div.Service4 div.ServiceExperience table th{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #956300;
	text-align: center;
	letter-spacing: -1px;
}

div.ServiceExperience table td.border,div.ServiceExperience table th.border{
	border-bottom: 1px solid #ccc;
}

div.ServiceExperience table td.pl4{
	padding-left: 4px;
}

/* だったらもう、見積もるしかない！ */
div.Service4 div.ServiceForm{
	width: 590px;
	background-color: #666;
	float: left;
	height: 68px;
}

div.Service4 div.ServiceForm div.FormBox{
	float: left;
	padding-left: 8px;
	width: 384px;
}

div.Service4 div.ServiceForm div.FormBox span{
	color: #fff;
	font-size: 10px;
	width: 380px;
	line-height: 20px;
}

div.Service4 div.ServiceForm div.ServiceForm div{
	float: left;
}

div.Service4 div.ServiceForm p.MainWord input,div.Service4 div.ServiceForm p.SubWord input{
	color: #666;
	width: 170px;
	height: 22px;
	line-height: 22px;
}

div.Service4 div.ServiceForm p.FormBtn{
	float: left;
	margin-top : 6px;
}

div.ServiceContact{ background-color: #fff; height: 60px; width: 590px; clear: both;}



/*-----------------------------------------------------------
■[03]:御社に足りないモノは何ですか？
------------------------------------------------------------*/

p.LackTitle{
	padding-top : 10px;
}

div.Lack{
	width: 920px;
	float: left;
	border-top: 4px solid #cab17f;
	border-bottom: 4px solid #cab17f;
	background: url(/img/top/bg_lack.gif) repeat-y;
	padding: 16px 0px 14px 0px ;
}

div.Lack p.TextTitle{
	float: left;
	text-indent:16px;
	margin-right : 16px;
}

div.Lack div.OtherBox{
	width: 210px;
	float: left;
}
div.Lack div.SeoBox{
	width: 436px;
	margin-right : 16px;
	float: left;
	background: url(/img/top/bg_man_seo.gif) no-repeat 340px 20px;
}

div.Lack div.OtherBox p.Title	{ width: 210px; height: 28px; background: url(/img/top/bg_lack_tit.gif) no-repeat;}
div.Lack div.SeoBox p.Title	{ width: 436px; height: 28px; background: url(/img/top/bg_lack_tit_seo.gif) no-repeat;}

div.Lack div.OtherBox p img,div.Lack div.SeoBox p img{
	margin: 6px 0px 0px 6px;
	float: left;
}

div.Lack div.OtherBox p span,div.Lack div.SeoBox p span{
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	line-height: 28px;
	padding-left: 6px;
}

div.Lack div.OtherBox dl,div.Lack div.SeoBox dl{
	clear:both;
	margin-bottom : 10px;
}

div.Lack div.SeoBox dl.ManSEO	{  }
div.Lack div.OtherBox dl.ManMseo{ background: url(/img/top/bg_man_mseo.gif) no-repeat right top; }

p.ManKWM,p.ManTGR,p.ManSEM,p.ManLPP{
	width: 210px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 10px 0px;
}
div.Lack div.OtherBox p.ManKWM	{ background: url(/img/top/bg_man_kwm.gif) no-repeat right top; }
div.Lack div.OtherBox p.ManTGR{ background: url(/img/top/bg_man_tgr.gif) no-repeat right top; }
div.Lack div.OtherBox p.ManSEM	{ background: url(/img/top/bg_man_sem.gif) no-repeat right top; }
div.Lack div.OtherBox p.ManLPP{ background: url(/img/top/bg_man_lpp.gif) no-repeat right top; }

div.Lack div.OtherBox dl dt,div.Lack div.SeoBox dl dt{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding: 10px 0px 6px 0px;
}

div.Lack div.OtherBox dl dd,div.Lack div.SeoBox dl dd{
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	color: #666;
}
div.Lack div.OtherBox dl dd{ width: 170px; }
div.Lack div.SeoBox dl dd{ width: 390px; }

div.LinkBox{
	width: 210px;
}

div.Lack div.SeoBox div.LinkBox{
	background: url(/img/top/list_line_seo.gif) no-repeat left bottom;
	width: 214px;
	float: left;
	margin-top : 12px;
}

div.LinkBox p.LinkMiddle,div.LinkBox p.LinkBottom{
	text-indent:30px;
	height: 20px;
	line-height: 20px;
}
div.LinkBox p.LinkMiddle{ background: url(/img/top/listmark1.gif) no-repeat left bottom;}
div.LinkBox p.LinkBottom{ background: url(/img/top/listmark2.gif) no-repeat left bottom; }


div.Lack div.SeoBox div.LinkBox p.LinkMiddle,div.Lack div.SeoBox div.LinkBox p.LinkBottom{
	margin-left : 16px;
	text-indent:30px;
	height: 20px;
	background-image:none;
}

div.LinkBox a:link 	{ color: #01b3b3; text-decoration: underline; }
div.LinkBox a:visited 	{ color: #01b3b3; text-decoration: underline; }
div.LinkBox a:hover 	{ color: #66cccc; text-decoration: underline; }

.Space{ padding-left : 16px; margin-top : 16px; }
.LinkBoxLinkTop{ padding-top: 4px; }


/*-----------------------------------------------------------
■[04]:弊社自慢のカシコなＳＥＯサービス
------------------------------------------------------------*/
p.SeoServiceTitle{
	clear:both;
	padding-top: 20px;
}

div.SeoService{
	width: 920px;
	text-align: left;
	background: url(/img/top/bg_seoservice.gif) repeat-y left;
	float: left;
}

div.SeoServicefLeft{ float: left; width: 440px;}
div.SeoServiceBox1{
	width: 440px;
	padding-left : 16px;
	position: relative; 
}

div.SeoServiceBox2{
	width: 440px;
	padding-left : 24px;
	position: relative;
}

div.SeoServiceBox1 dl{ width: 440px; background: url(/img/top/bg_n_seo.gif) no-repeat right top; }
div.SeoServiceBox2 dl{ width: 440px; background: url(/img/top/bg_g_seo.gif) no-repeat right top; height: 310px; }

div.SeoServiceBox1 dl dt,div.SeoServiceBox2 dl dt{
	color: #ac7200;
	font-size: 14px;
	line-height: 24px;
	padding-top: 14px;
	font-weight: bold;
}

div.SeoServiceBox1 dl dd,div.SeoServiceBox2 dl dd{
	padding-top: 20px;
	width: 356px;
	line-height: 20px;
}

p.SeoServiceBt1{
	position: absolute;
	top: 70px;
	right: 0px;
}

p.SeoServiceBt2{
	position: absolute;
	top: 104px;
	right: 0px;
}

/* フォーム */
div.SeoServiceFormBox{
	float: left;
	width: 920px;
	background-color: #666666;
}

div.SeoServiceFormBox div.SeoServiceForm{
	width: 501px;
	background-color: #666;
	float: left;
}

div.SeoServiceFormBox div.SeoServiceForm div.FormBox{
	float: left;
	width: 480px;
/* 	background: url(/img/top/bg_seoserviceform.gif) no-repeat;
 */	height: 56px;
	padding-top: 5px;
	padding-left: 6px;
	border: 1px solid #b3b3b3;
	
}

div.SeoServiceFormBox div.SeoServiceForm div.FormBox p.MainWord input,div.SeoServiceFormBox div.SeoServiceForm div.FormBox p.SubWord input{
	color: #666;
	width: 148px;
	height: 22px;
	line-height: 22px;
}

div.SeoServiceFormBox div.SeoServiceForm p.FormBtn{
	float: left;
	margin-top : 4px;
	margin-left : 6px;
}

p.SeoServiceLinkKYM{
	text-align: right;
	line-height: 26px;
}

p.SeoServiceLinkKYM a:link 	{ padding-right: 13px; color: #01b3b3; text-decoration: underline; background: url(/img/common/arrow_rll.gif) no-repeat right;}
p.SeoServiceLinkKYM a:visited 	{ padding-right: 13px; color: #01b3b3; text-decoration: underline; background: url(/img/common/arrow_rll.gif) no-repeat right;}
p.SeoServiceLinkKYM a:hover 	{ padding-right: 13px; color: #66cccc; text-decoration: underline; background: url(/img/common/arrow_on.gif) no-repeat right;}


/*-----------------------------------------------------------
■[05]:ニュース
------------------------------------------------------------*/
div.NewsBox{ float: left; width: 456px;}
div.News{
	width: 456px;
	font-size: 10px;
	line-height: 15px;
	margin-bottom : 24px;
}

div.News ul li{
	color: #000;
	padding-top: 8px;
}

div.News ul li span{
	color: #666;
}

div.News ul li a:link 	{ color: #000; text-decoration: underline; }
div.News ul li a:visited{ color: #000; text-decoration: underline; }
div.News ul li a:hover 	{ color: #01b3b3; text-decoration: underline; }


/*-----------------------------------------------------------
■[06]:バナー
------------------------------------------------------------*/

div.Banner{
	width: 440px;
	padding-top: 22px;
	float: right;
}

div.Banner p{
	padding-bottom: 8px;
}