@charset "UTF-8";

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

	common structure

---------------------------------*/
body{
	text-align: center;
	font-family:  "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 1.8;
}

a {
	color:#006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1#pjs ,
.wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto ;
}

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

	#header

---------------------------------*/
#header {
	background: url(../img/bg_header.png) repeat-x ;
}
	#header .wrapper {
		height: 138px;
		position: relative;
		
	}
	#header .wrapper p {
		position: absolute;
	}
	#header .wrapper p.logo {left:2px ; top:12px ;}
	#header .wrapper p.pencil {left:866px ; top:9px ;}
	#header .wrapper p.requestBtn {left:796px ; top:38px ;}

#header #globalNav {
	position: absolute;
	left: -4px; top: 77px;
	width: 968px;
	height: 52px;
}
	#header #globalNav li {
		float: left;
	}
		#header #globalNav li a {
			display: block;
			height: 60px ;
			background-image: url(../img/nav_global.png);
		}
		
		/*-----each menu-----*/
		#header #globalNav li.top a {
			width: 80px;
			background-position: 0px 0px ;
		}
		#header #globalNav li.about a {
			width: 161px;
			background-position: -80px 0px ;
		}
		#header #globalNav li.point a {
			width: 167px;
			background-position: -241px 0px ;
		}
		#header #globalNav li.difference a {
			width: 153px;
			background-position: -408px 0px ;
		}
		#header #globalNav li.results a {
			width: 97px;
			background-position: -561px 0px ;
		}
		#header #globalNav li.guide a {
			width: 118px;
			background-position: -658px 0px ;
		}
		#header #globalNav li.request a {
			width: 192px;
			background-position: -776px 0px ;
		}

		/*-----each menu(hover)-----*/
		#header #globalNav li.top a:hover {
			background-position: 0px -60px ;
		}
		#header #globalNav li.about a:hover {
			background-position: -80px -60px ;
		}
		#header #globalNav li.point a:hover {
			background-position: -241px -60px ;
		}
		#header #globalNav li.difference a:hover {
			background-position: -408px -60px ;
		}
		#header #globalNav li.results a:hover {
			background-position: -561px -60px ;
		}
		#header #globalNav li.guide a:hover {
			background-position: -658px -60px ;
		}
		#header #globalNav li.request a:hover {
			background-position: -776px -60px ;
		}

		/*-----each menu(active)-----*/
		#toppage #header #globalNav li.top a {
			background-position: 0px -120px ;
		}
		#about #header #globalNav li.about a {
			background-position: -80px -120px ;
		}
		#point #header #globalNav li.point a {
			background-position: -241px -120px ;
		}
		#difference #header #globalNav li.difference a {
			background-position: -408px -120px ;
		}
		#results #header #globalNav li.results a {
			background-position: -561px -120px ;
		}
		#guide #header #globalNav li.guide a {
			background-position: -658px -120px ;
		}
		#request #header #globalNav li.request a {
			background-position: -776px -120px ;
		}

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

	#topicPath

---------------------------------*/
#topicPath ul {
	padding:5px 0 ;
}
	#topicPath ul li {
		float: left ;
		background: url(../img/bg_topicpath_li.png) no-repeat left center ;
		padding:0 0.5em 0 1em;
		font-size: 10px;
	}
	#topicPath ul li.top {
		background: none;
		padding:0 0.5em 0;
	}


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

	#body

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

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

	#pagetop

---------------------------------*/
#pagetop p {
	margin: 0 0 0 826px;
}

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

	#footerLink

---------------------------------*/
#footerLink {
	background: url(../img/bg_footerlink.png) repeat ;
}
	#footerLink .wrapper{
		padding: 8px 0px;
	}
	* html #footerLink .wrapper{
		padding: 8px 0px !important;
	}
		#footerLink .wrapper ul {
		}
			#footerLink .wrapper ul li {
				float: left ;
				font-size: 11px;
				line-height: 1.1;
				border-right: 1px solid #333;
				padding-right: 0.5em;
				margin-right: 0.5em;
			}

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

	#footer

---------------------------------*/
#footer {
	border-top: 1px solid #fff ;
	background: url(../img/bg_footer.png) repeat-x ;
}
	#footer .wrapper {
		height: 70px;
		position: relative;
	}
		#footer .wrapper p {
			position: absolute;
		}
		#footer .wrapper p.logo {
			left: 4px; top: 15px;
		}
		#footer .wrapper p.copyright {
			font-size: 11px;
			left: 770px; top: 40px;
			color: #fff ;
		}

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

	#toppage

---------------------------------*/
#toppage #body>.wrapper {
	padding-top: 20px;
}
* html #toppage #body .wrapper {
	padding-top: 20px;
}

#toppage h2 {
	margin-bottom: 12px;
}

#toppage #overview {
	background: url(../img/bg_overview.jpg) no-repeat left top ;
	height: 310px;
}
	#toppage #overview li {
		width: 240px;
		float: left;
	}
		#toppage #overview li dl {
			padding: 20px 15px 0 20px ;
		}
			#toppage #overview li dl dt {
				font-size: 14px;
				font-weight: bold;
				line-height: 1.6;
				margin-bottom: 0.75em;
			}
			#toppage #overview li dl dd {
				line-height: 1.6;
				margin-bottom: 0.5em;
			}
			#toppage #overview li dl dd a {
				text-align: right;
				display: block;
				background-image: url(/img/icon_link01.png);
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 10px;
			}

