@charset "UTF-8";



/* ***************************************************

* CSS file For seo.cyberstar.co.jp/

	FileName: seo.css

	data:2008/012/12 kinoshita



■目次 ==========================================

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

■[01]:index

■[02]:service

■[02]:system

■[03]:reason

■[04]:flow

■[05]:price

■[06]:payment

■[07]:experience

■[08]:mypage

■[09]:voice

■[10]:bigkwplan

■[11]:estimate

■[12]:faq

**************************************************** */



/*-----------------------------------------------------------

■[00]:共通スタイル

------------------------------------------------------------*/

div.detailBt{

	display: block;

	height: 28px;

	text-align: right;

	padding: 10px 0px 0px;

}



div.contactBt{

	clear: both;

	width: 670px;

	display: block;

	padding: 20px 0px 40px;

}



div.arrow{

	background: url(/img/sem/arrow.gif) no-repeat center;

	width: 670px;

	height: 40px;

	display: block;

	margin: 0px auto;

}



/*-SEOのTOPだけcommon.cssを上書き↓-------------------------*/



div#Wrapper {

	width: 700px;

	float: right;

	text-align: left;

/* 	margin-left: 0px;

 */}



 

div#Side{

	width: 220px;

	float: left;

	background-color: #d7d7d7;

	text-align: center;

	margin-right : 0px;

}





/*-----------------------------------------------------------

■[01]:TOP

------------------------------------------------------------*/

/* キャッチコピー　テキストフォーム */

div.TextForm{

	width: 100%;

	text-align: center;

	color: #666;

	height: 240px;

	background: url(/img/seo/bg_borderbox.gif) no-repeat top right;

	float: right;

}



/* これ以降Mac IE 5のみに適用される \*//*/

div.TextForm{ width: 692px; border-right: 1px solid #cccccc; }

/* これ以降Mac IE 5以外にも適用される */ 



div.TextForm div.BorderBox{

	margin-top: 70px;

	width: 650px;

	position: relative;

}



div.TextForm div p{ text-align: center; }

div.TextForm div p.KeyWords	{ width: 174px; float: left; }

div.TextForm div p.PlusEqual	{ width: 59px; float: left; }

div.TextForm div p.Effect	{ width: 180px; float: left; }



div.TextForm div div.Text{

	clear:both;

	line-height: 36px;

	width: 650px;

}



div.TextForm div p input{

	width: 170px;

	font-size: 16px;

	color: #666;

	text-indent:4px;

	padding: 8px 0px;

}



/* hide from Mac IE \*/

* html div.TextForm div p input { height: 36px; }

/* */ 



/* これ以降Mac IE 5のみに適用される \*//*/

div.TextForm div p input { width: 160px; height: 36px; }

/* これ以降Mac IE 5以外にも適用される */ 





div.TextForm p.BtCam{

	position: absolute;

	top: -70px;

	left: 675px;

	z-index:1;

}



div.TextForm p.Finger{

	position: absolute;

	top: -64px;

	left: 635px;

	z-index:1;

}









div.Box670{

	width: 670px;

	margin-left : 30px;

/* 	clear:both;

 */	

	float: right;

}





/* 狙い澄ましのＳＥＯ */



div.NSeoTitle{

	width: 670px;

	background: url(/img/seo/bg_bard.gif) no-repeat top right;

	float: left;

}



div.NSeoTitle p.Text{

	width: 480px;

	float: left;

	padding-top: 22px;

	

}



div.NSeoTitle p.BtGseo{

	width: 106px;

	float: right;

	padding-top: 86px;

}





div.NSeoSub{

	clear:both;

	width: 670px;

	padding-top : 25px;

}





div.NSeoSub p{

	padding-top: 10px;

	

}



/* これ以降Mac IE 5のみに適用される \*//*/

div.NSeoSub p{ width: 640px;}

/* これ以降Mac IE 5以外にも適用される */ 





div.CampainBt{

	display:block;

	width:670px;

	height:120px;

	margin : 30px 0px 0px 0px;

	clear:both;

}





div.CampainBt a {

	display:block;

	height:120px;

	text-decoration:none;

	padding: 20px 0px 0px 18px;

}



div.CampainBt span {

	color:#ccc;

	display:block;

	font-size:12px;

	font-weight:bold;

	line-height:20px;

	padding-top: 6px;

/* 	padding-left: 5px;

 */}



