@charset "utf-8";
@import url("default.css");

/* --------------------------------
	layout.css
--------------------------------
layout.cssはレイアウト用のパーツ類をまとめたCSSファイルです。

** index
01.汎用class
	01.clearfix(float解除)
	02.pickup(目立つ見出し)
02.大枠レイアウト
	01.#CommonHeader(共通ヘッダー)
	02.#GlobalHeader(グローバルヘッダー)
	03.#Header(ページヘッダー)
		01.#LocalNav(ローカルナビ)
		02.#HeaderBody0(グランドトップ用ヘッダー)
		03.#HeaderBody1(包茎トップ用ヘッダー)
		04.#HeaderBar1(包茎トップ用ヘッダーバー)
		05.#HeaderBody2(頭髪トップ用ヘッダー)
	04.#Contents(ページ本体)
		01.#Footer(ページフッター)
	05.#GlobalFooter(グローバルフッター)

## 以下、各ブロック ##

03.#Cat0LeadBlock(グランドトップリード文ブロック)
04.#Cat1LeadBlock / #PublicOpinion / #Experience(包茎トップリード文ブロック/世論調査/体験者の声)
05.#UsefullContents(お役立ちコンテンツ)
06.#SubAreaBlock(サブエリアブロック)
	01.#Guide(案内)
	02.#Near(地域の上野クリニックを探す)
	03.#SubFAQGuide(よくある質問)
	04.#SubTroubleGuide / #SubTopicsGuide(みんなの悩み/トピックス)
	05.#SubExperienceGuide(体験者の声)
	06.#JapanClinic(全国の上野クリニックを探す)
	07.#UenoClinicNews(NEWS)
07.#MobileArea(モバイルサイト)
08.#Cat2LeadBlock(リード文ブロック)
09.#FAQGuide(よくある質問)
10.#OperationStep(手術の流れ概要)
11.#SkineSaportRelatedContents(スキンサポートの自毛植毛)
12.#SkineSaportHairTransplantGuide(体験者の声)
13.#SkineSaportClinicGuide(スキンサポートクリニック)
14.#FAQCategoryGuide(よくある質問一覧)
15.#OperationFlow / #AboutClinic(包茎手術の流れを見る/上野クリニックについて)
16.#FAQCategoryRelatedGuide(関連した質問)
17.#ClinicAccess(クリニックアクセス)
18.clinic-appeal(クリニックPR)
19.#NearClinicGuide(近くの上野クリニック)
20.#AboutHK(包茎手術)
21.#ContentsNav(コンテンツメニュー)
22.#SubHairGuide(頭髪カテゴリー)
23.g-top-sub-box(SubArea汎用角丸ボックス)
24.#HairContentsNav(頭髪コンテンツ)
	01.#HairContents(育毛・自毛植毛)
	02.#AboutAGA(AGAについて)
25.お客様からのお手紙
-------------------------------- */


/* --------------------------------
■01.汎用class
--------------------------------
■□01-01.clearfix(float解除)
--------------------------------
floatを解除するためのclearfix用classです。
-------------------------------- */
.clearfix {
	zoom:1;
}
.clearfix:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

/* --------------------------------
■□01-02.pickup(目立つ見出し)
--------------------------------
#MainArea内で使用する、色のついた帯状の、目立つ見出し用classです。
#Hair（育毛cat）内では帯の色などが変わります。
[.pickup] - 目立つ見出し
[.pickup a/.pickup span.value] - 見出し中身
[.pickup * span.title] - 見出し本文
[.pickup * span.title span.sub] - 見出し（小）
[.pickup * span.more] - 一覧へリンク
-------------------------------- */
h2.pickup,h3.pickup,h4.pickup,h5.pickup,h6.pickup,
dt.pickup,p.pickup {
	margin-bottom:10px;
	padding-bottom:1px;
	border-bottom:1px solid #ccc;
}
h2.pickup .value,h3.pickup .value,h4.pickup .value,h5.pickup .value,h6.pickup .value,
dt.pickup .value,p.pickup .value {
	display:block;
	overflow:hidden;
	padding:7px 10px;
	background:#1a4876 url("../img/bg/bg_2color_h33_1A4876-003366.gif") repeat-x left bottom;
	color:#fff;
	font-weight:bold;
	_zoom:1;	/* IE6 */
}
#Hair h2.pickup .value,#Hair h3.pickup .value,#Hair h4.pickup .value,#Hair h5.pickup .value,#Hair h6.pickup .value,
#Hair dt.pickup .value,#Hair p.pickup .value {
	background-color:#535045;
	background-image:url("../img/bg/bg_2color_h33_535045-3f3c30.gif");
}
h2.pickup .title,h3.pickup .title,h4.pickup .title,h5.pickup .title,h6.pickup .title,
dt.pickup .title,p.pickup .title {
	float:left;
	font-size:133%;
}
h2.pickup .sub,h3.pickup .sub,h4.pickup .sub,h5.pickup .sub,h6.pickup .sub,
dt.pickup .sub,p.pickup .sub {
	margin-left:10px;
	font-size:75%;
}
h2.pickup .more a,h3.pickup .more a,h4.pickup .more a,h5.pickup .more a,h6.pickup .more a,
dt.pickup .more a,p.pickup .more a {
	float:right;
	padding:4px 17px 0 0;
	background:url("../img/arrow/arrow_circle_right_white-blue_bg-blue.gif") no-repeat right center;
	color:#fff;
	font-weight:normal;
}
#Hair h2.pickup .more a,#Hair h3.pickup .more a,#Hair h4.pickup .more a,#Hair h5.pickup .more a,#Hair h6.pickup .more a,
#Hair dt.pickup .more a,#Hair p.pickup .more a {
	background-image:url("../img/arrow/arrow_circle_right_white-blue_bg-brown.gif");
}
h2.pickup .title a,h3.pickup .title a,h4.pickup .title a,h5.pickup .title a,h6.pickup .title a,
dt.pickup .title a,p.pickup .title a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_f3f3f3-blue_bg-blue.gif") no-repeat left center;
	color:#fff;
}


/* --------------------------------
■02.大枠レイアウト
--------------------------------
ヘッダーや本文、フッターなど、大枠の記述です。
詳細は各パーツ毎にまとめています。
[body#HK] - 包茎カテゴリー
[body#Hair] - 育毛カテゴリー
[div#CommonHeader] - ページ最上部のタグライン＆検索フォーム
[div#GlobalHeader] - ページ上部のサイトロゴや連絡先、グローバルナビなど
[div#GlobalHeader ul#GlobalNav] - グローバルナビ
[div#Header] - コンテンツ上部のヘッダーブロック
[div#Header div#LocalNav] - ローカルナビ
[div#Contents] - ページ本体
[div#Contents div#MainArea] - メインカラム
[div#Contents div#SubArea] - サブカラム
[div#Contents div#Footer] - コンテンツ下部のフッターブロック
[div#GlobalFooter] - ページ最下部のテキストグローバルナビやコピーライトなど
[* div.box-body] - 各大ブロックの中身
-------------------------------- */
#CommonHeader {
	background:#ece9d8 url("../img/bg/bg_common-header.gif") repeat-x left bottom;
}
#HeaderBar1 {
	background:#005f8c url("../img/bg/bg_header-bar_hk_bg-blue.jpg") repeat-x left top;
	color:#fff;
}
#GlobalFooter {
	background:#036;
	color:#fff;
}
#CommonHeader .box-body,
#GlobalHeader .box-body,
#Header .box-body,
#Contents .box-body,
#GlobalFooter .box-body {
	width:970px;
	margin:0 auto;
	text-align:left;
}
#CommonHeader .box-body {
	width:970px;
}

/* --------------------------------
■□02-01.#CommonHeader(共通ヘッダー)
--------------------------------
ページ最上部のタグライン＆検索フォームです。
[div.box-body] - 共通ヘッダー中身
[div.box-body a#PageTop] - 「ページ上部へ戻る」リンクの飛び先
[div.box-body p] - タグライン
[div.box-body ul.nav] - メニュー
[div.box-body ul.nav li.sitemap a] - サイトマップ
[div.box-body ul.nav li.search form] - 検索フォーム
[div.box-body ul.nav li.search form input.text] - テキストフィールド
[div.box-body ul.nav li.search form input.button] - 検索ボタン
-------------------------------- */
#CommonHeader {
	overflow:hidden;
	padding:2px 0 0 0;
	border-bottom:1px solid #dcd9ca;
	_zoom:1;	/*IE6*/
	height:23px;
}
#CommonHeader p {
	float:left;
	padding-top:4px;
	color:#666;
	font-size:11px;
	padding-left: 10px;
}
#CommonHeader .nav {
	float:right;
	font-size:10px;
	text-align:right;
	white-space:nowrap;
}
#CommonHeader li,
#CommonHeader form {
	float:left;
}
#CommonHeader .sitemap {
	padding:4px 10px 0 0;
}
#CommonHeader .sitemap_border1 {
	margin-top:2px;
	border-left:1px solid #fff;
	width:0px;
	height:15px;
}
#CommonHeader .sitemap_border2 {
	margin-top:2px;
	border-left:1px solid #dad3b1;
	width:0px;
	height:15px;
}

#CommonHeader .sitemap a {
	padding-left:18px;
	background:url("../img/icon/icon_sitemap.gif") no-repeat left center;
	color:#333;
}
#CommonHeader .search {
	padding-left:7px;
}
#CommonHeader .search input {
	border:1px solid #fff;
}
#CommonHeader .search input.text {
	width:150px;
	background:#ccc;
}
#CommonHeader .search input.button {
	background:#006;
	color:#fff;
}

/* --------------------------------
■□02-02.#GlobalHeader(グローバルヘッダー)
--------------------------------
#CommonHeaderの下、#Contentsの上にある大ヘッダーブロックです。
[div.box-body] - グローバルヘッダー中身
[div.box-body p#SiteLogo] - サイトロゴ
[div.box-body ul#TellTo] - 電話連絡先
[div.box-body ul#TellTo li address img] - 電話番号
[div.box-body ul#TellTo li p img] - 上野クリニックロゴ
[div.box-body ul#GlobalNav] - グローバルナビ
[div.box-body ul#GlobalNav li] - 各メニュー
[div.box-body ul#GlobalNav li.first] - 先頭のメニュー
[div.box-body ul#GlobalNav li.end] - 末端のメニュー
[div.box-body ul#GlobalNav li.now/li strong] - 親cat/現在地
-------------------------------- */
#GlobalHeader {
	padding-top:13px;
	/*height:56px;*/
}
#GlobalHeader .box-body {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SiteLogo {
	float:left;
	padding-left:10px;
}
#GTop #SiteLogo {
	font-size:133%;
	font-weight:bold;
}
#SiteLogo img {
	margin:0 20px 0 0;
	vertical-align:middle;
}
#TellTo {
	float:right;
	text-align:right;
}
#GTop #TellTo {
	padding:12px 0 0;
}
#TellTo li,
#TellTo address,
#TellTo p {
	display:inline;
}
#TellTo li {
	margin-left:15px;
}
#GlobalNav {
	clear:both;
	overflow:hidden;
	height:39px;
	padding:0 0 1px 1px;
	_padding-bottom:2px;	/* IE6 */
	background:url("../img/bg/bg_global-nav_line.gif") no-repeat left bottom;
	font-size:116%;
	font-weight:bold;
	_zoom:1;	/* IE6 */
}
#GlobalNav li {
	float:left;
	padding:0 2px 0 1px;
	background:url("../img/bg/bg_global-nav_line.gif") no-repeat right bottom;
}
#GlobalNav li a,
#GlobalNav li strong {
	display:block;
	padding:16px 14px 6px;
	border-bottom:3px solid #fff;
	color:#333;
}
#Hair #GlobalNav li a,
#Hair #GlobalNav li strong,
#HairTop #GlobalNav li a,
#HairTop #GlobalNav li strong {
	padding-right:30px;
	padding-left:30px;
}
#GlobalNav li.now a,
#GlobalNav li a:hover,
#GlobalNav li strong {
	border-bottom:3px solid #069;
}
#Hair #GlobalNav li.now a,
#Hair #GlobalNav li a:hover,
#Hair #GlobalNav li strong,
#HairTop #GlobalNav li a:hover,
#HairTop #GlobalNav li strong {
	border-bottom:3px solid #8e7660;
}
#GlobalNav li a strong,
#GlobalNav li strong a {
	display:inline;
	padding:0;
	border-bottom:none;
}

/* --------------------------------
■□02-03.#Header(ページヘッダー)
--------------------------------
ページ本体の上部にある、ページのヘッダーです。
他の大枠と異なり、#Header直下に.box-bodyを設置しません（子ブロック内に設置します）。
[div#LocalNav div.box-frame div.box-body ul] - ローカルナビ
[div#HeaderBody0 div.box-frame1 div.box-frame2 div.box-body] - グランドトップ用ヘッダー
[div#HeaderBody1 div.box-frame div.box-body] - 包茎トップ用ヘッダー
[div#HeaderBody2 div.box-frame div.box-body] - 頭髪トップ用ヘッダー
[div#HeaderBar1 div.box-body] - 包茎トップ用ヘッダーバー
-------------------------------- */

/* --------------------------------
■□□02-03-01.#LocalNav(ローカルナビ)
--------------------------------
同階層の横移動用ナビゲーションです。
[li a] - 各メニュー
[li strong] - 現在地
-------------------------------- */
#LocalNav {
	background:#f3f3f3 url("../img/bg/bg_gradetion_h4_dadada-f0f0f0.gif") repeat-x left top;
}
#LocalNav .box-frame {
	background:url("../img/bg/bg_gradetion_h4_f0f0f0-dadada.gif") repeat-x left bottom;
}
#LocalNav .box-body {
	overflow:hidden;
	padding:5px 0;
	_zoom:1;	/* IE6 */
}
#LocalNav ul {
	padding:0 10px;
}
#LocalNav li {
	float:left;
	margin-right:15px;
}
#LocalNav a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#LocalNav strong {
	color:#000;
}

/* --------------------------------
■□□02-03-02.#HeaderBody0(グランドトップ用ヘッダー)
--------------------------------
グランドトップページ用のヘッダーです。
[div.box-frame1 div.box-frame2 div.box-body] - 入れ物
[～ div.article] - キャッチ
[～ div.article h2] - 見出し
[～ div.article p.lead] - リード文
[～ div.article p.more] - 包茎手術サイトへ
[～ div.article div.price] - 価格ブロック
[～ div.article div.price p.title img] - 価格画像
[～ div.article div.price p.more] - 料金表はこちら
[～ div.aside div.box1 div.box2 div.box3 div.box4] - ピックアップメニュー
[～ div.aside ～ h2] - 見出し
[～ div.aside ～ ul.nav li] - コンテンツメニュー
[～ div.aside ～ ul.nav li.first] - 先頭のコンテンツ
[～ div.aside ～ ul.nav li.end] - 末端のコンテンツ
-------------------------------- */
#HeaderBody0,
#HeaderBody2 {
	background:#ccc url("../img/bg/bg_header_bg-gray-gradetion.jpg") repeat-y center top;
}
#HeaderBody0 .box-frame1,
#HeaderBody2 .box-frame1 {
	padding:20px 0 0;
	background:url("../img/bg/bg_shadow_h5.png") repeat-x left top;
	_background:url("../img/bg/bg_shadow_h5.gif") repeat-x left top;	/* IE6 */
}