#toppage #overview2 {
	background: url(../img/bg_overview2.jpg) no-repeat left top ;
	height: 326px;
}
	#toppage #overview2 li {
		width: 480px;
		float: left;
	}
		#toppage #overview2 li dl {
			padding: 20px 15px 0 20px ;
		}
			#toppage #overview2 li dl dt {
				font-size: 19px;
				font-weight: bold;
				line-height: 1.6;
				margin-bottom: 0.75em;
			}
			#toppage #overview2 li dl dd {
				line-height: 1.6;
				margin-bottom: 0.5em;
			}
			#toppage #overview2 li dl dd a {
				text-align: right;
				display: block;
				background-image: url(/img/icon_link01.png);
				background-repeat: no-repeat;
				background-position: right center;
				padding-right: 10px;
			}

#toppage #cheetahCom div {
	text-align: left;
	border-width:thin;
	border-style:solid;
	border-color:#999999;
	background-color:#F3F3F3;
	padding: 20px;
	margin-bottom: 20px;
}
		#toppage #cheetahCom div h3 {
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 0.75em;
		}

#toppage #profile {
	margin-bottom: 20px;
	padding: 0 20px;
}
	#toppage #profile h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}
	
#toppage #news {
	margin-bottom: 25px;
}
	#toppage #news h3 {
		background: url(../img/head_news.png) no-repeat left top ;
		height: 51px;
		margin-bottom: 15px;
	}

	#toppage #news dl {
		margin: 0 15px 0 ;
	}
		#news dl dt {
			float: left;
			background: url(../img/icon_listmark01.png) left center no-repeat ;
			padding-left: 1em;;
		}
		#news dl dd {
			padding:0 0 2px  130px;
		}

#toppage #zisseki {
	margin-bottom: 25px;
}
	#toppage #zisseki h3 {
		background: url(../img/head_zisseki.png) no-repeat left top ;
		height: 51px;
		margin-bottom: 15px;
	}
	#toppage #zisseki p {
		padding: 0 30px 20px;
	}

#toppage #dounyu {
	margin-bottom: 30px;
}
	#toppage #dounyu h4 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.75em;
		text-align:left;
	}
	#toppage #dounyu ul {
		display: flex;
		justify-content: space-around;
		width: 900px;
		margin: 0 auto;
		padding:20px 30px;
		box-sizing: border-box;
		border: 1px solid #000000;
		background-repeat: no-repeat;
		background-position: top center;
	}
	#toppage #dounyu li {
		text-align: center;
	}
	#toppage #dounyu li dt {
		line-height: 35px;
		height: 35px;
	}


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

	#about

---------------------------------*/
#about #body>.wrapper {
	padding-top: 45px;
}

#aboutCheetah {
	height: 287px;
	width: 900px;
	margin: 0 auto;
	background: url(../img/head_about_cheetah.jpg) no-repeat left top ;
}

#about #formula {
	position: relative;
	margin: 0 30px;
	height: 380px;
}
	#about #formula ul {
		position: absolute;
		left:60px; top:33px;
		z-index: 1;
	}
		#about #formula ul li {
			font-weight: bold;
		}
			#about #formula ul li:before {
				content: "・" ;
			}

	#about #formula {
		width: 900px;
		margin: 0 auto;
	}
	#about #formula img {
		position: absolute;
		left:0; top:0;
		z-index: 0;
	}

#about .generalFlame {
	margin: 0 30px 30px;
}
	#about .generalFlame h3 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}
		#about .generalFlame h3 strong {
			color: #bf0608 ;
		}

#about #videoFlame {
	margin: 0 30px 0 ;
	background: url(../img/bg_videoflame_mid.png) repeat-y ;
}
	#about #videoFlame .inner {
		background: url(../img/bg_videoflame_top.png) no-repeat top left ;
	}
		#about #videoFlame ul {
			background: url(../img/bg_videoflame_btm.png) no-repeat bottom center ;
		}
			#about #videoFlame ul li {
				width: 300px;
				float: left ;
			}
				#about #videoFlame ul li dl {
					padding: 30px 25px 20px 30px ;
				}
					#about #videoFlame ul li dl dt {
						font-weight: bold;
					}
					#about #videoFlame ul li dl dd {
						line-height: 1.5;
						margin-bottom: 0.5em;
					}
						#about #videoFlame ul li dl dd.btn a {
							display: block;
							height: 140px;
							width: 240px;
							background:#fee;
						}
						#about #videoFlame ul li dl dd.btn1 a {background-image: url(../img/btn_video01.jpg)}
						#about #videoFlame ul li dl dd.btn2 a {background-image: url(../img/btn_video02.jpg)}
						#about #videoFlame ul li dl dd.btn3 a {background-image: url(../img/btn_video03.jpg)}
						#about #videoFlame ul li  dl dd.btn a:hover {
							background-position: 0 -140px;
						}

#about h3.tit {
	text-align: center;
	width: 900px;
	margin: 0 auto;
}
#about div.secBox {
	text-align: center;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0 auto 30px;
	width: 898px;
	padding: 10px 0;
}
	#about div.secBox p {
		text-align: left;
		padding: 10px;
		margin-bottom: 20px;
	}
	#about div.secBox .imgBox {
		text-align: center;
	}
	#about div.secBox h4 {
		text-align: left;
		border-left: 10px solid #000000;
		padding: 0 20px;
		font-weight: bold;
		font-size: 170%;
		margin: 0 0 10px 0;
	}
	#about div.secBox p.sub {
		text-align: left;
		padding: 0 25px 10px 25px;
	}
	#about div.secBox p.sub span {
		font-size: 70%;
	}
