@charset "shift_jis";

/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□

	韓国デリヘル案内所 インデックス（入り口）ページ設定
	./css/individual/index.css

	1.ページ基本設定
	
	2.ページレイアウト設定
		2-1.Wrapper
		2-2.Header
		2-3.PageTop
		2-3-1.title
		2-3-2.thumbArea
		2-3-3.entrance
	
	
	
	

□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */

/* ==============================================================
	1.ページ基本設定
============================================================== */

	body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-color: #000000;
/*	background-image: url(../../img/index/bg2.jpg);
	background-repeat: repeat-x;*/
	color: #999999;

	}
/*body,td,th {
	font-size: 9x;
	}*/
	a:link {
		color: #E2E0DB;
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #E2E0DB;
	}
	a:hover {
		text-decoration: none;
		color: #FFFFCC;
	}
	a:active {
		text-decoration: none;
		color: #FFFFCC;
	}
	#bana {
	width: 725px;
	margin-left: 10px;
	height: 35px;
	}
	.link33 {
	font-size: 11px;
	background-color: #000000;
	line-height: 20px;
	}
	.style1 {
	color: #EBE6D0
	}
	.style2 {
		color: #E2E0DB;
		line-height: 30px;
		font-size: 12px;
	}
	#PageCenter .link_bana {
	border: 1px solid #4C4C4C;
	width: 100%;
	}
	.style3 {
		color: #FFFFFF;
		font-size: 23px;
		font-weight: normal;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}


/* ==============================================================
	2.ページレイアウト設定
============================================================== */

/* 2-1.Wrapper
---------------------------------------- */
	#Wrapper {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
			/*スマホで文字サイズを自動調整させずに固定（-webkit-text-size-adjusとmax-heighを下記で指定）*/
	-webkit-text-size-adjust: 100%;
	max-height: 100%;

	}

/* 2-2.Header
---------------------------------------- */
	#Header {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	/*height: 90px;*/
	}
	#Header h1 {
	font-size: 15px;
	color: #FFFFFF;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-right: 10px;
	/*font-size: 130%;*/
	white-space: nowrap;
	}
	#Header a {
		color: #FFFFFF;
		text-decoration: none;
	}
	#Header p {
	font-size: 13px;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: 22px;
	white-space: nowrap;
	}
	#Header h2 {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 22px;
	margin-bottom: 20px;
	display: inline;
	}
	.text-orange {
		color: #FF9900;
	}

/* 2-3.PageTop
---------------------------------------- */
	#PageTop {
	width: 854px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	}
	/* 2-3-1.title
	---------------------------------------- */
		#PageTop #title {
			background-image: url(../../img/index/title/bg.jpg);
			background-repeat: no-repeat;
			height: 298px;
			width: 854px;
			margin-bottom: 8px;
			position: relative;
		}
		#PageTop #title h2 {
			position: absolute;
			left: 13px;
			top: 53px;
		}
		#PageTop #title p {
			font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
			font-size: 13px;
			position: absolute;
			left: 15px;
			top: 3px;
			color: #FFFFFF;
		}
	/* 2-3-2.thumbArea
	---------------------------------------- */
		#PageTop #thumbArea {
	width: 855px;
	height: 155px;
		}
		#PageTop #thumbArea ul {
			margin-left: 10px;
		}
		#PageTop #thumbArea li {
	margin-right: 5px;
	color: #FFFFD2;
	text-align: center;
	font-size: 11px;
	margin-bottom: 5px;
	height: 160px;
	width: 115px;
	line-height: 12px;
		}
		.under-text {
			font-size: 10px;
			line-height: 12px;
			font-weight: bold;
			color: #FF0000;
		}

	/* 2-3-3.entrance
	---------------------------------------- */
		#PageTop #entrance {
	height: 125px;
	width: 854px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index: auto;
		}
		#PageTop #entrance .caution {
	font-size: 11px;
	width: 275px;
	position: absolute;
	left: 581px;
	top: 60px;
	color: #999999;
	height: 40px;
	z-index: 1;
		}
		#PageTop #entrance .caution a {
			font-size: 11px;
			color: #FF8A00;
			text-decoration: underline;
		}
#PageTop #entrance .kin {
	position: absolute;
	left: 542px;
	top: 60px;
}
		#PageTop #entrance h2 {
	position: absolute;
	left: 72px;
	top: 75px;
	font-size: 12px;
	width: 719px;
		}
		#PageTop #entrance p {
	position: absolute;
	left: 544px;
	top: 19px;
	z-index: 1;
		}