div.CampainBt a:link 	{ color: #ccc; text-decoration: none; background:transparent url(/img/seo/bana_cam_rll.gif) no-repeat left top;}

div.CampainBt a:visited { color: #ccc; text-decoration: none; background:transparent url(/img/seo/bana_cam_rll.gif) no-repeat left top;}

div.CampainBt a:hover 	{ color: #ccc; text-decoration: none; background:transparent url(/img/seo/bana_cam_on.gif) no-repeat left top;}





/* まずは調べてみてください。 */

p.ChackTitle{

	margin-top : 40px;

}



div.Chack{

	background-color: #01b3b3;

	width: 670px;

	float: left;

	text-align: center;

	margin: 0px auto;

}



div.Chack div.ChackBox1,

div.Chack div.ChackBox2{

	text-align: center;

	float: left;

	margin: 0px auto;

	height: 198px;

}



div.Chack div.ChackBox1{ width: 331px; background: url(/img/seo/bg_flow1.gif) no-repeat ; margin-left : 13px; }

div.Chack div.ChackBox2{ width: 306px; background: url(/img/seo/bg_flow2.gif) no-repeat ; margin-left : 6px; }



/* hide from Mac IE \*/

* html div.Chack div.ChackBox1 { margin-left : 7px; }

/* */ 



div.Chack div.ChackBox1 input{ width: 307px; }

div.Chack div.ChackBox2 input{ width: 282px; }



div.Chack div.ChackBox1 input,

div.Chack div.ChackBox2 input{

	font-size: 16px;

	color: #666;

	text-indent:4px;

	padding: 8px 0px;

}



/* hide from Mac IE \*/

* html div.Chack div.ChackBox1 input { height: 40px; }

* html div.Chack div.ChackBox2 input { height: 40px; }

/* */ 



div.Chack div.ChackBox1 p,

div.Chack div.ChackBox2 p{

	color: #fff;

	text-align: left;

	font-size: 12px;

	line-height: 18px;

	margin: 17px 10px 0px 15px;

}



/* これ以降Mac IE 5のみに適用される \*//*/

div.Chack div.ChackBox1 p,div.Chack div.ChackBox2 p{ width: 290px; }

/* これ以降Mac IE 5以外にも適用される */ 





div.ChackBox3{

	clear:both;

	width: 663px;

	background: url(/img/seo/bg_flow3.gif) no-repeat center;

	height: 122px;

	margin-bottom : 15px;

}



div.GSeo{

	float: left;

	width: 670px;

	padding-top: 10px;

	background: url(/img/seo/bg_line.gif) repeat-y right bottom;

}



div.GSeo span{

	font-weight: bold;

}



div.GSeo div.BtBox{

	width: 670px;

	background: url(/img/seo/bg_horse.gif) no-repeat right bottom;

	height: 230px;

}



div.GSeo div.BtBox p.Text{

	width: 584px;

	float: left;

}



div.GSeo div.BtBox p.Bt{

	width: 70px;

	float: right;

}



/*-----------------------------------------------------------

■[02]:service

------------------------------------------------------------*/

div.serviceCon{

	width: 670px;

	padding: 25px 0px 50px;

}

div.serviceCon p{ padding: 20px 0px; }

div.serviceCon h3.pdTop{ padding: 30px 0px 0px; }



div.serviceCon .imageBox{

	display: block;

	height: 337px;

	padding: 0px 10px 50px;

}

div.serviceCon .imageBox div{ display: block; float: left; }

div.serviceCon .imageA{

	width: 263px;

	height: 337px;

	display: block;

}

div.serviceCon .imageA .detailBt{

	background: url(/img/seo/service_image_003-2.gif) no-repeat;

	text-align: right;

	width: 263px;

	height: 18px;

	padding: 0px;

	margin: 0px;

	line-height: 0px;

}

div.serviceCon .imageA .detailBt a{ margin: 0px 20px 0px 0px; height: 18px; }

div.serviceCon .imageB{

	width: 95px;

	height:57px;

	display: block;

	padding: 125px 15px 0px 14px;

}



div.serviceCon .imageBox2{

	display: block;

	height: 122px;

	padding: 0px 0px 50px;

}

div.serviceCon .imageBox2 div{ display: block; float: left; width: 215px; }

div.serviceCon .imageBox2 div.imgPadd{ padding: 0px 0px 0px 12px; }





/*-----------------------------------------------------------

■[02]:system

------------------------------------------------------------*/

div.systemCon{

	width: 670px;

	padding: 25px 0px 50px;

}

div.systemCon h3.pdTop{ padding: 30px 0px 0px; }

div.systemCon p{ padding: 20px 0px; }

div.systemCon p.leftBox{

	width: 410px;

	display: block;

	float: left;

}

div.systemCon .imageRight{

	width: 236px;

	display: block;

	float: right;

	padding: 20px 0px;

}



div.systemCon table.tabLeft,

div.systemCon table.tabRight{

	width: 323px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

}

div.systemCon table.tabLeft{ float: left; }

div.systemCon table.tabRight{ float: right; }



div.systemCon table.tabLeft th,

div.systemCon table.tabRight th{

	background: url(/img/seo/system_image_003.gif) repeat-x;

	width: 108px;

	font-size: 14px;

	font-weight: bold;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

}

div.systemCon table.tabLeft td,

div.systemCon table.tabRight td{

	width: 108px;

	font-size: 14px;

	font-weight: bold;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

	padding: 10px 0px;

}

div.systemCon table.tabLeft td.gr,

div.systemCon table.tabRight td.gr{

	background: #ededed;

}



/*-----------------------------------------------------------

■[03]:reason

------------------------------------------------------------*/

div.reasonCon{

	width: 670px;

	padding: 25px 0px 50px;

}

div.reasonCon p{ padding: 20px 0px 0px; }



div.reasonCon .conLeft{

	width: 410px;

	display: block;

	float: left;

	padding: 20px 0px 0px;

}

div.reasonCon .image{

	width: 240px;

	height: 455px;

	padding: 20px 0px 0px;

	display: block;

	float: right;

}

table#KWExample {
	
	width: 670px;

	font-size: 14px;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin: 17px 0px 0px;

}


table#KWExample th{

	background: #01b3b3;

	padding: 3px 0px;

	font-weight: bold;

	color: #FFF;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

	background-color: #01b3b3;

}

table#KWExample td{

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: left;

	font-size: 12px;

	line-height: 18px;

	background-color: #FFF;
	
	padding:3px 0 3px 10px;

}