#about div.tit3box {
	background-image: url(/img/bg_about01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	width: 898px;
}
	#about div.tit3box p.short {
		width: 375px;
	}
#about div.tit4box {
	background-image: url(/img/bg_about02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}
	#about div.tit4box p {
		width: 535px;
	}
	#about div.tit4box li {
		float: left;
		padding: 40px 15px 20px;
	}
#about div.tit4box2 {
	margin-top: 20px;
	background-image: url(/img/bg_about03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 473px;
	text-align: left;
}
	#about div.tit4box2 p {
		width: 385px;
	}
#about div.tit5box {
	margin-top: 20px;
	background-image: url(/img/bg_about04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
}
	#about div.tit5box p {
		width: 445px;
	}
#about .secBox div.tit6box {
	margin-top: 20px;
	background-image: url(/img/bg_about05.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 291px;
	padding-bottom: 30px;
	text-align: left;
}
	#about .secBox div.tit6box p {
		width: 445px;
		margin-bottom: 10px;
	}
#about .secBox  div.tit6box2 {
	margin-top: 20px;
	background-image: url(/img/bg_about06.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 242px;
	text-align: left;
}
	#about .secBox  div.tit6box2 p {
		margin-bottom: 10px;
	}
#about .secBox  div.tit6box3 {
	margin-top: 20px;
	background-image: url(/img/bg_about07.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 370px;
	text-align: left;
}
	#about .secBox  div.tit6box3 p {
		width: 460px;
		margin-bottom: 10px;
	}
	#about .secBox  div.tit6box3 p strong {
		font-size: 140%;
	}
#about .secBox #seoBunseki {
	padding-left: 20px;
}
	#about .secBox #seoBunseki td {
		padding: 10px 15px;
		text-align: left;
	}
	#about .secBox #seoBunseki .lineR{
		border-right: 1px dotted #333333;
	}
	#about .secBox #seoBunseki .lineB{
		border-bottom: 1px dotted #333333;
	}
	#about .secBox #seoBunseki  h5 {
		text-align: left;
		font-size: 140%;
	}
	#about .secBox #seoBunseki p {
		line-height: 1.4em;
	}
	#about .secBox #seoBunseki  span{
		font-size: 90%;
	}
	#about .secBox #seoBunseki .boxS p {
		font-size: 80%;
	}

#about .secBox #accessSya {
	padding: 0 20px 30px;
}
	#about .secBox #accessSya h5 {
		text-align: left;
		font-size: 130%;
	}

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

	#guide

---------------------------------*/
#guide #serviceIndex {
	margin: 0 0 0 15px;
	background: url(../img/head_service_guide.jpg) no-repeat left top ;
	height: 198px;
	position: relative;
}
	#guide #serviceIndex ul {
		position: absolute;
		left: 190px;
		top:45px;
	}
		#guide #serviceIndex ul li {
			float: left;
			padding-right: 0.75em ;
			margin-right: 0.75em ;
			border-right: 1px solid #333 ;
			line-height: 1.1;
		}
		#guide #serviceIndex ul li.last {border-right: none;}

#guide #flow {
	margin: 0 30px 35px ;
}
	#guide #flow h3 {
		background: url(../img/txt_flow.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 20px;
	}

	#guide p.catch {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.57;
		margin-bottom: 1em;
	}
		#guide p.catch strong {
			color: #c00 ;
		}

#guide #logFormat {
	margin: 0 30px 35px ;
}
	#guide #logFormat h3 {
		background: url(../img/txt_log_format.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 30px;
	}
	#guide #logFormat .text {
		width: 420px;
		float: left ;
	}
		#guide #logFormat .text dl {
			margin-top: 1.5em;
		}
			#guide #logFormat .text dt {
				font-weight: bold;
				font-size: 14px;
			}

	#guide #logFormat img {
		float: right;
	}

#guide #price {
	margin: 0 0 35px 30px ;
}
	#guide #price h3 {
		background: url(../img/txt_price.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 20px;
	}
	#guide #price .text {
		margin-bottom: 15px;
	}
	#guide #price strong {
		font-size: 14px;
		color: #c00;
		font-weight: bold;
	}

	#guide #price .plan {
		float: left;
	}
	#guide #price #std,
	#guide #price #plt {
		width: 480px;
	}
	#guide #price #prm,
	#guide #price #opt {
		width: 450px;
	}

	#guide #price #std,
	#guide #price #prm {
		height: 400px
	}

		#guide #price .plan h4 {
			font-size: 14px;
			font-weight: bold ;
			margin-bottom: 5px;
		}
		#guide #price .plan h5 {
			background: #ebebeb;
			padding: 5px 20px;
			margin:0 30px 1px 0 ;
		}

		#guide #price #std h4{color:#57a806;}
		#guide #price #prm h4 {color:#385a92;}
		#guide #price #plt h4 {color:#83722c;}
		#guide #price #opt h4 {color:#71376c;}

		#guide #price .plan table{
			width: 420px;
			margin-bottom: 12px;
		}
		#guide #price .plan table,
		#guide #price .plan th,
		#guide #price .plan td{
			border: 1px solid #ccc;
		}
		#guide #price .plan th,
		#guide #price .plan td{
			padding:12px 22px;
			line-height: 1.1;
			font-size: 12px;
		}
		#guide #price .plan th {
			font-weight: bold ;
		}
		#guide #price #std th{background: #ebf5dc}
		#guide #price #prm th{background: #eef0f7}
		#guide #price #plt th{background: #f4f5dc}
		#guide #price #opt th{background: #f4f0f4}

	#guide #price .note {
		clear: both;
	}

