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

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

/* HTMLタグ要素 */

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

body {
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
	font-size: 15px;
	color: #000000;
}

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

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

A:hover {
	color: #333333;
}

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

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

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

h5 {
    margin: 0px;
}


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

/* 大外 */

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

#container {
    width: 100%;
}


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

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

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

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

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


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

/* ヘッダー */

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

#header {
    position: relative;
    background-color: #FFFFFF;
	border-bottom: 1px solid #D6D6D6;
}


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

/* ショップ名 */

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

.shoplogo {
    padding: 8px 5px;
}

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

.shoptext A {
    color: #000000;
	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;
	color: #FF4000;
	text-align: right;
}


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

/* 写真 */

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

#photo {
    width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}


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

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

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

.topnavi ul {
    width: 100%;
    display: table;
}

.topnavi li {
    display: table-cell;
	background-color: #E0DFE3;
}

/* 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-image: url(img/topnavi_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #D6D6D6;
	text-align: center;
	color: #000000;
	font-size: 14px;
}

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

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

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

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

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

/* アイコン画像 */
#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 {
    border-radius: 5px;	
}

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;
	border-bottom: 1px solid #D6D6D6;
}

.staff_manager .item_data {
    border-bottom: none;	
}

#photo .item_data {
    border-bottom: none;	
}

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

#photo .inner_item_data {
    padding: 0px;	
}

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

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

/* 一覧内販売価格 */
.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;
	padding-right: 30px;
}

/* リンク指定がない場合 */
.contents .layout_text .text_mode {
	font-weight: bold;
}

/* 詳細ページ利用なしの場合 */
.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;
}


/* クーポン用指定 */

/* 背景 */
.top_page_body .coupon_item_list .item_data {
	background-image: url(img/navicoupon_bg.gif);
	background-position: left bottom;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #E0DFE3;	
}

/* 文字色 */
.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;
	border-bottom: 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;
	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 #D6D6D6;
	padding: 13px 25px 11px 10px;
	margin: 0px 5px;
	text-align: right;
	color: #000000;
}

/* 写真のみ文字サイズ */
.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 #D6D6D6;
	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 #D6D6D6;
}

/* アイコン画像 */
.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: #FF4000;
	border: 1px solid #FF4000;
}

/* 前へ、次へアイコン */
.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: 1px solid #D6D6D6;
}

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

.navi_freepage li {
    background-image: url(img/navifreepage_bg.gif);
	background-color: #FFFFFF;
}

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

.navi_global li {
    background-image: url(img/naviglobal_bg.gif);
	background-color: #FFFFFF;
}

/* ボタン余白指定 */
.navi_coupon ul,
.navi_freepage ul,
.navi_global 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_sr.gif);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #E0DFE3;
	border-bottom: 1px solid #E0DFE3;
	text-indent: 15px;
}

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

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


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

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

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

/* 各ページサブタイトル */
h3.subtitle {
    background-image: url(img/detail_sub_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	padding: 12px 10px 10px;
	color: #333333;
	border: 1px solid #D6D6D6;
}

.help_page h3.subtitle {
    border-top: none;
}

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 #D6D6D6;
    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-image: url(img/category_bg.gif);
	border: 1px solid #E0DFE3;
	margin-top: 1px;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-radius: 5px;
}

/* カテゴリアイコン */
.category_list 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 {
	background-color: #FFFFFF;
	margin: 0px;
	border: 1px solid #D6D6D6;
	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 {
    background-image: url(img/detail_sub_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	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 #D6D6D6;
    border-bottom: 1px solid #D6D6D6;
	padding: 5px 0px;
	font-size: 10px;
}

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

/* 詳細ページタイトル */
.detail_title {
    padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #D6D6D6;
	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 #D6D6D6;
	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 #D6D6D6;
	padding: 15px 10px 15px;
	margin: 0px 10px;
}

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

/* ボタン共通 */
.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: #FF4D4D;
	border: 1px solid #E0DFE3;
}

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


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

/* パンくずリスト */

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

/* パンくずリスト */
#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 #FF0000;
	background-color: #FF0000;
	color:#FFFFFF;
	font-size: 85%;
}

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

.listpager A:hover {
	border: 1px solid #FF0000;
	background-color: #FF0000;
	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_sl.gif);
	background-size: 15px 15px;
	background-position: left 4px;
	border-right: 1px solid #CCCCCC;
}

/* 次のページ背景画像 */
.next_page A {
    background-image: url(img/icon_sr.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;
    background-color: #FFFFFF;
	border: 1px solid #D6D6D6;
	position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 25px;
    text-align: center;
    color: #000000;
	font-size: 12px;
}

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

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

/* アイコン画像 */
#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;
	background-color: #F5F5F5;
	height: 30px;
	padding: 15px 0px 15px;
}

#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: #FFFFFF;
	border: 1px solid #D6D6D6;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
}

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

/* Powered by おちゃのこさいさい
/*店舗向けホームページ作成サービス
※上記の文言は必須項目ですので、削除する事は許可されていません。 */
#ochanoko {
	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;
}