@charset "utf-8";
/* CSS Document */

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

/* HTMLタグ要素 */

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

body {
    padding: 0px;
    margin: 0px;
	font-size: 15px;
	color: #444444;
}

ul {
	padding: 0px;
	margin: 0px;
}

A {
	color: #000000;
    text-decoration: none;
	font-weight: bold;
}

A:hover {
	color: #444444;
}

/* 第二階層各ページタイトル */
h2 {
    font-size: 15px;
	color: #000000;
	border-bottom: 1px solid #E0DFE3;
	margin: 0px;
	padding: 10px;
	font-weight: normal;
}

h3 {
    font-size: 15px;
    margin: 0px;
}

h4 {
	font-size: 15px;
    margin: 0px;
}

h5 {
    margin: 0px;
}


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

/* 大外 */

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

#container {
    width: 100%;
}


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

/* キャッチフレーズ欄 */

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

#copy {
    position: relative;
    min-height: 18px;
	padding: 3px 140px 3px 3px;
	background-color: #FFFFFF;
	z-index: 3;
	font-size: 12px;
}

#container .copy_empty {
    min-height: inherit;	
}


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

/* ヘッダー */

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

#header {
    position: relative;
    background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_header.jpg) top left no-repeat #FFFFFF;
    border-bottom:6px solid #D4B045;
}


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

/* ショップ名 */

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

.shoplogo {
    padding: 8px 5px;
}

.shoptext {
	padding: 10px 50px 5px 5px;
	min-height: 40px;
}

.shoptext A {
	font-size: 22px;
	margin: 0px;
}

.shoplogo img {
    max-width: 250px;
}


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

/* 電話番号 */

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

.teltop {
	height: 40px;
    position: absolute;
	top: 0px;
	right: 8px;
}

.teltop A {
    display: block;
	height: 35px;
	padding: 5px 0px 0px 27px;
	background-image: url(img/tel.png);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	font-size: 13px;
	text-align: right;
}


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

/* 写真 */

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

#photo {
    width: 100%;
	height: 100%;
	text-align: center;
}


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

/* 上部ナビゲーション */

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

.topnavi ul {
    width: 100%;
    display: table;
	background-color: #FFFFFF;
}

.topnavi li {
    display: table-cell;
}

/* 3列 */
.column3 .posleft,
.column3 .posright {
    width: 33%;
}

.column3 .poscenter {
    width: 34%;
}

/* 2列 */
.column2 .posleft,
.column2 .posright {
    width: 50%;
}

/* 1列 */
.column1 .poscenter {
    width: 100%;
}

/* 右余白削除 */
.column3 .posright A,
.column2 .posright A,
.column1 .poscenter A {
	margin-right: 0px;
}

.topnavi A {
    display: block;
	padding: 8px 0px;
	margin-right: 1px;
	text-align: center;
	background-color: #F5F5F5;
	text-align: center;
	font-size: 14px;
}

.navi_on A {
    background-image: url(img/topnavi_on_bg.gif);
	background-size: 700px 150px;
	background-position: center bottom;
	background-color: #F7F4D0;
}

.topnavi A {
    min-height: 22px;
}
.en_version .topnavi A {
    min-height: 20px;
}

/* ヘッダー折り畳みメニューボタン */
.toggle_menu {
    position: absolute;
	top: 15px;
	right: 10px;	
}

/* ヘッダー折り畳みメニュー */
#headernavi {
	background-color: #F5F5F5;
	padding-top: 10px;
}

/* 各メニュー */
#headernavi .header_navi {
	border-bottom: 1px dotted #333333;
}

/* アイコン画像 */
#headernavi .header_navi_link {
	display: block;
	padding: 8px 20px 8px 5px;
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: right center;
    color: #000000;
	font-size: 12px;
	font-weight: normal;
}

.navi_close A {
	display: block;
	padding: 10px;
	text-align: center;
	background-color: #222222;
}


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

/* メインコンテンツ */

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

.contents {
	clear: both;
	padding: 10px 5px 5px;
}