#guide #agency {
	margin: 0 30px 60px;
}
	#guide #agency h3 {
		background: url(../img/txt_agency.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 30px;
	}

	#guide #agency dl {
		line-height: 1.65;
	}
		#guide #agency dl dt {
			font-weight: bold;
			color: #069;
		}

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

	#point

---------------------------------*/
#point h2 {
	margin: 0 0 0 12px ;
	background: url(../img/head_point.png) no-repeat left top ;
	height: 283px;
}
#point #ponpa{
	margin: 0 -30px 30px 30px;
	padding: 0 0 30px;
	width: 960px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#point #ponpa h3{
		background: url(../img/txt_ponpa.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 30px;
	}
	#point #ponpa .container {
		background: url(../img/line_dot_hr.png) repeat-y 445px top ;
	}
	#point #ponpa .section {
		width: 450px;
		margin-right: 30px;
		float: left;
	}
		#point #ponpa .section h4 ,
		#point #ponpa .section strong {
			font-size: 14px;
			font-weight: bold;
			line-height: 1.5;
		}
		#point #ponpa .section strong {
			color: #c00 ;
		}
		#point #ponpa .section img {
			margin: 5px 15px 0 0 ;
			float: left ;
		}
		#point #ponpa .section .text {
			padding-right: 30px;
			line-height: 1.65;
		}

#point #compare{
	margin: 0 30px 30px;
	padding: 0 0 30px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#point #compare .inner{
		background: url(../img/bg_compare.png) no-repeat center center ;
	}

	#point #compare h3{
		background: url(../img/txt_compare.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 25px;
	}

	#point #compare .catch{
		font-weight: bold;
		margin-bottom: 5px;
	}
		#point #compare .catch strong{
			color: #c00;
			line-height: 1.5;
		}

	#point #compare .case {
		width: 380px;
		border: 1px solid #cccccc ;
		padding:20px;
	}
	#point #compare #typicalCase {float: left}
	#point #compare #cheetahCase {
		float: right;
		background: #f8f8f8;
	}

		#point #compare .case h4{
			font-weight: bold ;
			font-size: 14px;
		}
		#point #compare .case p.exp1{
			min-height: 70px;
			height: auto !important;
			height: 70px;
		}
		#point #compare .case img{
			margin-bottom: 1em;
		}
		#point #compare .case p.exp2{
			text-align: center ;
			font-weight: bold ;
		}
		#point #compare #cheetahCase p.exp2{color: #c00}


#point #conduct{
	margin: 0 30px 30px;
	padding: 0 0 30px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#point #conduct h3 {
		background: url(../img/txt_conduct.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 30px;
	}
	#point #conduct table {
		width: 900px;
	}
		#point #conduct table td {
			font-size: 12px;
			line-height: 1.8;
		}
		#point #conduct table td.fig {
			width: 480px;
		}
		#point #conduct table td h4,
		#point #conduct table td strong {
			font-weight: bold;
			font-size: 14px;
		}
		#point #conduct table td strong {
			color: #c00 ;
		}

#point #progress{
	margin: 0 30px 30px;
	padding: 0 0 30px;
}

	#point #progress h3 {
		background: url(../img/txt_progress.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 30px;
	}
	#point #progress .guide {
		margin-bottom: 2em;
	}
	#point #progress .catch {
		font-weight: bold ;
		margin: 1em 0;
	}
	#point #progress .container{
		background: url(../img/line_dot_hr.png) repeat-y 452px top ;
	}
		#point #progress .catch strong {
			color: #cc0000;
		}

	#point #progress #searchEngine {
		width: 450px;
		float: left ;
	}
		#point #progress #searchEngine dl {
			border: 1px solid #ccc ;
			padding: 10px 0;
		}
		#point #progress #searchEngine dl#pc,
		#point #progress #searchEngine dl#mobile {
			width: 205px;
			margin-right: 10px;
			margin-bottom: 20px;
			border: 1px solid #ccc ;
			float: left ;
		}
		#point #progress #searchEngine dl#regi {
			clear: both;
			margin: 0 26px 10px 0;
			background: url(../img/bg_general_flame02.png) repeat-x left top ;
		}
			#point #progress #searchEngine dl#regi dt {padding:10px 20px 0;font-size: 14px; font-weight: bold;}
			#point #progress #searchEngine dl#regi dd {padding:0 10px 10px;}

		#point #progress #searchEngine dl#pc dt,
		#point #progress #searchEngine dl#mobile dt {
			text-align: center ;
			font-weight: bold ;
			font-size: 14px;
			margin-bottom: 10px;
		}
		#point #progress #searchEngine dl#pc dd,
		#point #progress #searchEngine dl#mobile dd {
			text-align: center;
		}

	#point #progress #classification {
		width: 419px;
		margin-left: 30px;
		float: left ;
	}
		#point #progress #category {
			border: 1px solid #ccc ;
			background: url(../img/bg_general_flame02.png) repeat-x top left ;
		}

		#point #progress #classification dl {
			margin: 20px 0 10px;
		}
		#point #progress #classification dl dt {padding:10px 20px 0;font-size: 14px; font-weight: bold;}
		#point #progress #classification dl dd {padding:0 20px 10px;}

			#point #progress #classification dl dd ul {
				width: 50% ;
				float: left ;
			}
#point .kinou {
	background-color:#E5E5E5;
	padding: 10px;
}
	#point .kinou p {
		padding-top: 20px;
	}
	#point .kinou span {
		background-color: #000000;
		color: #ffffff;
		padding: 5px 10px;
	}