table#KWExample td.Good {background-color: #ffdfdf; color: #ff0000; width: 135px;}
table#KWExample td.Bad {background-color: #bacddc; color:#004880; width: 135px;}
table#KWExample td.GoodKW {background-color: #FFF; color: #ff0000; text-align: center;}
table#KWExample td.BadKW {background-color: #FFF; color:#004880; text-align: center;}

/*-----------------------------------------------------------

■[04]:flow

------------------------------------------------------------*/

div.flowCon_01{

	width: 670px;

	padding: 25px 0px 40px;

}

div.flowCon_01 .flowData{

	width: 670px;

	padding: 20px 0px 0px;

}

div.flowCon_01 .stepData{

	border: 1px solid #CCC;

	width: 670px;

	padding: 9px 0px;

}

div.flowCon_01 .stepData .capBox{

	width: 92px;

	display: block;

	float: left;

}

div.flowCon_01 .stepData .textBox{

	width: 560px;

	font-size: 14px;

	display: block;

	float: right;

}



div.flowCon_01 .stepData .textBox p{ padding: 0px 15px 0px 0px; }

div.flowCon_01 .stepData .textBox .detailBt{ padding: 5px 15px 0px 0px; }

div.flowCon_01 .stepArrow{ width: 93px; height: 21px; display: block; }

div.flowCon_01 .stepData .textBox strong{ display: block; }





/*-----------------------------------------------------------

■[05]:price

------------------------------------------------------------*/

div.priceCon{

	width: 670px;

	padding: 25px 0px 0px;

}



div.priceCon .dataBlock{

	width: 670px;

	display: block;

	padding: 0px 0px 40px;

}



div.priceCon p{ padding: 20px 0px; }

div.priceCon p.sText{ padding: 15px 0px 20px; }

div.priceCon table.priceList{

	width: 670px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

}