#HeaderBody0 .box-frame2,
#HeaderBody2 .box-frame2 {
	height:305px;
	background:url("../img/bg/bg_shadow_h5_reverse.png") repeat-x left bottom;
	_background:url("../img/bg/bg_shadow_h5_reverse.gif") repeat-x left bottom;	/* IE6 */
}
#HeaderBody0 .box-body {
	width:985px;
	height:305px;
	overflow:hidden;
	background:url("/img/pic_ueno-otoko.gif") no-repeat 411px -1px;
	_zoom:1;	/* IE6 */
}
#HeaderBody0 .article {
	float:left;
	width:560px;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#HeaderBody0 .aside {
	float:right;
	width:264px;
	padding:12px 0 0;
}

#HeaderBody0 .article h2,
#HeaderBody0 .article .lead,
#HeaderBody0 .article .more {
	padding:0 0 0 16px;
}
#HeaderBody0 .article h2 {
	margin:8px 0 9px;
}
#HeaderBody0 .article .more {
	margin:8px 0 9px;
}
#HeaderBody0 .article .price {
	position:relative;
	float:left;
	width: 209px;
	height: 62px;
	background-image:url("/img/g_top_price_back.jpg");
	margin-top:20px;
	/*margin-top:36px;*/
	margin-bottom:13px;
	margin-left:17px;
	margin-right: 7px;
	_margin-left:12px; /*IE6*/
	_margin-right:7px; /*IE6*/
}

#HeaderBody0 .article .price a {
	position: absolute;
	left: 6px;
	top: 24px;
}

#HeaderBody0 .article .price .more {
	position:absolute;
	right:5px;
	bottom:9px;
	margin:0;
	
}
#HeaderBody0 .article .price .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#HeaderBody0 .article .catch {
	float:left;
	margin-top:17px;
	
}
#HeaderBody0 .article .tell {
	padding-left:19px;
}
#HeaderBody0 .article .tell .more {
	position:relative;
	right:15px;
	margin:0;
}
#HeaderBody0 .article .tell .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

#HeaderBody0 .aside .box1 {
	padding:8px 0 0;
	background:url("../img/bg/bg_circle_w264_ffffff_box1_shadow.png") no-repeat center top;
	_background:url("../img/bg/bg_circle_w264_ffffff_box1_shadow.gif") no-repeat center top;	/* IE6 */
}
#HeaderBody0 .aside .box2 {
	padding:0 0 8px;
	background:url("../img/bg/bg_circle_w264_ffffff_box2_shadow.png") no-repeat center bottom;
	_background:url("../img/bg/bg_circle_w264_ffffff_box2_shadow.gif") no-repeat center bottom;	/* IE6 */
}
#HeaderBody0 .aside .box3 {
	padding:4px 8px 0 6px;
	background:url("../img/bg/bg_circle_w264_ffffff_box3_shadow.png") repeat-y center top;
	_background:url("../img/bg/bg_circle_w264_ffffff_box3_shadow.gif") repeat-y center top;	/* IE6 */
}
#HeaderBody0 .aside .box4 {
	background:#fff;
}
#HeaderBody0 .aside h2 {
	padding:0 5px 4px;
	/*border-bottom:1px solid #66a3c2;*/
}
#HeaderBody0 .aside .nav {
	/*border-top:1px solid #003d5c;*/
	/*background:#036 url("../img/bg/bg_gradetion_h180_006699-003366.jpg") repeat-x left bottom;*/
}
#HeaderBody0 .aside .nav li {
	_zoom:1;	/* IE6 */
}
#HeaderBody0 .aside .nav li a {
	display:block;
	padding:0px;
}
#HeaderBody0 .aside .nav li.first a {
	border-top:none;
}
#HeaderBody0 .aside .nav li.end a {
	border-bottom:none;
}

/* --------------------------------
■□□02-03-03.#HeaderBody1(包茎トップ用ヘッダー)
--------------------------------
包茎トップページ用のヘッダーです。
[h1] - ページ見出し
[div.article div.box1 div.box2 div.box3 div.box4] - メインカラム（キャッチ）
[div.article ～ h2] - キャッチ見出し
[div.article ～ p.title a] - 体験談見出し
[div.article ～ p.title a span.author] - 体験者名
[div.article ～ p.lead] - 体験談本文
[div.article ～ p.lead a.more] - …続きを読む
[div.article ～ p.more] - 体験談へ
[div.aside div.box1 div.box2 div.box3 div.box4] - サブカラム（ピックアップメニュー）
[div.aside ～ h2] - ピックアップメニュー見出し
[div.aside ～ ul.nav li] - よくある質問
[div.aside ～ p.more] - よくある質問へ
-------------------------------- */
#HeaderBody1 {
	background:#ccc url("../img/bg/bg_header_bg-gray-gradetion.jpg") repeat-y center top;
}
#HeaderBody1 .box-frame {
	padding:20px 0 13px;
	background:url("../img/bg/bg_shadow_h5.png") repeat-x left top;
	_background:url("../img/bg/bg_shadow_h5.gif") repeat-x left top;	/* IE6 */
}
#HeaderBody1 .box-body {
	width:976px;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#HeaderBody1 h1 {
	margin:0 5px 5px;
	font-size:166%;
}
#HeaderBody1 .article {
	float:left;
	width:596px;
}
#HeaderBody1 .article .box1 {
	padding:17px 0 0;
	background:url("../img/bg/bg_circle_w596_d6e5e8_box1_line_shadow.png") no-repeat center top;
	_background:url("../img/bg/bg_circle_w596_d6e5e8_box1_line_shadow.gif") no-repeat center top;	/* IE6 */
}
#HeaderBody1 .article .box2 {
	padding:0 0 15px;
	background:url("../img/bg/bg_circle_w596_d6e5e8_box2_line_shadow.png") no-repeat center bottom;
	_background:url("../img/bg/bg_circle_w596_d6e5e8_box2_line_shadow.gif") no-repeat center bottom;	/* IE6 */
}
#HeaderBody1 .article .box3 {
	padding:0 19px 0 17px;
	background:url("../img/bg/bg_circle_w596_d6e5e8_box3_line_shadow.png") repeat-y center top;
	_background:url("../img/bg/bg_circle_w596_d6e5e8_box3_line_shadow.gif") repeat-y center top;	/* IE6 */
}
#HeaderBody1 .article .box4 {
	background:#d6e5e8;
}
#HeaderBody1 .aside {
	float:right;
	width:376px;
}
#HeaderBody1 .aside .box1 {
	padding:17px 0 0;
	background:url("../img/bg/bg_circle_w376_ffffff_box1_shadow.png") no-repeat center top;
	_background:url("../img/bg/bg_circle_w376_ffffff_box1_shadow.gif") no-repeat center top;	/* IE6 */
}
#HeaderBody1 .aside .box2 {
	padding:0 0 15px;
	background:url("../img/bg/bg_circle_w376_ffffff_box2_shadow.png") no-repeat center bottom;
	_background:url("../img/bg/bg_circle_w376_ffffff_box2_shadow.gif") no-repeat center bottom;	/* IE6 */
}
#HeaderBody1 .aside .box3 {
	padding:0 14px 0 12px;
	background:url("../img/bg/bg_circle_w376_ffffff_box3_shadow.png") repeat-y center top;
	_background:url("../img/bg/bg_circle_w376_ffffff_box3_shadow.gif") repeat-y center top;	/* IE6 */
}
#HeaderBody1 .aside .box4 {
	background:#fff;
}

#HeaderBody1 h2 {
	padding:0 5px 7px;
	border-bottom:1px solid;
	font-size:133%;
}
#HeaderBody1 p.more {
	padding-top:10px;
	border-top:1px solid #999;
}
#HeaderBody1 p.more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

#HeaderBody1 .article h2 {
	border-color:#fff;
}
#HeaderBody1 .article .title {
	line-height:1.5;
	margin:0 0 10px;
	padding:10px 0 3px 50px;
	border-top:1px solid #bccfcd;
	background:url("../img/pic/pic_male_bg-blue.gif") no-repeat left center;
	color:#039;
	font-size:166%;
	font-weight:bold;
}
#HeaderBody1 .article .title .author {
	font-size:50%;
}
#HeaderBody1 .article .lead {
	line-height:1.6;
	margin:0 0 10px;
}

#HeaderBody1 .aside h2 {
	border-color:#bccfcd;
}
#HeaderBody1 .aside .nav {
	margin:0 0 -1px;
	border-top:1px solid #fff;
}
#HeaderBody1 .aside .nav li {
	padding:0 0 1px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#HeaderBody1 .aside .nav li a {
	display:block;
	padding:6px 5px 6px 25px;
	background:url("../img/icon/icon_q_green.gif") no-repeat 5px 6px;
}
#HeaderBody1 .aside p.more {
	padding-left:5px;
}

/* --------------------------------
■□□02-03-04.#HeaderBar1(包茎トップ用ヘッダーバー)
--------------------------------
包茎トップページ用の、ヘッダー下部の帯状のバーです。
[div.title] - 料金
[div.title p.price img] - 価格画像
[div.title p.more a] - 料金表はこちら
[p.catch] - バナー
[p.lead] - リード文
[p.lead a] - PDFダウンロード
[img.visual] - ひとつウエノ男
-------------------------------- */
#HeaderBar1 .box-body {
	position:relative;
	min-height:67px;
	_height:67px;	/*IE6*/
	padding:8px 0;
	_zoom:1;	/*IE6*/
}
#HeaderBar1 .box-body:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
#HeaderBar1 a {
	color:#fff;
}
#HeaderBar1 .title,
#HeaderBar1 .catch,
#HeaderBar1 .lead {
	float:left;
	margin-right:15px;
}
#HeaderBar1 .title {
	position:relative;
	width:258px;
	height:67px;
}
#HeaderBar1 .title .price {
	position:absolute;
	left:0;
	bottom:0;
}
#HeaderBar1 .title .more {
	position:absolute;
	right:0;
	bottom:0;
}
#HeaderBar1 .title .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_white_bg-blue.gif") no-repeat left center;
}

#HeaderBar1 .title_hk {
	float:left;
	position:relative;
	margin-top:4px;
	width:233px;
	height:62px;
	background-image:url(/img/phimotic/hk_top_price_back.jpg);
	margin-right:10px;
}
#HeaderBar1 .title_hk a {
	position: absolute;
	left: 7px;
	top: 24px;
}

#HeaderBar1 .catch_hk {
	float:left;
	margin-top:1px;
	margin-right:5px;
}

#HeaderBar1 .lead {
	width:270px;
	padding:10px 0 0;
}
#HeaderBar1 .lead a {
	padding:3px 0 3px 20px;
	background:url("../img/icon/icon_pdf.gif") no-repeat left center;
}
#HeaderBar1 .visual {
	position:absolute;
	right:0;
	bottom:0;
}

/* --------------------------------
■□□02-03-05.#HeaderBar2(頭髪トップ用ヘッダーバー)
--------------------------------
頭髪トップページ用のヘッダーです。
[div.box-frame1 div.box-frame2 div.box-body] - 入れ物
[～ div.article] - キャッチ
[～ div.article h1] - ページ見出し
[～ div.article p.lead img] - リード文
[～ p.banner a img] - カウンセリング予約バナー
[～ div.aside] - ピックアップメニュー
[～ div.aside div.section] - よくある質問
[～ div.aside div.section.odd] - 育毛のよくある質問
[～ div.aside div.section.even] - 自毛植毛のよくある質問
[～ div.aside div.section div.box1 div.box2 div.box3 div.box4] - よくある質問中身
[～ div.aside div.section ～ h2] - 見出し
[～ div.aside div.section ～ ul.nav li] - よくある質問
[～ div.aside div.section ～ p.more] - よくある質問一覧へ
-------------------------------- */
#HeaderBody2 {
	background-image:url("../img/bg/bg_header_bg-gray-gradetion_hair.jpg");
}
#HeaderBody2 .box-frame1 {
	padding:0;
}
#HeaderBody2 .box-body {
	position:relative;
	width:975px;
	overflow:hidden;
	padding:30px 0 12px;
	background:url("../img/pic/pic_hair-otoko.jpg") no-repeat 220px 100%;
	_zoom:1;	/* IE6 */
}
#HeaderBody2 .banner {
	position:absolute;
	left:0;
	bottom:12px;
}

#HeaderBody2 .article {
	float:left;
}
#HeaderBody2 h1 {
	margin:0 0 20px;
	font-size:133%;
}

#HeaderBody2 .aside {
	float:right;
	width:375px;
}
#HeaderBody2 .aside .box1 {
	padding:6px 0 0;
	background:url("../img/bg/bg_circle_w375_box1_shadow.png") no-repeat center top;
	_background:url("../img/bg/bg_circle_w375_box1_shadow.gif") no-repeat center top;	/* IE6 */
}
#HeaderBody2 .aside .box2 {
	padding:0 0 6px;
	background:url("../img/bg/bg_circle_w375_box2_shadow.png") no-repeat center bottom;
	_background:url("../img/bg/bg_circle_w375_box2_shadow.gif") no-repeat center bottom;	/* IE6 */
}
#HeaderBody2 .aside .box3 {
	padding:0 3px 0 2px;
	background:url("../img/bg/bg_circle_w375_box3_shadow.png") repeat-y center top;
	_background:url("../img/bg/bg_circle_w375_box3_shadow.gif") repeat-y center top;	/* IE6 */
}
#HeaderBody2 .aside .box4 {
	padding:5px 10px;
	background:#fff;
	*zoom:1;	/* IE5-7 */
}
#HeaderBody2 .aside h2 {
	padding:0 5px 5px;
	border-bottom:1px solid #bccfcd;
	font-size:116%;
}
#HeaderBody2 .aside .nav li {
	padding:5px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#HeaderBody2 .aside .nav li a {
	padding:2px 5px 2px 20px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
}
#HeaderBody2 .aside .more {
	padding:5px;
}
#HeaderBody2 .aside .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

/* --------------------------------
■□02-04.#Contents(ページ本体)
--------------------------------
ヘッダーとフッターにはさまれた、ページの本体ブロックです。
[div#MainArea] - メインカラム
[div#MainArea div.section] - 章分け
[div#SubArea] - サブカラム
[div#Footer] - ページフッター
-------------------------------- */
#Contents {
	margin:20px 0 2.5em;
}
#GTop #Contents {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#HairTop #MainArea,
#HairTop #SubArea {
	margin:0 0 20px;
}
#MainArea {
	float:left;
	width:590px;
}
#SubArea {
	float:right;
	width:370px;
}
#Footer {
	clear:both;
}
#MainArea .section {
	margin-bottom:30px;
}
#GTop #MainArea .section {
	margin-bottom:20px;
}
#MainArea .section .section {
	margin-bottom:0;
}
#Footer {
	padding:5px 15px;
	border-top:3px solid #ccc;
}

/* --------------------------------
■□□02-04-01.#Footer(ページフッター)
--------------------------------
ページ本体ブロック下部の、ページのフッターです。
[dl#GlobalNavText] - グローバルナビテキスト
[dl#GlobalNavText dt] - 大カテゴリー
[dl#GlobalNavText dd ul li] - 中カテゴリー
[dl#GlobalNavText dd ul li.first] - 先頭のカテゴリー
[dl#GlobalNavText dd ul li.end] - 末端のカテゴリー
[div#TroubleNav div.box1 div.box2 div.box3 dl] - 悩み治療
[div#TroubleNav ～ dt] - 見出し
[div#TroubleNav ～ dd div.body] - 中身
[div#TroubleNav ～ dd div.body dl] - 各悩み
[div#TroubleNav ～ dd div.body dl.first] - 先頭の悩み
[div#TroubleNav ～ dd div.body dl.end] - 末端の悩み
[div#TroubleNav ～ dd div.body dl dt.title a img] - 悩み名
[div#TroubleNav ～ dd div.body dl dd.lead] - 悩みリード文
-------------------------------- */
#GlobalNavText {
	line-height:1.6;
}
#GlobalNavText dt {
	font-size:116%;
}
#GlobalNavText dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#GlobalNavText ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#GlobalNavText li {
	float:left;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	border-right:1px solid #039;
}
#GlobalNavText li.end {
	border-right:none;
}
#GlobalNavText li a {
	white-space:nowrap;
}