#point h4.tit {
	font-size: 150%;
	border-bottom: 1px solid #000000;
	padding-top: 20px;
}
#point #promotion {
	
}
	#point #promotion h3 {
		background-image: url(/img/txt_promotion.png);
		background-repeat: no-repeat;
	}
	#point #promotion p {
		margin-bottom: 20px;
	}
	#point #promotion .categolyBox {
		height:340px;
		border-width:thin;
		border-style:solid;
		border-color:#999999;
		margin-top:20px;
		padding: 10px;
	}
	#point #promotion .categolyBox th {
		font-size: 14px;
		font-weight: bold;
		line-height: 2.5em;
	}
	#point #promotion .categolyBox td {
		font-size: 12px;
		line-height: 2.0em;
	}
	#point #promotion .categolyBox td span {
		font-size: 80%;
	}

#point #seoBunseki {
	padding-left: 20px;
}
	#point #seoBunseki td {
		padding: 10px 15px;
		text-align: left;
	}
	#point #seoBunseki .lineR{
		border-right: 1px dotted #333333;
	}
	#point #seoBunseki .lineB{
		border-bottom: 1px dotted #333333;
	}
	#point #seoBunseki  h5 {
		text-align: left;
		font-size: 140%;
	}
	#point #seoBunseki p {
		line-height: 1.4em;
	}
	#point #seoBunseki  span{
		font-size: 90%;
	}
	#point #seoBunseki .boxS p {
		font-size: 80%;
	}
	#point #seoBunseki p {
		text-align: left;
		padding: 10px;
		margin-bottom: 20px;
	}

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

	#difference

---------------------------------*/
#difference {
}
	#difference p.catch {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.57;
		margin-bottom: 0.25em;
	}
		#difference p.catch strong {
			color: #c00 ;
		}

#difference #headDifference {
	background: url(../img/head_difference.jpg) no-repeat left top;
	height: 283px;
	margin: 0 0 20px 0;
}

#difference #compare1,
#difference #compare{
	margin: 0 30px 30px;
	padding: 0 0 30px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #compare .inner{
		background: url(../img/bg_compare.png) no-repeat center center ;
	}

	#difference #compare1 h1 {
		font-size: 25px; font-weight: bold; line-height: 1.5;
	}
	#difference #compare1 h2 {
		font-size: 18px; font-weight: bold; line-height: 1.5;
	}
	#difference #compare h1 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #compare h3{
		background: url(../img/txt_diffcompare.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 25px;
	}

	#difference #compare .catch{
		font-weight: bold;
		margin-bottom: 5px;
	}
		#difference #compare .catch strong{
			color: #c00;
			line-height: 1.5;
		}

	#difference #compare .case {
		width: 380px;
		border: 1px solid #cccccc ;
		padding:20px;
	}
	#difference #compare #typicalCase {float: left}
	#difference #compare #cheetahCase {
		float: right;
		background: #f8f8f8;
	}

		#difference #compare .case h4{
			font-weight: bold ;
			font-size: 14px;
		}
		#difference #compare .case p.exp1{
			min-height: 70px;
			height: auto !important;
			height: 70px;
		}
		#difference #compare .case img{
			margin-bottom: 1em;
		}
		#difference #compare .case p.exp2{
			text-align: center ;
			font-weight: bold ;
		}
		#difference #compare #cheetahCase p.exp2{color: #c00}


#difference #accurate {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #accurate h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #accurate h3 {
		background: url(../img/txt_accurate.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}

	#difference #accurate ol li.step1,
	#difference #accurate ol li.step2 {
		width: 310px;
		float: left;
		background: url(../img/bg_accurate_flow.png) right center no-repeat ;
	}
	#difference #accurate ol li.step3 {
		width: 280px;
		float: left;
	}
	#difference #accurate ol li.step4 {
		clear: both;
		height: 261px;
		position: relative;
	}

		#difference #accurate .filter {
			border: 1px solid #ccc;
			width: 258px;
			height: 188px;
			background: #fff;
			position: absolute;
			top:50px;
			line-height: 1.65;
		}
			#difference #accurate .filter dt {
				height: 40px;
			}
			#difference #accurate .filter dd {
				padding: 0 20px 20px;
			}
				#difference #accurate .filter ul {
					margin-bottom: 0.5em;
				}
					#difference #accurate .filter li {
						text-indent: -1em;
					}
		#difference #accurate #cheetahFilter {
			left: 20px;
		}
		#difference #accurate #clientFilter {
			left: 620px;
		}
			#difference #accurate #cheetahFilter dt {
				background: url(../img/txt_cheetah_filter.png) center center no-repeat ;
			}
			#difference #accurate #clientFilter dt {
				background: url(../img/txt_client_filter.png) center center no-repeat ;
			}

#difference #tool {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #tool h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #tool h3 {
		background: url(../img/txt_tool.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}
	#difference #tool .imgBox {
		text-align: center;
	}

#difference #crowler {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #crowler h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #crowler h3 {
		background: url(../img/txt_crowler.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}
	#difference #crowler p {
		margin-bottom: 20px;
	}

#difference #hybrid {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #hybrid h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #hybrid h3 {
		background: url(../img/txt_hybrid.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}
	#difference #hybrid p {
		margin-bottom: 30px;
	}
	#difference #hybrid .imgBox {
		text-align: center;
	}
	