/* 角丸 */
.detail_item h1,
h2,
li.toppos {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

li.bottompos {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#headernavi .header_navi.toppos,
#footernavi .footer_navi.toppos {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

#headernavi .header_navi.bottompos,
#footernavi .footer_navi.bottompos {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


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

/* 一覧
・トップページメニュー(写真のみ)
・サービスメニュー、スタッフ一覧ページ(説明付き、写真のみ)
・クーポン、最新情報、ダイアリー
*/

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

.item_list {
   width: 100%;	
}

/* 一覧説明 */
.main_desc {
    padding: 5px 10px;    
}

/* 一覧背景 /*/
.item_data {
	background-color: #FFFFFF;
}

/* 一覧余白 */
.inner_item_data {
    padding: 5px;	
}

#photo .inner_item_data {
    padding: 0px;	
}

/* メニュー名 */
.contents .list_item_table .item_name {
    color: #000000;
	font-weight: bold;
}

/* メニュー販売価格 */
.price {
    color: #666666;
}

/* 一覧内販売価格 */
.list_item_table .price {
	font-weight: normal;
}

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

/* 説明付き */

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

/* 左右レイアウト */
.layout_text .inner_item_data {
   display: table;
   min-height: 80px;
}

/* 写真なし */
.layout_text .empty_photo {
   min-height: 40px;	
}

/* サムネイル写真 */
.layout_text .list_item_photo {
    width: 80px;
	display: table-cell;
	vertical-align: middle;
}

/* 一覧情報枠 */
.layout_text .list_item_data {
	display: table-cell;
	vertical-align: middle;
	min-height: 70px;
	padding: 5px 5px 5px 10px;
}

/* 写真なし */
.layout_text .empty_photo .list_item_data {
	min-height: 40px;
}

/* アイコン画像 */
.contents .layout_text A,
.contents .layout_text .not_link {
	display: block;
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: 1px solid #E0DFE3;
	padding-right: 30px;
}

/* リンク指定がない場合 */
.contents .layout_text .text_mode {
	font-weight: bold;
	border-bottom: 1px solid #E0DFE3;
}

/* 詳細ページ利用なしの場合 */
.contents .layout_text .list_mode A,
.contents .layout_text .list_mode .not_link {
	background-image: none;
	padding-right: 0px;
}

/* メニュー販売価格 */
.contents .layout_text li .price {
    font-size: 12px;
}

/* 日付 */
.date {
    color: #000000;
	font-size: 12px;
	font-weight: normal;
}

/* 説明 */
.data_desc {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}


/* クーポン用指定 */

/* 背景 */
.coupon_item_list .item_data {
	background-color: #F9F9F9;
	border-radius: 5px;
}

.top_page_body .contents .coupon_item_list .list_item_table A,
.contents .coupon_item_list .list_item_table .data_desc {
    border-bottom: none;
}

/* 文字色 */
.contents .coupon_item_list .list_item_table A,
.contents .coupon_item_list .list_item_table .data_desc {
    color: #000000;	
}

/* アイコン画像 */
.contents .coupon_item_list A {
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
}


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

/* 写真のみ表示  */

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

/* トップページ用大枠余白 */
.top_page_body .item_list {
	margin-bottom: 20px;
}

/* 大枠背景 */
.layout_photo .list_item_table {
	background-color: #FFFFFF;
}

/* 説明付き背景リセット */
.layout_photo .item_data {
	background-image: none;
}

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

/* 各枠横幅 */

/* 3カラム */
.layout_photo .col3 li {
	float: left;
	width: 33.3%;
}

/* 2カラム */
.layout_photo .col2 li {
	float: left;
	width: 50%;
}

/*--------------------------------------*/
/* サムネイル写真 */
.layout_photo .list_item_photo {
	padding: 5px;
	border: 1px solid #E0DFE3;
	text-align: center;
}

.layout_photo .list_item_photo img {
	width: 100%;
    height: auto;
    max-width: 350px;
    border: none;
}

/* 詳細タイトル、価格枠 */
.layout_photo .list_item_data {
    padding: 5px;	
}

/* リンク */
.contents .layout_photo A {
	display: block;
}

/* メニュー名、販売価格 */
.contents .layout_photo li p {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* もっと見る */
.contents .layout_photo .more_item A {
    display: block;
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: right center;
	border-top: 1px solid #E0DFE3;
	padding: 13px 25px 11px 10px;
	margin: 0px 5px;
	text-align: right;
}

/* 写真のみ文字サイズ */
.contents .layout_photo A,
.contents .layout_photo li,
.contents .layout_photo li p {
    font-size: 11px;
}

.contents .layout_photo .col2 A,
.contents .layout_photo .col2 li,
.contents .layout_photo .col2 li p {
    font-size: 13px;
}

/* 件数表示 */
.data_count {
	padding: 5px 10px;
    background-color: #FFFFFF;
	border-bottom: 1px dotted #E0DFE3;
	font-size: 12px;	
}

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

/* ソート */

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

.sort {
    min-height: 30px;
	padding: 10px 5px;
}

/* ソート項目枠 */
.sort_list {
	display: table;
	position: absolute;
	right: 0px;
}

.sort_layout_icons,
.sort_order {
	display: table-cell;
	padding: 0px 10px;
	font-size: 13px;
}

/* 区切り線 */
.sort_layout_icons {
    border-right: 1px solid #E0DFE3;
}

/* アイコン画像 */
.sort_layout_icons img {
	margin: 0px 2px;
}

/* 未選択時透過 */
.imgalpha {
	-moz-opacity:0.2;
	opacity:0.2;
	filter: alpha(opacity=20);
}


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

/* スライド */

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

/* トップ画像背景 */
#photo .item_data {
    background-image: none;
	background-color: transparent;	
}

/* スライド送り枠 */
.swipe_list .pointer_box {
    padding: 5px 0px;
	margin-bottom: 15px;
    text-align:center;
}

.detail_item .swipe_list .pointer_box {
    padding-top: 15px;	
}

#photo .swipe_list .pointer_box {
	padding-bottom: 0px;
    margin-bottom: 0px;
}

/* スライド送り */
.swipe_list .pointer span {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0px 5px 8px;
	border: 1px solid #CCCCCC;
    border-radius: 8px;
    cursor: pointer; 
}

/* 現スライド */
.swipe_list .pointer span.current {
    background-color: #000000;
	border: 1px solid #000000;
}