/* 2-3.PageCenter
---------------------------------------- */
#PageCenter {
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	clear: left;
}
/* 2-4.PageBottom
---------------------------------------- */
#PageBottom {
	width: 850px;
	margin-top: 95px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-left: 13px;
}
#howto li {
	float: none;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	margin-bottom: 15px;
}
#PageBottom #siteInfo {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 20px;
	border: 1px dotted #666666;
	padding: 10px;
	width: 760px;
}
#howto {
	font-size: 11px;
	color: #FFFFFF;
	padding: 10px;
	border: 1px dotted #666666;
	margin-bottom: 10px;
}
#howto h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF0AA;
	margin-bottom: 10px;
	margin-top: 5px;
}
#howto h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF0AA;
	margin-bottom: 10px;
}
#PageBottom #siteInfo h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
	width: 100%;
	margin-bottom: 10px;
	height: 40px;
}
#blink_1 {
	font-size: 10px;
	color: #FB0000;
	text-decoration: underline;
	line-height: 10px;
}
#PageBottom #navi {
	font-size: 11px;
	line-height: 13px;
	color: #FFFFFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#Footer {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
}
#Header #updateInfo {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F4F4F;
}
#PageBottom #navi p {
	font-size: 11px;
	color: #FFFFFF;
}
#PageBottom #navi strong {
	font-weight: bold;
	color: #FF6600;
}
#PageCenter #picupShop {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
#PageCenter #picupShop li {
	margin-right: 5px;
	border: 1px dashed #666666;
	height: 40px;
	width: 200px;
	margin-bottom: 5px;
}
#PageCenter #picupShop ul {
	width: 100%;
}
#PageCenter #picupShop .title {
	margin-bottom: 6px;
}
#howto strong {
	color: #FFFFFF;
	font-weight: bold;
}
#howto p {
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 20px;
	line-height: 16px;
}
#powerpush {
	width: 100%;
	margin-bottom: 20px;
}
#powerpush li {
	width: 244px;
	margin-right: 5px;
	border: 1px solid #666666;
	font-size: 11px;
	line-height: 13px;
	color: #999999;
	padding: 2px;
	margin-bottom: 5px;
}
#powerpush .title {
	margin-bottom: 5px;
}
#powerpush .bana {
	margin-bottom: 5px;
}
#randampick li {
	width: 246px;
	margin-right: 8px;
	border: 1px solid #666666;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	color: #999999;
	height: 20px;
	margin-bottom: 8px;
	padding-top: 10px;
}

#randampick a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFCC;
}
#linkEnter {
	height: 20px;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	clear: left;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
}
#newLink {
	height: 100px;
	width: 775px;
	margin-bottom: 20px;
	clear: left;
	color: #FFFFFF;
	text-align: left;
	font-size: 11px;
}
#powerpush2 {
	width: 750px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#powerpush2 .line {
	border: 1px solid #585858;
}
#thumbArea .listimg {
	margin-bottom: 1px;
	margin-right: 4px;
}
#thumbArea .index_thumb {
	margin-bottom: 1px;
}
#Wrapper #PageTop #entrance a {
	color: #FFFFFF;
}
#pickBana20040 {
	float: left;
	height: 40px;
	width: 200px;
	margin-bottom: 8px;
}
#pickBana8831 {
	height: 31px;
	width: 88px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}
#Header #upInfo {
	color: #FFFFFF;
	display: inline;
	line-height: 13px;
	margin-bottom: 20px;
}
/* ==============================================================
	サイトマップ　インデックスページ用
============================================================== */
#indexSitemap {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		height: auto;
	width: 810px;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #666666;
	padding: 15px;
	letter-spacing: 0.6pt;
}
#indexSitemap h2 {
	clear:both;
	font-size: 120%;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#indexSitemap h3 {
	clear:both;
	font-size: 110%;
	font-weight: normal;
	line-height: 20px;
	margin-top: 5px;
	color: #FFFFFF;
	margin-left: 10px;
}
#indexSitemap p {
	clear:both;
	/*font-size: 100%;*/
	font-weight: normal;
	line-height: 18px;
	margin-top: 5px;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0.8pt;
}
#indexSitemap .sh2 {
	padding: 2px 0 1px 3px;
	position: static;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC0000;

	/*line-height: 2.2;*/
	letter-spacing: 0.8pt;
}
#indexSitemap .area {
	font-size: 14px;


	line-height: 2.2;
	letter-spacing: 0.7pt;
}