#difference #evolution {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #evolution h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #evolution h3 {
		background: url(../img/txt_evolution.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}
	#difference #evolution h4 {
		border-bottom:1px solid #CCCCCC; font-size:130%;
	}
	#difference #evolution p {
		margin-bottom: 30px;
	}
	#difference #evolution .pointList {
		border:1px solid #999999;padding:20px 20px 10px;font-size:16px; font-weight:bold; line-height:1.5em; background-image:url(/img/bg_human.png);background-repeat:x-repeat;
	}
	#difference #evolution .pointList h2 {
		font-size:150%;font-weight:bold;margin-bottom:20px;
	}
	#difference #evolution .pointList p {
		border-left:5px solid #000000;padding-left:10px;margin-bottom:15px;
	}


#difference #setting {
	margin:0 30px 35px;
	padding-bottom: 35px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#difference #setting h2 {
		font-size: 14px; font-weight: bold; line-height: 1.5;
	}
	#difference #setting h3 {
		background: url(../img/txt_setting.png) no-repeat left top ;
		height: 23px;
		margin-bottom: 20px;
	}
	#difference #setting .totalBox {
		border-bottom:1px solid #CCCCCC;margin-bottom:30px;
	}

	#difference #setting .section {
		margin-bottom: 30px;
	}
	#difference #setting #total,
	#difference #setting #user {
		float: left;
	}
	#difference #setting #total {
		width: 449px;
		border-right: 1px solid #ccc ;
		margin-right: 30px;
	}
		#difference #setting #total p {
			margin-right: 30px;
		}
	#difference #setting #user {
		width: 420px;
	}
	#difference #setting #grouping {
		clear: both;
		background-image: url(/img/line_dot_hr.png);
		background-repeat: repeat-y;
		background-position: center center;
	}
	#difference #setting #grouping div.left {
		float:left;width:430px;
	}
	#difference #setting #grouping div.right {
		float:right;width:430px;
	}
		#difference #setting .section p {
			margin-bottom: 1em;
		}
		#difference #setting .section img {
			margin-bottom: 0.5em;
		}

		#difference #setting #grouping ul {
			font-weight: bold ;
		}

#difference #easy {
	margin:0 30px 80px;
}
	#difference h3 {
		background: url(../img/txt_easy.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 20px;
	}
	#difference #easy .section {
		margin-bottom: 30px;
		float: left ;
	}
	#difference #easy #understand {
		width: 449px;
		border-right: 1px solid #ccc ;
		margin-right: 30px;
	}
	#difference #easy #movie {
		width: 420px;
	}

		#difference #easy .section .catch {
			margin-bottom: 1em;
		}
		#difference #easy .section img {
			float: left ;
			margin-right: 15px;
		}


	#difference #progress h3 {
		background: url(../img/txt_progress.png) no-repeat left top ;
		height: 24px;
		margin-bottom: 30px;
	}
	#difference #progress .guide {
		margin-bottom: 2em;
	}
	#difference #progress .catch {
		font-weight: bold ;
		margin: 1em 0;
	}
		#difference #progress .catch strong {
			color: #cc0000;
		}

		#difference #progress #searchEngine dl {
			border: 1px solid #ccc ;
			padding: 10px 0;
		}
		#difference #progress #searchEngine dl#pc{
			width: 435px;
			margin-right: 10px;
			margin-bottom: 20px;
			border: 1px solid #ccc ;
			float: left ;
		}
		#difference #progress #searchEngine dl#mobile {
			width: 435px;
			margin-right: 10px;
			margin-bottom: 20px;
			border: 1px solid #ccc ;
			float: right;
		}

		#difference #progress #searchEngine dl#pc dt,
		#difference #progress #searchEngine dl#mobile dt {
			text-align: center ;
			font-weight: bold ;
			font-size: 14px;
			margin-bottom: 10px;
		}
		#difference #progress #searchEngine dl#pc dd,
		#difference #progress #searchEngine dl#mobile dd {
			text-align: center;
		}

	#difference #progress #classification {
		width: 419px;
		margin-left: 30px;
		float: left ;
	}
		#difference #progress #classification dl#regi {
			clear: both;
			margin: 0 26px 10px 0;
			border: 1px solid #ccc ;
			background: url(../img/bg_general_flame02.png) repeat-x left top ;
		}
			#difference #progress #classification dl#regi dt {padding:20px 20px 0;font-size: 14px; font-weight: bold;}
			#difference #progress #classification dl#regi dd {padding:0 10px 10px;}

		#difference #progress #classification dl {
			margin: 20px 0 10px;
		}
		#difference #progress #classification dl dt {padding:10px 20px 0;font-size: 14px; font-weight: bold;}
		#difference #progress #classification dl dd {padding:0 20px 10px;}

			#difference #progress #classification dl dd ul {
				width: 50% ;
				float: left ;
			}


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

	#result

---------------------------------*/
#results #interviewHead {
	height: 141px;
	margin: 0 18px 60px ;
}

/*each contents*/
.irepInterview #interviewHead {background: url(../img/head_interview_irep.jpg)}

#results #intro {
	margin: 0 30px 30px;
	padding-bottom: 30px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	#results #intro h3 {
		background: url(../img/txt_interview_intro_irep.png) no-repeat left top ;
		height: 26px;
		margin-bottom: 30px;
	}
	#results #intro img.photo {
		float: left ;
	}

	#results #intro .speaker{
		padding-left: 235px;
	}
		#results #intro .speaker dl {
			margin-top: 1em;
		}
			#results #intro .speaker dt {
				font-size: 14px;
				margin-bottom: 0.5em;
				font-weight: bold;
			}

#results .interview{
	margin: 0 30px 30px ;
	padding-bottom: 15px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