/* 前へ、次へアイコン */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next {
    display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0px 10px;
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #CCCCCC;
	border-radius: 25px;
	cursor: pointer;
}

/* 前へアイコン画像 */
.swipe_list .pointer_box span.pointer_prev {	
	background-image: url(img/icon_prev.gif);
}

/* 次へアイコン画像 */
.swipe_list .pointer_box span.pointer_next {
	background-image: url(img/icon_next.gif);
}


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

/* トップページ各ボタン */

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

/* 各ナビゲーション　アイコン画像、背景画像 */
.contents .navi_freepage A,
.contents .navi_global A {
    display: block;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 13px 20px 11px 10px;
	color: #330000;
}

.navi_freepage li,
.navi_global li {
	background-position: left bottom;
	background-repeat: repeat-x;
	margin-bottom: 1px;
	border-bottom: 1px solid #E7E7E7;
}

/* フリーページ */
.navi_freepage A {
    background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
}

.navi_freepage li {
	background-color: #FFFFFF;
}

/* その他 */
.contents .navi_global A {
    background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
}

.navi_global li {
	background-color: #FFFFFF;
}

/* ボタン余白指定 */
.navi_coupon ul,
.navi_global ul,
.navi_freepage ul {
	margin-bottom: 10px;
}


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

/* 第二階層タイトル内ボタン */

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

.pagemain {
    position: relative;
}

/* 共通アイコン付きリンク */
.global_icon A {
    display: block;
	width: 100%;
	height: 20px;
	padding: 5px 0px 6px;
	background-image: url(img/icon_srb.gif);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	text-indent: 15px;
}

/* アイコン設定時枠 */
.global_icon_image {
    display: block;
	padding: 5px 0px;
}

/* 共通説明 */
.page_desc {
    padding: 10px;	
}


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

/* 第二階層サブタイトル */

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

/* 各ページサブタイトル */
h3.subtitle {
	padding: 12px 10px 10px;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
}

h3#toppos {
    margin-top: 0px;
}


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

/* 第二階層背景色 */

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

.pagedata {
    background-color: #FFFFFF;
	padding: 1px 0px 8px;
}

.diary_page_body .pagedata,
.whatnew_page_body .pagedata,
.coupon_page_body .pagedata {
    padding-top: 0px;
}

.global_bg {
    background-color: #FFFFFF;
	position: relative;	
}


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

/* 第二階層小項目セット　タイトル、内容 */

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

.sectitle,
.secdata {
    width: 100%;
}

.sectitle p,
.form_data .sectitle p {
    border-bottom: 1px solid #E0DFE3;
    padding: 10px 0px 5px;
	margin: 5px 10px 0px;
	font-weight: bold;
	color: #000000;
}

.secdata p,
.secdata .data {
    padding: 5px;
	margin: 0px 10px;
}


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

/* カテゴリ一覧 */

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

.category_list A {
    color: #000000;
}

/* カテゴリ背景画像 */
.category_list li {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E7E7E7;
}

/* カテゴリアイコン */
.category_list li A {
    display: block;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 13px 20px 11px 10px;
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
}


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

/* 詳細 */

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

/* 詳細ページタイトル、内容枠 */
.detail_data {
	background-image: none;
	position: relative;
}

/* 写真 */
.detail_item_photo,
.detail_photo {
    margin: 10px 0px;	
}

.detail_item_data .layout_photo .list_item_photo {
	padding: 0px;
	border: none;
}

.detail_item_data .layout_photo .list_item_photo img {
    max-width: 700px;
}

/* サムネイル写真 */
.thumbnail {
    width: 100%;
    padding: 6px;
	margin: 0px auto;
}

.thumbnail li {
    float: left;
}

/* サムネイル写真ボタン */
.thumbnail li A {
    display: block;
	text-align: center;
}

.thumbnail li.th60 A {
    width: 60px;
}

.thumbnail li.th40 A {
    width: 40px;
}

/* 詳細タイトル */
.detail_item_title {
	color: #000000;
	border-bottom: 1px solid #E0DFE3;
	margin: 0px;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}

/* 販売価格 */
.detail_item_data .price {
    font-weight: bold;
	padding: 10px;
}

/* 詳細　価格ラベル */
.detail_item_data .price .price_label,
.detail_item_data .price .colon,
.detail_item_data .price .tax_label {
    color: #000000;
    font-weight: normal;
}

/* ソーシャルツール */
.social_tool {
    padding: 5px 10px 0px;
	border-top: 1px dotted #CCCCCC;
}

.social_tool ul,
.social_tool li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.social_tool li {
    float: left;
	margin-bottom: 5px;
}

/* 詳細な説明 */
.item_text div.data {
    padding: 10px;
	border-top: 1px dotted #CCCCCC;
}

/* 罫線リセット */
.resetborder .social_tool,
.resetborder .item_text div.data {
   	border-top: none;
}

/* 詳細タイトル */
.detail_item_data h2 {
	margin-bottom: 1px;
	border: none;
	border-bottom: 1px solid #E0DFE3;
	border-radius: 0px;
}

/* 写真拡大表示 */
.zoom_page_body .contents {
    padding: 0px;
    margin: 0px;
}

