@charset "utf-8";

body {
	background-color: #fff;
	background-image: url(../images/header_public_bkgnd.gif); 
	background-repeat: repeat-x;
	background-position: -50% 70px;
}

/* =============== */
/*  Header index   */
/* =============== */

#header_public {
	height: 136px;
	margin: 0 auto 0;
	padding: 10px 0 0;
	/*
	background-color: #fff;
	background-image: url(../images/header_public_bkgnd.gif);
	background-repeat: no-repeat;
	background-position: -10px 72px;
	*/
}
	#header_public .hdr_ttl {
		position: relative;
		margin-top: 20px;
	}

			#header_public .hdr_ttl p.logo a { display: none; }
			#header_public .hdr_ttl p.logo a.not_index { display: block; }

		#header_public h1 {
			position: absolute;
			left: 0;
			top: -18px;
			width: 430px;
			font-size: 11px;
			line-height: 13px;
			font-weight: normal;
			letter-spacing: -0.05em;
		}




	.hdr_gate_kaiin {
		float: left;
		width: 78px;
		height: 77px;
		padding-top: 18px;
		padding-left: 0px;
	}
		.hdr_gate_kaiin a {
			display: block;
			width: 78px;
			height: 78px;
			background: url(../images/hdr_gate_kaiin.gif) no-repeat center;
		}
		.hdr_gate_kaiin a:hover {
			filter: alpha(opacity=80);
			-moz-opacity:0.8;
			opacity:0.8;
		}
			.hdr_gate_kaiin a span { display: none; }

	#header_public .hdr_menu {
		width: 540px;
		height: 108px;
	}
		#header_public .hdr_menu .hdr_utils {
			padding: 0 0 9px;	
			white-space: nowrap;
		}
			#header_public .hdr_menu .hdr_utils li a { font-size: 10px; }

		.hdr_bnr_block {
			float: right;
			width: 275px;
			height: 45px;
			padding-right: 5px;
			
		}
			.hdr_bnr_block li { float: left; width: 88px; height: 40px; padding: 0 0 0 3px; }
				.hdr_bnr_block li a img { width: 88px; height: 40px; }

		.hdr_login {
			float: right;
			width: 240px;
			height: 84px;
			font-size: 11px;
			line-height: 13px;
		}
			.hdr_login dt.hdr_login_ttl {
				padding: 3px;
				text-align: center;
				color: #fff;
				font-weight: bold;
				background-color: #00a0ea;
			}
			.hdr_login_body {
				background: url(../images/hdr_login_bkgnd.png) repeat center;
			}

				.hdr_login_inside {
					padding: 3px 5px 3px 5px;
					border-right: 2px solid #00a0ea;
					border-bottom: 2px solid #00a0ea;
					border-left: 2px solid #00a0ea;
				}
					.hdr_login_input {
					}
						.hdr_login_input dt {
							float: left;
							width: 50px;
							height: 17px;
							padding-bottom: 2px;
							color: #000;
							line-height: 17px;
						}	
						.hdr_login_input dd {
							float: left;
							width: 173px;
							height: 17px;
							line-height: 12px;
							padding-bottom: 2px;
						}
							.hdr_login_input dd input.inputText {
								width: 168px;
								height: 13px;
								margin: 0;
								font-size: 11px;
								line-height: 12px;
							}						

					.hdr_login_forgot {
						float: left;
						padding-top: 2px;
						font-size: 10px;
						line-height: 13px;
					}
						.hdr_login_forgot a:hover {
							text-decoration: none;
						}
					
					input.hdr_login_btn {
						display: block;
						float: right;
						width: 50px;
						height: 17px;
						padding-top: 2px;
						filter: alpha(opacity=100);
						-moz-opacity: 1;
						opacity: 1;
					}
					input.hdr_login_btn:hover {
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
					}

				.hdr_logout {
					height: 72px;
					padding: 3px 5px 3px 5px;
					border: 2px solid #00a0ea;
					font-size: 12px;
					line-height: 14px;
				}
					.hdr_callName_public {
						margin: 14px 5px 0;
						padding: 0 0 8px;
						text-align: center;
						border-bottom: 1px solid #7fcff4;
					}
					.hdr_logout a { text-decoration: none; }
					.hdr_logout a:hover { text-decoration: underline; }
					.hdr_kaiinInfo_public {
						display: block;
						float: left;
						width: 120px;
						margin: 10px 0 0 15px;
					}
					.hdr_logout_public {
						display: block;
						float: right;
						width: 60px;
						margin: 10px 15px 0 0;
						text-align: right;
					}




.hdr_bottom {
	clear: both;
	height: 15px;
	padding: 10px 10px 0 0;
}
	.hdr_public_text2 {
		float: left;
		font-size: 11px;
		line-height: 13px;
	}	
	.hdr_btm_utils {
		float: right;
		font-size: 11px;
		line-height: 13px;
	}
		.hdr_btm_utils li {
			float: left;
			margin: 0 0 0 10px;
			padding: 0 0 0 10px;
			border-left: 1px solid #d8a900;
		}
		.hdr_btm_utils li:first-child {
			border-left: none;
		}
			.hdr_btm_utils li a {
				font-size: 11px;
				line-height: 13px;
				color: #444;
				text-decoration: none;
			}
			.hdr_btm_utils li a:hover {
				color: #e00;
				text-decoration: underline
			}
			.hdr_btm_utils li a:visited {
				color: #666;
			}



 
/* =============== */
/*  main(index)    */
/* =============== */


.index_howToUse {
	border: 0;
	height: 120px;
}
	.index_howToUse .ttl {
		padding: 3px;
		text-align: left;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		background-color: #ffc20e;
	}