#results .interview.last{
	background: none;
}
	#results .interview h4 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}
	#results .interview p {
		margin-bottom: 1.5em;
		color: #666 ;
	}
	#results .interview .name{
		font-weight: bold ;
		margin-bottom: 0;
		color: #333 ;
	}
	#results .interview img {
		float: right ;
		margin: 0 0 30px 30px;
	}

	#results .interview .kakuda {
		color: #255987 ;
	}
	#results .interview strong {
		background: #fff200 ;
	}
/*---------------------------------

	#entry

---------------------------------*/
#entry h2 {
	text-align: center;
	margin-bottom: 30px;
}

#entry .container {
	margin: 0 180px;
}
#entry #errorMsg {
	margin-bottom: 25px;
}
	#entry #errorMsg p.catch{
		background: url(../img/txt_error_message.png) no-repeat left top ;
		height: 60px;
	}
	#entry #errorMsg ul {
		border: 1px solid #c00;
		padding:20px 20px 10px;
		color:#c00;
	}
		#entry #errorMsg ul li {
			line-height: 1.1;
			color:#c00;
			background: url(../img/icon_dot_error.png) left 5px no-repeat ;
			margin-bottom: 0.8em;
			padding-left: 0.5em;
		}

	#entry p.guide img{
		vertical-align: middle;
		margin-right:0.5em;
	}
#entry h3{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0.5em;
}

#entry form{}

	#entry p.guide{margin-bottom:0.5em;}
	#entry p.guide2{margin-bottom:1.5em; text-align: center;}

	#entry form table,
	#entry form td,
	#entry form th{
		border: 1px solid #cdcdcd;
	}
	#entry form table {
		width: 600px;
		margin-bottom: 25px;
	}
		#entry form th{
			padding:8px 8px 8px 18px;
		font-size: 12px;
		}
		#entry form td{
			padding:8px;
		font-size: 12px;
		}
		#entry form th{
			background: #ebebeb;
			width: 154px;
		}
			#entry form th:before{
				content: "●";
				margin:0 0.25em 0 -10px;
			}
			#entry form .hissu th:before{
				margin-right: 0.25em;
				color:#c00;
			}
		#entry form .hissu th{
			background: #ebebeb url(../img/icon_hissu.png) no-repeat 135px center;
		}
		#entry form .hissu th span{
			display: none;
		}

	#entry form td input {
		margin-right: 0.5em;
	}

	#entry form td li{
		float: left ;
		margin-right: 1.5em;
	}

	#entry form td .inputText{
		width: 220px;
		float: left;
		margin-right: 1em;
	}
	#entry form td select{
		float: left;
		margin-right: 1em;
	}
	#entry form td textarea{
		width: 400px;
	}

#entry form #privacy {}
	#entry form #privacy .hissu th{
		background: #ebebeb url(../img/icon_hissu.png) no-repeat 205px center;
	}
	#entry form #privacy td {
		padding: 25px 25px 10px;
	}
		#entry form #privacy div {
			height: 160px;
			overflow: auto;
			border: 1px solid #999999;
			margin-bottom: 12px;
		}
			#entry form #privacy div p {
				margin-bottom: 0.5em;
			}
		#entry form #privacy ul {margin-left: 200px;}
		* html #entry form #privacy ul {margin-left: 180px;}
		*+html #entry form #privacy ul {margin-left: 180px;}

	#entry form .button{
		text-align: center;
		margin-bottom: 40px;
	}

/* #entry(confirm)
---------------------------------*/
#entry #thankyouMsg {
	margin-bottom: 25px;
}
	#entry #thankyouMsg p.catch{
		background: url(../img/txt_confirm_thankyou.png) no-repeat left top ;
		height: 45px;
	}
/* #entry(thankyou)
---------------------------------*/
#entry #thankyouMsg.complete p.catch{
	background: url(../img/txt_complete_thankyou.png) no-repeat left top ;
	height: 45px;
}

#entry #afterGuide {
	background: url(../img/bg_entry_afterguide.png) no-repeat left top;
	text-align: center;
	min-height: 222px;
	height: auto !important;
	height: 222px;
	margin-bottom: 65px;
}
	#entry #afterGuide h3 {
		color: #c00;
		padding:2em 0 1.2em;
	}
	#entry #afterGuide p {
		margin-bottom: 1em;
	}

/*---------------------------------
	general "P" margin
---------------------------------*/
.generalFlame p
{
	margin-bottom: 1em;
}

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

	general element

---------------------------------*/
.generalFlame {
	border: 1px solid #ccc;
	background:#f3f3f3 url(../img/bg_general_flame.png) repeat-x top left ;
	padding: 25px 30px 10px ;
	margin-bottom: 25px;
}

.generalPagetop {
	margin: 0 30px 32px ;
	padding:0 0 18px 780px;
	background: url(../img/line_dot_hr.png) repeat-x bottom left ;
}
	.generalPagetop a {
		display: block;
		height: 12px;
		width: 115px;
		background: url(../img/btn_gen_pagetop.png) no-repeat left top;
		
	}

.clear {
	clear: both;
}

/* #resultFlame
---------------------------------*/
#resultFlame {
	margin: 0 28px 15px;
}
	#resultFlame .inner{
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,245,246,1) 48%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,245,246,1) 48%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,245,246,1) 48%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
		#resultFlame h3{
			padding:25px 35px 0;
			font-size: 14px;
			font-weight: bold;
			line-height: 1.1;
			height: 30px;
		}
		#resultFlame ul{
			width: 900px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
			border: 1px solid #DDDDDD;
			padding: 2px;
		}
			#resultFlame ul li {
				width: 300px;
				text-align: center ;
				padding: 10px 0;
			}
				#resultFlame ul li dl{
				}
					#resultFlame ul li:nth-child(2) dl{
						border-left: 1px solid #000000;
						border-right: 1px solid #000000;
					}
						#resultFlame ul li dd.catch{
							margin: 10px 0 0;
							font-size: 14px;
							font-weight: bold;
							line-height: 1.5;
						}
							#resultFlame ul li dd.catch strong{
								color: #bf0608;
							}