#TroubleNav {
	margin:5px -15px 0;
	background:#f3f3f3;
}
#TroubleNav .box1 {
	padding:10px 0 0;
	background:url("../img/bg/bg_circle_w970_f3f3f3_box1.gif") no-repeat center top;
}
#TroubleNav .box2 {
	padding:0 0 10px;
	background:url("../img/bg/bg_circle_w970_f3f3f3_box2.gif") no-repeat center bottom;
}
#TroubleNav .box3 {
	padding:0 10px;
}
#TroubleNav dt {
	padding:0 0 5px;
	border-bottom:1px solid #fff;
	font-size:116%;
}
#TroubleNav dt.title {
	border-bottom:none;
	font-size:150%;
}
#TroubleNav dt.title img {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat 0 4px;
}
#TroubleNav dd {
	padding:5px 0 0;
	border-top:1px solid #ccc;
}
#TroubleNav dd.lead {
	padding:0;
	border-top:none;
}
#TroubleNav .body {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#TroubleNav .body dl {
	float:left;
	width:175px;
	padding:2px 10px 5px;
}
#TroubleNav .body dl.first {
	padding-left:0;
}
#TroubleNav .body dl.end {
	padding-right:0;
	padding-left:5px;
}

/* --------------------------------
■□02-05.#GlobalFooter(グローバルフッター)
--------------------------------
ページ最下部のグローバルな共通フッターです。
[p#ReturnToTop strong a] - ページ先頭へ戻る
[p#ReturnToTop strong a span.text] - [ページ名]テキスト
[p#ReturnToTop strong a img] - [ページの先頭へ]画像
[dl.nav] - フッターナビ1
[dl.nav dt] - 大カテゴリー
[dl.nav dd ul li] - 中カテゴリー
[dl.nav dd ul li.first] - 先頭のカテゴリー
[dl.nav dd ul li.end] - 末端のカテゴリー
[div.footer] - フッターのフッター
[div.footer ul.nav] - フッターナビ2
[div.footer ul.nav li] - 各メニュー
[div.footer ul.nav li.first] - 先頭のメニュー
[div.footer ul.nav li.end] - 末端のメニュー
[div.footer address img] - コピーライト
-------------------------------- */
#GlobalFooter a {
	color:#cccccc;
}

#ReturnToTop {
	position:relative;
	text-align:right;
}
#ReturnToTop a {
	color:#333;
}
#ReturnToTop strong {
	font-weight:normal;
}
#ReturnToTop .text {
	position:absolute;
	top:-2.5em;
	right:0;
	color:#333;
}

#GlobalFooter dl.nav {
	padding:10px 0;
	border-bottom:1px solid #069;
}
#GlobalFooter dl.nav dt {
	padding:0 0 5px;
	border-bottom:1px solid #069;
}
#GlobalFooter dl.nav dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_white-blue_bg-blue.gif") no-repeat left center;
}
#GlobalFooter dl.nav dd {
	overflow:hidden;
	padding:5px 0 15px;
	border-top:1px solid #003;
	_zoom:1;	/* IE6 */
}
#GlobalFooter dl.nav li {
	float:left;
	padding:0 10px;
	border-right:1px solid #cccccc;
}
#GlobalFooter dl.nav li.first {
	padding-left:0;
}
#GlobalFooter dl.nav li.end {
	border-right:none;
}
#GlobalFooter dl.nav li a {
	white-space:nowrap;
}
#GlobalFooter div.footer {
	overflow:hidden;
	padding:5px 0 10px;
	border-top:1px solid #003;
	_zoom:1;	/* IE6 */
}
#GlobalFooter div.footer .nav {
	float:left;
}
#GlobalFooter div.footer .nav li {
	float:left;
	padding:0 10px;
	border-right:1px solid #fff;
}
#GlobalFooter div.footer .nav li.first {
	padding-left:0;
}
#GlobalFooter div.footer .nav li.end {
	border-right:none;
}
#GlobalFooter div.footer address {
	float:right;
	padding:0 25px;
	color:#999;
}


/* --------------------------------
■03.#Cat0LeadBlock(グランドトップリード文ブロック)
--------------------------------
使用ページ：グランドトップ
[div.box1 div.box2 div.box3] - 入れ物
[～ p.title] - 見出し
[～ p.more] - すべての安心はコチラ
[～ p.lead] - リード文
[～ ul.nav] - メニュー
[～ ul.nav li] - 各メニュー
[～ ul.nav li.odd] - 奇数（左側）メニュー
[～ ul.nav li.even] - 偶数（右側）メニュー
-------------------------------- */
#Cat0LeadBlock {
	margin:0 -3px 15px -2px!important;
	*zoom:1;	/* IE5-7 */
}
#Cat0LeadBlock .box0 {
	padding:6px 0 0 0;
	background:url("../img/bg/bg_circle_w595_transparent_box0_line_shadow.gif") no-repeat center top;
}
#Cat0LeadBlock .box1 {
	padding:0 0 6px;
	background:url("../img/bg/bg_circle_w595_transparent_box1_line_shadow.gif") no-repeat center bottom;
}
#Cat0LeadBlock .box2 {
	padding:0 9px 0 5px;
	background:url("../img/bg/bg_circle_w595_transparent_box2_line_shadow.gif") repeat-y center top;
}
#Cat0LeadBlock .box3 {
	position:relative;
	padding:6px 5px 6px 5px;
	background:#eaece9 url("../img/bg/bg_gradetion_h440_ffffff-eaece9.jpg") repeat-x left top;
	*zoom:1;	/* IE5-7 */
	width:574px;
}
#Cat0LeadBlock .title {
	margin:5px 0;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
	font-size:150%;
	font-weight:bold;
}
#Cat0LeadBlock .more {
	position:absolute;
	right:10px;
	top:17px;
}
#Cat0LeadBlock .more a {
	padding-right:16px;
	background:url("../img/arrow/arrow_circle_right_blue-white_bg-white.gif") no-repeat right center;
}
#Cat0LeadBlock .lead {
	line-height:1.4;
}
#Cat0LeadBlock .nav {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Cat0LeadBlock .nav li {
	margin-top:7px;
}
#Cat0LeadBlock .nav li.odd {
	float:left;
}
#Cat0LeadBlock .nav li.even {
	float:right;
}


/* --------------------------------
■04.#Cat1LeadBlock / #PublicOpinion / #Experience(包茎トップリード文ブロック/世論調査/体験者の声)
--------------------------------
使用ページ：
#Cat1LeadBlock = リード文ブロック（包茎トップ）
#PublicOpinion = 世論調査ブロック（包茎カテゴリー）
#Experience = 体験者の声ブロック（包茎トップ、育毛セカンド、育毛サード）

[div#Cat1LeadBlock p.title] - リード文見出し
[div#Cat1LeadBlock img.visual] - イメージ画像
[div#Cat1LeadBlock p.lead] - リード文
[div#Cat1LeadBlock div.nav] - メニュー
[div#Cat1LeadBlock div.nav dl dt] - 中カテゴリー
[div#Cat1LeadBlock div.nav dl dd ul li] - 小カテゴリー
[div#PublicOpinion h2.pickup] - 見出し
[div#PublicOpinion p.title] - リード文見出し
[div#PublicOpinion img.visual] - イメージ画像
[div#PublicOpinion p.lead] - リード文
[div#PublicOpinion ul.nav] - メニュー
[div#Experience h2.pickup] - 見出し
[div#Experience div.article] - ピックアップ
[div#Experience div.article p.title] - ピックアップ見出し
[div#Experience div.article p.author] - ピックアップ体験者
[div#Experience div.article p.lead] - ピックアップリード文
[div#Experience div.article p.lead a.more] - …続きを読む
[div#Experience div.aside] - その他
[div#Experience div.aside div] - 各行
[div#Experience div.aside div dl] - 各体験談
[div#Experience div.aside div dl dt] - 体験談見出し
[div#Experience div.aside div dl dd] - 体験者
-------------------------------- */
#Cat1LeadBlock,
#PublicOpinion,
#Experience {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Cat1LeadBlock {
	margin-top:15px;
}
#FAQGuide,
#PublicOpinion,
#Experience {
	padding-bottom:14px;
	background:url("../img/bg/bg_gradetion_h4_b7b7b7-f8f8f8.gif") repeat-x left bottom;
}
#GTop #Experience h2 .value {
	background:#1a76a3 url("../img/bg/bg_2color_h33_1a76a3-006699.gif") repeat-x left bottom;
}
#Cat1LeadBlock p.title,
#PublicOpinion p.title,
#Experience p.title {
	font-size:133%;
	font-weight:bold;
}
#Cat1LeadBlock p.title {
	color:#c00;
	font-weight:bold;
}
#Cat1LeadBlock .visual,
#PublicOpinion .visual {
	float:right;
	padding-left:10px;
	background:#fff;
}
#Cat1LeadBlock p,
#PublicOpinion p,
#Experience p {
	margin:0 0 10px;
	padding:0 10px;
}
#Experience p.title {
	margin:0 0 5px;
}
#Experience .author .icon {
	margin-top:-3px;
	vertical-align:middle;
	margin-right:5px;
}
#Cat1LeadBlock .lead,
#PublicOpinion .lead,
#Experience .lead {
	line-height:1.6;
}
#Cat1LeadBlock .nav,
#PublicOpinion .nav {
	padding:10px 8px 0;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
}
#Cat1LeadBlock .nav dl {
	float:left;
	width:200px;
	margin-right:5px;
}
#Cat1LeadBlock .nav dt {
	margin-bottom:10px;
	padding-left:2px;
	font-size:116%;
}
#Cat1LeadBlock .nav li,
#PublicOpinion .nav li {
	margin-top:5px;
}
#Cat1LeadBlock .nav li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#Experience .aside div {
	overflow:hidden;
	padding:7px 0;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
	_zoom:1;	/* IE6 */
}
#Experience .aside dl {
	float:left;
	width:240px;
	min-height:41px;
	_height:41px;	/* IE6 */
	padding:5px 0 0 55px;
	background:url("../img/pic/pic_male_bg-blue.gif") no-repeat 10px 50%;
}
#Experience .aside dd {
	margin-top:5px;
}

#Experience  .author {
	line-height:15px;
	height:15px;
}

/* --------------------------------
■05.#UsefullContents(お役立ちコンテンツ)
--------------------------------
使用ページ：包茎トップ
[div.box1 div.box2 div.box3] - 外側
[～ h2 span.value] - 見出し
[～ div.body] - 中身
[～ div.body div.section] - 各行
[～ div.body div.section.odd] - 奇数行（1行目）
[～ div.body div.section.even] - 偶数行（2行目）
[～ div.body div.section dl] - 各コンテンツ
[～ div.body div.section dl dt] - コンテンツ名
[～ div.body div.section dl dd p.lead] - コンテンツリード文
[～ div.body div.section dl dd p.more] - 一覧へ
[～ div.body div.section dl dd ul.nav li] - 各メニュー
-------------------------------- */
#UsefullContents .box1 {
	padding:5px 0 0;
	background:#459dc2 url("../img/bg/bg_circle_w590_459DC2_box1.gif") no-repeat center top;
}
#UsefullContents .box2 {
	padding:0 0 5px;
	background:url("../img/bg/bg_circle_w590_459DC2_box2.gif") no-repeat center bottom;
}
#UsefullContents .box3 {
	margin:0 5px;
	background:#fff;
	*zoom:1;	/* IE5.5-7 */
}
#UsefullContents h2 {
	padding:0 0 5px;
	background:url("../img/bg/bg_gradetion_h4_b7b7b7-f8f8f8.gif") repeat-x left bottom;
	font-size:116%;
}
#UsefullContents h2 .value {
	display:block;
	padding:10px 10px 7px;
	background:#f5f7f4 url("../img/bg/bg_gradetion_h30_f5f7f4-e1e3df.jpg") repeat-x left bottom;
}
#UsefullContents .lead {
	margin-left:10px;
}
#UsefullContents .body {
	padding:10px;
}
#UsefullContents .body .lead {
	margin-left:0;
}
#UsefullContents .section {
	_width:100%;
	overflow:hidden;
	background:url("../../img/phimotic/bg_usefull-contents_body.gif") repeat-y 48% 0;
	_zoom:1;	/* IE6 */
}
#UsefullContents .odd {
	padding-bottom:10px;
	border-bottom:1px solid #cacaca;
}
#UsefullContents .even {
	padding-top:10px;
}
#UsefullContents .body dl {
	float:left;
	width:260px;
	/*margin-right:20px;*/
	padding-right:20px;
}
#UsefullContents .body dt {
	font-size:116%;
}
#UsefullContents .body dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#UsefullContents .body p,
#UsefullContents .body li {
	margin:5px 0 0;
}
#UsefullContents .body ul {
	margin-top:10px;
}
#UsefullContents .body .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}


/* --------------------------------
■06.#SubAreaBlock(サブエリアブロック)
--------------------------------
#SubAreaブロック内で使う、メインの角丸ブロックです。
なお、育毛カテゴリー内の場合、メイン扱いの子ブロックの背景色などが変わります。
[div.box1 div.box2 div.box3] - 外側
[～ div.section] - 各子ブロック
[～ div.section.first] - 先頭のブロック
[～ div.section.end] - 末端のブロック
[～ div.section.article] - メイン扱い
[～ div.section.aside] - サブ扱い
[～ div.section div.box-frame] - 各ブロックの中身
-------------------------------- */
#SubAreaBlock {
	margin:0 0 10px;
	background:#f3f3f3;
	*zoom:1;	/* IE5.5-7 */
}
#SubAreaBlock .box1 {
	padding:1px 0 0;
	background:url("../img/bg/bg_circle_w370_e0e9e8_box1_line.gif") no-repeat center top;
}
#SubAreaBlock .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w370_e0e9e8_box2_line.gif") no-repeat center bottom;
}
#SubAreaBlock .box3 {
	padding:0 1px;
	background:url("../img/bg/bg_circle_w370_e0e9e8_box3_line.gif") repeat-y center top;
}
/* .section */
#SubAreaBlock .section {
	*zoom:1;	/* IE5.5-7 */
}
#SubAreaBlock .article {
	border-bottom:1px solid #e0e9e8;
}
#SubAreaBlock .aside {
	margin:0 2px;
	border-bottom:1px solid #ccc;
}
#SubAreaBlock .first {
	border-top:none;
}
#SubAreaBlock .end {
	border-bottom:none;
}
/* .box-frame */
#SubAreaBlock .section .box-frame {
	border:2px #fff solid;
	*zoom:1;	/* IE5.5-7 */
}
#SubAreaBlock .article .box-frame {
	padding:10px 7px;
}
#SubAreaBlock .aside .box-frame {
	padding:7px;
	border-style:solid none none;
}
#SubAreaBlock .first .box-frame {
	border-top:none;
}
#SubAreaBlock .end .box-frame {
	border-bottom:none;
}
#SubAreaBlock .aside .box-frame {
	background-color:#d6e5e8;
}
#Hair #SubAreaBlock .aside .box-frame {
	background-color:#ebe8cf;
}
/* .title */
#SubAreaBlock .article .title {
	padding:0 5px 10px;
	border-bottom:1px solid #bccfcd;
}
#SubAreaBlock .aside dt.title {
	margin:0 0 5px;
	padding:0 0 1px;
	border-bottom:1px solid #bccfcd;
	background:#fff;
}
#Hair #SubAreaBlock .aside dt.title {
	border-bottom-color:#8e7660;
}
#SubAreaBlock .aside dt.title span {
	display:block;
	padding:5px;
	background:#036;
	color:#fff;
	font-size:116%;
}
#Hair #SubAreaBlock .aside dt.title span {
	background:#3f3c30;
}
/* .more */
#SubAreaBlock .article .more {
	margin:5px 0 0;
	padding:7px 0 0;
	border-top:1px solid #bccfcd;
	text-align:center;
}
#SubAreaBlock .aside .more {
	padding:5px;
}
#SubAreaBlock .aside .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