.index_ttl {
	height: 22px;
	margin: 20px 0 3px;
}
	.index_ttl_anonym {
		float: left;
		width: 266px;
		height: 20px;
		background: url(../images/index_ttl_anonym.gif) no-repeat left center;
	}
		.index_ttl_anonym span { display: none; }

	.index_ttl_merit {
		width: 326px;
		height: 20px;
		background: url(../images/index_ttl_merit.gif) no-repeat left center;
	}
		.index_ttl_merit span { display: none; }

	.index_ttl_case {
		width: 266px;
		height: 20px;
		background: url(../images/index_ttl_case.gif) no-repeat left center;
	}
		.index_ttl_case span { display: none; }


	.appeal_free {
		float: left;
		width: 60px;
		height: 22px;
		margin-left: 10px;
		background: url(../images/appeal_free.gif) no-repeat center;
	}
	.appeal_free span { display: none; }
	
	.appeal_warrant {
		float: left;
		width: 84px;
		height: 22px;
		margin-left: 10px;
		background: url(../images/appeal_warrant.gif) no-repeat center;
	}
	.appeal_warrant span { display: none; }
	
.index_anonym {
	border: 2px solid #ffc20e;
	background-color: #fff3e2;
	background-image: url(../images/index_anonym_bkgnd.gif);
	background-repeat: repeat-y;
	background-position: center;
}
	.index_anonym_first {
		float: left;
		width: 322px;
		padding: 10px;
	}
	.index_anonym_second {
		float: left;
		width: 322px;
		padding: 10px;
	}

		.index_anonym_first h4 {
			margin-top: 10px;
			padding-left: 17px;
			color: #f39801; 
			font-size: 14px;
			line-height: 15px;
			background-repeat: no-repeat;
			background-position: 1px -1px;
			background-image: url(../images/icon_index_anonym_first.gif);
		}
		.index_anonym_second h4 {
			margin-top: 10px;
			padding-left: 17px;
			color: #8fc320;
			font-size: 14px;
			line-height: 15px;
			background-repeat: no-repeat;
			background-position: 1px -1px;
			background-image: url(../images/icon_index_anonym_second.gif);
		}

		.index_anonym_first h3 { width: 322px; height: 27px; }
			.index_anonym_first h3 span { display: none; }

		
		.index_anonym_place_ttl { background: url(../images/index_anonym_place_ttl.gif) no-repeat left center; }
		.index_anonym_purpose_ttl { margin: 15px auto 10px; background: url(../images/index_anonym_purpose_ttl.gif) no-repeat left center; }
		.index_anonym_noIdea_ttl { margin-top: 15px; background: url(../images/index_anonym_noIdea_ttl.gif) no-repeat left center; }
		.index_anonym_content_ttl { width: 322px; height: 27px; background: url(../images/index_anonym_content_ttl.gif) no-repeat left center; }
			.index_anonym_content_ttl span { display: none; }
		
		
		h4.index_anonym_noIdea_byLetter {
			margin-left: 10px;
			padding-left: 8px;
			color: #000;
			font-size: 11px;
			background: url(../images/point.gif) no-repeat left center;
		}

		.index_anonym_list {
			margin: 3px 0;
		}
			ul.index_anonym_list li {
				float: left;
				margin: 2px 0 2px 10px;
				padding: 0 0 0 10px;
				font-size: 12px;
				line-height: 14px;
				border-left: 1px solid #bbb;
			}
			ul.index_anonym_list li:first-child {
				margin-left: 0;
				padding-left: 17px;
				border-left: none;
			}
				ul.index_anonym_list li a { font-size: 14px; line-height: 140%;}

		div.index_anonym_list {
			padding-left: 17px;
		}
		dl.index_anonym_list {
			margin-bottom: 9px;
			padding-left: 17px;
			padding-bottom: 3px;
			border-bottom: 1px dashed #888;
		}
			dl.index_anonym_list dt {
				float: left;
				width: 65px;
				padding-right: 10px;
			}
			dl.index_anonym_list dd {
				display: block;
				float: left;
				width: 220px;
				font-size: 12px;
				line-height: 13px;
			}

		ul.index_anonym_purpose_list li {
			margin: 0 0 6px 10px;
			padding-left: 8px;
			background: url(../images/point.gif) no-repeat left center;
		}

		p.index_anonym_place_all_descr  { width: 290px; margin-top: 5px; font-size: 12px; line-height: 12px; }

		.index_anonym_noIdea_easy { margin-top: 15px; }
			.index_anonym_noIdea_easy a {
				display: block;
				padding: 5px 0 5px 18px;
				font-size: 14px;
				background: url(../images/point.gif) no-repeat 10px center;
				background-color: #fce7b8; 
			}
			.index_anonym_noIdea_easy p { margin-top: 4px; padding-left: 8px; font-size: 10px; line-height: 12px; }