.zoom_image,
.zoom_name {
    text-align: center;
}

.zoom_image img {
    max-width: 100%;
}

.zoom_name {
    margin: 10px;
}

.zoom_name .product_name {
    display: block;
}


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

/* 最新情報、ダイアリー、クーポン */

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

/* カテゴリ一覧　店長下部余白 */
.staff_manager {
   margin-bottom: 1px;	
}

/* 詳細ページ日付 */
.detail_item_data .date {
	display: block;
    padding: 10px 0px;
	font-size: 15px;
}

.format {
    font-size: 10px;
}

/* カテゴリ */
.diary_category,
.staff_category {
	border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px;
	font-size: 10px;
}

/* 詳細ページ写真 */
.detail_photo {
    text-align: center;
}


/* 詳細ページタイトル */
.detail_title {
    padding: 10px 0px 0px 0px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 20px;
	font-weight: bold;
}

/* 詳細ページ内容 */
.detail_item_data .data {
    padding: 10px 0px;
}

/* クーポン詳細 */
.coupon_detail .detail_data {
    padding: 10px;
}

/* クーポン詳細 */
.coupon_detail .pagedata {
    background-color: #FFFFFF;
	border: 1px dotted #999999;
	padding: 10px 0px;
	margin: 5px;
	border-radius: 5px;
}

.coupon_detail .pagedata h3,
.coupon_detail .pagedata .data {
    color: #000000;	
}

/* バックナンバー */
.back_number {
    padding: 10px 5px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0DFE3;
	font-size: 12px;	
}


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

/* table */

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

/* tableタグ */
.data_table {
    width: 100%;    
}

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table .cell_data {
    padding: 5px;
	border: 1px solid #CCCCCC;
}

/* thタグ */
.data_table .cell_header {
    color: #333333;
    background-color: #F5F5F5;
    white-space: nowrap;
}

/* tdタグ */
.data_table .cell_data {
    color: #333333;
    background-color: #FFFFFF;
}


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

/* 店舗情報 */

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

/* 地図枠 */
.access_map {
    padding: 15px;
}

.map_app A {
	width: 130px;
    display: block;
	margin: 10px;
	padding: 10px 0px 10px 40px;
	border: 1px solid #E0DFE3;
	border-radius: 5px;
    background-image: url(img/icon_map.png);
	background-color: #F5F5F5;
	background-size: 30px 30px;
	background-position: 5px center;
	background-repeat: no-repeat;
	color: #000000;
	font-size: 13px;
}


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

/* カレンダー */

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

.calendar_data .data_table {
    width: 100%;	
}

.pagemain .calendar_data {
    padding: 5px;	
}

/* カレンダー月 */
.cal_month {
    padding: 10px 0px;
	text-align: center;
}

/* カレンダーヘッダー各項目 */
.cal_month .prev_month,
.cal_month .this_month {
    padding: 0px 10px;	
}

/* 今月 */
.this_month {
	font-size: 18px;
	font-weight: bold;
}

/* カレンダー枠線 */
.calendar_data .data_table,
.calendar_data .data_table th.cell_header,
.calendar_data .data_table td.cell_data {
    border: 1px solid #CCCCCC;
}

.calendar_data .data_table {
    table-layout: fixed;	
}

/* カレンダー曜日セル */
.calendar_data .cal_day_header {
   font-size: 12px;	
}

.en_version .calendar_data .cal_rowmode .cal_day_header {
	text-align: left;
}

/* カレンダ各セル */
.calendar_data .cal_day_cell {
	width: 14%;
    height: 60px;
	vertical-align: top;
}

.calendar_data .cal_rowmode .cal_day_cell {
    width: 85%;
	height: auto;	
}

.en_version .calendar_data .cal_rowmode .cal_day_cell {
    width: 75%;	
}

/* 日曜日 */
.sun .cal_day {
    color: #CC0000;	
}

/* 土曜日 */
.sat .cal_day {
    color: #3399CC;	
}

/* 今日 */
.calendar_data  #today {
	font-weight: bold;
}

/* イベント一覧 */
.event_list li {
    border-bottom: 1px dotted #CCCCCC;	
}

.event_list li.posbottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	border-bottom: none;
}

/* イベント内容 */
.event_data {
    padding: 10px 0px;	
}

/* イベント名 */
.event_name {
    font-weight: bold;	
}

/* アイコン画像 */
div.event_icon {
    text-align: center;	
}

span.event_icon {
    margin-right: 5px;
}

span.event_icon img.vami {
	vertical-align: baseline;
}

/* 定休日 */
.calendar_data .holiday,
.holiday_icon {
    background-color: #FFEFBF;
}

.holiday_icon {
    border: 1px solid #CCCCCC;
	display: inline-block;
	width: 15px;
	height: 15px;
}

/* イベント説明 */
.event_desc {
    font-size: 93%;
	padding: 5px;	
}


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

/* ライン高 */

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

.item_text,
.secdata p,
.data,
#footernavi .footer_navi_link {
    line-height: 140%;
}


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

/* フォーム */

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

.form_data .form_div {
    padding: 10px;
	margin: 0px;
}