/* --------------------------------
■□06-01.#Guide(案内)
--------------------------------
上野クリニックやスキンサポートクリニックの案内ブロックです。
[h2.title] - 見出し
[p.lead] - リード文
[ul.text.nav] - テキストメニュー
[ul.banner.nav] - バナーメニュー
[p.more] - 上野クリニック10+2の安心
[dl] - クリニック所在地
[dl dt] - 見出し
[dl dd ul li] - 所在地
[dl dd ul li.first] - 先頭の所在地
[dl dd ul li.end] - 末端の所在地
-------------------------------- */
#SubAreaBlock #Guide .box-frame {
	padding-bottom:10px;
}
#Guide .title {
	padding-left:0;
}
#Guide .lead,
#Guide .text {
	margin:5px 0;
}
#Guide .lead {
	line-height:1.6;
}
#Guide .nav {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Guide .nav li {
	float:left;
	margin-right:5px;
}

#Guide .consul li p.more2{
	margin-top:25px;
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

#Guide .nav.text li {
	margin-right:10px;
	white-space:nowrap;
}
#Guide .text li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#Guide .box-frame dl {
	line-height:1.6;
	margin:5px 0 0;
	padding:8px;
	border:1px solid #ccc;
	background:#fff;
}
#Guide .box-frame dd ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Guide .box-frame dd ul li {
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #069;
}
#Guide .box-frame dd ul li.end {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#Guide .box-frame dd ul li a {
	white-space:nowrap;
}

#Guide .title2 {
	background: transparent url(/common/img/line/line_side_dotted_999999.gif) repeat-x scroll left top;
	padding-top:1px;
	margin-top:8px;
}

/* --------------------------------
■□06-02.#Near(地域の上野クリニックを探す)
--------------------------------
最寄りのクリニック数件を出力するブロックです。
[dl] - 入れ物
[dl dt.title] - 見出し
[dl dd.body] - 中身
[dl dd.body p.lead] - リード文
[dl dd.body ul.nav] - メニュー
[dl dd.body p.more] - 他の地域のクリニックを探す
-------------------------------- */
/* docodocoを使うため削除
#SubAreaBlock #Near .box-frame {
	padding-top:15px;
	background:url("../img/pic/pic_near-clinic_japan-map.gif") no-repeat 95% 35px;
}
*/

#SubAreaBlock #Near .box-frame {
	margin:0px;padding:0px;
	
}

#Near .title {
	margin-right:60px;
}
#Near .more {
	margin-top:20px;
	padding-top:15px;
}
#Near .lead {
	margin:10px 0 00px 10px;
	line-height:18px;
}
#Near .nav {
	overflow:hidden;
	border-top:1px solid #bccfcd;
	background:url("../img/bg/bg_gradetion_h51_ffffff-f3f3f3.jpg") repeat-x left top;
	font-size:116%;
	font-weight:bold;
	_zoom:1;	/* IE6 */
}
#Near .nav li {
	float:left;
	width:49%;
	margin:20px 0 0;
}
#Near .nav a {
	margin-left:10px;
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#Near .box-frame img {
	margin: 0 0 0 10px;
}
#Near .box-frame .title img {
	margin: 0 0 0 0px;
}

/* --------------------------------
■□06-03.#SubFAQGuide(よくある質問)
--------------------------------
#SubArea用のよくある質問ブロックです。
[dl] - 入れ物
[dl dt.title] - 見出し
[dl dd.body] - 中身
[dl dd.body p.lead] - リード文
[dl dd.body ul.nav] - メニュー
[dl dd.body p.more] - よくある質問一覧へ
[dl dd.body dl] - よく検索されているワード
[dl dd.body dl dt] - 見出し
[dl dd.body dl dd ul li] - 検索されている各ワード
[dl dd.body dl dd ul li.pickup] - 特に目立つワード
-------------------------------- */
#SubFAQGuide .nav li {
	padding:5px 5px 6px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#SubFAQGuide .nav a {
	padding:2px 0 2px 20px;
	background:url("../img/icon/icon_q_blue.gif") no-repeat left top;
}
#SubFAQGuide .body dl {
	padding:7px 10px;
	border:2px solid #f60;
	background:#fff;
}
#SubFAQGuide .body dl dt {
	margin:0 0 5px;
}
#SubFAQGuide .body dl ul {
	line-height:1.6;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SubFAQGuide .body dl li {
	float:left;
	margin-right:7px;
}
#SubFAQGuide .body dl li a {
	white-space:nowrap;
}
#SubFAQGuide .body dl li.pickup a {
	padding:2px;
	background:#fc3;
}

/* --------------------------------
■□06-04.#SubTroubleGuide / #SubTopicsGuide(みんなの悩み/トピックス)
--------------------------------
#SubArea用のみんなの悩みブロックとトピックスブロックです。
使用ページ：包茎セカンド
[dl] - 入れ物
[dl dt.title] - 見出し
[dl dd.body] - 中身
[dl dd.body ul.nav/dl] - 項目
[dl dd.body ul.nav li/dt+dd] - 各項目
[dl dd.body dl dt] - 項目見出し
[dl dd.body dl dd] - 項目リード文
[dl dd.body p.more] - 一覧へ
-------------------------------- */
#SubTroubleGuide ul,
#SubTopicsGuide .body dl {
	margin:0 0 -1px;
}
#SubTroubleGuide li,
#SubTopicsGuide .body dd {
	line-height:1.6;
	padding:5px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#SubTroubleGuide li a {
	font-weight:bold;
}
#SubTroubleGuide .more,
#SubTopicsGuide .more {
	border-top:1px solid #94b1ae;
}
#SubTopicsGuide .body dt {
	padding:5px 5px 0;
}
#SubTopicsGuide .body dd {
	padding-top:0;
}
.topixtitle {
	float:left;
}
.newicon {
	float:left;margin-top:2px;
}

/* --------------------------------
■□06-05.#SubExperienceGuide(体験者の声)
--------------------------------
#SubArea用の体験者の声ブロックです。
使用ページ：包茎セカンド
[dl] - 入れ物
[dl dt.title] - 見出し
[dl dd.body] - 中身
[dl dd.body div.pickup] - ピックアップ体験談
[dl dd.body div.pickup p.title] - ピックアップ見出し
[dl dd.body div.pickup p.author] - ピックアップ体験者
[dl dd.body div.pickup p.lead] - ピックアップ体験内容
[dl dd.body div.pickup p.lead a.more] - …続きを読む
[dl dd.body ul.nav] - その他体験談
[dl dd.body ul.nav li] - 各体験談
[dl dd.body p.more] - 体験談へ
-------------------------------- */
#SubExperienceGuide .pickup {
	padding:10px 0;
	background:url("../img/pic/pic_male_bg-white.gif") no-repeat 10px 10px;
}
#SubExperienceGuide p {
	margin:0 0 10px;
	padding:0 10px;
}
#SubExperienceGuide p.title,
#SubExperienceGuide p.author {
	padding-left:60px;
}
#SubExperienceGuide p.title {
	font-size:116%;
	font-weight:bold;
}
#SubExperienceGuide p.lead {
	line-height:1.6;
}
#SubExperienceGuide .author .icon {
	vertical-align:middle;
	margin-right:5px;
}
#SubExperienceGuide .nav {
	border-bottom:1px solid #94b1ae;
}
#SubExperienceGuide .nav li {
	padding:7px 5px;
	line-height:1.6;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
}
#SubExperienceGuide .nav a {
	font-weight:bold;
}

/* --------------------------------
■□世論調査モジュール
--------------------------------*/
#SubPublic .honnne_prim {
	background:transparent url(/img/phimotic/side_hk_public.jpg) no-repeat scroll  255px 0px;
	height:120px;
}


#SubPublic .honnne_prim .textarea {
	width:250px;
}

#SubPublic .honnne_title {
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

#SubPublic .honne_desc {
	line-height:18px;
	padding-left:5px;
}

#SubPublic .honnne_item {
	padding-left:5px;
	line-height:18px;
}

#SubPublic .honnne_item a {
	background:transparent url(/common/img/arrow/arrow_triangle_right_blue.gif) no-repeat scroll left center;
	padding-left:8px;
}
/* --------------------------------
■□06-06.#JapanClinic(全国の上野クリニックを探す)
--------------------------------
#SubArea内で使用する、上野クリニックを探すの全国版です。
使用ページ：グランドトップ
[div.box-frame dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 内容
[～ dd.body dl] - 各地方
[～ dd.body dl.odd] - 奇数（左側）地方
[～ dd.body dl.even] - 偶数（右側）地方
[～ dd.body dl.wide] - 規模の大きい地方
[～ dd.body dl.* dt] - 地方名
[～ dd.body dl.* dd ul li] - 各地のクリニック
[～ dd.body dl.* dd ul li.first] - 先頭のクリニック
[～ dd.body dl.* dd ul li.end] - 末端のクリニック
-------------------------------- */
#JapanClinic .box-frame {
	padding-top:4px!important;
	padding-bottom:0!important;
}
#JapanClinic .title {
	padding:0 0 2px!important;
}
#JapanClinic .body {
	overflow:hidden;
	padding:8px 5px 0;
	_zoom:1;	/* IE6 */
}
#JapanClinic .body dl {
	width:160px;
}
#JapanClinic .body dl.odd {
	float:left;
}
#JapanClinic .body dl.even {
	float:right;
}
#JapanClinic .body dl.wide {
	float:none;
	clear:both;
	width:100%;
}
#JapanClinic .body dl dt {
	padding:3px 5px;
	border:1px solid #fff;
	background:#e1e9e7;
	font-size:116%;
}
#JapanClinic .body dl dd {
	padding:5px 5px 10px;
}
#JapanClinic .body dl dd ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#JapanClinic .body dl dd ul li {
	float:left;
	white-space:nowrap;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #069;
}
#JapanClinic .body dl dd ul li.end {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

/* --------------------------------
■□06-07.#UenoClinicNews(NEWS)
--------------------------------
#SubArea内で使用する、上野クリニックのニュースブロックです。
[div.box-frame dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 内容
[～ dd.body ul.nav li] - 各ニュース
[～ dd.body dl] - よく検索されているワード
[～ dd.body dl dt] - 見出し
[～ dd.body dl dd ul li] - 各ワード
[～ dd.body dl dd ul li.pickup] - 特に目立つワード
-------------------------------- */
#UenoClinicNews .title,
#UenoClinicNews .title span {
	background:transparent!important;
}
#UenoClinicNews .title span {
	padding-bottom:3px!important;
	border-bottom:1px solid #fff;
}
#UenoClinicNews .body .nav {
	padding:7px 7px 0;
}
#UenoClinicNews .body .nav li {
	margin-bottom:5px;
}
#UenoClinicNews .body dl {
	padding:7px 10px;
	border:2px solid #f60;
	background:#fff;
}
#UenoClinicNews .body dl dt {
	margin:0 0 5px;
}
#UenoClinicNews .body dl ul {
	line-height:1.6;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#UenoClinicNews .body dl li {
	float:left;
	margin-right:7px;
}
#UenoClinicNews .body dl li a {
	white-space:nowrap;
}
#UenoClinicNews .body dl li.pickup a {
	padding:2px;
	background:#fc3;
}


/* --------------------------------
■07.#MobileArea(モバイルサイト)
--------------------------------
#SubArea用のモバイルサイトの案内ブロックです。
使用ページ：包茎トップ、育毛セカンド、育毛サード
[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt] - 見出し
[～ dd] - 中身
[～ dd img.title] - QRコード
[～ dd p.lead] - リード文
-------------------------------- */
#MobileArea {
	margin:0 0 10px;
	background:#fff url("../img/bg/bg_gradetion_h101_ffffff-e8e8e8.jpg") repeat-x left bottom;
	*zoom:1;	/* IE5.5-7 */
}
#MobileArea .box1 {
	padding:4px 0 0;
	background:url("../img/bg/bg_circle_w370_dddddd_box1_line.gif") no-repeat center top;
}
#MobileArea .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w370_dddddd_box2_line.gif") no-repeat center bottom;
}
#MobileArea .box3 {
	position:relative;
	min-height:70px;
	_height:70px;	/* IE6 */
	line-height:1.4;
	padding:13px 17px 13px 100px;
	background:url("../img/bg/bg_circle_w370_dddddd_box3_line.gif") repeat-y center top;
}
#MobileArea dl {
	margin-left:5px;
}
#MobileArea dt {
	font-size:116%;
}
#MobileArea .title {
	position:absolute;
	left:10px;
	top:10px;
}