/* #cheetahSummary
---------------------------------*/
#point #cheetahSummary {
	margin:0 30px 25px;
}
	#point #cheetahSummary .section{
		padding-bottom: 30px;
		margin-bottom: 30px;
		background-image: url(/img/line_dot_hr.png);
		background-repeat: repeat-x;
		background-position: bottom left;
	}
	 #cheetahSummary h3 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}
	#point #cheetahSummary .section h4 ,
	#point #cheetahSummary .section strong {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5;
	}
	#point #cheetahSummary .section strong {
		color: #CC0000;
	}



/* #pencilSummary
---------------------------------*/
#pencilSummary {
	margin:0 30px 25px;
}
	 #pencilSummary h3 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}

/* #requestGuide
---------------------------------*/
#requestGuide {margin:0 30px 50px 30px;}
#toppage #requestGuide {margin:0 0 50px 0;}

	#requestGuide h3 {
		background: url(../img/head_request_guide.png) no-repeat left top ;
		height: 43px;
		margin-bottom: 20px;
	}
	#toppage #requestGuide h3 {
		background: url(../img/head_request_guide_wide.png) no-repeat left top ;
	}
	#requestGuide p {
		margin-bottom: 1.25em;
	}
		#requestGuide ul {
			margin: 0 0 0 145px;
		}
			#requestGuide ul li {
				float: left;
				margin-right: 10px;
			}

/* #siteLink
---------------------------------*/
#siteLink {
	margin: 0 30px 30px ;
	background: url(../img/bg_sitelink_mid.png) repeat-y ;
}
	#siteLink .inner {
		background: url(../img/bg_sitelink_top.png) no-repeat top left ;
	}
		#siteLink ul {
			background: url(../img/bg_sitelink_btm.png) no-repeat bottom left ;
		}
			#siteLink ul li {
				width: 450px;
				float: left ;
			}
				#siteLink ul li img {
					margin: 30px 0 30px 30px ;
					float: left ;
					border: 1px solid #e1e1e1;
				}
				#siteLink ul li.bl-hover img {
					border: 1px solid #b4b4b4
				}
				#siteLink ul li.bl-hover a {
					text-decoration: underline ;
				}

				#siteLink ul li dl {
					padding: 30px 15px 30px 142px;
				}
					#siteLink ul li dl dt {
						font-weight: bold ;
					}
					#siteLink ul li dl dd.text {
						height: 50px;
					}


/*---------------------------------
	general text off
---------------------------------*/
#results #intro h3,
#results #interviewHead h3,
#results #interviewHead h2,
#about #videoFlame ul li dl dd.btn a,
#difference h3,
#difference #accurate .filter dt,
#difference #headDifference h2,
#difference #headDifference p,
#point h3,
#point h2,
#guide #price h3,
#guide #agency h3,
#guide #logFormat h3,
.generalPagetop a,
#guide #flow h3,
#guide #serviceIndex h2,
#aboutCheetah h2,
#aboutCheetah p,
#requestGuide h3,
#news h3,
#zisseki h3,
#entry p.catch,
#header #globalNav li a,
.off {
	text-indent: -9999px;
	overflow: hidden;
}

/*---------------------------------
	general clearfix
---------------------------------*/
#results #intro:after,
#point #ponpa .container:after,
#difference #easy .section:after,
#difference #easy:after,
#difference #compare .inner:after,
#difference #progress #classification dl dd:after,
#point #progress #classification dl dd:after,
#progress .container:after,
#point #compare .inner:after,
#point #ponpa:after,
#guide #logFormat:after,
#siteLink ul li:after,
#siteLink ul:after,
#about #videoFlame ul:after,
#requestGuide ul:after,
#news dl:after,
#resultFlame ul:after,
#topicPath ul:after,
#footerLink .wrapper ul:after,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
* html #results #intro,
* html #point #ponpa .container,
* html #difference #easy .section,
* html #difference #easy,
* html #difference #compare .inner,
* html #difference #progress #classification dl dd,
* html #point #progress #classification dl dd,
* html #progress .container,
* html #point #compare .inner,
* html #point #ponpa,
* html #guide #logFormat,
* html #siteLink ul li,
* html #siteLink ul,
* html #about #videoFlame ul,
* html #requestGuide ul,
* html #news dl,
* html #resultFlame ul,
* html #topicPath ul,
* html #footerLink .wrapper ul,
* html .clearfix {
	display:inline-block;
}
*+html #results #intro,
*+html #point #ponpa .container,
*+html #difference #easy .section,
*+html #difference #easy,
*+html #difference #compare .inner,
*+html #difference #progress #classification dl dd,
*+html #point #progress #classification dl dd,
*+html #progress .container,
*+html #point #compare .inner,
*+html #point #ponpa,
*+html #guide #logFormat,
*+html #siteLink ul li,
*+html #siteLink ul,
*+html #about #videoFlame ul,
*+html #requestGuide ul,
*+html #news dl,
*+html #resultFlame ul,
*+html #topicPath ul,
*+html #footerLink .wrapper ul,
*+html .clearfix {
	display:inline-block;
}