.confirmation_input {
    margin-top: 5px;	
}

/* 必須項目 */
.require {
    font-weight: bold;
	color: #FF0000;
}

/* 説明 */
.note {
    padding: 5px 10px;
}

.cell_note {
    font-size: 14px;
    padding: 5px 0px;
}

/* 説明内強調 */
.notice {
    color: #FF0000;
}

.inline_form {
    display: inline;
}


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

/* 入力エリア */

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

/* 標準 */
.form_data .defaultsize {
    width: 170px;
}

/* 特小 */
.form_data .xsmallsize {
    width: 25px;
}

/* 小 */
.form_data .smallsize {
    width: 30px;
}

/* 大 */
.form_data .largesize {
    max-width: 500px;
    width: 97%;
}

.form_data textarea.largesize {
    height: 55px;
}


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

/* フォームエラー */

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

/* エラー表示背景画像 */
.error_box {
    background-image: url(img/error_icon.png);
	background-size: 25px 25px;
	background-position: 5px center;
	background-repeat: no-repeat; 
    background-color: #CC0000;
	padding: 5px 5px 5px 30px;
}

/* エラー表示テキスト */
.error_box p {
    padding: 2px 5px;
	margin: 0px;
	color: #FFFFFF;
}

/* 入力チェックアイコン */
.form_check {
    background-image: url(img/icon_check.png);
	background-size: 13px 13px;
	background-repeat: no-repeat;
	margin: 0px 2px;
}

/* 個別エラー表示 */
.form_error {    border: 5px solid #FF0000;
    position: relative;
    padding: 5px;
    border-radius: 5px;
}

/* 個別エラー表示枠上 */
.sectitle .form_error  {
	margin-top: 5px;
	padding: 0;
    position: static;
	border-width: 5px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

/* 個別エラー表示枠下 */
.secdata .form_error {
    padding: 0;
    position: static;
    border-width: 5px;
	border-top: none;
    border-radius: 0 0 5px 5px;
}

/* 個別エラー表示対象外 */
.sectitle .form_alpha,
.secdata .form_alpha {
    opacity:0.3;
    filter: alpha(opacity=30);
}


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

/* ボタン */

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

/* フォーム下部ボタン格納 */
.form_data .btn {
    text-align: center;
	border-top: 1px solid #CCCCCC;
	padding: 15px 10px 15px;
	margin: 0px 10px;
}

.form_data .btn_bottom {
    text-align: center;
    border-top: none;
	padding: 0px 10px 15px;	
}

/* ボーダー削除 */
.form_data span.btn {
    border-top: none;
	padding: 5px;
}

/* ボタン共通 */
.btn .largeinput {
    width: 200px;
	padding: 15px;
    font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(img/btn_bg01.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #333333;
	border: none;
}

/* 解除、戻るボタン画像 */
.btn .smallinput {
	width: 120px;
	padding: 10px;
    font-size: 14px;
	color: #666666;
	font-weight: bold;
    background-image: url(img/btn_bg02.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #F6F6F6;
	border: none;
}


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

/* パンくずリスト */

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

/* パンくずリスト */
#pan {
    margin-bottom: 15px;
    padding: 5px 0px;
	font-size: 12px;
}


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

/* ロード、ページャー */

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

/* さらに読み込む背景画像 */
.page_load {
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	position: relative;
}

.loader A {
    display: block;
	padding: 20px 10px;
	color: #000000;
	text-align: center;
}

/* 読み込み中アイコン画像 */
.loader span {
    display: block;
	font-weight: bold;
	padding: 20px 10px;
	color: #999999;
	text-align: center;
    padding-top: 30px;
	background-image: url(img/load.gif);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center 5px;
}

/* 一覧ページャー */
.listpager {
    text-align: center;
	padding: 10px 0px;
	position: relative;
	margin: 5px 0px;
}

/* 現ページ */
.listpager strong {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
    padding: 3px;
	margin: 0px 1px;
	border: 1px solid #000000;
	background-color: #000000;
	color:#FFFFFF;
	font-size: 85%;
}

/* 各ページ */
.listpager A {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
    padding: 3px;
	border: 1px solid #E0DFE3;
	background-color: #F9F9F9;
	margin: 0px 1px;
	text-decoration: none;
	font-size: 85%;
}

.listpager A:hover {
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
}


/* 最新情報、ダイアリー上部ページャー */
.pager {
    display: table;	
}

.pager li {
	display: table-cell;
	width: 50%;
	background-image: url(img/pn_page_bg.gif);
	background-repeat: repeat-x;
}

.pager A,
.pager span {
    display: block;
	height: 23px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

/* 前のページ背景画像 */
.previous_page A {
    background-image: url(img/icon_slb.gif);
	background-size: 15px 15px;
	background-position: left 4px;
	border-right: 1px solid #CCCCCC;
}

/* 次のページ背景画像 */
.next_page A {
    background-image: url(img/icon_srb.gif);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: right 4px;
}

/* ページャー無し */
.pager .empty_pagel,
.pager .empty_pager {
	background-image: url(img/pn_page_bg_empty.gif);
}

.pager .empty_pagel span {
	border-right: 1px solid #CCCCCC;
}


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

/* フッター */

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

/* ページトップ */
#pagetop {
    height: 30px;
	margin-top: 15px;
    position: relative;  	
}

#pagetop A {
    display: block;
    height: 20px;
    background-image: url(img/icon_pagetop.png);
	background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 5px 7px;
	border: 1px solid #CCCCCC;
	position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 25px;
    text-align: center;
    color: #666666;
	font-size: 12px;
}

/* フッターメニュー */
#footernavi {
	background-color: #EFE8D1;
	padding-top: 10px;
}