.index_merit {
	width: 688px;
	padding: 2px 0 0 2px;
	background-color: #009a44;
}
	.index_merit dt {
		background: url(../images/index_merit_dt.gif) no-repeat center;
	}
		.index_merit dt span { display: none; }
	
	.index_merit dd { background-color: #fff; }
	
	.index_merit dt,
	.index_merit dd {
		float: left;
		width: 342px;
		height: 65px;
		margin: 0 2px 2px 0;
		padding: 0;
	}
		.index_merit a {
			display: block;
			width: 342px;
			height: 65px;
			background-repeat: no-repeat;
			background-position: center top;
		}
		.index_merit a:hover { background-position: center bottom; }
			.index_merit a span { display: none; }
	
		a.index_merit1 { background-image: url(../images/index_merit1.gif); }
		a.index_merit2 { background-image: url(../images/index_merit2.gif); }
		a.index_merit3 { background-image: url(../images/index_merit3.gif); }
		a.index_merit4 { background-image: url(../images/index_merit4.gif); }
		a.index_merit5 { background-image: url(../images/index_merit5.gif); }
		a.index_merit6 { background-image: url(../images/index_merit6.gif); }
		a.index_merit7 { background-image: url(../images/index_merit7.gif); }
		a.index_merit8 { background-image: url(../images/index_merit8.gif); }
		a.index_merit9 { background-image: url(../images/index_merit9.gif); }



.index_case {
	width: 660px;
	padding: 10px 10px 10px 20px;
	background-color: #fff3e2;
}
	.index_case_quick {
		width: 650px;
		margin-bottom: 15px;
	}
		.index_case_quick .ttl { padding-left:17px; font-size: 14px; background: url(../images/index_case_point.gif) no-repeat left center; }
		.index_case_quick dl {
			float: left;
		}
		.index_case_quick_place {
			width: 165px;
			height: 35px;
			padding-top: 8px;
			padding-right: 10px;
		}
			.index_case_quick_place dt {
				width: 165px;
				padding-right: 10px;
				color: #000;
			}
			.index_case_quick_place dd {
				width: 165px;
				padding-right: 10px;
			}
				.index_case_quick_place select {
					width: 165px;
					margin: 0;
				}
			.index_case_quick_by {
				float: left;
				width: 16px;
				height: 35px;
				padding: 8px 10px 0 0;
				background: url(../images/index_case_quick_by.gif) no-repeat bottom left; 
			}
				.index_case_quick_by span { display: none; }
			
			.index_case_quick_budget {
				width: 215px;
				padding-top: 8px;
			}
				.index_case_quick_budget dt {
					color: #000;
					font-weight: bold;
				}
				.index_case_quick_budget select { width: 95px; }
	
			.index_case_quick_btn {
				float: left;
				width: 74px;
				height: 24px;
				margin: 23px 0 0;
				padding-left: 8px;
			}
				.index_case_quick_btn a {
					display: block;
					width: 74px;
					height: 24px;
					background: url(../images/index_case_quick_btn.gif) no-repeat top center;
				}
				.index_case_quick_btn a:hover { background-position: bottom center; }
					.index_case_quick_btn a span { display: none; }



	
	.index_case_byDetail {
		float: left;
		width: 310px;
		padding-top: 10px;
	}
		.index_case_byDetail .ttl { padding-left:17px; font-size: 14px; background: url(../images/index_case_point.gif) no-repeat left center; }
		.index_case_byDetail dl {
			height: 18px;
			margin: 6px 0 10px;
		}
			.index_case_byDetail dt {
				float: left;
				width: 60px;
				padding-left: 8px;
				color: #000;
				font-weight: bold;
				background: url(../images/point.gif) no-repeat left center;
			}	
			.index_case_byDetail dd {
				float: left;
				width: 237px;
			}	
				.index_case_byDetail dd select { width: 233px; }
				.index_case_byDetail dd select.index_case_budget_select { width: 80px; }

	.index_case_classify dd ul li { float: left; white-space: nowrap; }
			input.index_case_classify_rd { margin: 0; padding: 0; }
			.index_case_classify dd ul li label { padding-right: 3px; }


	.index_case_byDetail2 {
		float: left;
		width: 320px;
		padding: 35px 0 10px 15px;
	}
			.index_case_byDetail2 dt {
				padding-left: 8px;
				color: #000;
				font-weight: bold;
				background: url(../images/point.gif) no-repeat left center;
			}
	
		dl.index_case_keyword dd ul li {
			float: left;
			padding-right: 3px;
			line-height: 160%;
			white-space: nowrap;
		}
	
		dl.index_case_color {
			width: 318px;
			margin-top: 20px;
		}
			.index_case_color_colors {
				margin-top: 2px;
				padding: 8px 4px 4px 8px;
				background-color: #ddd;
			}
				.index_case_color_colors li  {
					float: left;
					margin: 0 4px 4px 0;
					border: 1px solid #ddd;
				}
				.index_case_color_colors li.blue  { background-color: blue; }
				.index_case_color_colors li.yellow  { background-color: yellow; }
				.index_case_color_colors li.red  { background-color: red; }
				.index_case_color_colors li.green  { background-color: green; }
				.index_case_color_colors li.brown  { background-color: brown; }
				.index_case_color_colors li.violet  { background-color: #60f; }
				.index_case_color_colors li.white  { background-color: white; }
				.index_case_color_colors li.black  { background-color: black; }
					.touch_cell { width: 70px; height: 45px; cursor: pointer; }

				.index_case_color_colors li.actv { border: 1px solid #000; }
					.index_case_color_colors li.actv .touch_cell { cursor: auto; }

				.index_case_color_switch {
					height: 18px;
					padding: 5px;
					background-color: #bbbbbb;
				}	
					.index_case_color_off {
						float: left;
						font-size: 12px;
						line-height: 18px;
					}
					.index_case_color_select {
						float: right;
						text-align: right;
						font-size: 12px;
						line-height: 14px;
					}
						.index_case_color_select .cell { margin-right: 5px; border: 1px solid #333; }
						.index_case_color_select .blue  { background-color: blue; }
						.index_case_color_select .yellow  { background-color: yellow; }
						.index_case_color_select .red  { background-color: red; }
						.index_case_color_select .green  { background-color: green; }
						.index_case_color_select .brown  { background-color: brown; }
						.index_case_color_select .violet  { background-color: #6600FF; }
						.index_case_color_select .white  { background-color: white; }
						.index_case_color_select .black  { background-color: black; }
							.index_case_color_select .cell img { width: 40px; height: 12px; }



.index_case_btn {
	clear: both;
	margin: 15px auto 5px;
	width: 131px;
	height: 37px;
}
	.index_case_btn a {
		display: block;
		width: 131px;
		height: 37px;
		background: url(../images/index_case_btn.gif) no-repeat top center;
	}
	.index_case_btn a:hover { background-position: bottom center; }
		.index_case_btn a span { display: none; }




/* =============== */
/*  sub(index)     */
/* =============== */

.index_sub_block {
	margin-bottom: 10px;
	border-right: 2px solid #ffc20e;
	border-bottom: 2px solid #ffc20e;
	border-left: 2px solid #ffc20e;
}
	h4.index_sub_ttl {
		padding: 5px 3px 3px;
		text-align: center;
		font-size: 12px;
		background-color: #ffc20e;
	}


.index_sub_msg_new {
	margin: 10px 5px;
	text-align: center;
	font-size: 14px;
}
	.index_sub_msg_new_num { font-size: 18px; font-weight: bold; }

.index_sub_msg_ttl { margin: 5px 10px; font-size: 12px; }

.index_sub_msg_company {
	width: 216px;
	margin: 5px 10px;
}

	dl.index_sub_msg_shodan {}
		dl.index_sub_msg_shodan dt { margin: 0 0 5px;}
				dl.index_sub_msg_shodan dt span { padding: 3px; color: #000; font-weight: bold; background-color: #ffc20e; }
		dl.index_sub_msg_shodan dd { margin: 0 0 10px; font-size: 14px; }

.index_sub_msg_look { text-align: right; padding: 5px 10px 10px; }
	.index_sub_msg_look a { padding-left: 8px; background: url(../images/point.gif) no-repeat left center; }



.sub_case_ttl {
	padding: 5px 3px 3px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	background-color: #f0e0b8;
}

.sub_case {}

	.sub_case li {
		padding: 5px 5px 10px;
		border-top: 1px dashed #ffc20e;
	}
	.sub_case li:first-child { border-top: none; }

		.sub_case .ttl {
			margin: 5px 0 5px 5px;
		}
		.sub_case_text {
			margin: 5px 0 5px 5px;
		}
		.sub_case_photo {
			display: block;
			float: left;
			width: 80px;
			height: 80px;
		}
		.sub_case_detail {
			float: left;
			width: 140px;
			padding-left: 5px;
			font-size: 10px;
			line-height: 14px;
		}
		.sub_case_detail dl {
			margin-bottom: 2px;
		}
				.sub_case_detail dt {
					display: inline;
					color: #000;
					font-weight: bold;
				}
				.sub_case_detail dd {
					display: inline;
				}
	
	.sub_case_look { text-align: right; padding: 5px 5px 0; }
		.sub_case_look a { padding-left: 8px; background: url(../images/point.gif) no-repeat left center; font-size: 12px; }
	
	.sub_case_cases {
		padding: 8px 10px 10px 0; text-align: right;
		border-top: 1px dashed #ffc20e;
	}
		.sub_case_cases a { padding-left: 8px; background: url(../images/point.gif) no-repeat left center; }


.otherRank { padding: 5px 10px; }
	.otherRank li {
		display: inline;
		margin-right: 10px;
		line-height: 200%;
		white-space: nowrap;
	}

.sub_items {
}
	.sub_items li {
		padding: 5px 5px 10px 10px;
		border-top: 1px dashed #ffc20e;
	}
	.sub_items li:first-child { border-top: none; }

		.sub_items h5 {
			margin: 5px 0 0;
		}
		.sub_items ul.items { margin: 5px 0; }
			.sub_items ul.items li {
				display: inline;
				margin: 0 4px 0 0;
				padding: 0 4px 0 0;
				font-size: 10px;
				border-top: none;
				border-right: 1px solid #ddd;
			}



	
.index_sub_favorite {
}
	.index_sub_favorite {
		padding: 5px 5px 10px;
		border-bottom: 1px dashed #ffc20e;
	}
		.index_sub_fav_text {
			margin: 5px 0 5px 5px;
		}
		.index_sub_fav_photo {
			display: block;
			float: left;
			/*width: 80px;
			height: 80px;image_auto_resizêߕsv100604;*/
		}
		.index_sub_fav_detail {
			float: left;
			width: 140px;
			padding-left: 5px;
		}
			.index_sub_fav_detail dt {
				display: inline;
				font-weight: bold;
			}
			.index_sub_fav_detail dd {
				display: inline;
			}

.index_sub_fav_look { text-align: right; padding: 5px 5px 0; }
	.index_sub_fav_look a { padding-left: 8px; background: url(../images/point.gif) no-repeat left center; }

.index_sub_fav_cases { padding: 8px 10px 10px 0; text-align: right; }
	.index_sub_fav_cases a { padding-left: 8px; background: url(../images/point.gif) no-repeat left center; }


.index_sub_cts_list {
}
	.index_sub_cts_list li {
		padding: 5px 5px 10px;
		border-top: 1px dashed #ffc20e;	
	}
	.index_sub_cts_list li:first-child {
		border-top: none;	
	}
		.index_sub_cts_list li .ttl {
			margin-left: 5px;
			padding: 5px 0;
			color: #000;
			font-size: 12px;
			font-weight: bold;
		}
			.index_sub_cts_list_new {
				padding: 0 5px 0 0;
				color: #f00;
				font-weight: bold;
			}
			
		.index_sub_cts_photo {
			display: block;
			float: left;
			width: 80px;
			height: 80px;
		}
		.index_sub_cts_text {
			float: left;
			width: 140px;
			padding-left: 5px;
		}


.index_sub_cts_minna {
	padding: 0 5px 0 10px;
	border-top: 2px solid #ffc20e;	
}
	.index_sub_cts_minna .ttl {
		padding: 8px 0 5px 8px;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		background: url(../images/point.gif) no-repeat left center;
	}
	.index_sub_cts_minna li {
		padding: 0 0 2px;
	}


.sub_aboutMenu {
}
	.sub_aboutMenu div {
		padding: 5px 10px;
		border-top: 1px solid #ffc20e;
	}
	.sub_aboutMenu div.actv { background-color: #fd7; }
	.sub_aboutMenu div:first-child { border-top: none; }
	
		.sub_aboutMenu h5 {
			font-size: 14px;
			padding-left: 16px;
			background: url(../images/sub_aboutMenu_ttl.gif) no-repeat left center;
		}
		.sub_aboutMenu p {
			color: #666;
			font-size: 12px;
		}

.sub_banner {
}
	div.sub_banner {
		padding: 0;
		margin-bottom: 10px;
	}


/* =============== */
/*  rules          */
/*  policy         */
/* =============== */


.rules_block {
}
	.rules_block p {
		margin-bottom: 8px;
	}
	.rules_block ul {
		margin-left: 1em;
	}
		.rules_block li {
			list-style-type: disc;
		}
	
	.rules_sign { text-align: right; }
	
	.rules_heading {
		margin: 20px 0 8px;
		font-size: 12px;
		font-weight: bold;
	}
		.rules_heading span {
			margin-left: 1em;
		}

	p.rules_notice {
		margin: 20px 0;
		color: #600;
		text-indent: 18px;
		background: url(../images/alert.gif) no-repeat 2px 2px;
	}

	.rules_TRUSTe { /* position: relative; */ }
	
		.rules_TRUSTe p {
			float: left;
			width: 580px;
		}
		.rules_TRUSTe a {
			display: block;
			float: right;
			margin: 0 10px 0 20px;
			/* 
			position: absolute;
			right: 10px;
			top: 0;
			*/
			width: 68px;
			height: 96px;
		}
			.rules_TRUSTe a:hover img {
				filter: alpha(opacity=80);
				-moz-opacity:0.8;
				opacity:0.8;
			}



/* =============== */
/*                 */
/*  Q&A            */
/*                 */
/* =============== */

.qa_intro {
	margin: 15px 0;
	padding-left: 15px;
	font-size: 14px;
	font-weight: normal;
}

.qa_heading {
	font-size: 14px;
	border-bottom: 5px solid #ffc20e;
}

.qa_question {
	margin-bottom: 15px;
}

	.qa_explain {
		float: left;
		width: 340px;
		padding: 0px 3px 0 20px;
	}
		.qa_explain li {
			margin: 10px 0;
			padding-left: 12px;
			font-size: 14px;
			line-height: 20px;
			background: url(../images/point.gif) no-repeat 2px 4px;
		}

	.qa_question ul {
		float: left;
		width: 340px;
		padding: 0 3px 0 2px;
	}
		.qa_question li {
			margin: 10px 0;
			padding-left: 12px;
			font-size: 12px;
			line-height: 15px;
			background: url(../images/point.gif) no-repeat 2px 4px;
		}
		
.qa_answer_q {
	margin-top: 10px;
	/* border-bottom: 1px dashed #fff; */
	background-color: #555;
}
	.qa_answer_q dt {
		float: left;
		width: 30px;
		height: 20px;
		padding: 5px;
		color: #fff;
		text-align: center;
		vertical-align: top;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
	}
	.qa_answer_q dd {
		float: left;
		width: 640px;
		height: 20px;
		padding: 5px;
		font-size: 12px;
		line-height: 20px;
		font-weight: bold;
		background-color: #bbb;
	}

.qa_answer_a {
	margin-bottom: 10px;
	background-color: #e07d00;
}
	.qa_answer_a dt {
		float: left;
		width: 30px;
		padding: 5px;
		color: #fff;
		text-align: center;
		vertical-align: top;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
	}
	.qa_answer_a dd {
		float: left;
		width: 640px;
		padding: 5px;
		font-size: 12px;
		line-height: 20px;
		background-color: #fd9;
	}



/* =============== */
/*                 */
/*  sitemap        */
/*                 */
/* =============== */

.sitemap_block {
}
	.sitemap_block dl {
		float: left;
		width: 445px;
		margin-bottom: 20px;
		padding: 0 20px 0 10px;
	}	
		.sitemap_block dt {
			margin-top: 30px;
			padding: 4px 0 3px 5px;
			color: #000;
			font-size: 14px;
			font-weight: bold;
			border-left: 7px solid #ffc20e;
			border-bottom: 1px solid #ddd;
		}
		.sitemap_block dd {
			margin: 9px 0 9px 10px;
			font-size: 14px;
			padding-left: 8px;
			background: url(../images/point_small.gif) no-repeat left 4px;
		}

.sitemap_block_area {
	padding: 0 0 0 10px;	
}
		.sitemap_block_area dt.ttl {
			margin-bottom: 10px;
			padding: 4px 0 3px 5px;
			color: #000;
			font-size: 14px;
			font-weight: bold;
			border-left: 7px solid #ffc20e;
			border-bottom: 1px solid #ddd;
		}
		.sitemap_block_area dd.area {
			padding: 0 0 0 20px;
		}
			.sitemap_block_area dd.area dl {
				width: auto;
				padding: 8px 0;
			}
				.sitemap_block_area dd.area dt {
					float: left;
					width: 7em;
					padding: 4px 0 3px 5px;
					font-size: 14px;
					font-weight: bold;
					border-left: 7px solid #ccc;
				}
				.sitemap_block_area dd.area dd {
					float: left;
					padding: 4px 0 3px 15px;
					font-size: 14px;
				}

#text_article{margin-bottom: 20px;padding: 0 20px 0 10px;}
#text_article .headline01 { margin-bottom: 10px; padding: 4px 0 3px 5px; font-size: 14px; font-weight: bold; border-left: 7px solid #ffc20e; border-bottom: 1px solid #ddd; color: #000; }
#text_article dl {width: 660px; padding-bottom: 40px; }
#text_article dt { font-weight:bold; font-size: 14px; margin-bottom: 3px;}
#text_article dd { float: left; width: 315px; margin-left: 10px; font-size: 14px;}
#text_article dd a { padding-left: 8px; background: url(../images/point_small.gif) no-repeat left center; line-height: 1.8; }
#text_article dl:after{clear:both;content:".";display:block;height:0;visibility:hidden}


/* =============== */
/*                 */
/*  SEO            */
/*                 */
/* =============== */

.main_seo {
	float: left;
	width: 670px;
	padding: 10px 0 10px 0;
	background-color: #fff;
}
	.main_seo .notice {
		margin: 10px auto;
		padding: 0 50px;
		text-align: center;
	}

.sub_seo {
	float: right;
	width: 260px;
	padding: 10px 0 10px 0;
}


	
.seo_kaiininfo {
	float: left;
	width: 670px;
	padding: 10px;
	background-color: #fff;
}
	.main_kaiin_seo .notice {
		margin: 10px auto;
		padding: 0 10px;
		text-align: left;
	}
	
	
.seo_request {
	width: 549px;
	height: 38px;
	margin: 30px auto;
}
	.seo_request dt {
		float: left;
		width: 313px;
		height: 24px;
		padding: 7px 10px 0 0;
		background: url(../images/seo_request_dt.gif) no-repeat 0 7px;
	}
		.seo_request dt span { display: none; }
		
	.seo_request dd.seo_request_company {
		float: left;
	}
		.seo_request dd.seo_request_company a {
			display: block;
			width: 226px;
			height: 38px;
			background: url(../images/btn_seo_request_company.gif) no-repeat top center;
		}
		.seo_request dd.seo_request_company a:hover { background-position: bottom center; }
			.seo_request dd.seo_request_company a span { display: none; }


.seo_seeOther {
	margin: 0 0 20px;
	padding: 0 0 10px;
	height: 14px;
	text-align: right;
	border-bottom: 1px solid #ddd;
}
	.seo_seeOther a {
		padding-left: 8px;
		font-size: 12px;
		line-height: 14px;
		background: url(../images/point.gif) no-repeat left center;
	}


.seo_category { margin: 15px 0 0; } /* prefecture */
	.seo_category h3 {
		margin: 5px 0;
		font-size: 16px;
	}
	.seo_category h4 {
		margin: 10px 0 0 30px;
		padding-left: 14px;
		font-size: 14px;
		background: url(../images/seo_ttl_point_square.gif) no-repeat left center;
	}
	.seo_category h5 {
		margin: 5px 0 0 30px;
		font-size: 12px;
	}
	.seo_category_wrap {
		margin-left: 30px;
		overflow: hidden;
	}
		.seo_category ul {
			margin-left: -11px;
		}
			.seo_category li {
				float: left;
				margin-left: 5px;
				padding-left: 5px;
				border-left: 1px solid #ddd;
			}




/* =============== */
/*  seo_head       */
/* =============== */

.seo_head {
	margin: 0 0 15px;
	border: 3px solid #81bc0d;
}
	.seo_head h2 {
		height: 57px;
		padding: 4px 5px 5px;
		color: #fff;
		background-color: #81bc0d;
	}
		.seo_head h2 span {
			display: block;
			width: 440px;
			font-size: 22px;
			line-height: 125%;
			text-indent: 17px;
			background-image: url(../images/seo_head_point1.gif);
			background-repeat: no-repeat;
			background-position: left 8px;
		}


.seo_head_prefec {
}
		.seo_head_prefec h2 span {
			font-size: 20px;
			text-indent: 30px;
			background-image: url(../images/seo_head_point2.gif);
			background-position: left 6px;
		}

.seo_head_prefec_child {
}
		.seo_head_prefec_child h2 span {
			font-size: 18px;
			text-indent: 44px;
			background-image: url(../images/seo_head_point3.gif);
			background-position: left 4px;
		}

.seo_head_munic {
}
		.seo_head_munic h2 span {
			font-size: 18px;
			text-indent: 44px;
			background-image: url(../images/seo_head_point3.gif);
			background-position: left 4px;
		}




	.seo_head_salesPoint {
		height: 84px;
		margin: 10px 0 0;
		padding: 0 15px 10px;
	}
		.seo_head_salesPoint h3 {
			width: 410px;
			height: 14px;
			font-size: 12px;
			line-height: 14px;
			border-bottom: 1px dashed #81bc0d;
		}
		.seo_head_salesPoint ul {
			width: 440px;
			height: 76px;
			margin-top: 4px;
		}
			.seo_head_salesPoint ul li {
				font-size: 16px;
				line-height: 24px;
			}

	.seo_head_photo {
		float: right;
		width: 207px;
		height: 125px;
		margin-top: -145px;
		margin-right: 8px;
		border: 1px solid #fff;
		overflow: hidden;
	}
		.seo_head_photo img { width: 207px; }




/* =============== */
/*  seo_top        */
/* =============== */

.seo_top {
	padding: 5px 10px;
	background-color: #fff3e2;
}

	.seo_top .seo_category h3 {
		padding-left: 19px;
		background: url(../images/seo_category_point.gif) no-repeat left center;
	}



/* =============== */
/*  seo_case       */
/* =============== */

.seo_case {
	margin: 15px 0 0;
}
	.seo_case h3 {
		padding-left: 18px;
		font-size: 14px;
		background: url(../images/seo_star.gif) no-repeat 0 6px;
	}
		.seo_case h3 .ttl_num { color: #d00; font-size: 26px; }

	.seo_case_set {}	
		.seo_case_set_unit {
			margin: 5px 0 10px;
			border: 2px solid #d6d814;
			background-color: #fff3e2;
		}
			.seo_case_set_unit h4 {
				height: 17px;
				padding: 5px;
				font-size: 14px;
				line-height: 17px;
				background-color: #d6d814;
			}

			.seo_case_data {
				margin: 10px 0 5px 5px;
			}			
				.seo_case_data dt {
					float: left;
					padding: 0 3px 0 0;
					color: #000;
					font-size: 12px;
					line-height: 18px;
				}
				.seo_case_data dd {
					float: left;
					padding: 0 13px 0 0;
					color: #000;
					font-size: 16px;
					line-height: 18px;
					font-weight: bold;
				}
			
			.seo_case_photo {
				display: block;
				width: 200px;
				height: 115px;
				margin-left: 5px;
				margin-bottom: 5px;
			}
			
			.seo_case_seeSummary {
				float: right;
				width: 115px;
				height: 16px;
				margin: 1px 0 0 0;
				padding: 5px 0;
				text-align: center;
				background-color: #00a0ea;
			}
				.seo_case_seeSummary a {
					padding-left: 8px;
					color: #fff;
					font-size: 12px;
					line-height: 16px;
					background: url(../images/point_white.gif) no-repeat left center;
				}
				.seo_case_seeSummary a:hover { color: #005; }
				.seo_case_seeSummary a:visited { color: #ddf; }

			.seo_case_info {
				float: right;
				width: 445px;
				margin-top: -120px;
			}
			
				p.seo_case_descr {
					width: 440px;
					height: 86px;
					font-size: 12px;
					line-height: 16px;
					overflow: auto;
				}
			
				.seo_case_seeDetail {
					height: 24px;
					margin: 5px 5px 5px 0;
					padding: 0;
					background-color: #e5e66b;
				}
					.seo_case_seeDetail_see {
						float: left;
						height: 16px;
						padding: 4px 10px 4px 10px;
						background-color: #d6d814;
					}
						.seo_case_seeDetail_see a {
							padding: 0 8px;
							font-size: 12px;
							line-height: 16px;
							font-weight: bold;
							background: url(../images/point_white.gif) no-repeat left center;
						}
						
					.seo_case_seeDetail dl {
						float: left;
						height: 16px;
						padding: 4px 8px;
					}
						.seo_case_seeDetail dt {
							float: left;
							height: 16px;
							padding: 0 8px;
							font-size: 11px;
							line-height: 16px;
						}
						.seo_case_seeDetail dd {
							float: left;
							height: 16px;
						}
							.seo_case_seeDetail dd a {
								padding: 0 10px 0 6px;
								font-size: 12px;
								line-height: 16px;
								background: url(../images/point_small.gif) no-repeat left center;
							}



	.seo_case_seeMore {
		margin: 0 0 20px;
		padding: 5px 0 15px;
		height: 18px;
		text-align: right;
		border-bottom: 1px solid #ddd;
	}
		.seo_case_seeMore a {
			padding-left: 8px;
			font-size: 16px;
			line-height: 18px;
			background: url(../images/point.gif) no-repeat left center;
		}

.seo_area {
	margin-top: 20px;
	border-top: 1px dashed #ccc;
}

.seo_area_nbr { margin: 15px 0;} /* neightbor */
	.seo_area_nbr h3 {
		font-size: 16px;
	}
	.seo_area_nbr_wrap { overflow: hidden; }
		.seo_area_nbr ul {
			margin-left: -11px;
		}
			.seo_area_nbr li {
				float: left;
				margin-left: 5px;
				padding-left: 5px;
				border-left: 1px solid #ddd;
			}

.seo_area_mncp { margin: 15px 0;} /* municipality */
	.seo_area_mncp h3 {
		font-size: 16px;
	}
	.seo_area_mncp_wrap {
		margin-bottom: 10px;/*  */
		overflow: hidden;
	}
		.seo_area_mncp ul {
			margin-left: -11px;
		}
			.seo_area_mncp li {
				float: left;
				margin-left: 5px;
				padding-left: 5px;
				font-size: 11px;
				border-left: 1px solid #ddd;
				white-space: nowrap;
			}

.seo_area_rail { margin: 15px 0;}
	.seo_area_rail h3 {
		font-size: 16px;
	}
	.seo_area_rail .seo_area_rail_ttl {
		margin-top: 5px;
		font-size: 12px;
		color: #666;
		border-bottom: 1px solid #ddd;
	}
	.seo_area_rail ul {
		padding: 2px 0 6px;
	}
		.seo_area_rail li {
			float: left;
			width: 130px;
			padding: 3px 2px 2px 0;
			/* white-space: nowrap; */
		}
			.seo_area_rail_cb { height: 13px; margin: 2px 1px 0 0; }
			.seo_area_rail li a {
				height: 13px;
				padding-left: 1px;
				font-size: 11px;
				line-height: 13px;
			}



/* =============== */
/*  sub_seo        */
/* =============== */

.section_seo {
	margin-bottom: 10px;
	border-right: 2px solid #ffc20e;
	border-bottom: 2px solid #ffc20e;
	border-left: 2px solid #ffc20e;
}
	.section_seo .ttl {
		padding: 5px 3px 3px;
		text-align: center;
		font-size: 12px;
		background-color: #ffc20e;
	}

	.section_seo ul li {
		margin: 0;
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}

.section_seo_body {
	padding: 5px 5px 5px;
}
.sub_section_foot {
	padding: 5px 5px 5px;
}





/* ====================== */
/*  seo_kaishainfo        */
/* ====================== */
p.photo_cap{clear:left; width:160px; line-height:90%;margin-bottom: 10px;}
.kaisha_info {
	margin-top: 10px;
}
	.kaisha_info .ttl {
		clear: both;
		margin: 15px auto 5px;
		padding: 2px 0 0 16px;
		font-size: 16px;
		background: url(../images/kaiin_ttl_point.gif) no-repeat left center;
	}
	
	.kaisha_info h4 {
		clear: both;
		margin: 25px auto 5px;
		font-size: 14px;
	}

	.kaisha_info_head {
		margin: 0 0 10px;
	}
		#kaisha_info_photo_main {
			display: block;
			float: left;
			width: 160px;
			height: 120px;
		}
		ul.kaisha_info_photo_thumbs {
			float: left;
			padding-left: 6px;
		}
			ul.kaisha_info_photo_thumbs li {
				width: 51px;
				height: 36px;
				padding-bottom: 6px;
			}
				ul.kaisha_info_photo_thumbs li img {
					width: 49px;
					height: 34px;
					border: 1px solid #fff;
					cursor: pointer;
				}
				ul.kaisha_info_photo_thumbs li img:hover { border-color: #d00; }
				ul.kaisha_info_photo_thumbs li img.actv { border-color: #333; cursor: auto;}
		
		
		
		.kaisha_info_update {
			float: right;
			margin-top: -2px;
			font-size: 11px;
		}
		.kaisha_info_intro {
			float: left;
			width: 435px;
			padding: 10px 0 0 15px;
			font-size: 14px;
			line-height: 160%;
		}

	.kaisha_info_table {
		clear: both;
		width: 100%;
	}
		.kaisha_info_table th,
		.kaisha_info_table td {
			padding: 5px;
			border: 1px solid #aaa;
		}
		.kaisha_info_table th {
			text-align: left;
			vertical-align: top;
			font-weight: bold;
			background-color: #b0e0f8;
			white-space: nowrap;
		}
		.kaisha_info_table td {
			vertical-align: top;
		}

	.kaisha_info_instr { margin: 20px auto; }
		.kaisha_info_instr em { color: #d00; font-style: normal; }


	.kaisha_info_case {
		width: 670x;
		overflow: hidden;
	}
		.kaisha_info_case ul {
			width: 670px;
			margin-left: 0px;
		}
			.kaisha_info_case li {
				float: left;
				width: 220px;
				padding-left: 3px;
			}
				.kaisha_info_case_photo {
					display: block;
					width: 220px;
					height: 120px;
				}
				.kaisha_info_case dl {
					height: 127px;
					margin: 5px 0 0;
				}
					.kaisha_info_case dt { font-weight: bold; }
					.kaisha_info_case dd {
						margin: 3px 0;
						padding: 3px 0 0;
						color: #666;
						border-top: 1px dashed #ddd;
					}
				.kaisha_info_case .see { text-align: right;}
					.kaisha_info_case .see a {
						padding-left:8px;
						background:url("../images/point.gif") no-repeat left center;
					}


		.see_kaisha_case {
			clear: both;
			height: 20px;
			margin: 8px 0 0;
			padding: 5px 0 0;
			border-top: 1px solid #ddd;
		}
			.see_kaisha_case a {
				float: right;
				height: 16px;
				padding-left:8px;
				background:url("../images/point.gif") no-repeat left center;
			}


	.kaisha_info_specilaity {
		width: 670px;
		overflow: hidden;
	}
		.kaisha_info_specilaity ul {
			width: 670px;
			margin-left: 0px;
		}
			.kaisha_info_specilaity li {
				float: left;
				width: 220px;
				height: 63px;
				padding: 0 0 3px 3px;
				text-align: center;
				vertical-align: middle;
			}
				.kaisha_info_specilaity li span {
					display: block;
					width: 200px;
					height: 14px;
					padding: 27px 10px 28px;
					text-align: center;
					vertical-align: middle;
					color: #fff;
					font-size: 12px;
					line-height: 14px;
					font-weight: bold;
					background:url("../images/kaisha_info_specilaity_base.gif") no-repeat center;
				}


/* ==================== */
/*                      */
/*       merit          */
/*                      */
/*                      */
/* ==================== */


.merit_intro {
	margin: 15px 0;
	padding-left: 15px;
	font-size: 14px;
	font-weight: normal;
}

.merit_block {
	margin-top: 20px;	
	margin-bottom: 70px;
	border-right: 2px solid #ffc20e;
	border-bottom: 2px solid #ffc20e;
	border-left: 2px solid #ffc20e;
}
	h3.merit_ttl {
		padding: 5px 8px 3px;
		text-align: left;
		font-size: 18px;
		background-color: #ffc20e;
	}
		.merit_block p  {
			padding: 10px 20px 10px;
			color: #333631;
			font-size: 15px;
		}

 
/* ==================== */
/*                      */
/*  To Fix Clear        */
/*    (public)          */
/*                      */
/* ==================== */

.hdr_login_body:after,
.hdr_login_inside:after,
.hdr_login_input:after,
.hdr_logout:after,
.hdr_bnr_block:after,

.index_anonym:after,
.index_anonym_list:after,
.index_merit:after,

.index_case:after,
.index_case_quick:after,

.index_case_byDetail dl:after,
.index_case_byDetail dd:after,

.index_case_classify dl:after,
.index_case_classify dl dd ul:after,

dl.index_case_keyword dd ul:after,
.index_case_color_colors:after,

.sub_case li:after,
.index_sub_favorite:after,
.index_sub_cts_list li:after,

.rules_TRUSTe:after,

.qa_question:after,
.qa_answer_q:after,
.qa_answer_a:after,

.sitemap_block:after,
.sitemap_block dd.sitemap_area:after ,
.sitemap_block_area dd.area dl:after,

.seo_case_set_unit:after,

.seo_case_data:after,
.seo_case_seeDetail:after,
.seo_case_seeDetail dl:after,

.seo_category_wrap ul:after,
.seo_area_nbr ul:after,
.seo_area_mncp ul:after,
.seo_area_rail ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* ==================== */
/*  20110217            */
/* ==================== */

.box_jirei_pre {
	min-height:145px;
	paddng:5px;
	border:1px solid #FFC20E ;
}

.japanimg {
	margin:10px;
	width:130px;
	paddng:5px;
	float:left;
	border-right:1px dashed #FFC20E ;
}

.jirei_prefecture {
	margin:10px;
	width:490px;
	paddng:5px;
	float:left;
}

.jirei_prefecture li {
	display: inline;
	padding: 1px 7px;
	border-left: 1px solid #CCCCCC;
	line-height:185%;
}

.jirei_prefecture li a {
	white-space:normal;
}


#aside .aside_list li {
	line-height: 1.4em;
}
#aside .aside_list {
	margin: 0px;
	padding: 5px 0px 5px;
	width: 100%;
	line-height: 1.2em;
}
#aside .aside_list dt {
	font-weight: bold;
	margin-left: 5px;
}
#aside .aside_list dd {
	margin-left: 9px;
	font-size: 1.0em;
}