/* --------------------------------
■08.#Cat2LeadBlock(リード文ブロック)
--------------------------------
#MainAreaのリード文ブロックです。
使用ページ：包茎セカンド、育毛セカンド、育毛サード

[div.header div.box1 div.box2 div.box3] - 見出しエリア
[div.header ～ ol] - パンくずリスト
[div.header ～ ol li strong] - 現在地
[div.header ～ h1/p.title] - ページ見出し
[div#FAQAnswer] - Q&Aブロック
[div#FAQAnswer h1] - Q
[div#FAQAnswer div.answer] - A
[div#FAQAnswer div.answer p.lead] - A本体
[div#FAQAnswer div.answer p.more] - 関連情報リンク
[img.visual] - イメージ画像
[p.lead] - リード文
[p.catch span] - リード文、文中見出し
[div.guide3 div.box1 div.box2 div.box3] - 3項目用解説エリア
[div.guide3 ～ dl] - 各項目
[div.guide3 ～ dl dt] - 項目名
[div.guide3 ～ dl dd] - 項目内容
[div.guide4 div.box1 div.box2 div.box3] - 4項目用解説エリア
[div.guide4 ～ h2.title] - 解説見出し
[div.guide4 ～ div.body] - 解説内容
[div.guide4 ～ div.body div.group] - 各行
[div.guide4 ～ div.body div.group.first] - 先頭の行
[div.guide4 ～ div.body div.group.end] - 末端の行
[div.guide4 ～ div.body div.group dl] - 各項目
[div.guide4 ～ div.body div.group dl.odd] - 奇数個目の項目（左）
[div.guide4 ～ div.body div.group dl.even] - 偶数個目の項目（右）
[div.guide4 ～ div.body div.group dl dt] - 項目名
[div.guide4 ～ div.body div.group dl dd p] - 解説内容
[div.guide4 ～ div.body div.group dl dd ul.nav] - 詳細リンクメニュー
[div.attention-page] - 注目しているページ
[div.attention-page dt] - 見出し
[div.attention-page dd ul.nav li] - 各ページ
[dl.search] - 調べる
[dl.search dt.title] - 見出し
[dl.search dd.body dl] - 内容
[dl.search dd.body dl dt] - 中カテゴリー
[dl.search dd.body dl dd ul li] - 小カテゴリー
[dl.search dd.body dl dd ul li.first] - 先頭のカテゴリー
[dl.search dd.body dl dd ul li.end] - 末端のカテゴリー
[div.about-ueno-clinic div.box-frame div.box-body] - 上野クリニックの紹介
[div.about-ueno-clinic ～ h2] - 見出し
[div.about-ueno-clinic ～ p.lead] - リード文
[div.about-ueno-clinic ～ ul.text.nav] - テキストメニュー
[div.about-ueno-clinic ～ ul.banner.nav] - バナーメニュー
[div.pickup] - 同じ悩みをもつ人がよく見ている質問
[div.pickup h2] - 見出し
[div.pickup ul li] - 各悩み
[table.clinic-info] - クリニック情報
[table.clinic-info tr.address] - 住所行
[table.clinic-info tr.tell] - TELL行
[table.clinic-info tr.tell td.mobile dl] - モバイルサイト情報
[table.clinic-info tr.tell td.mobile dl dt] - 見出し
[table.clinic-info tr.tell td.mobile dl dd img] - QRコード
[table.clinic-info tr.time] - 診療時間行
[table.clinic-info tr.access] - アクセス行
[dl.counseling-reserve] - カウンセリング予約について
[dl.counseling-reserve dt a img] - 見出しバナー
[dl.counseling-reserve dd p.attention] - ※書き
[dl.counseling-reserve dd p.lead] - 説明文
[dl.mails] - お手紙コンテンツ
-------------------------------- */
#Cat2LeadBlock .header,
#Cat2LeadBlock .header a {
	color:#fff;
}
#Cat2LeadBlock .header {
	margin:0 0 20px;
	background:#069;
	*zoom:1;	/* IE5.5-7 */
}
#Hair #Cat2LeadBlock .header {
	background-color:#8e7660;
}
#Cat2LeadBlock .header .box1 {
	padding:3px 0 0;
	background:url("../img/bg/bg_circle_w590_006699_box1.gif") no-repeat center top;
}
#Hair #Cat2LeadBlock .header .box1 {
	background-image:url("../img/bg/bg_circle_w590_8e7660_box1.gif");
}
#Cat2LeadBlock .header .box2 {
	padding:0 0 3px;
	background:url("../img/bg/bg_circle_w590_006699_box2.gif") no-repeat center bottom;
}
#Hair #Cat2LeadBlock .header .box2 {
	background-image:url("../img/bg/bg_circle_w590_8e7660_box2.gif");
}
#Cat2LeadBlock .header ol {
	overflow:hidden;
	padding:5px 10px;
	border-bottom:1px solid #66a3c2;
	color:#fff;
	_zoom:1;	/* IE6 */
}
#Hair #Cat2LeadBlock .header ol {
	border-bottom-color:#bbada0;
}
#Cat2LeadBlock .header li {
	float:left;
	padding:0 10px 0 5px;
	background:url("../img/icon/icon_breadcrumbs-list.gif") no-repeat right center;
	white-space:nowrap;
}
#Cat2LeadBlock .header li.now {
	background-image:none;
}
#Cat2LeadBlock .header a {
	text-decoration:underline;
}
#Cat2LeadBlock .header a:hover {
	text-decoration:none;
}
#Cat2LeadBlock .header h1,
#Cat2LeadBlock .header p.title {
	padding:10px;
	border-top:1px solid #036;
	font-size:183%;
	font-weight:bold;
}
#Hair #Cat2LeadBlock .header h1,
#Hair #Cat2LeadBlock .header p.title {
	border-top-color:#4f3724;
}

#FAQAnswer {
	margin:10px;
	margin-top:-10px;
}
#FAQAnswer h1,
#FAQAnswer .answer {
	min-height:36px;
	_height:36px;	/* IE6 */
	padding:5px 0 0 50px;
}
#FAQAnswer h1 {
	min-height:31px;
	_height:31px;	/* IE6 */
	padding-top:10px;
	background:url("../img/pic/pic_male_bg-white.gif") no-repeat 4px 50%;
	font-size:133%;
	font-weight:bold;
}
#FAQAnswer .answer {
	margin:15px 0 0;
	background:url("../img/pic/pic_docter_bg-white.gif") no-repeat left top;
}
#FAQAnswer .answer p {
	margin:0!important;
}
#FAQAnswer div.more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

#Cat2LeadBlock .visual {
	float:right;
}
#Cat2LeadBlock .lead,
#Cat2LeadBlock p.more {
	clear:left;
	line-height:1.6;
	margin:0 10px 10px;
}
#Cat2LeadBlock p.more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#Cat2LeadBlock .catch {
	float:left;
	margin:0 0 10px;
	background:url("../img/bg/bg_catch-text_underline_ffcc33.gif") repeat-x left bottom;
	font-size:150%;
	font-weight:bold;
}
#Cat2LeadBlock .catch span {
	display:block;
	float:left;
	padding:0 2em 5px 10px;
	background:url("../img/bg/bg_catch-text_underline_ffcc33_span.gif") no-repeat right bottom;
}

#Cat2LeadBlock .guide3 {
	margin:0 -4px 0 -2px;
	*zoom:1;	/* IE5.5-7 */
}
#Cat2LeadBlock .guide3 .box1 {
	padding:7px 0 0;
	background:url("../img/bg/bg_circle_shadow_box1.gif") no-repeat center top;
}
#Cat2LeadBlock .guide3 .box2 {
	padding:0 0 7px;
	background:url("../img/bg/bg_circle_shadow_box2.gif") no-repeat center bottom;
}
#Cat2LeadBlock .guide3 .box3 {
	overflow:hidden;
	padding:10px 0 10px 8px;
	background:url("../img/bg/bg_circle_shadow_box3.gif") repeat-y center top;
	_zoom:1;	/* IE6 */
}
#Cat2LeadBlock .guide3 dl {
	float:left;
	width:176px;
	padding:0 10px;
}
#Cat2LeadBlock .guide3 dt {
	margin:0 0 10px;
	font-size:133%;
}
#Cat2LeadBlock .guide3 dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#Cat2LeadBlock .guide3 dd {
	line-height:1.6;
}
#Cat2LeadBlock .guide3 dd .visual {
	float:right;
	margin:0 0 10px;
	padding:0 10px 0 15px;
}

#Cat2LeadBlock .guide4,
#SkineSaportRelatedContents {
	margin:0 -4px 0 -2px;
	*zoom:1;	/* IE5.5-7 */
}
#SkineSaportRelatedContents {
	margin-top:-25px!important;
	margin-bottom:10px!important;
}
#Cat2LeadBlock .guide4 .box1,
#SkineSaportRelatedContents .box1 {
	padding:7px 0 0;
	background:url("../img/bg/bg_circle_w596_c49b6f_box1_line_shadow.gif") no-repeat center top;
}
#Cat2LeadBlock .guide4 .box2,
#SkineSaportRelatedContents .box2 {
	padding:0 0 7px;
	background:url("../img/bg/bg_circle_w596_c49b6f_box2_line_shadow.gif") no-repeat center bottom;
}
#Cat2LeadBlock .guide4 .box3,
#SkineSaportRelatedContents .box3 {
	padding:10px 20px 10px 18px;
	background:url("../img/bg/bg_circle_w596_c49b6f_box3_line_shadow.gif") repeat-y center top;
}
#Cat2LeadBlock .guide4 .title {
	margin:0 0 10px;
	font-size:133%;
	font-weight:bold;
}
#Cat2LeadBlock .guide4 .body {
	background:url("../img/line/line_vertical_dotted_999999.gif") repeat-y center top;
}
#Cat2LeadBlock .guide4 .group {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Cat2LeadBlock .guide4 .first {
	padding:0 0 10px;
	border-bottom:1px solid #999;
}
#Cat2LeadBlock .guide4 .end {
	padding:10px 0 0;
}
#Cat2LeadBlock .guide4 .group dl {
	width:270px;
}
#Cat2LeadBlock .guide4 .group dl.odd {
	float:left;
}
#Cat2LeadBlock .guide4 .group dl.even {
	float:right;
}
#Cat2LeadBlock .guide4 .group dt {
	margin:0 0 5px;
	font-size:116%;
}
#Cat2LeadBlock .guide4 .group dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#Cat2LeadBlock .guide4 .group dd .nav {
	line-height:1.6;
	overflow:hidden;
	margin:5px 0 0;
	_zoom:1;	/* IE6 */
}
#Cat2LeadBlock .guide4 .group dd li {
	float:left;
	margin-right:5px;
}
#Cat2LeadBlock .guide4 .group dd li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}

#Cat2LeadBlock .banner {
	margin:10px 0;
	text-align:center;
}

#MainArea .attention-page {
	margin:5px 0 10px;
	padding:0 13px 10px;
	border:1px solid #ff6701;
	background:#ffe;
}
#MainArea .attention-page dt {
	margin:10px 0 5px;
	font-size:116%;
}
#MainArea .attention-page ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#MainArea .attention-page li {
	float:left;
	margin-right:10px;
}
#MainArea .attention-page li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}

#Cat2LeadBlock .search {
	margin:10px 0;
	padding:10px 15px;
	background:#f5f5f5;
}
#Cat2LeadBlock .search .title {
	font-size:116%;
}
#Cat2LeadBlock .search .body dt {
	margin:10px 0 5px;
}
#Cat2LeadBlock .search .body dt a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#Cat2LeadBlock .search .body ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#Cat2LeadBlock .search .body li {
	float:left;
	padding:0 10px;
	border-left:1px solid #039;
	white-space:nowrap;
}
#Cat2LeadBlock .search .body li.first {
	padding-left:0;
	border-left:none;
}

#Cat2LeadBlock div.pickup {
	position:relative;
	margin-top:-10px;
	overflow:visible;
}
#Cat2LeadBlock div.pickup h2 {
	padding:5px 10px;
	font-size:133%;
}
#Cat2LeadBlock div.pickup ul {
	border-top:1px solid #ccc;
}
#Cat2LeadBlock div.pickup li {
	padding:7px 10px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
}
#Cat2LeadBlock div.pickup li.first {
	background-image:none;
}
#Cat2LeadBlock div.pickup li a {
	padding:4px 0 4px 20px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
}

#Cat2LeadBlock .clinic-info {
	width:100%;
	margin:-10px 0 10px!important;
}
#Cat2LeadBlock .clinic-info tr {
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#Cat2LeadBlock .clinic-info tr.access {
	background-image:none;
}
#Cat2LeadBlock .clinic-info th,
#Cat2LeadBlock .clinic-info td {
	padding:7px;
}
#Cat2LeadBlock .clinic-info th {
	width:5em;
	white-space:nowrap;
}
#Cat2LeadBlock .clinic-info .tell address {
	color:#c00;
	font-size:133%;
	font-weight:bold;
}
#Cat2LeadBlock .clinic-info td.mobile {
	width:235px;
	padding:0;
	background:#fff;
	text-align:right;
}
#Cat2LeadBlock .clinic-info .mobile dl {
	border:1px solid #CCCCCC;
	line-height:1.6;
	margin:0 0 0 auto;
	min-height:60px;
	padding:10px 10px 10px 80px;
	position:relative;
	text-align:left;
	width:140px;
}
#Cat2LeadBlock .clinic-info .mobile dd {
	font-size:83%;
}
#Cat2LeadBlock .clinic-info .mobile dd img {
	position:absolute;
	left:10px;
	top:10px;
}

#MainArea .counseling-reserve {
	line-height:1.6;
	overflow:hidden;
	padding:8px;
	background:#f3f3f3;
	_zoom:1;	/* IE6 */
}
#MainArea .counseling-reserve dt {
	float:left;
	margin:0 10px 0 0;
}
#MainArea .counseling-reserve dd {
	padding:5px 0 0;
}
#MainArea .counseling-reserve .attention {
	font-weight:bold;
}
#MainArea .counseling-reserve .lead {
	clear:none;
}

#MainArea .mails {
	line-height:1.6;
	overflow:hidden;
	background:#f3f3f3;
	_zoom:1;	/* IE6 */
}

#MainArea .about-ueno-clinic {
	padding:1px 0;
	border:1px #ccc;
	border-style:solid none;
	width:588px;
	overflow:hidden;
}
#MainArea .about-ueno-clinic .box-frame {
	padding:15px 5px 0px 15px;
	background:#f3f3f3 url("../img/bg/bg_gradetion_h150_f3f3f3-cccccc.jpg") repeat-x left bottom;
}
#MainArea .about-ueno-clinic .box-body {
	position:relative;
	width:auto;
	min-height:186px;
	_height:186px;	/* IE6 */
	margin:0;
	padding:0 0 0 70px;
	background:url("../img/pic/pic_about-ueno-clinic_entrance.jpg") no-repeat left top;
}
#MainArea .about-ueno-clinic dt {
	font-size:150%;
}
#MainArea .about-ueno-clinic .lead {
	margin:5px 0;
}
#MainArea .about-ueno-clinic ul {
	line-height:1.6;
	overflow:hidden;
	margin:5px 0 0;
	_zoom:1;	/* IE6 */
}
#MainArea .about-ueno-clinic li {
	float:left;
	margin-right:5px;
}
#MainArea .about-ueno-clinic .text a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}
#MainArea .about-ueno-clinic .consul li p.more {
	margin-top:25px;
}
#MainArea .about-ueno-clinic .consul li p.more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

/* --------------------------------
■09.#FAQGuide(よくある質問)
--------------------------------
よくある質問を紹介しているブロックです。
使用ページ：包茎セカンド、育毛セカンド、育毛サード

[h2.pickup] - 見出し
[p.lead] - リード文
[div.nav] - 質問リスト
[div.nav ul] - 各行
[div.nav ul li] - 各質問
-------------------------------- */
#FAQGuide {
	padding-bottom:4px;
}
#FAQGuide .lead {
	line-height:1.6;
	margin:10px 15px 5px;
}
#FAQGuide .nav ul {
	overflow:hidden;
	padding:2px 0 2px;
	_zoom:1;	/* IE6 */
}
#FAQGuide .nav ul.end {
	background-image:none;
	padding:3px 0 10px;
}
#FAQGuide .nav li {
	float:left;
	width:285px;
	padding:0 0 0 10px;
}
#FAQGuide .nav li a {
	display:block;
	padding:5px 0 5px 20px;
	background:url("../img/icon/icon_q_blue.gif") no-repeat left center;
}


/* --------------------------------
■10.#OperationStep(手術の流れ概要)
--------------------------------
包茎手術の手順を紹介しているブロックです。
使用ページ：包茎セカンド

[div.box1 div.box2 div.box3] - 入れ物
[～ p.title] - 見出し
[～ p.lead] - リード文
[～ p.more] - 包茎手術の流れへ
[～ ol] - フロー図
-------------------------------- */
#OperationStep {
	margin:0px -4px 30px -2px!important;
}
#OperationStep .box1 {
	padding:5px 0 0;
	background:url("../img/bg/bg_circle_w596_skyblue_box1_line_shadow.gif") no-repeat center top;
	_zoom:1;	/* IE6 */
}
#OperationStep .box2 {
	padding:0 0 7px;
	background:url("../img/bg/bg_circle_w596_skyblue_box2_line_shadow.gif") no-repeat center bottom;
}
#OperationStep .box3 {
	padding:12px 13px 7px;
	background:url("../img/bg/bg_circle_w596_skyblue_box3_line_shadow.gif") repeat-y center top;
}
#OperationStep p {
	padding:0 5px 10px;
}
#OperationStep .title {
	color:#036;
	font-size:150%;
	font-weight:bold;
}
#OperationStep .lead {
	float:left;
}
#OperationStep .more {
	float:right;
}
#OperationStep .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#OperationStep ol {
	clear:both;
	overflow:hidden;
	background:#459dc2;
	color:#fff;
	_zoom:1;	/* IE6 */
}
#OperationStep li {
	float:left;
}