/* 各メニュー */
#footernavi .footer_navi {
	border-bottom: 1px dotted #333333;
}

/* アイコン画像 */
#footernavi .footer_navi_link {
	display: block;
	padding: 8px 20px 8px 5px;
	background-image: url(img/icon_b.gif);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: right center;
    color: #000000;
	font-size: 12px;
	font-weight: normal;
}

/* PCサイトボタン */
#pcsite {
    position: relative;
	height: 30px;
	padding: 15px 0px 15px;
	background-color: #EFE8D1;
}

#pcsite A {
    display: block;
	width: 80px;
	padding: 8px 8px 8px 30px;
	margin: auto;
	background-image: url(img/icon_pc.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 5px top;
	background-color: #666666;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}

/* フッター */
#footer {
    color: #666666;
	background-color: #F5F5F5;
	padding: 10px;
	text-align: center;
	font-size: 14px;
}

/* Powered by おちゃのこさいさい
/*店舗向けホームページ作成サービス
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
    color: #666666;
	background-color: #F5F5F5;
	padding: 5px;
	text-align: center;
	font-size: 12px;
}

#ochanoko A {
	font-size: 12px;
}

#ochanoko p {
    font-size: 10px;
}

/* フッター下部バナー */
.footer_banner {
    text-align: center;
    margin: 10px;
}

.footer_banner .banner_box {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}



/******************* CUSTOM ****************************/
.top_page_body #inner_contents{ width:100%; }
.top_page_body #maincol1{ width:100%; }
.top_page_body #contents{ margin-top:0; margin-bottom:0; padding:0; }
.top_page_body .contents{ padding:0; }
.top_page_body #main_container{ margin-bottom:0 !important;}
.top_page_body .main_box{ margin-bottom:0;}
.top_page_body header{ margin-bottom: 0x; }

#BlockConcept{ display:block; margin:0; padding:55px 0 45px 0; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_concept.png) top 100px right -170px no-repeat #F0EEE9;}
#BlockConceptInner{ display:block; margin:0 auto;  padding:0 10px; max-width:980px; box-sizing:border-box; }
#BlockConcept h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_concept.png) top center no-repeat; text-indent:-9999px;}
#BlockConcept h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:13px; letter-spacing:2px; line-height:150%; color:#000000; }
#BlockConcept p{ display:block; margin:0; padding:0; text-align:center; font-size:13px; letter-spacing:1px; line-height:200%; color:#3B3536; }