#indexSitemap a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#indexSitemap a:visited {
color: #FFFFFF;
	text-decoration: underline;
}
#indexSitemap a:hover {
color: #CC0000;
	text-decoration: underline;
}
#indexSitemap a:active {
color: #CC0000;
	text-decoration: underline;
}
#indexSitemap .line01 {
	height: 1px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #666666;
	background: none;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
}
#indexSitemap .line02 {
	height: 1px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #666666;
	background: none;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}
#indexSitemap ul {
	clear:both;
	float: none;
}
#indexSitemap li {
	clear:both;
	float: none;
}
#indexSitemap li {
	list-style-type: none;
	margin-left: 10px;
	line-height: 20px;
}
#indexSitemap li.menu_b {
	line-height: 2.2;
}
#indexSitemap #area1 {
	width: 240px;
	float: left;
	margin-right: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
	height: 200px;
	margin-bottom: 3px;
	padding-right: 10px;
}
#indexSitemap #area2 {
	width: 240px;
	float: left;
	margin-right: 20px;
	height: 200px;
	margin-bottom: 3px;
}
#indexSitemap .h2howto {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF0AA;
	margin-bottom: 10px;
	margin-top: 5px;
}
#indexSitemap ul {
	margin-left: 10px;
}
#indexTokusenBana {
	font-size: 12px;
	height: 80px;
	width: 100%;
	position: absolute;
	/*top: 592px;*/
	top: 425px;
	color: #FFFFFF;
}
#indexTokusenBana #contents {
	height: auto;
	width: 854px;
	margin-right: auto;
	margin-left: auto;
}
#indexTokusenBana #contents #banaArea {
	height: 80px;
	width: 500px;
	position: relative;
	left: 10px;
	top: 3px;
}
#indexTokusenBana #contents #banaArea img {
	margin-bottom: 3px;
}
#Wrapper #Header .sitemapNavi {
	color:#FFFFFF;
	height: 16px;
	width: 80px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 5px;
	margin-right: 7px;
}
#indexSitemap #area3 {
	width: 180px;
	float: left;
	margin-right: 10px;
	height: auto;
	margin-bottom: 3px;
	padding-right: 5px;
}
#indexSitemap #area4 {
	width: 290px;
	float: left;
	margin-right: 5px;
	height: auto;
	height: 540px;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #666666;
}
#indexSitemap #area4 #shopname {
	margin: 0px;
	padding: 0px;
}

#indexSitemap #area4 #shopname li {
	float: left;
	clear: none;
	width: 130px;
	list-style-type: none;
}
#indexSitemap #area4 #name {
	/*文字列が表示領域からはみ出してしまった場合、はみ出した文字列を省略記号「…」で省略*/
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* safari */
	-o-text-overflow: ellipsis; /* opera */
	white-space: nowrap;
	overflow: hidden;
}

#indexSitemap #area5 {
	width: 800px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
#indexSitemap #area5 li {
	float: left;
	clear: none;
	width: auto;
	height: 24px;
	list-style-type: circle;
	margin-right: 10px;
}
#indexSitemap #area4 dl {
	margin-top: 8px;
}
#indexSitemap #area3 .shopbana {
	list-style-type: none;
	margin-left: 0px;
}
#indexSitemap #area7 {
	width: 800px;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 150px;
}
#indexSitemap #area7 #name {
	/*width: 780px*/;
}
#indexSitemap #area7 li {
	float: left;
	clear: none;
	list-style:none;
	width: 250px;
}

#indexSitemap #area7 p {
	margin-bottom: 7px;
	margin-left: 10px;
}
#indexSitemap #area8 {
	width: 800px;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
#indexSitemap #area8 p {
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 24px;
letter-spacing:1.0pt;
}

#indexSitemap #area8 ul {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
}
#indexSitemap #area8 li {
	float: left;
	clear: none;
	width: 245px;
	height: 26px;
	list-style-type: none;
	margin-right: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	/*領域をはみ出したときに三点リーダー（…）で省略する*/
	overflow: hidden;
	max-width: 245px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#indexSitemap #area4 #syame_index {
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#indexSitemap #area4 #syame_index ul {
	margin: 0px;
	padding: 0px;
}
#indexSitemap #area4 #syame_index li {
	font-size: 11px;
	float: left;
	height: 90px;
	width: 60px;
	list-style-type: none;
	clear: none;
}
#indexSitemap #area4 .syame_link {
		color: #FFFFFF;
		text-decoration: underline;
}