/* --------------------------------
■11.#SkineSaportRelatedContents(スキンサポートの自毛植毛)
--------------------------------
スキンサポートの自毛植毛を紹介しているブロックです。
使用ページ：育毛セカンド、育毛サード

[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 中身
[～ dd.body p.lead] - リード文
[～ dd.body ul.nav] - メニュー
[～ dd.body dl] - AGA
[～ dd.body dl dt] - 見出し
[～ dd.body dl dd ul.nav] - メニュー
-------------------------------- */
#SkineSaportRelatedContents .title {
	margin:0 0 5px;
	color:#4d351a;
	font-size:150%;
	font-weight:bold;
}
#SkineSaportRelatedContents .lead {
	margin:0 0 5px;
	line-height:1.6;
}
#SkineSaportRelatedContents .nav {
	line-height:1.6;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SkineSaportRelatedContents .nav li {
	float:left;
	margin-right:5px;
}
#SkineSaportRelatedContents .nav li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}
#SkineSaportRelatedContents .body dl {
	margin:10px 0 0;
	padding:10px 0 0;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
}
#SkineSaportRelatedContents .body dt {
	font-size:116%;
}


/* --------------------------------
■12.#SkineSaportHairTransplantGuide(体験者の声)
--------------------------------
#SubArea内で設置する、スキンサポート自毛植毛の体験者の声を紹介しているブロックです。
使用ページ：育毛セカンド、育毛サード

[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 中身
[～ dd.body p.lead] - リード文
[～ dd.body ul.nav] - メニュー
[～ dd.body dl] - 体験談
[～ dd.body dl dt] - 体験談見出し
[～ dd.body dl dd ul.nav] - 各体験
[～ dd.body p.more] - 体験談へ
-------------------------------- */
#SkineSaportHairTransplantGuide {
	margin:0 0 10px;
}
#SkineSaportHairTransplantGuide .box1 {
	padding:4px 0 0;
	background:url("../img/bg/bg_circle_w370_cc9966_box1_line.gif") no-repeat center top;
}
#SkineSaportHairTransplantGuide .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w370_cc9966_box2_line.gif") no-repeat center bottom;
}
#SkineSaportHairTransplantGuide .box3 {
	padding:0 4px;
	background:url("../img/bg/bg_circle_w370_cc9966_box3_line.gif") repeat-y center top;
	*zoom:1;	/* IE5.5-7 */
}
#SkineSaportHairTransplantGuide .title {
	padding:0 0 4px;
	border:1px solid #f7f6cd;
	background:#978469 url("../img/bg/bg_gradetion_h4_978469-ebe8cf.gif") repeat-x left bottom;
	font-size:133%;
}
#SkineSaportHairTransplantGuide .title .title_bk {
	display:block;
	padding:5px 10px;
	background:#e4dabe url("../img/bg/hair_experience_side_bar_head.jpg") no-repeat left bottom;
}
#SkineSaportHairTransplantGuide .title .title_bk span{
	padding-left:30px;
}

#SkineSaportHairTransplantGuide dd {
	padding:0px 5px 5px 5px;
}

#SkineSaportHairTransplantGuide .pickup {
	background:transparent url(../img/pic/pic_male_bg-white.gif) no-repeat scroll 10px 10px;
	padding:10px 0;
}
#SkineSaportHairTransplantGuide .pickup .title {
	font-size:116%;
	font-weight:bold;
	padding-left:60px;
	background-position: 0px -100px;
	background-color: transparent;
	border:none;
}
#SkineSaportHairTransplantGuide .pickup .author {
	padding-left:60px;
	margin-bottom:10px;
}

#SkineSaportHairTransplantGuide .pickup .lead {
	margin:0 0;
	padding:0 10px;
}

#SkineSaportHairTransplantGuide .nav li {
	background:transparent url(../img/line/line_side_dotted_999999.gif) repeat-x scroll left top;
	line-height:1.6;
	padding:7px 5px;
}
#SkineSaportHairTransplantGuide .nav a {
	font-weight:bold;
}


#SkineSaportHairTransplantGuide .more {
	background:transparent url(../img/line/line_side_dotted_999999.gif) repeat-x scroll left top;
	padding:5px;
}
#SkineSaportHairTransplantGuide .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}



/* --------------------------------
■13.#SkineSaportClinicGuide(スキンサポートクリニック)
--------------------------------
#SubArea内で設置する、スキンサポートクリニックを紹介しているブロックです。
使用ページ：育毛セカンド、育毛サード

[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 中身
[～ dd.body p.lead] - リード文
[～ dd.body ul.text.nav] - メニュー
-------------------------------- */
#SkineSaportClinicGuide {
	margin:0 0 10px;
	background:#f3f3f3;
	*zoom:1;	/* IE5.5-7 */
}
#SkineSaportClinicGuide .box1 {
	padding:3px 0 0;
	background:url("../img/bg/bg_circle_w370_f3f3f3_box1_line.gif") no-repeat center top;
}
#SkineSaportClinicGuide .box2 {
	padding:0 0 3px;
	background:url("../img/bg/bg_circle_w370_f3f3f3_box2_line.gif") no-repeat center bottom;
}
#SkineSaportClinicGuide .box3 {
	padding:0 3px 0;
	background:url("../img/bg/bg_circle_w370_f3f3f3_box3_line.gif") repeat-y center top;
}
#SkineSaportClinicGuide dl {
	padding:15px;
}
#SkineSaportClinicGuide .title {
	margin:0 0 5px;
	font-size:116%;
	font-weight:bold;
}
#SkineSaportClinicGuide .body {
	line-height:1.6;
}
#SkineSaportClinicGuide .nav {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SkineSaportClinicGuide .nav li {
	float:left;
	margin-right:10px;
}
#SkineSaportClinicGuide .nav li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}


/* --------------------------------
■14.#FAQCategoryGuide(よくある質問一覧)
--------------------------------
よくある質問一覧ページで使用している目次ブロックです。
使用ページ：よくある質問_一覧

[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt.title] - 見出し
[～ dd.body] - 中身
[～ dd.body p.lead] - リード文
[～ dd.body ul.text.nav] - メニュー
-------------------------------- */
#FAQCategoryGuide .lead {
	margin:10px 10px 5px;
}
#FAQCategoryGuide .nav {
	overflow:hidden;
	padding:0 10px 10px;
	background:url("../img/bg/bg_gradetion_h4_b7b7b7-f8f8f8.gif") repeat-x left bottom;
	_zoom:1;	/* IE6 */
}
#FAQCategoryGuide .nav .group {
	float:left;
	width:49%;
}
#FAQCategoryGuide .nav dt {
	padding:2px 20px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
	font-size:116%;
}
#FAQCategoryGuide .nav dd {
	margin:0 0 15px;
	padding:0 2em 0 0;
}
#FAQCategoryGuide .nav li {
	margin:5px 0 0;
	padding-left:7px;
	text-indent:-7px;
}


/* --------------------------------
■15.#OperationFlow / #AboutClinic(包茎手術の流れを見る/上野クリニックについて)
--------------------------------
上野クリニックについての案内をしているブロックです。
使用ページ：
#OperationFlow = よくある質問_一覧、よくある質問_詳細
#AboutClinic = クリニック所在地

[h2] - 見出し
[dl] - 内容
[dl dt] - 大カテゴリー名
[dl dd ul li] - 中カテゴリー名
-------------------------------- */
#OperationFlow,
#AboutClinic {
	margin:-20px 0 10px!important;
	padding:10px 10px 0;
	background:#f5f5f5;
	_zoom:1;	/* IE6 */
}
#AboutClinic {
	margin:0 0 40px!important;
}
#OperationFlow h2,
#AboutClinic h2 {
	margin:0 0 5px;
	font-size:116%;
}
#OperationFlow dl,
#AboutClinic dl {
	padding:0 0 1px;
}
#OperationFlow dt,
#AboutClinic dt {
	margin:0 0 5px;
	font-weight:normal;
}
#OperationFlow dt a,
#AboutClinic dt a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#OperationFlow dd,
#AboutClinic dd {
	margin:0 0 10px;
}
#OperationFlow dd ul,
#AboutClinic dd ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#OperationFlow dd li,
#AboutClinic dd li {
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #039;
}
#OperationFlow dd li.first,
#AboutClinic dd li.first {
	padding-left:0;
}
#OperationFlow dd li.end,
#AboutClinic dd li.end {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#tpointFlow {
 border:2px solid #cecece;
 background:url(../../img/phimotic/price/tpoint_bg.gif) left center no-repeat;
 margin:20px 0 0;
 padding:15px 22px 15px 22px;
 overflow:hidden;
 zoom:1;
}
#tpointFlow .left {
 float:left;
}
#tpointFlow .right {
 float:right;
 width:162px;
}
#tpointFlow .right p {
 padding:3px 0 0;
}

/* --------------------------------
■16.#FAQCategoryRelatedGuide(関連した質問)
--------------------------------
よくある質問詳細ページで、関連した質問を案内しているブロックです。
使用ページ：よくある質問_詳細
[h2.pickup] - 見出し
[dl.pickup] - 代表的な質問
[dl.pickup dt] - 質問内容
[dl.pickup dd] - 回答内容
[dl.pickup dt.first/dd.first] - 先頭（上端）の質問
[dl.pickup dt.end/dd.end] - 末端（下端）の質問
[dl.pickup dd p.lead] - 回答
[dl.pickup dd p.more] - 関連リンク
[dl.nav] - その他の質問
[dl.nav dt] - 見出し
[dl.nav dd ul li] - 質問
[dl.attention-page] - 注目しているページ
-------------------------------- */
#FAQCategoryRelatedGuide {
	margin:-10px 0 30px!important;
}
#FAQCategoryRelatedGuide h2 {
	margin:0!important;
}
#FAQCategoryRelatedGuide dl.pickup {
	padding:0 10px 4px;
	background:url("../img/bg/bg_gradetion_h4_dadada-f0f0f0.gif") repeat-x left bottom;
}
#FAQCategoryRelatedGuide dl.pickup dt {
	padding:15px 0 5px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left top;
}
#FAQCategoryRelatedGuide dl.pickup dt.first {
	background-image:none;
}
#FAQCategoryRelatedGuide dl.pickup dt a {
	padding-left:20px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
	font-size:116%;
}
#FAQCategoryRelatedGuide dl.pickup dd {
	line-height:1.6;
	padding:0 0 15px;
}
#FAQCategoryRelatedGuide dl.pickup dd .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#FAQCategoryRelatedGuide dl.nav {
	padding:15px 10px;
}
#FAQCategoryRelatedGuide dl.nav dt {
	font-size:116%;
}
#FAQCategoryRelatedGuide dl.nav li {
	margin-top:5px;
}


/* --------------------------------
■17.#ClinicAccess(クリニックアクセス)
--------------------------------
クリニック所在地ページで、クリニックへの地図やアクセス方法をまとめたブロックです。
使用ページ：クリニック所在地
[p.print a] - このページを印刷する
[div#ClinicMap] - 地図（GoogleMap使用）
[p.guide] - 説明文
[table] - 責任者情報
[table thead tr td] - 見出し行
[table tbody tr th] - 責任者名
[table tbody tr td pre] - 経歴
-------------------------------- */
#ClinicAccess {
	margin-top:20px;
	padding:0 0 30px;
}
#ClinicAccess .print {
	margin:0 0 10px;
	text-align:center;
}
#ClinicAccess .print a {
	padding-left:17px;
	background:url("../img/icon/icon_print.gif") no-repeat left center;
}
#ClinicAccess .guide {
	line-height:1.6;
	margin:7px 10px;
}
#ClinicAccess table {
	width:100%;
	margin:10px 0 0;
	border-collapse:collapse;
}
#ClinicAccess table th,
#ClinicAccess table td {
	padding:5px;
	border:1px solid #ccc;
}
#ClinicAccess table thead td {
	background:#efefef;
	text-align:center;
	font-weight:bold;
}
#ClinicAccess table th {
	width:150px;
	font-size:116%;
	text-align:center;
}
#ClinicAccess table tbody td {
	padding:10px 15px;
}
#ClinicAccess pre {
	line-height:1.6;
	margin:0;
	padding:0;
}


/* --------------------------------
■18.clinic-appeal(クリニックPR)
--------------------------------
上野クリニックのPRエリアです。
使用ページ：クリニック所在地
[dl dt] - 見出し
[dl dd ul li] - リンク
-------------------------------- */
#MainArea .clinic-appeal {
	padding:10px;
	background:#ffe;
}
#MainArea .clinic-appeal dt {
	margin:0 0 5px;
	font-size:116%;
}
#MainArea .clinic-appeal ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#MainArea .clinic-appeal li {
	float:left;
	margin-right:15px;
}
#MainArea .clinic-appeal li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}


/* --------------------------------
■19.#NearClinicGuide(近くの上野クリニック)
--------------------------------
現在見ているクリニックの、付近の他のクリニックの案内ブロックです。
使用ページ：クリニック所在地
[div.list] - リスト
[div.list h2] - 見出し
[div.list p.more] - 上野クリニック所在地一覧
[div.list div] - 医院集
[div.list div dl] - 医院
[div.list div dl dt] - 医院名
[div.list div dl dd.access] - アクセス方法
[div.list div dl dd.info address/p] - 住所・TELL・診療時間
[div.list div dl dd.info address/p span] - 項目名
[dl.attention-page] - 注目しているページ
[div#AboutClinic] - 上野クリニックについて
-------------------------------- */
#NearClinicGuide .list {
	margin:0 0 10px;
	padding:2px;
	border:1px solid #e0e9e8;
}
#NearClinicGuide .list .box-frame {
	padding:7px 7px 0;
	background:#f3f3f3;
}
#NearClinicGuide .list h2 {
	float:left;
	padding:0 5px 5px;
	font-size:116%;
}
#NearClinicGuide .list .more {
	float:right;
}
#NearClinicGuide .list .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#NearClinicGuide .list .box-frame div {
	clear:both;
	border-top:1px solid #fff;
}
#NearClinicGuide .list dl {
	padding:10px 7px;
	border-top:1px solid #bccfcd;
	border-bottom:1px solid #fff;
	background:url("../img/bg/bg_gradetion_h43_fdfdfd-f4f4f4.gif") repeat-x 0 1px;
}
#NearClinicGuide .list dt {
	float:left;
	width:16em;
	font-size:116%;
}
#NearClinicGuide .list dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#NearClinicGuide .list dd.access {
	padding:2px 0 0;
}
#NearClinicGuide .list dd.info {
	clear:both;
	padding:10px 0 0;
}
#NearClinicGuide .list dd.info address,
#NearClinicGuide .list dd.info p {
	display:inline;
	margin-right:1em;
}
#NearClinicGuide .list dd.info span {
	font-weight:bold;
}


/* --------------------------------
■20.#AboutHK(包茎手術)
--------------------------------
包茎手術カテゴリーを紹介するブロックです。
使用ページ：グランドトップ
[h2.pickup] - 見出し
[dl.topics] - 包茎トピックス
[dl.topics dt.title] - 見出し
[dl.topics dd.body] - 内容
[dl.topics dd.body dl dt] - トピックス名
[dl.topics dd.body dl dd] - トピックス内容
[dl.topics dd.body p.more] - 包茎トピックス一覧へ
[dl.trouble] - よくある質問
[dl.trouble dt.title] - 見出し
[dl.trouble dd.body] - 内容
[dl.trouble dd.body ul li] - 各悩み
[dl.trouble dd.body p.more] - よくある質問一覧へ
[dl.contents] - 誰にも聞けない包茎のこと、教えます
[dl.contents dt.title] - 見出し
[dl.contents dd.body] - 内容
[dl.contents dd.body dl.no01] - 包茎ってなに？
[dl.contents dd.body dl.no02] - 画像で見る包茎のタイプ
[dl.contents dd.body dl.no03] - 包茎の治療法
[dl.contents dd.body dl.no04] - 包茎手術の流れ
[dl.contents dd.body dl.* dt] - 大カテゴリー名
[dl.contents dd.body dl.* dd ul li] - 中カテゴリー名
-------------------------------- */
#AboutHK p.more {
	padding:5px 10px;
}
#AboutHK p.more a,
#AboutHK .contents .body li {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#AboutHK .topics,
#AboutHK .trouble {
	width:285px;
	margin:0 0 15px;
}
#AboutHK .contents {
	clear:both;
}
#AboutHK .topics {
	float:left;
}
#AboutHK .trouble {
	float:right;
}
#AboutHK dt.title {
	padding:0 10px 5px;
	border-bottom:1px solid #ccc;
}
#AboutHK .topics .body dt {
	padding:10px;
	font-size:116%;
}
#AboutHK .topics .body dt img {
	margin-left:5px;
}
#AboutHK .topics .body dd {
	padding:0 10px 10px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#AboutHK .trouble dt.title,