#BlockWhitening{ display:block; margin:0; padding:45px 0 45px 0; box-sizing:border-box; }
#BlockWhiteningInner{ display:block; margin:0 auto; padding:0 10px; max-width:980px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_whitening.png) top center no-repeat; box-sizing:border-box; }
#BlockWhitening h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_whitening.png) top center no-repeat; text-indent:-9999px;}
#BlockWhitening h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:13px; letter-spacing:2px; line-height:150%; color:#000000; }
#BlockWhitening p{ display:block; margin:0 0 20px 0; padding:0; text-align:left; font-size:13px; letter-spacing:1px; line-height:200%; color:#3B3536; }
#BlockWhitening p span{ display:inline-block; margin:0 0 0 4px; padding:2px 6px; text-align:left; font-family:"UD黎ミン R"; font-size:13px; letter-spacing:1px; line-height:100%; color:#CEAA45; border:1px solid #CEAA45; }
#BlockWhitening p.p1{ display:block; margin:0 0 20px 0; padding:0; text-align:left; font-size:13px; letter-spacing:1px; line-height:200%; color:#3B3536; text-align:right; }
#BlockWhitening p.p1 span{ display:inline-block; margin:0; padding:2px 6px; text-align:left; font-size:13px; letter-spacing:1px; line-height:100%; color:#CEAA45; border:1px solid #CEAA45; }
#BlockWhitening dl{ display:block; margin:0 0 30px 0; padding: 8px 0 0 46px;;  }
#BlockWhitening dl.num01{ background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/num01.jpg) top left no-repeat; }
#BlockWhitening dl.num02{ background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/num02.jpg) top left no-repeat; }
#BlockWhitening dl.num03{ background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/num03.jpg) top left no-repeat; }
#BlockWhitening dl dt{ display:block; margin:0 0 14px 0; padding:0 0 6px 0; text-align:left;font-size:13px; color:#3B3536;font-family:"UD黎ミン R"; border-bottom:2px solid #CCA845; }
#BlockWhitening dl dd{ display:block; margin:0; padding:0; text-align:left; font-size:12px; color:#3B3536;font-family:"UD黎ミン R"; line-height:150%; letter-spacing:1px; }
#BlockWhitening h5{ display:block; margin:0 0 10px 0; padding:5px 0; text-align:center;  font-family:"UD黎ミン R"; font-size:14px; letter-spacing:1px; line-height:150%; color:#FFFFFF;
background:#CCA845;}
#BlockWhitening h6{ display:block; margin:0 0 5px 0; padding:4px 6px; text-align:center; font-size:14px; letter-spacing:1px; line-height:100%; color:#CEAA45; border:1px solid #CEAA45; }
#BlockWhitening p.p2{ display:block; margin:0 0 20px 0; padding:0; text-align:left;font-family:"UD黎ミン R"; font-size:12px; letter-spacing:2px; line-height:150%; color:#3B3536; }
#BlockWhitening p.p2 strong{ display:block; margin:0 0 20px 0; padding:0; text-align:left;font-family:"UD黎ミン R"; font-size:13px; letter-spacing:3px; line-height:150%; color:#3B3536; }
.tblwrap01{margin:0 0 30px 0; padding:0; background:#FFFFFF; border:0; width:;100%; overflow:auto; }
.tbl01{margin:0; padding:0; background:#FFFFFF; border:1px solid #A0A1A1; min-width:600px;}
.tbl01 tr{margin:0; padding:0; background:#FFFFFF; }
.tbl01 tr th, .tbl01 tr td{border-collapse: collapse; border:1px solid #A0A1A1;}
.tbl01 th{margin:0; padding:10px 15px; background:#FFFFFF; color:#3B3536; font-size:11px; line-height:140%; box-sizing:border-box;}
.tbl01 th.important{margin:0; padding:10px 15px; background:#CEAA45; color:#FFFFFF; font-size:11px; line-height:140%; box-sizing:border-box;}
.tbl01 td{margin:0; padding:10px 15px; background:#FFFFFF; color:#3B3536; font-size:11px; line-height:140%; box-sizing:border-box;}

#BlockWhiteningInner2{ display:block; margin:0 auto; padding:0x; max-width:980px;  box-sizing:border-box; }
#box1{ display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 0 20px 0; padding:0;  box-sizing:border-box; }
#box1L{ display:block; margin:0; padding:0; width:540px; box-sizing:border-box; }
#box1R{ display:block; margin:0; padding:0; width:420px; box-sizing:border-box; }

#BlockMessage{ display:block; margin:0; padding:45px 0 45px 0; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_message.png) center center no-repeat #F0EEE9; }
#BlockMessageInner{ display:block; margin:0 auto; padding:0 10px; max-width:980px; box-sizing:border-box; }
#BlockMessage h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_message.png) top center no-repeat; text-indent:-9999px;}
#BlockMessage h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:13px; letter-spacing:2px; line-height:150%; color:#000000; }
#BlockMessage .message{ display:block; margin:0; padding:0 0 360px 0; width:100%; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_message2.png) bottom center no-repeat;}
#BlockMessage .message p{ display:block; margin:0; padding:0; text-align:center; font-size:12px; letter-spacing:0; line-height:240%; color:#3B3536; }
#BlockMessage .profile{ display:block; margin:0 auto; padding:0; width:250px; }
#BlockMessage .profile p{ display:block; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #CEAA45; text-align:left; font-size:13px; letter-spacing:1px; line-height:180%; color:#3B3536; font-family:"UD黎ミン M"; }
#BlockMessage .profile p span{ display:block; margin:0; padding:0; text-align:left; font-size:14px; letter-spacing:1px; color:#3B3536; }
#BlockMessage .profile p span span{ display:inline-block;font-size:15px; }
#BlockMessage .profile dl{ display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 0 5px 0; padding:0; text-align:left; font-size:11px; letter-spacing:0; line-height:180%; color:#3B3536; }
#BlockMessage .profile dl dt{ display:block; margin:0 10px 0 0; padding:0; }
#BlockMessage .profile dl dd{ display:block; margin:0; padding:0; }


#BlockFlow{ display:block; margin:0; padding:45px 0 45px 0; }
#BlockFlowInner{ display:block; margin:0 auto; padding:0 10px; max-width:980px; box-sizing:border-box; }
#BlockFlow h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_flow.png) top center no-repeat; text-indent:-9999px;}
#BlockFlow h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:13px; letter-spacing:2px; line-height:150%; color:#000000; }
#BlockFlow dl{ display:block; margin:0 auto; margin-bottom:40px; padding:0;  width:100%; box-sizing:border-box; position:relative;  }
#BlockFlow dl dt{ display:block; margin:0; padding:0;  box-sizing:border-box; text-align:center; }
#BlockFlow dl dd{ display:block; margin:0; padding:20px 0 0 0; box-sizing:border-box; font-size:10.5px; font-weight:normal; color:#3B3536; letter-spacing:0; }
#BlockFlow dl dd strong{ display:block; margin:0 0 10px 0; padding:0; text-align:left; font-size:11px; letter-spacing:1px; line-height:180%; color:#3B3536; font-weight:normal; }
#BlockFlow dl dd strong span{ display:inline-block; margin:0 6px 0 0; padding:2px 8px; text-align:left; font-size:12px; letter-spacing:1px; line-height:180%; color:#FFFFFF; background:#CDA945;
font-family:"UD黎ミン M";}
#BlockFlow dl::after{ display:block; content: ""; margin:0; padding:0; height:40px; width:100%; box-sizing:border-box; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/arroe01.png) center center no-repeat; position:absolute; bottom:-40px;  }
#BlockFlow dl:last-of-type::after{ display:none;  }


#BlockPriceList{ display:block; margin:0; padding:45px 0 45px 0; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_concept.png) center center no-repeat #F0EEE9; }
#BlockPriceListInner{ display:block; margin:0 auto; padding:0 10px; max-width:980px; box-sizing:border-box; }
#BlockPriceList h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_pricelist.png) top center no-repeat; text-indent:-9999px;}
#BlockPriceList h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:13px; letter-spacing:2px; line-height:150%; color:#000000; }
#BlockPriceList p{ display:block; margin:0; padding:0; text-align:left; font-size:13px; line-height:200%; color:#3B3536; }
#BlockPriceList p.p_temp{ display:block; margin:0; padding:0; text-align:center; font-size:17px; line-height:200%; color:#3B3536; }
.tblwrap02{margin:0 0 30px 0; padding:0; background:#FFFFFF; border:0; width:;100%; overflow:auto; }
.tbl02{ margin:0 0 10px 0; padding:0; width:600px; background:none;  }
.tbl02 tr{ border-bottom:1px solid #A0A1A1; }
.tbl02 th{ padding:12px 20px 12px 30px; font-size:12px; color:#3B3536; border-right:1px solid #A0A1A1; text-align:left;
background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/square01.png) center left 18px no-repeat;}
.tbl02 td{ padding:12px 30px;  font-size:13px; color:#3B3536; border-right:1px solid #A0A1A1; }
.tbl02 th:last-of-type{ border-right:0; }
.tbl02 td:last-of-type{ border-right:0; }


#BlockFAQ{ display:block; margin:0; padding:45px 0 45px 0; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/bg_faq.png) center center no-repeat #F0EEE9; }
#BlockFAQInner{ display:block; margin:0 auto; padding:0 10px; max-width:980px; box-sizing:border-box; }
#BlockFAQ h3{ display:block; margin:0 0 12px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_faq.png) top center no-repeat; text-indent:-9999px;}
#BlockFAQ h4{ display:block; margin:0 0 36px 0; padding:0; text-align:center; font-family:"UD黎ミン M"; font-size:12px; letter-spacing:0; line-height:150%; color:#000000; }
#BlockFAQ  dl{ display:block; flex-wrap:wrap; margin:0 auto; margin-bottom:10px; padding:0; width:100%; color:#3B3536; }
#BlockFAQ  dl dt{ display:block; margin:0 auto; padding:8px 40px 8px 40px; border:1px solid #3B3536; width:100%; box-sizing:border-box;
background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/q01.png) top 8px left 10px no-repeat;}
#BlockFAQ  dl dd{ display:block; margin:0; padding:8px 40px 8px 40px; width:100%; box-sizing:border-box;
background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/a01.png) top 8px left 10px no-repeat;}
    
    
.whatnew_item_list{padding:45px 0 45px 0; margin:0 auto; }
.whatnew_item_list h2{ display:block; margin:0 0 62px 0; padding:0; border-bottom:2px solid #CEAA45; width:100%; height:54px; background: url(https://www.nana-whiteningsalon.jp/data/ocnk.me/nana-whitesalon/image/common/h3_news.png) top center no-repeat; text-indent:-9999px; position:relative;}
.whatnew_item_list h2::after{ display:block; content:"お知らせ"; margin:0; padding:0; width:100%; height:54px;  font-size:13px; letter-spacing:2px; line-height:150%; color:#3B3536; text-align:center; position:absolute; bottom:-66px; text-indent:0; }
.whatnew_item_list .list_item_table{ display:block; margin:0 auto; padding:0 10px; box-sizing:border-box; }
.whatnew_item_list .list_item_table ul{ display:block; margin:0 auto; padding:20px 40px; border:1px solid #3B3536; }
.whatnew_item_list .item_data{ display:block; margin:0 auto; padding:10px 10px; border:0; border-bottom:1px dotted #3B3536; }





footer{ border-top:2px solid #CEAA45;}
#inner_footer{height:auto;  }
.faddress { display:block; margin:0; padding:10px; box-sizing:border-box; }
.flogo{ display:block; margin:0 0 10px 0; padding:0; text-align:left;  }
.faddress p{ display:block; margin:0; padding:0; text-align:left; font-size:12px; letter-spacing:0; line-height:150%; color:#3B3536; }
.fline{ display:block; margin:10px 0; padding:0; text-align:center;  }
#globalnavi_footer{ padding:20px 0;}
#globalnavi_footer li.nav_on .footer_navi_row{ background:#E9E3D1;}
#globalnavi_footer li .footer_navi_row:hover{ background:#E9E3D1;}
.swipe_list .list_item_row{ width:auto;}

.float_mode{ position:absolute !important; top:10px !important; right:60px !important;width:40px; height:auto;}
.float_mode #copy{ background:none !important; padding:0 !important;}
.tel_free {min-height: 40px;
  float: none !important;
  width: auto;}
.tel_free img{ width:40px; height:auto;}