div.priceCon table.priceList th		{ font-size: 14px; width: 335px; background: #F00; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 8px 0px 6px; font-weight: bold; text-align: center; }

div.priceCon table.priceList td		{ font-size: 14px; background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0px 6px; text-align: center; font-weight: bold; }

div.priceCon table.priceList td.gray	{ background: #ededed; }



div.priceCon .dataBlock h5{ padding: 25px 0px 0px; }

div.priceCon .dataBlock .dataSample{

	width: 670px;

	background: #e7e7e7;

	border-top: 1px solid #FFF;

}

div.priceCon .dataBlock .dataSample .leftBox{

	width: 286px;

	padding: 20px 0px 30px 30px;

	display: block;

	float: left;

}

div.priceCon .dataBlock .dataSample .rightBox{

	width: 286px;

	padding: 20px 30px 30px 0px;

	display: block;

	float: right;

}



div.priceCon .tabLeft	{ width: 320px; display: block; float: left; }

div.priceCon .tabRight	{ width: 320px; display: block; float: right; }

div.priceCon table.priceList2{

	width: 320px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

}

div.priceCon table.priceList2 th	{ font-size: 14px; background: #F00; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 8px 0px 6px; text-align: center; font-weight: bold; }

div.priceCon table.priceList2 td	{ font-size: 14px; background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0px 6px; text-align: center; font-weight: bold; }

div.priceCon table.priceList2 td.gray	{ background: #ededed; }

div.priceCon table.priceList2 td.leftSide	{ width: 100px; }

div.priceCon table.priceList2 td.rightSide	{ width: 220px; }



div.priceCon .dataBlock strong{

	width: 670px;

	background: #d8d8d8;

	padding: 10px 0px;

	text-align: center;

	margin: 15px 0px 0px;

	display: block;

}





/*-----------------------------------------------------------

■[06]:payment

------------------------------------------------------------*/

div.paymentCon{

	width: 670px;

	padding: 25px 0px 0px;

}



div.paymentCon .dataBlock{

	width: 670px;

	display: block;

	padding: 0px 0px 20px;

}



div.paymentCon p{ padding: 20px 0px; }

div.paymentCon .dataBlock strong{

	width: 670px;

	background: #d8d8d8;

	padding: 10px 0px;

	text-align: center;

	margin: 15px 0px 0px;

	display: block;

}

div.paymentCon .dataBlock .comment{

	background: url(/img/seo/payment_icon_001.gif) no-repeat;

	padding: 0px 0px 0px 40px;

	line-height: 28px;

}





/*-----------------------------------------------------------

■[07]:experience

------------------------------------------------------------*/



/****** experiCon_01 ******/

div.experiCon_01{

	width: 670px;

	padding: 25px 0px 45px;

}

div.experiCon_01 h4.catch{

	width: 670px;

	height: 39px;

	display: block;

	padding: 20px 0px;

}

div.experiCon_01 .detailData{

	width: 670px;

	padding: 20px 0px;

	background: #e7e7e7;

}

div.experiCon_01 .detailData .imageData{

	width: 130px;

	display: block;

	float: left;

	padding: 0px 10px 0px 20px;

}

div.experiCon_01 .detailData .textBox{

	width: 320px;

	display: block;

	float: right;

	padding: 0px 20px 0px 0px;

}



/****** experiCon_02 ******/

div.experiCon_02{

	width: 670px;

	padding: 25px 0px 40px;

}

div.experiCon_02 p		{ padding: 20px 0px; }

div.experiCon_02 .tabLeft	{ width: 320px; display: block; float: left; }

div.experiCon_02 .tabRight	{ width: 320px; display: block; float: right; }

div.experiCon_02 table.experiList{

	width: 320px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	font-size: 14px;

	line-height: 16px;

}

div.experiCon_02 table.experiList th		{ background: #F00; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; color: #FFF; padding: 8px 0px 6px; text-align: center; font-weight: bold; }

div.experiCon_02 table.experiList td		{ background: #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 0px 6px; text-align: center; font-weight: bold; }

div.experiCon_02 table.experiList td.gray	{ background: #ededed; }

div.experiCon_02 table.experiList td.leftSide	{ width: 220px; }

div.experiCon_02 table.experiList td.rightSide	{ width: 100px; }





/*-----------------------------------------------------------

■[08]:mypage

------------------------------------------------------------*/



/****** mypageCon_01 ******/

div.mypageCon_01{

	width: 670px;

	padding: 25px 0px 45px;

}

div.mypageCon_01 h4{

	width: 670px;

	height: 39px;

	display: block;

	padding: 20px 0px 0px;

}

div.mypageCon_01 .catch	{ padding: 20px 0px 0px; }

div.mypageCon_01 p	{ padding: 20px 0px; }

div.mypageCon_01 p.sText{ padding: 15px 0px; }

div.mypageCon_01 .detailBox{

	background: #e7e7e7;

	display: block;

	padding: 10px 15px 15px;

	border-top: 1px solid #FFF;

}

div.mypageCon_01 .detailBox .iconRight{

	width: 45px;

	height: 16px;

	display: block;

	float: right;

	padding: 0px 0px 2px;

}



div.mypageCon_01 .detailBox .dataBox01,

div.mypageCon_01 .detailBox .dataBox02,

div.mypageCon_01 .detailBox .dataBox03{

	height: 65px;

	display: block;

	float: left;

}

div.mypageCon_01 .detailBox .dataBox01{ width: 213px; background: url(/img/seo/mypage_image_003.gif) no-repeat; margin: 0px 5px 0px 0px; }

div.mypageCon_01 .detailBox .dataBox02{ width: 211px; background: url(/img/seo/mypage_image_004.gif) no-repeat; margin: 0px 5px 0px 0px; }

div.mypageCon_01 .detailBox .dataBox03{ width: 206px; background: url(/img/seo/mypage_image_005.gif) no-repeat; }



div.mypageCon_01 .detailBox p{ font-weight: bold; font-size: 14px; padding: 10px 0px 0px 55px; }





/*-----------------------------------------------------------

■[09]:voice

------------------------------------------------------------*/



/****** voiceCon_01 ******/

div.voiceCon_01{

	width: 670px;

	padding: 25px 0px 45px;

}

div.voiceCon_01 h4{

	width: 670px;

	height: 39px;

	display: block;

	padding: 20px 0px 0px;

}

div.voiceCon_01 p	{ padding: 20px 0px; }



div.voiceCon_01 .voiceBox{

	width: 670px;

	display: block;

	padding: 20px 0px 0px;

}

div.voiceCon_01 .voiceBox .dataBox{

	background: #e7e7e7;

	padding: 10px 12px;

	border-top: 1px solid #FFF;

}

div.voiceCon_01 .voiceBox .dataBox .dataLeft{

	width: 144px;

	display: block;

	float: left;

}

div.voiceCon_01 .voiceBox .dataBox .dataRight{

	width: 490px;

	display: block;

	float: right;

	line-height: 28px;

	text-align: left;

}

div.voiceCon_01 .voiceBox .dataBox .dataRight td.number{

	padding: 3px 10px 0px 5px;

	font-weight: bold;

	text-align: left;

}





div.voiceCon_01 .voiceBox .dataBox .underBox{

	background: #FFF;

	width: 646px;

	margin: 12px 0px 0px;

}

div.voiceCon_01 .voiceBox .dataBox .underBox p{

	font-size: 14px;

	line-height: 20px;

	padding: 0px 12px 12px;

}





/*-----------------------------------------------------------

■[10]:bigkwplan

------------------------------------------------------------*/



/****** bigkwplanCon_01 ******/

div.bigkwplanCon_01{

	width: 670px;

	padding: 25px 0px 45px;

}

div.bigkwplanCon_01 h4{

	width: 670px;

	height: 28px;

	display: block;

	padding: 40px 0px 0px;

}

div.bigkwplanCon_01 h4.target{ height: 75px; }

div.bigkwplanCon_01 p{ padding: 20px 0px 0px; }

div.bigkwplanCon_01 .textBox{

	width: 450px;

	display: block;

	float: left;

}

div.bigkwplanCon_01 .textBox p{

	width: 425px;

	display: block;

	font-size: 14px;

	line-height: 20px;

	padding: 15px 0px 0px;

}

div.bigkwplanCon_01 .linkRight{

	width: 195px;

	display: block;

	float: right;

	text-align: right;

}

div.bigkwplanCon_01 p.underBox{

	width: 670px;

	display: block;

	font-size: 14px;

	line-height: 20px;

	padding: 15px 0px 0px;

}



div.bigkwplanCon_01 h5{

	width: 670px;

	height: 28px;

	display: block;

	padding: 20px 0px 0px;

}

div.bigkwplanCon_01 .dataImage{

	background: #c3c3c3;

	padding: 20px;

	border-top: 1px solid #FFF;

}

div.bigkwplanCon_01 .dataImage2{

	width: 670px;

	padding: 15px 0px 0px;

}

div.bigkwplanCon_01 .dataImage3{

	width: 670px;

	padding: 15px 0px 30px;

}

div.bigkwplanCon_01 .tabLeft	{ width: 320px; display: block; float: left; padding: 20px 0px 0px; }

div.bigkwplanCon_01 .tabRight	{ width: 320px; display: block; float: right; padding: 20px 0px 0px; }

div.bigkwplanCon_01 table.priceList2{

	width: 320px;

	display: block;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	font-size: 14px;

}

div.bigkwplanCon_01 table.priceList2 th{

	background: #F00;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	color: #FFF;

	padding: 8px 0px 6px;

	text-align: center;

	font-weight: bold;

}

div.bigkwplanCon_01 table.priceList2 td{

	background: #FFF;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	padding: 8px 0px 6px;

	text-align: center;

	font-weight: bold;

}

div.bigkwplanCon_01 table.priceList2 td.gray		{ background: #ededed; }

div.bigkwplanCon_01 table.priceList2 td.leftSide	{ width: 220px; }

div.bigkwplanCon_01 table.priceList2 td.rightSide	{ width: 100px; }



div.bigkwplanCon_01 p.targetText{

	width: 400px;

	display: block;

	float: left;

}

div.bigkwplanCon_01 .rightBt{

	width: 260px;

	display: block;

	float: right;

}





/*-----------------------------------------------------------

■[11]:estimate

------------------------------------------------------------*/



/****** estimateCon_01 ******/

div.estimateCon_01{

	width: 670px;

	padding: 25px 0px 45px;

}

div.estimateCon_01 h3	{ padding: 0px 0px 20px; }

div.estimateCon_01 p	{ padding: 0px 0px 20px; }

div.estimateCon_01 h4.cap{

	background: #666 url(/img/seo/estimate/estimate_cap_bg.gif) no-repeat;

	width: 670px;

	color: #FFF;

	font-weight: bold;

	font-size: 14px;

	margin-bottom: 10px;

}

div.estimateCon_01 h4.cap span{

	padding: 4px 15px;

	display: block;

}

div.estimateCon_01 .dataBox{

	font-size: 12px;

	line-height: 18px;

	color: #FFF;

	text-align: left;

	padding: 15px 20px 0px;

}

div.estimateCon_01 strong{

	font-size: 14px;

	line-height: 20px;

	font-weight: bold;

	display: block;

	padding: 20px 0px 40px;

}



div.estimateCon_01 .stepBox{

	width: 670px;

	display: block;

	text-align: left;

}

div.estimateCon_01 .stepBox p{

	font-size: 14px;

	line-height: 20px;

	margin: 0px;

	padding: 10px 0px 0px;

}

div.estimateCon_01 .stepBox .boxLeft{

	width: 316px;

	display: block;

	float: left;

}

div.estimateCon_01 .stepBox .boxRight{

	width: 316px;

	display: block;

	float: right;

}

div.estimateCon_01 .arrow{

	clear: both;

	background: url(/img/seo/estimate/arrow.gif) no-repeat center;

	width: 670px;

	height: 50px;

	display: block;

	margin: 0px auto;

	padding: 5px 0 10px;

}



/**▼キーワードリストスタイル**/

div.estimateTable table{

	width: 670px;

	font-size: 14px;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin: 0px 0px 2px;

}

div.estimateTable th{

	background: #01b3b3;

	padding: 10px 0px;

	font-weight: bold;

	color: #FFF;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

}

div.estimateTable td{

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

	font-size: 12px;

	line-height: 18px;

}

div.estimateTable td.mainTd{

	background: #E7E7E7 url(/img/seo/estimate/list_box_main.gif) no-repeat left top;

	width: 138px;

	height: 57px;

	border-bottom: 1px solid #FFF;

}

div.estimateTable td.subTd{

	background: #E7E7E7 url(/img/seo/estimate/list_box_sub.gif) no-repeat left top;

	width: 138px;

	height: 57px;

}

div.estimateTable td.mainTd span,

div.estimateTable td.subTd span{

	display: block;

	padding: 0px 0px 0px 15px;

}



div.estimateTable td.rankTd{

	background: url(/img/seo/estimate/list_rank_bg.gif) no-repeat left center;

	width: 204px;

	height: 57px;

	text-align: left;

}

div.estimateTable td.rankTd .dataLeft{

	width: 40px;

	color: #FFF;

	font-weight: bold;

	font-size: 14px;

	padding: 43px 3px 0px 0px;

	text-align: center;

	float: left;

}

div.estimateTable td.rankTd .dataRight{

	width: 160px;

	display: block;

	float: right;

}

div.estimateTable td.rankTd .dataRight .detailData{ height: 23px; padding: 10px 0px; }

div.estimateTable td.rankTd .dataRight .capBox{

	background: url(/img/seo/estimate/list_cap_box.gif) no-repeat;

	width: 51px;

	text-align: center;

	display: block;

	float: left;

	padding: 3px 0px;

}

div.estimateTable td.rankTd .dataRight span{

	width: 17px;

	height: 19px;

	display: block;

	float: left;

	padding: 0px 2px;

}



div.estimateTable td.priceTd{

	width: 80px;

	height: 57px;

}

div.estimateTable td.resultTd{

	width: 148px;

	height: 57px;

}

div.estimateTable td.resultTd span{

	font-size: 10px;

	color: #F00;

	display: block;

}

div.estimateTable td.deleteTd{

	width: 92px;

	height: 57px;

}

/**▲キーワードリストスタイル**/



/**▼初期費用の合計金額**/

div.estimateCon_01 .simulateBox{

	background: #f5f5f5;

	height: 80px;

	padding: 0px 20px;

}

div.estimateCon_01 .simulateBox .boxCenter{ width: 142px; display: block; float: left; margin: 6px 0px 0px; }

div.estimateCon_01 .simulateBox .boxLeft{

	background: url(/img/seo/estimate/price_bg_001.gif) no-repeat;

	width: 244px;

	height: 37px;

	display: block;

	float: left;

	margin: 20px 0px 0px;

}

div.estimateCon_01 .simulateBox .boxRight{

	background: url(/img/seo/estimate/price_bg_002.gif) no-repeat;

	width: 244px;

	height: 37px;

	display: block;

	float: left;

	margin: 20px 0px 0px;

	color:#FF0000;

	font-weight: bold;

}

div.estimateCon_01 .simulateBox .boxLeft .cap,

div.estimateCon_01 .simulateBox .boxRight .cap

{ display: block; float: left; padding: 8px 0px 0px 40px; }



div.estimateCon_01 .simulateBox .boxLeft .price,

div.estimateCon_01 .simulateBox .boxRight .price

{ display: block; float: right; padding: 8px 10px 0px 0px; }





div.estimateCon_01 .arrow{

	background: url(/img/seo/estimate/list_arrow.gif) no-repeat center;

	width: 670px;

	height: 37px;

	display: block;

	margin: 0px auto;

}

div.estimateCon_01 .entryBt{

	width: 670px;

	height: 50px;

	display: block;

	text-align: center;

}

/**▲初期費用の合計金額**/



/***▼見積もり結果***/

div.estimateCon_01 .imageBox{ height: 133px; display: block; padding: 0px 0px 2px; }

div.estimateCon_01 .imageLeft{

	width: 120px;

	height: 133px;

	display: block;

	float: left;

}

div.estimateCon_01 .imageRight{

	width: 550px;

	height: 133px;

	display: block;

	float: right;

	line-height: 0px;

	font-size: 0px;

}

div.estimateCon_01 .detailText{

	background: #e7e7e7;

	font-size: 12px;

	line-height: 18px;

	padding: 15px 20px;

	margin: 0px 0px 20px;

}

div.estimateCon_01 .detailText p{ padding-bottom: 0px; }

div.estimateCon_01 .simulationData{

	background: #fafafa;

	padding: 25px 30px;

	border: 1px solid #CCC;

}

div.estimateCon_01 .simulationData .image{

	width: 590px;

	height: 315px;

	line-height: 0px;

	font-size: 0px;

	display: block;

}

div.estimateCon_01 .simulationData p{

	font-size: 12px;

	line-height: 18px;

	padding: 10px 0px 10px 20px;

	color: #666;

}

div.ListEmpty{
	background-color: #FFE0E0;
	color:#FF0000;
	text-align: center;
	vertical-align: middle;
	padding: 15px;
}

/**▲見積もり結果**/



/***▼お申し込み***/

div.stepBox{ padding: 0px 0px 15px; }

div.orderText{

	font-size: 14px;

	padding: 0px 0px 20px;

}

div.backBt{ margin: 20px 0px 0px; width: 150px; display: block; float: left; }

div.nextBt{ margin: 20px 0px 0px; width: 150px; display: block; float: right; }

div.sendBt{ margin: 20px 0px 0px; width: 191px; display: block; float: right; }

/*** お申し込みテーブルスタイル ***/

div.orderTable table{

	width: 670px;

	font-size: 14px;

	border-top: 1px solid #CCC;

	border-left: 1px solid #CCC;

	margin: 0px 0px 2px;

}

div.orderTable th{

	background: #01b3b3;

	padding: 10px 0px;

	font-weight: bold;

	color: #FFF;

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;
	
	text-align: center;

}

div.orderTable td{

	border-right: 1px solid #CCC;

	border-bottom: 1px solid #CCC;

	text-align: center;

	font-size: 12px;

	line-height: 18px;

}

div.orderTable td.mainTd{

	background: #e7e7e7 url(/img/seo/estimate/list_box_main.gif) no-repeat;

	width: 175px;

	height: 57px;

	border-bottom: 1px solid #FFF;

}

div.orderTable td.subTd{

	background: #e7e7e7 url(/img/seo/estimate/list_box_sub.gif) no-repeat;

	width: 175px;

	height: 57px;

}

div.orderTable td.mainTd span,

div.orderTable td.subTd span{

	display: block;

	padding: 0px 0px 0px 15px;

}



div.orderTable td.rankTd{

	background: url(/img/seo/estimate/list_rank_bg.gif) no-repeat;

	width: 221px;

	height: 57px;

	text-align: left;

}

div.orderTable td.rankTd .dataLeft{

	width: 35px;

	color: #FFF;

	font-weight: bold;

	font-size: 14px;

	padding: 43px 3px 0px 0px;

	text-align: center;

	display: block;

	float: left;

}

div.orderTable td.rankTd .dataRight{

	width: 180px;

	display: block;

	float: right;

}

div.orderTable td.rankTd .dataRight .detailData{ height: 23px; padding: 10px 0px; }

div.orderTable td.rankTd .dataRight .capBox{

	background: url(/img/seo/estimate/list_cap_box.gif) no-repeat;

	width: 51px;

	text-align: center;

	display: block;

	float: left;

	padding: 3px 0px;

	margin: 0px 5px 0px;

}

div.orderTable td.rankTd .dataRight span{

	width: 17px;

	height: 19px;

	display: block;

	float: left;

	padding: 0px 2px;

}



div.orderTable td.priceTd{

	width: 108px;

	height: 57px;

}

div.orderTable td.resultTd{

	width: 162px;

	height: 57px;

}

div.orderTable td.resultTd span{

	font-size: 10px;

	color: #F00;

	display: block;

}

/****▼contactスタイル書き換え ****/

div.contactCon{

	width: 670px;

	padding: 25px 0px 45px;

}

div.contactCon .iconRight{

	padding: 0px 0px 5px;

}

/****▲contactスタイル書き換え ****/



div.ruleBox{

	/* width: 670px; */

	background: #d7d7d7;

	padding: 15px 15px 5px;

	margin: 20px 0px 0px;

	text-align: center;

}

div.ruleBox .textInbox{

	border: 1px solid #CCC;

	background: #FFF;

	padding: 12px;

	height: 240px;

	overflow: auto;

	font-size: 12px;

	line-height: 18px;

	text-align: left;

}

div.ruleBox .check{

	width: 195px;

	background: url(/img/seo/order/order_icon_001.gif) no-repeat right;

	padding: 0px;

	font-weight: bold;

	font-size: 12px;

	line-height: 12px;

	text-align: left;

	margin: 5px auto;

}