#AboutHK .trouble li {
	padding:5px;
}
#AboutHK .trouble dt.title {
	padding-top:0;
}
#AboutHK .trouble li {
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#AboutHK .trouble li div {
	height:15px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
}
#AboutHK .trouble li div a {
	padding-left:20px;
}
#AboutHK .contents {
	padding:10px;
	background:#ffe;
}
#AboutHK .contents .title {
	margin:0 0 10px;
	padding:0;
	border-bottom:none;
}
#AboutHK .contents .body {
	overflow:hidden;
	background:url("../../img/bg_g-top_about-hk_contents_body.gif") repeat-y center top;
	_zoom:1;	/* IE6 */
}
#AboutHK .contents .body dl {
	float:left;
	padding:0 5px;
}
#AboutHK .contents .body dl.no01 {
	width:120px;
	padding-left:0;
}
#AboutHK .contents .body dl.no02 {
	width:156px;
}
#AboutHK .contents .body dl.no03 {
	width:132px;
}
#AboutHK .contents .body dl.no04 {
	width:130px;
	padding-right:0;
}
#AboutHK .contents .title,
#AboutHK .contents .body dt {
	font-size:108%;
}
#AboutHK .contents .body li {
	margin:5px 0 0;
}


/* --------------------------------
■21.#ContentsNav(コンテンツメニュー)
--------------------------------
下位カテゴリーを紹介するブロックです。
使用ページ：グランドトップ
[div.section] - 各下位カテゴリー
[div.section.std] - STD
[div.section h2 span.value] - 見出し
[div.section h2 span.value span] - サブ見出し
[div.section ul.nav] - 内容
[div.section ul.nav li] - 各内容
-------------------------------- */
#ContentsNav {
	overflow:hidden;
	border-bottom:1px solid #ccc;
	background:url("../../img/bg_g-top_contents-nav_std_body.gif") repeat-y center top;
	_zoom:1;	/* IE6 */
}
#ContentsNav .section {
	float:left;
	margin-bottom:0!important;
}
#ContentsNav .std {
	width:181px;
}
#ContentsNav .ed {
	width:210px;
}
#ContentsNav .big-magnum {
	width:199px;
}
#ContentsNav h2 {
	border-right:1px solid #fff;
	border-bottom:1px solid #ccc;
}
#ContentsNav .big-magnum h2 {
	border-right:none;
}
#ContentsNav h2 .value {
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #fff;
	background:#036;
	color:#fff;
	font-size:133%;
}
#ContentsNav h2 a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_f3f3f3-blue_bg-blue.gif") no-repeat left center;
	color:#fff;
}
#ContentsNav h2 .value span {
	margin-left:5px;
	font-size:75%;
}
#ContentsNav .nav {
	padding:10px 10px 5px;
}
#ContentsNav .nav li {
	margin:0 0 5px;
}
#ContentsNav .nav li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#ContentsNav .nav li.sub a {
	padding-left:0;
	background-image:none;
}


/* --------------------------------
■22.#SubHairGuide(頭髪カテゴリー)
--------------------------------
#SubArea内で使用する、頭髪カテゴリーのコンテンツメニューです。
使用ページ：グランドトップ
[div.box1 div.box2 div.box3 div.box4] - 入れ物
[～ dl] - 大カテゴリー
[～ dl dt] - 大カテゴリー名
[～ dl dd ul li] - 中カテゴリー名
[～ p] - 注意書き
-------------------------------- */
#SubHairGuide {
	margin:0 -3px 0px 0;
}
#SubHairGuide .box1 {
	padding:6px 0 0;
	background:url("../img/bg/bg_circle_w373_ffffff_box1_line_shadow.gif") no-repeat center top;
}
#SubHairGuide .box2 {
	padding:0 0 7px;
	background:url("../img/bg/bg_circle_w373_ffffff_box2_line_shadow.gif") no-repeat center bottom;
}
#SubHairGuide .box3 {
	padding:0 6px 0 3px;
	background:url("../img/bg/bg_circle_w373_ffffff_box3_line_shadow.gif") repeat-y center top;
}
#SubHairGuide .box4 {
	background:#fff url("../img/bg/bg_gradetion_h120_ffffff-eeeeee.jpg") repeat-x left bottom;
	*zoom:1;	/* IE5-7 */
}
#SubHairGuide dl {
	padding:5px 5px;
	border-bottom:1px solid #ccc;
}
#SubHairGuide dt {
	display:table-cell;
	*display:inline;	/* IE5-7 */
	width:113px;
	padding:0 0 0 7px;
	vertical-align:middle;
	font-size:116%;
	*zoom:1;	/* IE5-7 */
}
#SubHairGuide dd {
	display:table-cell;
	*display:inline;	/* IE5-7 */
	*width:234px;	/* IE5-7 */
	vertical-align:middle;
	*zoom:1;	/* IE5-7 */
}
#SubHairGuide dd ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SubHairGuide dd li {
	float:left;
	margin-right:5px;
}
#SubHairGuide dd li a {
	line-height: 20px;
	padding-left:8px;
	white-space:nowrap;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#SubHairGuide p {
	padding:7px 12px;
	font-size:83%;
}


/* --------------------------------
■23.g-top-sub-box(SubArea汎用角丸ボックス)
--------------------------------
#SubArea内で使用する、汎用の角丸ボックスです。
使用ページ：グランドトップ
[div.box1 div.box2 div.box3 dl] - 入れ物
[～ dt.title span] - 見出し
[～ dd.body] - 内容
[～ dd.body img] - イメージ画像
[～ dd.body p] - リード文
[～ dd.body p.more] - 関連リンク
-------------------------------- */
#SubArea .g-top-sub-box {
	margin:10px 0 0;
}
#SubArea .g-top-sub-box .box1 {
	padding:4px 0 0;
	background:url("../img/bg/bg_circle_w370_dddddd_box1_line.gif") no-repeat center top;
}
#SubArea .g-top-sub-box .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w370_dddddd_box2_line.gif") no-repeat center bottom;
}
#SubArea .g-top-sub-box .box3 {
	position:relative;
	padding:6px 180px 6px 15px;
	background:url("../img/bg/bg_circle_w370_dddddd_box3_line.gif") repeat-y center top;
}
#SubArea .g-top-sub-box#SubKoteki .box1 {
	padding:4px 0 0;
	margin-bottom:20px;
	background:url("../img/bg/bg_circle_w370_06386a_box1_b_line.gif") no-repeat center top;
}
#SubArea .g-top-sub-box#SubKoteki .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w370_06386a_box2_b_line.gif") no-repeat center bottom;
}
#SubArea .g-top-sub-box#SubKoteki .box3 {
	position:relative;
	padding:6px 15px;
	background:url("../img/bg/bg_circle_w370_06386a_box3_b_line.gif") repeat-y center top;
}

#SubArea #SubCMGallary .box3 {
	min-height:120px;
	_height:120px;	/* IE6 */
}
#SubArea #SubUenoComic .box3 {
	min-height:112px;
	_height:112px;	/* IE6 */
}
#SubArea #SubKoteki .box3 {
	min-height:96px;
	_height:96px;	/* IE6 */
}

#SubArea .g-top-sub-box .title {
	padding:4px 0;
	border-bottom:1px solid #ccc;
}
#SubArea .g-top-sub-box#SubKoteki .title {
	font-size:133%;
}

#SubArea .g-top-sub-box .body {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#SubArea .g-top-sub-box .body img {
	position:absolute;
	right:10px;
	top:5px;
}
#SubArea .g-top-sub-box .body p {
	line-height:1.6;
	margin:5px 0;
}
#SubArea .g-top-sub-box .body .more a,
#SubArea .g-top-sub-box .body li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#SubArea .g-top-sub-box .body li {
	float:left;
	width:49%;
	margin:5px 0 0;
}

#tpointArea {
 width:348px;
 overflow:hidden;
 zoom:1;
}
#tpointArea .left {
 float:left;
}
#tpointArea .right {
 float:right;
 width:224px;
}
#tpointArea .right p {
 margin:0 0 5px;
 line-height:1.4;
}
#tpointArea .right p a {
 background:url(../img/arrow/arrow_triangle_right_blue.gif) left center no-repeat;
 padding:0 0 0 10px;
}


/* --------------------------------
■24.#HairContentsNav(頭髪コンテンツ)
--------------------------------
頭髪トップページで使用している、頭髪カテゴリー内の案内ブロックです。
使用ページ：頭髪トップ
[div.banner a img] - PRバナー
[div#HairContents] - 育毛・自毛植毛
[div#AboutAGA] - AGAについて
-------------------------------- */
#HairContentsNav .section {
	margin:0 0 10px!important;
}
#MainArea #HairContents {
	margin:0 -3px 5px -1px!important;
}

/* --------------------------------
■□24-01.#HairContents(育毛・自毛植毛)
--------------------------------
育毛・自毛植毛カテゴリーの紹介ブロックです。
[div.box1 div.box2 div.box3] - 入れ物
[～ div.content] - 各カテゴリー
[～ div.content.odd] - 奇数（左側）のカテゴリー（育毛）
[～ div.content.even] - 偶数（右側）のカテゴリー（自毛植毛）
[～ div.content h2 span] - 見出し
[～ div.content div.body] - 内容
[～ div.content div.body p.lead] - リード文
[～ div.content div.body ul.nav li] - 下位カテゴリー
[～ div.content div.body div.experience] - 体験者の声
[～ div.content div.body div.experience h3 span] - 見出し
[～ div.content div.body div.experience dl dt] - 体験見出し
[～ div.content div.body div.experience dl dd] - 体験者
-------------------------------- */
#HairContents .box1 {
	padding:5px 0 0;
	background:url("../../img/content/bg_hair-contents_box1.gif") no-repeat center top;
}
#HairContents .box2 {
	padding:0 0 7px;
	background:url("../../img/content/bg_hair-contents_box2.gif") no-repeat center bottom;
}
#HairContents .box3 {
	overflow:hidden;
	padding:0 7px 0 5px;
	background:url("../../img/content/bg_hair-contents_box3.gif") repeat-y center top;
	_zoom:1;	/* IE6 */
}
#HairContents .content {
	width:285px;
}
#HairContents .odd {
	float:left;
}
#HairContents .even {
	float:right;
}
#HairContents h2 {
	padding:0 0 4px;
	border:1px solid #f7f6cd;
	background:#978469 url("../img/bg/bg_gradetion_h4_978469-ebe8cf.gif") repeat-x left bottom;
	font-size:133%;
}
#HairContents h2 span {
	display:block;
	padding:10px;
	background:#e4dabe url("../img/bg/bg_gradetion_h32_e4dabe-d3b995.jpg") repeat-x left bottom;
}
#HairContents .body {
	padding:10px 10px 0;
}
#HairContents div.lead {
}
#HairContents p.lead {
	line-height:1.6;
}
#HairContents .nav {
	overflow:hidden;
	line-height:1.6;
	margin:5px 0;
	_zoom:1;	/* IE6 */
}
#HairContents .nav li {
	float:left;
	margin-right:5px;
}
#HairContents .nav li a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
	white-space:nowrap;
}
#HairContents .body h3 {
	margin-top:10px;
	border-bottom:1px solid #c3af96;
	font-size:116%;
	font-weight:bold;
}
#HairContents .body h3 span {
	display:block;
	padding:2px 0 2px 35px;
	background:url("../img/icon/icon_message_bg-brown.gif") no-repeat 5px 100%;
}
#HairContents .body dt {
	padding:5px 5px 0;
}
#HairContents .body dd {
	padding:0 5px 5px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#HairContents .more {
	padding:5px;
}
#HairContents .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}

/* --------------------------------
■□24-02.#AboutAGA(AGAについて)
--------------------------------
AGAの紹介ブロックです。
[div.box1 div.box2 div.box3] - 入れ物
[～ h2 span.value] - 見出し
[～ div.body] - 内容
[～ div.body dl dt] - 中カテゴリー
[～ div.body dl dd ul li] - 小カテゴリー
[～ div.body dl dt.faq/dd.faq] - 頭髪のよくある質問
[～ div.body dl dd.faq ul] - 各行
[～ div.body dl dd.faq ul.odd] - 奇数行
[～ div.body dl dd.faq ul.even] - 偶数行
[～ div.body dl dd.faq ul.* li.odd] - 奇数個目（左側）
[～ div.body dl dd.faq ul.* li.even] - 偶数個目（右側）
-------------------------------- */
#AboutAGA .box1 {
	padding:4px 0 0;
	background:url("../img/bg/bg_circle_w590_ffffff_box1.gif") no-repeat center top;
}
#AboutAGA .box2 {
	padding:0 0 4px;
	background:url("../img/bg/bg_circle_w590_ffffff_box2.gif") no-repeat center bottom;
}
#AboutAGA .box3 {
	padding:0 4px;
	background:#fff url("../img/bg/bg_circle_w590_ffffff_box3.gif") repeat-y center top;
	*zoom:1;	/* IE5.5-7 */
}
#AboutAGA h2 {
	padding:0 0 5px;
	background:url("../img/bg/bg_gradetion_h4_b7b7b7-f8f8f8.gif") repeat-x left bottom;
	font-size:116%;
}
#AboutAGA h2 .value {
	display:block;
	padding:10px 10px 7px;
	background:#f5f7f4 url("../img/bg/bg_gradetion_h30_f5f7f4-e1e3df.jpg") repeat-x left bottom;
}
#AboutAGA h2 .value a {
	background:transparent url("../img/arrow/hair_top_arrow.gif") no-repeat left center;
	padding-left: 20px;
}
#AboutAGA .lead {
	margin-left:10px;
}
#AboutAGA .body {
	padding:0 14px;
}
#AboutAGA .body dt {
	margin:10px 0 5px;
}
#AboutAGA .body dt.faq {
	margin-bottom:0;
}
#AboutAGA .body ul {
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
#AboutAGA .body ul.even {
	padding-bottom:1px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#AboutAGA .body ul li {
	float:left;
	margin-right:10px;
}
#AboutAGA .body .faq li {
	width:260px;
	margin-right:0;
	padding:8px 2px;
}
#AboutAGA .body ul.odd li {
	padding-bottom:9px;
	background:url("../img/line/line_side_dotted_999999.gif") repeat-x left bottom;
}
#AboutAGA .body .faq li.odd {
	float:left;
}
#AboutAGA .body .faq li.even {
	float:right;
}
#AboutAGA .body ul li a,
#AboutAGA .body .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#AboutAGA .body .faq li a {
	padding:2px 0 2px 20px;
	background:url("../img/icon/icon_q_green.gif") no-repeat left center;
}
#AboutAGA .body .more {
	padding:8px 2px;
}

/*Newアイコン*/
img.new_icon {
	padding-bottom:3px;
	margin-right: 5px;
	margin-left: 5px;
}

.bro_newest {
	margin-top: 20px;
	margin-bottom: 20px;
}

.bro_newest dd{
	line-height: 15px;
	margin-bottom: 3px;
}

.bro_newest dd img{
	margin-right: 5px;
}

.bro_newest dt {
	margin-bottom: 5px;
	line-height: 18px;
}

.bro_newest dd a.list{
	background:transparent url(/common/img/arrow/arrow_triangle_right_blue.gif) no-repeat scroll left center;
	padding-left:8px;
}

.bro_newest dd img.new_icon {
	padding-bottom:2px;
}

.bro_newest .navi ul li a{
	background:transparent url(/common/img/arrow/arrow_triangle_right_blue.gif) no-repeat scroll left center;
	padding-left:10px;
}


#FAQCategoryRelatedGuide .nav li a{
	background:transparent url(/common/img/arrow/arrow_triangle_right_blue.gif) no-repeat scroll left center;
	padding-left:8px;
}

.offten_search_map dl{
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #FF6600;
	padding:7px 10px;
}

dl.offten_search_map {
	padding:7px 10px;
	border:2px solid #f60;
	background:#fff;
	margin:5px;
}
dl.offten_search_map  dt {
	margin:0 0 5px;
}
dl.offten_search_map  ul {
	line-height:1.6;
	overflow:hidden;
	_zoom:1;	/* IE6 */
}
dl.offten_search_map  li {
	float:left;
	margin-right:7px;
}
dl.offten_search_map  li a {
	white-space:nowrap;
}
dl.offten_search_map  li.pickup a {
	padding:2px;
	background:#fc3;
}

/*----------------共通部品----------------*/

/*分離バー 白*/
.sepalate_bar {
	background:transparent url(/std/img/line_sepalate_bar.gif) repeat-x scroll left top;
	height:2px;
	overflow:hidden;
}

/*分離バー 点線*/
.sepalate_bar_dot {
	background:transparent url(/common/img/line/line_side_dotted_999999.gif) repeat-x scroll left top;
	height:1px;
	overflow:hidden;
	margin: 5px 0px;
}

/*分離バー 実線 グレー*/
.sepalate_bar_solid_blue {
	height:6px;
	border-bottom:solid 1px #9DAFB1;
	width:100%;
	overflow:hidden;
	margin: 5px 0px;
}

/*メリット*/
.merit_header {
	background:transparent url(/common/img/bg/merit_bg_header.gif) no-repeat scroll left top;
	height:4px;
	width:560px;
	overflow:hidden;
}
.merit_body {
	background:transparent url(/common/img/bg/merit_bg_body.gif) repeat-y scroll left top;
	width:560px;
	padding:0px 0px;
}
.merit_body_context{
	margin:0px 10px;
}
.merit_footer {
	background:transparent url(/common/img/bg/merit_bg_footer.gif) no-repeat scroll left top;
	height:5px;
	width:560px;
	overflow:hidden;
	margin-bottom:10px;
}

.merit1 {
	background:transparent url(/common/img/icon/icon_no1.gif) no-repeat scroll left center;
	padding-left: 35px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	display:block;
	font-size:110%;
	padding-bottom:2px;
}

.merit2 {
	background:transparent url(/common/img/icon/icon_no2.gif) no-repeat scroll left center;
	padding-left: 35px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	display:block;
	font-size:110%;
	padding-bottom:2px;
}

.merit3 {
	background:transparent url(/common/img/icon/icon_no3.gif) no-repeat scroll left center;
	padding-left: 35px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	display:block;
	font-size:110%;
	padding-bottom:2px;
}

.merit4 {
	background:transparent url(/common/img/icon/icon_no4.gif) no-repeat scroll left center;
	padding-left: 35px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	display:block;
	font-size:110%;
	padding-bottom:2px;
}

.merit5 {
	background:transparent url(/common/img/icon/icon_no5.gif) no-repeat scroll left center;
	padding-left: 35px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	display:block;
	font-size:110%;
	padding-bottom:2px;
}

.merit_add_link {
	width:540px;
	text-align:right;
}

.merit_add_link a {
	background:transparent url(/common/img/arrow/arrow_triangle_right_blue.gif) no-repeat scroll left center;padding-left:8px;
}


.sub-area-banners-phimotic-lp {
	margin:10px 0;
}

/* --------------------------------
■ソーシャルメディア
-------------------------------- */
.socialmedia {
	margin: 10px 0px 10px 0px;
}

.socialmedia_contents {
	float:right;
}

.socialmedia_item {
	float: left;
	height:21px;margin:3px 3px 0 0;
}

/* --------------------------------
■02 #HeaderBody0(グランドトップ用ヘッダー)
--------------------------------
バナー追加。
-------------------------------- */

#HeaderBody0 .aside #banner_area {
	margin:5px 0 0 3px;
}
#HeaderBody0 .aside .nav li a {
	height:45px;
}

/* --------------------------------
■03.#yoyakuRightnow(左側コンテンツ／今すぐ予約)
--------------------------------

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

#yoyakuRightnow {
	*zoom:1;	/* IE5-7 */
	width:590px;
	margin:0 0 18px 0;
}
#yoyakuRightnow .bottom {
	width:590px;
	padding-bottom:14px;
	background:url(../../img/101222/bg_yoyaku_bottom.gif) 0 bottom no-repeat;
}
#yoyakuRightnow .inner {
	width:570px;
	padding:0 10px;
	background:url(../../img/101222/bg_yoyaku_inner.gif) 0 0 repeat-y;
}
#yoyakuRightnow .flow {
	width:550px;
	margin:10px 0 10px 0;
	padding:12px 10px 23px 10px;
	background:#F3F3F3;
	position:relative;
}
#yoyakuRightnow .flow h3 {
	margin-bottom:9px;
}
#yoyakuRightnow .flow a.link {
	position:absolute;
	top:17px;
	right:10px;
	padding-right:17px !important;
	background:url(../../img/101222/arrow_disc_blue.gif) right 0 no-repeat !important;
}
#yoyakuRightnow .flow_inner {
	width:550px;
	height:0;
	margin-bottom:24px;
	padding:123px 0 0 0;
	overflow:hidden;
	background:url(../../img/101222/yoyaku_flow.gif);
}
#yoyakuRightnow span {
	display:block;
	text-align:right;
}
#yoyakuRightnow a {
	padding-left:8px;
	background:url("/common/img/arrow/arrow_triangle_right_blue.gif") 0 center no-repeat;
}


/* --------------------------------
■03.#pickupContents(左側コンテンツ／Pick Up コンテンツ)
--------------------------------

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

#pickupContents {
	margin:2px -3px 15px -2px !important;
	*zoom:1;	/* IE5-7 */
	width:594px;
	padding-top:15px;
	background:url(../../img/101222/bg_pickup_top.gif) 0 0 no-repeat;
}
#pickupContents .box {
	background:url(../../img/101222/bg_pickup_inner_2.gif) 0 0 repeat-x;
}
#pickupContents .bottom {
	width:594px;
	padding-bottom:19px;
	background:url(../../img/101222/bg_pickup_bottom.gif) 0 bottom no-repeat;
}
#pickupContents .inner {
	width:570px;
	padding:0 14px 0 10px;
	background:url(../../img/101222/bg_pickup_inner.gif) 0 0 repeat-y;
}
#pickupContents h2 {
	margin-bottom:12px;
}
#pickupContents h3 {
	margin-bottom:10px;
	margin-left:2px;
}
#pickupContents dl {
	margin-left:2px;
	display:block;
}
#pickupContents dl#first {
	margin-bottom:13px;
	border-bottom:1px dotted #999;
	padding-bottom:10px;
}
#pickupContents dt {
	float:left;
	width:130px !important;
	display:block;
}
#pickupContents dd {
	margin-right:30px;
	float:left;
	display:block;
}
#pickupContents dd a {
	padding-left:8px;
	background:url("/common/img/arrow/arrow_triangle_right_blue.gif") 0 center no-repeat;
}

/* --------------------------------
■05.#SubArea.lp(右側コンテンツ／履歴とレコメンド)
--------------------------------

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

#recordRecomme {
	margin:0 0 10px;
	background:#f3f3f3;
	*zoom:1;	/* IE5.5-7 */
}
#recordRecomme .box1 {
	padding:1px 0 0;
	background:url("/common/img/bg/bg_circle_w370_e0e9e8_box1_line.gif") no-repeat center top;
}
#recordRecomme .box2 {
	padding:0 0 4px;
	background:url("/common/img/bg/bg_circle_w370_e0e9e8_box2_line.gif") no-repeat center bottom;
}
#recordRecomme .box3 {
	padding:15px 10px 14px 10px;
	background:url("/common/img/bg/bg_circle_w370_e0e9e8_box3_line.gif") repeat-y center top;
}
#recordRecomme .section {
	*zoom:1;	/* IE5.5-7 */
}
#recordRecomme h3 {
	margin-bottom:10px;
}
#recordRecomme ul {
	padding-bottom:2px;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
}
#recordRecomme ul li {
	margin-bottom:8px;
}
#recordRecomme ul li a {
	padding-left:9px;
	background:url("/common/img/arrow/arrow_triangle_right_blue.gif") 0 center no-repeat;
}
#recordRecomme dt {
	margin-bottom:9px;
}
#recordRecomme dd a {
	padding-left:9px;
	background:url("/common/img/arrow/arrow_triangle_right_blue.gif") 0 center no-repeat;
}

/* --------------------------------
■19.#OtegamiArea(近くの上野クリニック)
--------------------------------
現在見ているクリニックの、付近の他のクリニックの案内ブロックです。
使用ページ：クリニック所在地
[div.list] - リスト
[div.list h2] - 見出し
[div.list p.more] - 上野クリニック所在地一覧
[div.list div] - 医院集
[div.list div dl] - 医院
[div.list div dl dt] - 医院名
[div.list div dl dd.access] - アクセス方法
[div.list div dl dd.info address/p] - 住所・TELL・診療時間
[div.list div dl dd.info address/p span] - 項目名
[dl.attention-page] - 注目しているページ
[div#AboutClinic] - 上野クリニックについて
-------------------------------- */
#OtegamiArea .list {
	margin:0 0 10px;
	padding:2px;
	border:1px solid #e0e9e8;
}
#OtegamiArea .list .box-frame {
	padding:7px 7px 0;
	background:#f3f3f3;
}
#OtegamiArea .list h2 {
	float:left;
	padding:0 5px 5px;
	font-size:116%;
}
#OtegamiArea .list .more {
	float:right;
}
#OtegamiArea .list .more a {
	padding-left:8px;
	background:url("../img/arrow/arrow_triangle_right_blue.gif") no-repeat left center;
}
#OtegamiArea .list .box-frame div {
	clear:both;
	border-top:1px solid #fff;
}
#OtegamiArea .list dl {
	padding:10px 7px;
	border-top:1px solid #bccfcd;
	border-bottom:1px solid #fff;
	background:url("../img/bg/bg_gradetion_h43_fdfdfd-f4f4f4.gif") repeat-x 0 1px;
}
#OtegamiArea .list dt {
	float:left;
	width:16em;
	font-size:116%;
}
#OtegamiArea .list dt a {
	padding-left:16px;
	background:url("../img/arrow/arrow_arrow_blue-white_bg-white.gif") no-repeat left center;
}
#OtegamiArea .list dd.access {
	padding:2px 0 0;
}
#OtegamiArea .list dd.info {
	clear:both;
	padding:10px 0 0;
}
#OtegamiArea .list dd.info address,
#OtegamiArea .list dd.info p {
	display:inline;
	margin-right:1em;
}
#OtegamiArea .list dd.info span {
	font-weight:bold;
}

/* --------------------------------
■25.患者様からのお手紙
--------------------------------

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

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.light_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.light_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.light_rounded .pp_content .ppt { color: #000; }
	div.light_rounded .pp_content_container .pp_left,
	div.light_rounded .pp_content_container .pp_right { background: #fff; }
	div.light_rounded .pp_content { background-color: #fff; } /* Content background */
	div.light_rounded .pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_rounded .pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.light_rounded .pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_rounded .pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_rounded .pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_rounded .pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_rounded #pp_full_res .pp_inline { color: #000; } 
	div.light_rounded .pp_gallery a.pp_arrow_previous,
	div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	.pp_nav {display:none;}
	.pp_nav .pp_arrow_previous {display:none;}
	.pp_nav .currentTextHolder {display:none;}
	.pp_nav .pp_arrow_next {display:none;}
	
	div.light_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.light_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_rounded .pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.light_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.light_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.dark_rounded .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_rounded .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_rounded .pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.dark_rounded .pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_rounded .pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_rounded .pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_rounded .pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded .pp_description { color: #fff; }
	div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
	div.dark_rounded .pp_gallery a.pp_arrow_previous,
	div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_rounded .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_rounded .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }

	div.dark_rounded .pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_rounded .pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

	div.dark_rounded .pp_bottom .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

	div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_left ,
	div.dark_square .pp_middle,
	div.dark_square .pp_right,
	div.dark_square .pp_content { background: url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_description { color: #fff; }
	div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.dark_square .pp_content_container .pp_left { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
	div.dark_square .pp_content_container .pp_right { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
	div.dark_square .pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.dark_square .pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.dark_square .pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.dark_square .pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.dark_square .pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.dark_square #pp_full_res .pp_inline { color: #fff; }
	div.dark_square .pp_gallery a.pp_arrow_previous,
	div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.dark_square .pp_nav .pp_play { background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.dark_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.dark_square .pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.dark_square .pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.dark_square .pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.dark_square .pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #fff; }
	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 560px; height: 39px; background: url(../img/prettyPhoto/facebook/btn_close.gif) 0px 0px no-repeat; cursor: pointer; } /* Close button */
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */


	/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
	
	div.facebook .pp_top .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
	div.facebook .pp_top .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
	div.facebook .pp_top .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
	
	div.facebook .pp_content .ppt { color: #000; }
	div.facebook .pp_content_container .pp_left { background: url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
	div.facebook .pp_content_container .pp_right { background: url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
	div.facebook .pp_content { background: #fff; } /* Content background */
	div.facebook .pp_expand { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.facebook .pp_expand:hover { background: url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.facebook .pp_contract { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.facebook .pp_contract:hover { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.facebook .pp_close { width: 560px; height: 39px; background: url(../img/prettyPhoto/facebook/btn_close.gif) 0px 0px no-repeat; cursor: pointer; } /* Close button */
	div.facebook #pp_full_res .pp_inline { color: #000; } 
	div.facebook .pp_loaderIcon { background: url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
	
	div.facebook .pp_arrow_previous { background: url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
		div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
	div.facebook .pp_arrow_next { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
		div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
	div.facebook .pp_nav { margin-top: 0; }
	div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
	div.facebook .pp_nav .pp_play { background: url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
	div.facebook .pp_nav .pp_pause { background: url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
	
	div.facebook .pp_next:hover { background: url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.facebook .pp_previous:hover { background: url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.facebook .pp_bottom .pp_left { background: url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
	div.facebook .pp_bottom .pp_middle { background: url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
	div.facebook .pp_bottom .pp_right { background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}
		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0 0 5px 0;
				}
				
				.pp_nav {
					clear: left;
					float: left;
					margin: 3px 0 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				overflow: hidden;
				padding: 0;
				position: relative;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
			}
			
			.pp_gallery li.default a {
				background: url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			display: block;
			/*float: right;*/
			line-height:22px;
			text-indent: -10000px;
		}
		
		*:first-child+html a.pp_close {
			position:relative;
			top:-20px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}
/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	body{
		overflow-x:hidden;
	}
	
	#pp_full_res iframe{
		overflow-x:hidden;
	}