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

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

/* ご注意事項 */

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

/*--------------------------------------*/
/* font-sizeの指定表
フォントサイズ指定に%を利用しています。
拡大縮小される場合は下記の表を参考に
指定を変更してください。

例）12pxを指定の場合 font-size: 93%;
    
 77% = 10px     |   123.1% = 16px   |    167% = 22px    
 85% = 11px     |   131% = 17px     |    174% = 23px
 93% = 12px     |   138.5% = 18px   |    184% = 24px
 100% = 13px    |   146.5% = 19px   |    192% = 25px
 108% = 14px    |   153.9% = 20px   |    197% = 26px
 116% = 15px    |   161.6% = 21px   |

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

/*--------------------------------------*/
/* 高解像度ディスプレイ対応
このコメントが入ってる箇所では、高解像度ディスプレイ用に通常の
背景画像に加えて2倍サイズの画像が指定してあります。
通常サイズの画像を変更される際は、下記の注意書きをご覧ください。

・高解像度ディスプレイ用の画像を指定しない
下記のbackground-imageに、通常サイズと同様の画像を指定。

・高解像度ディスプレイ用の画像を指定する
通常サイズの画像の縦横とも2倍のサイズの画像を
高解像度ディスプレイ対応内のbackground-imageに指定し
background-sizeには、通常サイズの画像サイズを指定。
*/
/*--------------------------------------*/


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

/* HTMLタグ要素 */

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

body {
    word-break: break-all;
    background-color: white;
    background-image: url(https://www.niigata-hamare-fc.jp/data/style.tm/niigatahamare/image/bg-main.webp);
    background-size: cover;
    color: #FFFFFF;
    line-height: 140%;
}

/* リンク */
A,
A h3,
A h4 {
    font-weight: bold;
    text-decoration: none;
    color: #FFFF4D;
}

A:hover,
A h3:hover,
A h4:hover {
    color: #FFFF99;
}

/* ヘッダータグ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

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

/* 大枠 */

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

/* 大枠 */
#container {
    width: 100%;
	min-width: 980px;
    position: relative;
}

/* 大枠中央レイアウト */
.fix_center {
    width: 980px;
    margin: auto;
}

.colmode .fix_center {
    width: 760px;	
}


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

/* カラム設定 */

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

/* 左カラム */
#leftcol {
    width: 200px;
    float: left;
}

/* 右カラム */
#rightcol {
    width: 200px;
    float: left;
}

.widemode #rightcol {
    float: right;
}

/* メインカラム 1カラム */
#maincol1 {
    width: 980px;
}

/* メインカラム 2カラム */
#maincol2 {
    width: 780px;
    float: left;
}

/* メインカラム 3カラム */
#maincol3 {
    width: 580px;
    float: left;
}

/* 3カラム写真小モード用 */
#setcol {
    width: 780px;
    float: left;    
}

/* ポップアップ */
#popup {
    width: 780px;
    margin: auto;
}

/* コンテンツエリア最小縦幅 */
#maincol1,
#maincol2,
#maincol3,
#widecol {
    min-height: 700px;
}

.contents_undisplay #maincol1 {
    min-height: auto;	
}

.contents_undisplay #inner_footer {
    min-height: 800px;	
}


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

/* カラム横幅可変モード */

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

/* サービス覧横幅 */

.widemode .fix_center {
    width: 90%;
    margin: auto;
    min-width: 980px;
}

.widemode #maincol1 {
    width: auto;
}

.widemode #maincol2 {
    width: auto;
    float: none;
    margin-left: 200px;
}

.widemode .layout_r #maincol2 {
    margin-left: 0px;
	margin-right: 200px;	
}


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

/* ヘッダー */

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

header{
    background-color: white;
    background-image: url(https://www.niigata-hamare-fc.jp/data/style.tm/niigatahamare/image/img/bg-header.png);
    background-size: cover;
}

/* ヘッダー背景画像 */
#inner_header {
    min-height: 70px;
	padding-top: 5px;
    padding-bottom: 15px;
}

/* ヘッダー上　キャッチフレーズ欄、ショップロゴ */
#header_left {
    float: left;
	width: 660px;
}

/* ヘッダー右　文字セット、お問い合わせ、電話番号 */
#header_right {
    float: right;
}


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

/* フッター */

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

/* フッター */
#footer {
    width: 100%;
    background-color: #094680;
    padding-bottom: 20px;
}

/* Powered by おちゃのこさいさい
/*店舗向けホームページ作成サービス
※上記の文言は必須項目ですので、削除する事は許可されていません。 */

#ochanoko {
    width: 100%;
}

#inner_ochanoko {
    text-align: right;
    padding: 15px 0px;
}

#inner_ochanoko p {
    font-size: 77%;
}

/* フッター内部コンテンツ */
#inner_footer {
    height: auto;
    padding-top: 10px;
    text-align: center;    
    position: relative;
    color: #FFFFFF;
}

#copyright {
    font-size: 85%;
}

/* ページトップ */
#pagetop {
    width: 100%;
}

/* スマートフォンサイトボタン */
#phonesite {
    position: relative;
	height: 30px;
	padding: 15px 0px 15px;
}

#phonesite A {
    display: block;
	width: 150px;
	padding: 8px 8px 8px 30px;
	margin: auto;
	background-image: url(img/icon_phone.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000000;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

#phonesite A:hover {
	background-color: #CCCCCC;
}


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

/* キャッチコピー */

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

/* キャッチコピー */
#copy {
    padding: 0px 0px 5px 0px;
    font-size: 11px;
    line-height: normal;
	color: #000000;
}

#copy A {
    color: #094680;	
}

#copy A:hover {
    color: #094680;	
}


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

/* ショップ名 */

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

/* ショップ名ロゴ */
#shoplogo {
    width: 350px;
}

#shoplogo img{
    width: 100%;
}


/* ショップ名テキスト */
#shoptext {
    width: 350px;
    font-size: 138.5%;
}

#shoptext A {
    color: #094680;
}

#shoptext A:hover {
    color: #2DB300;
}


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

/* 文字サイズ */

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

/* 文字サイズ */
.font_setting {
	display: inline-block;
	font-size: 11px;
	line-height: normal;
	padding-top: 10px;
	margin-right: 20px;
}

#header_font_setting {
    float: right;
}

/* タイトル */
.set_font_title {
    display: inline-block;
	height: 20px;
	vertical-align: top;
	font-weight: bold;
}

/* 文字サイズ画像 */
.set_font_normal,
.set_font_large {
	display: inline-block;
	width: 30px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* 普通画像 */
.set_font_normal {
	background-image: url(img/font_default.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_normal {
        background-image: url(img/font_default_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* 大画像 */
.set_font_large {
	background-image: url(img/font_large.gif);
	margin-left: 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_large {
        background-image: url(img/font_large_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}


/* 英語表示用 */
/* 普通画像 */
.en_version .set_font_normal {
	background-image: url(img/font_defaulten.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .en_version .set_font_normal {
        background-image: url(img/font_defaulten_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* 大画像 */
.en_version .set_font_large {
	background-image: url(img/font_largeen.gif);
	margin-left: 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .en_version .set_font_large {
        background-image: url(img/font_largeen_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}


/* 文字サイズ画像マウスオーバー、選択中 */
.font_setting .set_font_normal:hover,
.font_setting .set_font_large:hover,
.font_setting .nav_on {
	background-position: left bottom;
	
}


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

/* 上部お問い合わせ */

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

/* お問い合わせ配置 */
#inquirytop {
    float: right;    
    background-color: #005486;
    border-radius: 5px;
}

#inquirytop:hover {
    background-color: #006CBD;
}

/* お問い合わせアイコン画像、文字 */
#inquirytop A {
    display: block;
    height: 37px;
	line-height: 37px;
    padding: 0px 10px 0px 45px;
    background-image: url(img/inquiry.gif);
    background-repeat: no-repeat;
    font-size: 93%;
    color: #FFFFFF;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inquirytop A {
        background-image: url(img/inquiry_x2.gif);
        background-size: 40px 37px;
    }
    /*-----------------------------------------------------------*/
}


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

/* 電話番号 */

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

/* 電話番号配置 */
#teltop {
    float: right; 
}

#teltop A {
    color: #005486;	
}

/* 電話番号アイコン画像、文字 */
#teltop {
    display: block;
    width: auto;
    height: 37px;
	line-height: 37px;
    padding: 0px 0px 0px 40px;
    background-image: url(img/tel.gif);
    background-repeat: no-repeat;
    font-size: 161%;
    color: #005486;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #teltop {
        background-image: url(img/tel_x2.gif);
        background-size: 40px 37px;
    }
    /*-----------------------------------------------------------*/
}


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

/* グローバルナビゲーション */

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

/* ヘッダーナビゲーション */
#globalnavi {
    width: 100%;
}

#globalnavi ul {
    display: flex;
    justify-content: center;
}

/* 各ナビゲーション配置 */
#globalnavi li {
    width: auto;
    float: left;
    list-style: none;
}

/* 各ナビゲーション背景画像、文字 */
#globalnavi li A {
    display: block;
    background-image: url(img/navi_line_bg.gif);
    background-repeat: no-repeat;
    bor
    background-position: right center;
    text-align: center;
    color: black;
    max-width: 250px;
    border-bottom: 3px solid transparent;
}

/* 各ナビゲーション余白 */
#globalnavi .nav_box {
    display: block;
    padding: 15px 15px 5px 15px;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi li A:hover,
#globalnavi li.hover > div > .nav_link {
    border-bottom: 3px solid #254560;
}

#globalnavi li.nav_on A,
#globalnavi li.nav_on A:hover {
    border-bottom: none;
}

/* 現ページ */
#globalnavi li.nav_on {
    border-bottom: 3px solid black;
}

/* ホーム余白 */
#globalnavi li.h_home .nav_box {
    padding: 0px;
}

/* 右端ナビゲーション枠線 */
#globalnavi .posright A {
    background-image: none;
}

/* 複数行用アイコン画像 */
#globalnavi .toggle_link .nav_box {
	display: block;
	padding: 0px;
	min-height: 50px;
    background-repeat: no-repeat;
	background-position: center center;	
}

/* Open用画像 */
.toggle_button .open .nav_box {
	background-image: url(img/navi_open_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .open .nav_box {
        background-image: url(img/navi_open_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* Close用画像 */
.toggle_button .close .nav_box {
	background-image: url(img/navi_close_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .close .nav_box {
        background-image: url(img/navi_close_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* 複数行時上部線 */
.overplus_nav .header_nav_list {
    border-top: 1px solid #E0DFE3;
}


/*--------------------------------------*/
/* サイドナビゲーション */

/* 各ナビゲーション背景画像、文字 */
.navi_list li {
    background-color: #FFFFFF;
    margin-bottom: 3px;
    border-radius: 5px;
}

/* 各ナビゲーションマウスオーバー */
.navi_list li:hover {
    background-color: #FFFF99;
}

/* 現ページ */
.navi_list li.nav_on {
	background-color: #FFFF99;
}

/* ナビゲーションアイコン画像 */
.navi_list li A {
    display: block;
	display: block;
    padding: 10px 5px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #094680;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .navi_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/*--------------------------------------*/
/* フッターナビゲーション */

#globalnavi_footer {
    width: 100%;
}

/* 各ナビゲーション文字色 */
#globalnavi_footer li A {
    color: #FFFFFF;
}

/* 各ナビゲーションマウスオーバー */
#globalnavi_footer li .footer_navi_row:hover {
	background-color: #094680;
}

/* 現ページ */
#globalnavi_footer li.nav_on .footer_navi_row {
    background-color: #094680;
}

/* 各ブロックレイアウト */
#globalnavi_footer .footer_navi_box {
    float: left;
	box-sizing: border-box;
}

#globalnavi_footer .footer_navi_box_right {
}

#globalnavi_footer .column1 .footer_navi_box {
    float: none;
}

/* 1カラム */
#globalnavi_footer .column1 .footer_navi_box {
    width: 100%;	
}

/* 2カラム */
#globalnavi_footer .column2 .footer_navi_box {
    width: 50%;	
}

/* 3カラム */
#globalnavi_footer .column3 .footer_navi_box {
    width: 33.3%;	
}

/* 4カラム */
#globalnavi_footer .column4 .footer_navi_box {
    width: 25%;	
}

/* 5カラム */
#globalnavi_footer .column5 .footer_navi_box {
    width: 20%;	
}

/* 各ブロック */
#globalnavi_footer ul {
	padding: 5px;
    list-style: none;
}

/* 各ナビゲーション背景、文字 */
#globalnavi_footer li .footer_navi_link {
	display: block;
	padding: 5px 5px 5px 15px;
	background-image: url(img/icon_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-size: 85%;
	font-weight: normal;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi_footer li .footer_navi_link {
	    background-image: url(img/icon_w_x2.gif);
	    background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 上部自由記入欄利用時用 */
#footer_free_top {
    border-bottom: 1px solid #2D9700;
}

/* 自由記入欄用 */
.footer_navi_free,
.footer_navi_free A,
.footer_free_space,
.footer_free_space A {
	text-align: left;
}


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

/* クーポンボタン */

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

/* クーポンボタン */
.coupon_side li {
    background-color: transparent;
    background-image: none;
}

.coupon_side li A {
    display: block;
	width: 180px;
    min-height: 60px;
    padding: 9px;
    background-color: #FFFFFF;
    font-size: 93%;
    color: #000000;
    border-radius: 5px;
}

.coupon_side li A:hover {
    background-color: #FFFF99;
}

.desc_empty li A {
    min-height: inherit;
    padding-bottom: 10px;	
}

/* クーポン配置 */
.coupon_icon,
.coupon_data {
    float: left;
    display: block;    
}

/* クーポンアイコン */
.coupon_icon {
    width: 70px;    
}

/* クーポン内容 */
.coupon_data {
    width: 100px;    
}

/* クーポン説明 */
.coupon_desc {
    display: block;
    font-size: 77%;
    font-weight: normal;
}

.desc_empty .coupon_data {
	float: none;
}


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

/* グローバルリンク */

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

.global_link {
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_w.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_link {
        background-image: url(img/icon_w_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


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

/* グローバルアイコン */

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

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

.global_icon #icon_recommend {
	display: inline-block;
    margin-right: 5px;	
	vertical-align: middle;
}

.itemdetail .global_icon #icon_recommend {
    margin: 0px 5px;	
}


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

/* メイン写真 */

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

/* メイン写真 */
#photo {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 30px;
}

/* カラムレイアウト時 */
.colmode #photo {
	margin-bottom: 30px;   
}

/* 3カラムレイアウト時 */
#setcol .colmode {
    margin-left: 20px;
}

.layout_r #setcol .colmode {
    margin-left: 0px;
    margin-right: 20px;
}

/* 全画像共通枠 */
.global_photo {
    margin: 0px auto 10px;
    line-height: 0px;
}

/*--------------------------------------*/
/* スライド表示 */

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

.slide{
    float: left;
}

/* サムネイルメニュー */

/* 各メニュー */
.menu li{
    width: 90px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    background-color: #FFFFFF;
    margin-right: 1px;
    margin-top: 1px;
	vertical-align: top;
}

/* ボタン */
.menu li A {
    display: block;
    padding-top: 5px;
}

/* 表示中サムネイル */
.menu li.current,
.menu li.current:hover {
    background-color: #FFFF4D;
}

.menu li.act A {
    cursor: default;
}

/* サムネイル横幅 */
.menu a img{
    width: 90px;
}

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

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

#photo .swipe_list .pointer span {
	border: 1px solid #FFFFFF;
}

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

#photo .swipe_list .pointer span.current {
    background-color: #FFFF4D;
	border: 1px solid #FFFF4D;
}


/* 前へ、次へアイコン */
.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;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 25px;
	cursor: pointer;
}

/* トップ画像用 */
#photo .swipe_list .pointer_box span.pointer_prev,
#photo .swipe_list .pointer_box span.pointer_next {
	margin: 0px;
}

/* 詳細メイン写真用 */
.swipe_list .detail_item_photo .pointer_box span.pointer_prev,
.swipe_list .detail_item_photo .pointer_box span.pointer_next {
	margin: 0px;
}

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

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_prev {
        background-image: url(img/icon_prev_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

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

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_next {
        background-image: url(img/icon_next_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* マウスオーバー時 */
.swipe_list .pointer_box span.pointer_prev:hover,
.swipe_list .pointer_box span.pointer_next:hover {
    background-color: #F0F0F0;
}

/* スライドの注釈 */
.swipe_list .image_annotation {
    background-image: url(img/slide_bg.png);
}

.swipe_list .annotation_left_top {
    left: 30px;
    top: 30px;
}

.swipe_list .annotation_right_top {
    right: 30px;
    top: 30px;
}

.swipe_list .annotation_left_bottom {
    left: 30px;
    bottom: 30px;
}

.swipe_list .annotation_right_bottom {
    right: 30px;
    bottom: 30px;
}

.wide_slide .swipe_list .annotation_left_top {
    left: 360px;
    top: 30px;
}

.wide_slide .swipe_list .annotation_right_top {
    right: 360px;
    top: 30px;
}

.wide_slide .swipe_list .annotation_left_bottom {
    left: 360px;
    bottom: 40px;
}

.wide_slide .swipe_list .annotation_right_bottom {
    right: 360px;
    bottom: 40px;
}

.swipe_list img {
	width: 970px;
	height: 290px;
    border: 5px solid #FFFFFF;	
}

.colmode .swipe_list img {
	width: 750px;
	height: 223px;
    border: 5px solid #FFFFFF;	
}

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

/* 横幅ボックス */

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

/* メインカラム 1カラム */
#maincol1 #main_container {
    margin: 0px 0px 20px;
}

/* メインカラム 2カラム */
#maincol2 #main_container {
    margin: 0px 0px 20px 20px;
}

/* 右レイアウト */
.layout_r #maincol2 #main_container {
    margin: 0px 20px 20px 0px;
}

/* メインカラム 3カラム */
#maincol3 #main_container {
    margin: 0px 20px 20px;
}

/* 左、右カラム各ボックス */
.side_box {
    margin-bottom: 30px;
}

/* メインカラム各ボックス */
.main_box {
    margin-bottom: 30px;
}


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

/* コンテンツ領域 */

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

/* コンテンツ領域 */
#contents {
    margin-top: 15px;
    margin-bottom: 80px;
}

.bg_full #inner_contents,
.bg_full #inner_contents_top,
.bg_full #inner_contents_bottom {
    background-image: url(img/alpha.png);
	background-color: transparent;
}


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

/* 左、右カラム　タイトル、コンテンツ枠 */

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

/* タイトル */
.side_box h2 {
    border: 2px solid #FFFFFF;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
	font-size: 116%;
	color: #FFFFFF;
}

/* 左、右カラムコンテンツ */
.side_contents {
    padding: 0px;    
}


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

/* メインカラム　タイトル、コンテンツ枠 */

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

/* タイトル */
.main_box h2 {
    border: 2px solid #FFFFFF;
    padding: 10px;
    font-weight: bold;
    border-radius: 5px;
	font-size: 116%;
	color: #FFFFFF;
    
}

/* メインカラムコンテンツ */
.main_contents {
    width: auto;
}


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

/* パンくずリスト */

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

/* パンくずリスト */
#pan {
    margin-bottom: 15px;
    padding: 8px;
}


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

/* 左カラム */

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

/* 各メニュー枠 */
.side_contents li {
    list-style: none;
    list-style-position: outside;
}

/* 各メニューボタン */
.side_contents li A {
    display: block;
}


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

/* スタッフ */

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

/* 店長コンテンツ */
.staff_contents {
    padding: 5px 10px 10px;
	color: #FFFFFF;
}

/* スタッフ画像 */
.staff_photo {
    width: 180px;
    margin: 10px auto;
	text-align: center;  
}

/* プロフィール枠 */
.staff_contents dl {
    padding: 10px;
}

.staff_contents dt,
.staff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.staff_contents dt {
    clear: left;
    float: left;
    width: 50px;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
	text-align: center;
}

/* プロフィール内容 */
.staff_contents dd {
    margin-left: 60px;
    border-top: 1px solid #FFFFFF;
}

.staff_contents .staff_comment {
    padding: 5px;
}

/* 店長ページリンク */
.staff_contents .global_link {
    border-top: 1px solid #FFFFFF;
}


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

/* いらっしゃいませ */

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

/* いらっしゃいませ枠余白 */
.welcome_data {
    padding: 15px;    
}

/* いらっしゃいませ背景画像 */
.welcome {
	border-radius: 5px;
	color: #000000;
}

/* 左右エリア写真位置 */
.side_box .welcome_photo {
    text-align: center;
}


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

/* ダイアリー */

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

/* ダイアリー枠余白 */
.diary_data {
    padding: 15px;
}

/* 左右エリア写真位置 */
.side_box .diary_photo {
    text-align: center;
}

/* トップダイアリー記事タイトル */
.diary_data h3 {
    font-size: 108%;
    font-weight: bold;
	color: #094680;  
}

/* トップダイアリー日付 */
.top_page_body .diary_data .article_date {
    font-weight: normal;    
}

/*--------------------------------------*/
/* ダイアリーカテゴリ、アーカイブ */

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

/* ダイアリーカテゴリ、アーカイブ枠 */
.diarycategory_list,
.diaryarchive_list {
    margin-top: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	border-radius: 5px;
}


/* ダイアリーカテゴリ、アーカイブ背景 */
.diarycategory_list li,
.diaryarchive_list li {
    background-color: #FFFFFF;
	border-top: 1px solid #E0DFE3;
	margin-top: 1px;
    position: relative;
}

/* 最上部罫線削除 */
.diarycategory_list li.postop,
.diaryarchive_list > li.postop{
	border-top: none;
}

/* ダイアリーカテゴリ、アーカイブアイコン画像 */
.diarycategory_list li A,
.diaryarchive_list li A {
    padding: 5px 5px 5px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
	color: #094680;
}

.diarycategory_list li A:hover,
.diaryarchive_list li A:hover {
    background-color: #FFFF99;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .diarycategory_list li A,
    .diaryarchive_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* ダイアリーカテゴリ、アーカイブ背景　選択中 */
.diarycategory_list li.nav_on,
.diaryarchive_list li.nav_on {
    background-color: #FFFF99;
}

/* ダイアリーカテゴリ、アーカイブアイコン画像　選択中 */
.diarycategory_list li A.nav_on,
.diaryarchive_list li A.nav_on {
    color: #000000;
    background-image: url(img/icon_b.gif);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .diarycategory_list li A.nav_on,
    .diaryarchive_list li A.nav_on {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

/* 以前の記事 */
.archive_list {
    margin-left: 10px;	
}

/* 以前の記事開く */
.diaryarchive_list li A.open_archive {
    background-image: url(img/icon_db_b.gif); 	
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .diaryarchive_list li A.open_archive {
        background-image: url(img/icon_db_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* 以前の記事閉じる */
.diaryarchive_list li A.close_archive {
    background-image: url(img/icon_dbc_b.gif); 	
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .diaryarchive_list li A.close_archive {
        background-image: url(img/icon_dbc_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


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

/* いらっしゃいませ、ダイアリー共通 */

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

/* 左右レイアウト */
.tarticle_data .global_photo,
.tarticle_data .ph_article {
    float: left;    
}

/* 記事余白 */
.tarticle_data .ph_article {
    padding: 10px;
	color: #000000;
}


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

/* 写真サイズ */

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

/* 140px */
.tarticle_data .layout140 .global_photo,
.article_data .layout140 .global_photo {
    width: 140px;
}

/* 250px */
.tarticle_data .layout250 .global_photo,
.article_data .layout250 .global_photo {
    width: 250px;
}

/* 400px */
.tarticle_data .layout400 .global_photo,
.article_data .layout400 .global_photo {
    width: 400px;
}


/*--------------------------------------*/
/* 写真サイズ別記事横幅指定 */

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

/* 中央1カラム */

/* 140px */
#maincol1 .tarticle_data .layout140 .ph_article {
    width: 790px;    
}

/* 250px */
#maincol1 .tarticle_data .layout250 .ph_article {
    width: 680px;    
}

/* 400px */
#maincol1 .tarticle_data .layout400 .ph_article {
    width: 530px;    
}


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

/* 中央2カラム */

/* 140px */
#maincol2 .tarticle_data .layout140 .ph_article {
    width: 555px;    
}

/* 250px */
#maincol2 .tarticle_data .layout250 .ph_article {
    width: 445px;    
}

/* 400px */
#maincol2 .tarticle_data .layout400 .ph_article {
    width: 295px;    
}


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

/* 中央3カラム */

/* 140px */
#maincol3 .tarticle_data .layout140 .ph_article {
    width: 335px;    
}

/* 250px */
#maincol3 .tarticle_data .layout250 .ph_article {
    width: 225px;    
}

/* 400px */
#maincol3 .tarticle_data .layout400 .global_photo,
#maincol3 .tarticle_data .layout400 .ph_article {
    float: none;    
}


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

/* 左右カラム */

.side_box .tarticle_data .ph_article {
    padding: 10px 0px 0px;    
}

/* 140px */
.side_box .tarticle_data .layout140 .global_photo,
.side_box .tarticle_data .layout140 .ph_article {
    float: none;
}


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

/* 最新情報 */

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


/* 最新情報コンテンツ */
.whatnew_contents {
    padding: 10px;
    border: none;
}

/* 各行 */
.news_data {
    border-bottom: 1px dashed #FFFFFF;
    padding: 5px 0px;
}

.main_box .news_data .news_date,
.main_box .news_data A {
    float: left;
}

.side_box .news_data .news_date,
.side_box .news_data A {
    float: none;	
}

.side_box .news_data .news_date {
    display: block;	
}

/* 日付 */
.news_date {
    padding-right: 10px;
    font-size: 93%;    
}

.format {
    font-size: 85%;
}


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

/* カレンダー */

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

/* カレンダー枠余白 */
.calendar_data {
    padding: 15px 0px;
}


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

/* 一覧 */

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

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

.side_desc {
    padding: 10px;    
}

.item_box .swipe_list,
.item_box .itemlist_box,
.page_box .itemlist_box,
.tarticle_data {
    background-color: #FFFFFF;
	border-radius: 5px;
	margin-top: 5px;	
}

.welcome_contents .tarticle_data {
    margin-top: 0px;	
}

.item_box .itemlist_box,
.item_box .main_contents,
.side_box .itemlist_box,
.page_box .item_box {
	padding: 10px 0px;
}

/* 一覧メニュー情報 */
.item_box .item_data {
    padding: 10px;
}

/* 一覧マウスオーバー */
.item_box .item_hover:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

/* 一覧メニュー名 */
.item_box .item_name {
    color: #094680;
    font-weight: bold;
}

/* 一覧販売価格 */
.item_box .price {
    color: #000000;
    font-weight: bold;
}

/* 一覧説明 */
.item_box .item_desc {
    padding: 5px;
    color: #000000;
    font-weight: normal;
    margin-top: 5px;
}

/* メニュー説明欄 */
.item_box li .text_data {
    margin-top: 10px;
}


/*--------------------------------------*/
/* レイアウト */

.item_box li {
    float: left;
}

/* 写真なし */
.item_box .layout_text li {
    float: none;
}


/*--------------------------------------*/
/* リスト枠線 */

/* グリッド表示用右、下罫線 */
.item_box li {
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

/* 写真なし */
.item_box .layout_text li {
	border-bottom: 1px solid #094680;
}

/* リスト下線非表示 */
.item_box li.posbottom,
.item_box .text_layout li.posbottom {
    border-bottom: none;    
}

/* リスト右線非表示 */
.item_box li.posright,
.item_box .text_layout li {
    border-right: none;    
}

/* もっと見る */
.more_item A {
    display: block;
	background-image: url(img/icon_w.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 13px 25px 11px 10px;
	margin: 0px 5px;
	text-align: right;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .more_item A {
        background-image: url(img/icon_w_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


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

/* 一覧レイアウト用幅指定 */

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

[!]カスタマイズに際して
「管理画面」→「配置/画像/コメント」のカラム設定、写真/説明設定
「サービスメニュー設定」→「表示設定」の一覧ページ写真サイズ
上記2か所をご確認の上、該当の指定をカスタマズください。

・サムネイル写真枠　.global_photo
200px、160px、120pxで設定しています。

・説明欄枠　.item_data
カラム数、表示位置、選択サムネイルサイズで横幅が異なります。

・左右横幅調整
数値に端数がでる場合の調整用指定となります。

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

/* サムネイル写真枠 */

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

/* 200px */
.layout200 .item_data .global_photo {
    width: 200px;
}

/* 160px */
.layout160 .item_data .global_photo {
    width: 160px;
}

/* 120px */
.layout120 .item_data .global_photo {
    width: 120px;
}

/* 80px */
.layout80 .item_data .global_photo {
    width: 80px;
}

/* 左右エリア写真中央揃え */
#leftcol .item_box .item_data .global_photo,
#rightcol .item_box .item_data .global_photo {
    margin: 0px auto 10px;
}


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

/* 1カラム */

/* トップメインエリア、一覧ページ共通 */ 
/* 最大横幅980px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅980px-余白100px-罫線4px＝876px
　876pxまで入るスペースで875px分をitem_dataの横幅で指定
　175pxが5列で175×5＝875pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:897px　罫線:3px　余白:80px　※調整:1px */

#maincol1 .layout200 .item_data {
    width: 224px;
}

/* 左右横幅調整 */
#maincol1 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:876px　罫線:4px　余白:100px　※調整：1px */

#maincol1 .layout160 .item_data {
    width: 175px;
}

/* 左右横幅調整 */
#maincol1 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:855px　罫線:5px　余白:120px　※調整：3px */

#maincol1 .layout120 .item_data {
    width: 142px;    
}

/* 左右横幅調整 */
#maincol1 .layout120 {
	padding: 1px;
    padding-left: 2px;	
}

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

/* 2カラム */

/* トップメインエリア、一覧ページ共通 */ 
/* 最大横幅760px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅760px-余白80px-罫線3px＝677px
　677pxまで入るスペースで676px分をitem_dataの横幅で指定
　169pxが4列で169×4＝676pxとなります。
　1px余分となるため、paddingで1pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 横幅:698px　罫線:2px　余白:60px　※調整:2px */

#maincol2 .layout200 .item_data {
    width: 232px;
}

/* 左右横幅調整 */
#maincol2 .layout200 {
    padding: 1px;
}


/*--------------------------------------*/
/* 横幅160px */
/* 横幅:677px　罫線:3px　余白:80px　※調整:1px */

#maincol2 .layout160 .item_data {
    width: 169px;
}

/* 左右横幅調整 */
#maincol2 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅120px */
/* 横幅:656px　罫線:4px　余白:100px　※調整:1px */

#maincol2 .layout120 .item_data {
    width: 131px;    
}

/* 左右横幅調整 */
#maincol2 .layout120 {
    padding-left: 1px;
}


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

/* 3カラム */

/* トップメインエリア */ 
/* 最大横幅540px .item_data左右10pxの余白 */

/*
横幅の算出について
例）横幅160pxの場合
　最大横幅540px-余白54px-罫線2px＝484px
　484pxまで入るスペースで480px分をitem_dataの横幅で指定
　160pxが3列で160×3＝480pxとなります。
　4px余分となるため、paddingで4pxを調整
*/

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

/*--------------------------------------*/
/* 横幅200px */
/* 最大横幅:499px　罫線:1px　余白:40px　※調整:1px */

#maincol3 .layout200 .item_data {
    width: 249px;
}

/* 左右横幅調整 */
#maincol3 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* 横幅160 */
/* 最大横幅:484px　罫線:2px　余白:54px　※調整:4px */

#maincol3 .layout160 .item_data {
    width: 160px;
    padding: 9px;
}

/* 左右横幅調整 */
#maincol3 .layout160 {
    padding: 2px;
}


/*--------------------------------------*/
/* 横幅120 */
/* 最大横幅:497px　罫線:3px　余白:40px */

#maincol3 .layout120 .item_data {
    width: 124px;
	padding: 5px;
}


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

/* 左右エリア */ 

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

/* メニュー説明横幅 */
#leftcol .side_contents .item_data,
#rightcol .side_contents .item_data {
    width: 180px;
}

/*--------------------------------------*/
/* メインエリア指定リセット */

.item_box .side_contents A {
    padding: 0px
}

.item_box .side_contents A:hover {
    background-color: transparent;
}

#leftcol .item_box li,
#rightcol .item_box li {
    border-right: none;
    float: none;
}


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

/* バナー */ 

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

/* バナーレイアウト */
.banner_box li {
    width: 350px;
    padding: 15px;
    float: left;    
}

/* 左エリア、フッター下部バナー */
.banner_box {
    text-align: center;
    margin: 5px 0px;
}

.footer_banner {
    text-align: center;
    margin: 10px;
}

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


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

/* 第二階層各ページ枠 */

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

/* ページタイトル */
.page_box h2 {
    border: 2px solid #FFFFFF;
    padding: 15px;
    font-size: 123.1%;
    font-weight: bold;
    border-radius: 5px;
	color: #FFFF4D;
}

/* ページサブタイトル */
.contents_box h3 {
    border: 2px solid #FFFFFF;
    padding: 10px;
    font-size: 108%;
    font-weight: bold;
    border-radius: 5px;
	color: #FFFF4D;
}

.page_title_right_edge {
    position: absolute;
	top: 9px;
    right: 9px;
}

/* ページ説明 */
.page_desc {
    padding: 10px;
}

/* ページコンテンツ */
.page_contents {
    width: auto;
}

/* 各コンテンツ余白 */
.contents_box {
    margin: 20px;    
}

/* 各コンテンツ小項目余白 */
.inner_contents_box {
       padding: 10px;
}

/* ページ可変時　罫線非表示 */
.widemode .page_contents {
    border: none;    
}


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

/* サービス一覧 */

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

/* コンテンツナゲーション */
.contentstab_navi {
    width: 99.8%;
    border: 1px solid #E0DFE3;
	border-radius: 5px;
	margin-top: 10px;
}

/* 各ナビゲーション配置 */
.contentstab_navi li {
    width: auto;
    float: left;
    list-style: none;
}

/* 各ナビゲーション背景、文字 */
.contentstab_navi li A {
    display: block;
    min-height: 20px;
    text-align: center;
    border-right: 1px solid #E0DFE3;
    color: #FFFFFF;
    max-width: 200px;
    font-size: 13px;
}

.contentstab_navi li .tab_box {
    display: inline-block;
    padding: 15px;
}

/* 各ナビゲーションマウスオーバー */
.contentstab_navi A:hover {
    background-color: #FFFFFF;
    color: #000000;
}

/* 現ページ */
.contentstab_navi li.nav_on {
    background-color: #FFFFFF;
}

.contentstab_navi li.nav_on A {
    color: #000000;
}

/* 件数表示 */
.data_count {
	margin-top: 10px;
    padding: 10px;
}

.item_box .data_count {
    margin-top: 0px;
}

/* 複数行用アイコン画像 */
.contentstab_navi li .toggle_link .tab_box {
	display: block;
	padding: 0px;
	min-height: 50px;
    background-repeat: no-repeat;
	background-position: center center;	
}

/* Open用画像 */
.toggle_button .open .tab_box {
	background-image: url(img/navi_open_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .open .tab_box {
        background-image: url(img/navi_open_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* Close用画像 */
.toggle_button .close .tab_box {
	background-image: url(img/navi_close_bg.png);
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .close .tab_box {
        background-image: url(img/navi_close_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* 複数行時上部線 */
.contentstab_navi .overplus_nav ul {
    border-top: 1px solid #E0DFE3;
}


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

/* スタッフ */

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

/* 店長画像 */
.pstaff_photo {
    margin: 10px auto;    
}

/* プロフィール枠 */
.pstaff_contents dl {
    padding: 10px;
}

.pstaff_contents dt,
.pstaff_contents dd {
    padding: 5px;
}

/* プロフィール項目 */
.pstaff_contents dt {
    clear: left;
    float: left;
    width: 120px;
    font-weight: bold;
    border-top: 1px solid #D6D6D6;
	text-align: center;
}

/* プロフィール内容 */
.pstaff_contents dd {
    margin-left: 130px;
    border-top: 1px solid #D6D6D6;
}


/*--------------------------------------*/
/* 店長写真サイズ */

/* 140px */
.pstaff_contents .layout140 .global_photo {
    width: 140px;
}

/* 250px */
.pstaff_contents .layout250 .global_photo {
    width: 250px;
}

/* 400px */
.pstaff_contents .layout400 .global_photo {
    width: 400px;
}


/*--------------------------------------*/
/* 写真サイズ別プロフィール内容横幅指定 */

/* 1カラム */

/* 140px */
#maincol1 .pstaff_contents .layout140 .staff_profile {
    width: 780px;    
}

/* 250px */
#maincol1 .pstaff_contents .layout250 .staff_profile {
    width: 670px;    
}

/* 400px */
#maincol1 .pstaff_contents .layout400 .staff_profile {
    width: 520px;    
}

/* 2カラム */

/* 140px */
#maincol2 .pstaff_contents .layout140 .staff_profile {
    width: 560px;    
}

/* 250px */
#maincol2 .pstaff_contents .layout250 .staff_profile {
    width: 450px;    
}

/* 400px */
#maincol2 .pstaff_contents .layout400 .staff_profile {
    width: 300px;    
}


/*--------------------------------------*/
/* 写真サイズ別プロフィールdd横幅指定 */

/* 1カラム */

/* 140px */
#maincol1 .pstaff_contents .layout140 dd {
    width: 620px;    
}

/* 250px */
#maincol1 .pstaff_contents .layout250 dd {
    width: 510px;    
}

/* 400px */
#maincol1 .pstaff_contents.layout400 dd {
    width: 360px;    
}

/* 2カラム */

/* 140px */
#maincol2 .pstaff_contents .layout140 dd {
    width: 400px;    
}

/* 250px */
#maincol2 .pstaff_contents .layout250 dd {
    width: 290px;    
}

/* 400px */
#maincol2 .pstaff_contents .layout400 dd {
    width: 140px;    
}

/* 左右レイアウト */
.pstaff_photo,
.staff_profile {
    float: left;    
}

.staff_profile,
.staff_profile_desc {
    padding: 10px;
}

.staff_profile_desc {
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    margin: 0px 10px;
}


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

/* 詳細 */

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

/* タイトル */
.itemdetail h1 {
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    font-size: 123.1%;
    font-weight: bold;
    padding: 15px;
	color: #FFFF4D;
}

/* サブタイトル */
.detail_item_data h2 {
    border: 2px solid #094680;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 108%;
    font-weight: bold;
	color: #000000;
}

/* 詳細ページ余白 */
.detail_contents .inner_page_contents {
    padding: 19px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-top: 5px;
}

/* 詳細　価格 */
.detail_item_data .price {
    padding: 10px;
    font-size: 123.1%;
    color: #000000;
    font-weight: bold;
    word-break: normal;
}

/* 詳細　価格ラベル */
.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: 10px;
    border-top: 1px solid #E0DFE3;
}

/* 各ボタンレイアウト */
.social_tool li {
    float: left;
}

/* メニュー説明 */
.item_desc {
    padding: 10px;
    border-top: 1px solid #E0DFE3;
	color: #000000;
}

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

/* スタッフ用 */
.staff_desc {
    border-top: none;
}

/* 詳細自由記入欄 */
.detail_inner_box {
    margin: 20px 0px;	
}


/*--------------------------------------*/
/* サムネイル写真 */

.thumbnail {
    padding: 5px 0px 15px;
}

/* サムネイル写真大枠横幅 */
/* 選択サイズにより利用class名が異なります */
.thumbnail_list {
    margin: auto;
}

.th50 .thumbnail_list {
    max-width: 250px;	
}

.th60 .thumbnail_list {
    max-width: 300px;	
}

.th80 .thumbnail_list {
    max-width: 400px;	
}

.th120 .thumbnail_list {
    max-width: 600px;	
}

.layout800 .th120 .thumbnail_list {
    max-width: 800px;	
}

/* サムネイル各枠 */
.thumbnail li {
    float: left;
}

.thumbnail li A {
    display: block;
    margin: 0px auto 5px;
}

.thumbnail li A:hover {
    background-color: transparent;
}

.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid #094680;
}


/* サムネイル写真枠サイズ */
/* 選択サイズにより利用class名が異なります */
.th50 li {
    width: 50px;
}

.th60 li {
    width: 60px;
}

.th80 li {
    width: 80px;
}

.th120 li {
    width: 120px;
}


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

/* 詳細写真 */

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

[!]カスタマイズに際して
「サービスメニュー設定」→「表示設定」の詳細ページ写真サイズをご確認の上、
該当の指定をカスタマズください。

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

.detail_item_photo {
    position: relative;	
}

/*--------------------------------------*/
/* 250px */

/* 写真枠 */
.layout250 .detail_item_photo {
    width: 250px;
}

/*--------------------------------------*/
/* 300px */

/* 写真枠 */
.layout300 .detail_item_photo {
    width: 300px;
}

/*--------------------------------------*/
/* 400px */

/* 写真枠 */
.layout400 .detail_item_photo {
    width: 400px;
}

/*--------------------------------------*/
/* 600px */

/* 写真枠 */
.layout600 .detail_item_photo {
    width: 600px;
}

/*--------------------------------------*/
/* 800px */

/* 写真枠 */
.layout800 .detail_item_photo {
    width: 800px;
}


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

/* 写真枠 */
.detail_item_photo {
    margin: 0px auto 0px;    
}

/* サービス説明枠 */
.layoutnfloat .detail_item_data {
    width: 720px;
    padding-left: 0px;
    margin: 10px 0px;
}


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

/* お問い合わせ */

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

.inquiry .inner_page_contents,
.customize_form_page_body .inner_page_contents {
    background-color: #FFFFFF;
	border-radius: 5px;
	padding-top: 1px;
	margin-top: 5px;
}

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

/* 入力フォームテーブル table,th,td */

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

/* フォーム上部説明 */
.global_note {
    margin: 15px;
	color: #000000;   
}

.inner_contents_box .global_note {
    margin: 5px;    
}

.global_note li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #E0DFE3;
    background-image: url(img/icon_circle.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .global_note li {
        background-image: url(img/icon_circle_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* フォーム枠 */
.form_box {
    margin: 20px;  
	color: #000000; 
}

.inner_contents_box .form_box {
    margin: 10px;    
}

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

/* thタグ、tdタグ */
.form_table .cell_header,
.form_table .cell_data {
    padding: 15px;
    border-bottom: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* 最上部行 */
.form_table th.postop,
.form_table td.postop {
    border-top: 2px solid #000000;
}

/* thタグ */
.form_table .cell_header {
    width: 30%;
    color: #333333;
    text-align: left;
    background-color: #F5F5F5;
}

/* tdタグ */
.form_table .cell_data {
    width: 70%;
}

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

abbr.require {
    border: none;
    cursor: default;
}

.cell_note {
    color: #000000;	
}

/* thタグ内注意書き */
span.cell_note {
    display: block;
    font-size: 85%;
    font-weight: normal;
}

div.cell_note,
p.cell_note {
    padding: 5px;
}

/* tdタグ内注意書き */
td span.cell_note {
    display: inline;
    padding-left: 5px;
}

/* tdタグ内例 */
td span.ex_note {
    display: block;
    border-top: 1px solid #E0DFE3;
    margin-top: 8px;
    padding: 3px;
}

/* 注意書きの枠表示 */
.global_info {
    padding: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFEE;
}

/* 下部ボタン上部注意書き */
.global_bottom_info {
    width: 70%;
    margin: 40px auto 0px auto;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
    text-align: center;
}


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

/* データ表示テーブル table,th,td */

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

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

/* thタグ、tdタグ */
.data_table .cell_header,
.data_table .cell_data {
    padding: 5px;
    border-bottom: 1px solid #E0DFE3;
    border-left: 1px solid #E0DFE3;
    vertical-align: middle;
}

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

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


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

/* 店舗情報 */

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

/* thタグ、tdタグ */
.shop_contents .data_table .cell_header,
.shop_contents .data_table .cell_data {
    border-left: none;
    padding: 15px;
    vertical-align: middle;
}

/* thタグ */
.shop_contents .data_table .cell_header {
    text-align: left;
}

/* アクセス方法 */
.access_data {
    padding: 5px 0px 10px;    
}


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

/* 最新情報 */

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

/* 枠余白 */
.pwhatnew_contents {
    padding: 10px;    
}

.newslist_detail_page_body .pwhatnew_contents {
    padding: 0px;    
}

.newslist_detail_page_body .contents_box {
    margin: 0px;    
}

/* タイトル */
.pwhatnew_contents h1 {
    border: 2px solid #FFFFFF;
    padding: 10px;
    font-size: 123.1%;
    font-weight: bold;
    border-radius: 5px;
	color: #FFFF4D;
}	

/* 記事数 */
.back_number {
    padding: 10px 10px 0px;
}


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

/* ダイアリー */

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

/* 枠余白 */
.pdiary_contents {
    padding: 10px;    
}

.diarylist_detail_page_body .pdiary_contents {
    padding: 0px;    
}

.diarylist_detail_page_body .contents_box {
    margin: 0px;    
}

/* タイトル */
.pdiary_contents h1 {
    border: 2px solid #FFFFFF;
    padding: 10px;
    font-size: 123.1%;
    font-weight: bold;
    border-radius: 5px;
	color: #FFFF4D;
}

/* 記事カテゴリ */
.article_category {
    padding: 5px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E0DFE3;
	color: #000000;
}

.article_category A {
	color: #094680;
}

.article_category A:hover {
	color: #2DB300;
}


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

/* クーポン */

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

/* クーポン枠 */
.pcoupon_data {
    background-color: #FFFFFF;
    border-radius: 5px;
}

/* クーポン名 */
.coupon_contents h1 {
    font-size: 123.1%;
    color: #000000;
    font-weight: bold;
    padding: 10px;
}

/* クーポン説明 */
.coupon_contents .coupon_desc {
    padding: 10px;
    font-size: 108%;
    color: #666666;
    border-top: 1px solid #E0DFE3;    
}

/* 携帯に送る、印刷するボタン */
.coupon_use {
	width: 500px;
    padding: 15px;
	margin: auto;
	background-color: #FFFFFF;
	border-radius: 5px;
	text-align: center;	
}

.coupon_qr {
	padding-top: 5px;
    border-top: 1px solid #E0DFE3;	
}


.coupon_btn_none {
    border-top: none;	
}


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

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

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

/* 記事余白 */
.article_data {
    padding: 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-top: 15px;
}

/* 記事日付 */
.article_date {
    width: 100%;
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0DFE3;
    font-weight: bold;
	display: block;
	color: #000000;
}

/* 左右レイアウト */
.article_data .global_photo,
.article_data .ph_article {
    float: left;    
}

.article_data .ph_article {
    padding: 10px;
	color: #000000;
}

.article_data .txt_article {
    color: #000000;	
}

/*--------------------------------------*/
/* 写真サイズ別記事横幅指定 */

/* 1カラム */

/* 140px */
#maincol1 .article_data .layout140 .ph_article {
    width: 740px;    
}

/* 250px */
#maincol1 .article_data .layout250 .ph_article {
    width: 630px;    
}

/* 400px */
#maincol1 .article_data .layout400 .ph_article {
    width: 480px;    
}

/* 2カラム */

/* 140px */
.article_data .layout140 .ph_article {
    width: 510px;    
}

/* 250px */
.article_data .layout250 .ph_article {
    width: 400px;    
}

/* 400px */
.article_data .layout400 .ph_article {
    width: 250px;    
}


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

/* メールマガジン登録・解除 */

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

/* メールマガジンコンテンツ */
.mailmagazine_contents {
    padding: 5px 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-top: 5px;
	color: #000000;
}

/* 登録・解除ボックス */
.mailmagazine_box {
    padding: 15px 8px;
    background-color: #F5F5F5;
    text-align: left;
}


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

/* 携帯サイトQRコード、クーポンを携帯に送る */

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

/* クーポンを携帯に送る */
.coupon_send_contents {
    padding: 5px 10px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-top: 5px;
}

/* 送信ボックス */
.coupon_send_box {
    padding: 15px 8px;
    background-color: #F5F5F5;
    text-align: left;
}

/* QRコード画像 */
.qrcode,
.coupon_qrcode {
    border-top: 1px solid #E0DFE3;
	padding-top: 10px;
    margin: 15px;
}

.qrcode {
    text-align: center;	
}

.side_box .qrcode {
    border-top: 0px;
	margin: 0px;
}


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

/* カレンダー */

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

/* カレンダーヘッダー */
.cal_month {
    padding-bottom: 15px;
	text-align: center;
}

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

.cal_month span.prev_month,
.cal_month span.next_month {
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
}

.cal_month span.prev_month:hover,
.cal_month span.next_month:hover {
	opacity:0.5;
    filter: alpha(opacity=50);
}

/* 今月 */
.this_month {
	font-size: 123.1%;
	font-weight: bold;
}

.side_col .this_month {
	font-size: 13px;
}

.side_col .next_month,
.side_col .prev_month {
	font-size: 13px;
	padding: 0px;
}

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

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

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

.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;	
}

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

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

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

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

.cal_rowmode .event_list li.posbottom {
    border-bottom: none;	
}

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

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

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

div.event_icon img {
    margin: 0px 1px;
}

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

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

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

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

/* 左右カラム */
.side_col .cal_day {
    font-size: 10px;
}

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

.en_version .side_col .calendar_data .cal_rowmode .cal_day_cell {
	width: 70%;
}

/* 余白 */
.side_col .data_table th.cell_header,
.side_col .data_table td.cell_data {
   padding: 2px;
}

/* カレンダー各セル縦幅リセット */
.side_col .calendar_data .cal_day_cell {
    height: auto;
}


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

/* ページャー */

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

/* ページャー枠 */
.pager {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}

/* 上部ぺージャー */
#pagertop {
    border-top: none;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* 現在のページ */
.pager strong {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    margin: 0px 1px;
	background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color:#094680;
}

/* 他のページ */
.pager A {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    margin: 0px 1px;
    text-decoration: none;
}

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


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

/* フォームボタン */

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

.global_btn input {
	cursor: pointer;	
}

/* フォームボタンマウスオーバー */
.global_btn input:hover,
.global_btn A:hover,
#carttop:hover {
    -moz-opacity:0.8;
    opacity:0.8;
    filter: alpha(opacity=80);
} 

/* ボタンサイズXXS */
.global_btn .btn_size_xxsmall {
    width: 40px;
    height: 30px;
    font-size: 77%;
}

/* ボタンサイズXS */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
    font-size: 77%;
}

/* ボタンサイズS */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
    font-size: 85%;
}

/* ボタンサイズM */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

/* ボタンサイズL */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.layout400 .coupon_use .global_btn .btn_size_large {
	width: 120px;
} 

/* ボタンサイズXL */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

/* ボタンサイズXXL */
.global_btn .btn_size_xxlarge {
    width: 250px;
    height: 50px;
    font-size: 116%;
}

/* Aボタン縦幅 */
.global_btn A.btn_size_medium,
.global_btn A.btn_size_small,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_xxsmall {
    height: 25px;
    padding-top: 5px;
}

.global_btn A.btn_size_large {
    height: 28px;
    padding-top: 7px;
}

.global_btn A.btn_size_xlarge {
    height: 29px;
    padding-top: 11px;
}

.global_btn A.btn_size_xxlarge {
    height: 33px;
    padding-top: 17px;
}

/* 左右並びボタン */
.btn_float {
    width: 121px;
    margin: auto;
}

.btn_float span {
	display: block;
    float: left;
}

/* 左右並びボタン　下部配置 */
.btn_box .btn_float {
    width: 281px;
    margin: auto auto 80px;    
    padding: 20px;
}

/* 左右並びボタン　下部配置 右ボタン位置調整 */
.form_btn .global_btn .btn_size_xlarge {
    margin-top: -6px;
}

/* 縦2段積みボタン */
.under_global_btn {
    display: block;
    margin-top: 15px;
}

/* 左右並びボタン　クーポン */
.coupon_use .btn_float {
    width: 381px;
    margin: 15px auto;
}

/* 左ボタン */
.btn_float .posleft {
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;    
}

/* 右ボタン */
.btn_float .posright {
    padding-left: 10px;    
}

/* 中央ボタン */
.btn_float .poscenter {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;    
}

/* 左右エリア　ボタン余白 */
.side_form_box .global_btn input {
    margin: 5px 0px;    
}

/* 下部配置ボタン */    
.form_btn {
    text-align: center;
    margin: auto;    
    padding: 20px;
}

.global_btn A {
    display: block;
    text-align: center;
    font-weight: normal;
    margin: auto;
}

.global_btn span {
    display: inline-block;
    padding: 8px;
}


/*--------------------------------------*/
/* ボタン色 */

/*--------------------------------------*/
/* 色通常 */
/* フォームボタン全般 */
.global_btn .btn_color_common,
.global_btn A.btn_color_common {
    background-color: #333333;
    color: #FFFFFF;
}

/* 色強調 */
.global_btn .btn_color_emphasis,
.global_btn A.btn_color_emphasis {
    background-color: #005486;
    color: #FFFFFF;
}

.page_title_right_edge .global_btn .btn_color_emphasis,
.page_title_right_edge .global_btn A.btn_color_emphasis {
    background-color: #FFFFFF;
	color: #005486;
}


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

/* フォームエリアサイズ */

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

/* エリアサイズ特小 */
.xxsmallsize {
    width: 30px;
}

/* エリアサイズ小 */
.xsmallsize {
    width: 50px;
}

/* エリアサイズ小-大 */
.smallsize {
    width: 100px;
}

/* エリアサイズ中 */
.mediumsize {
    width: 150px;
}

/* エリアサイズ大-小 */
.largesize {
    width: 200px;
}

/* エリアサイズ大 */
.xlargesize {
    width: 300px;
}

/* エリアサイズ特大 */
.xxlargesize {
    width: 95%;
}

/* 確認用入力 */
.confirmation_input {
    margin-top: 5px;
}


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

/* エラー */

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

/* エラー表示 */
.error_box {
    border: 1px solid #FF0000;
	margin: 10px 20px;
	padding: 10px;
	border-radius: 5px;
}

/* エラー表示　※赤枠内文字 */
.error_status {
    color: #FF0000;
	font-size: 85%;
	padding-left: 5px;	
}

/* エラー表示アイコン位置調整 */
.error_status img {
	padding-right: 3px;	
}

.form_ok {
	padding-left: 5px;	
}

.form_status {
    display: inline-block;
}

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

/* フォームエラー */

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

/* thタグ、tdタグ背景 */
.form_table .form_error th,
.form_table .form_error td {
    border: none!important;
	background-color: #FF0000;
}

/* thタグ */
.form_table .form_error th {
    color: #FFFFFF;
    border-top-left-radius: 5px;        
    border-bottom-left-radius: 5px;        
}

/* tdタグ */
.form_table .form_error td {
	padding: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* 必須項目 */
.form_table .form_error th .require {
    color: #FFFFFF;
}

/* tdタグ内背景色 */
.form_error td .cell_form_error {
    margin: 5px;
	padding: 10px;
	background-color: #FFFFFF;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

/* エラー項目間余白 */
.form_table td.cell_border {
	padding: 0px!important;
	height: 0px!important;
	border-bottom: 1px solid #FFF!important;
}

/* エラー除外項目透過 */
.form_table .form_alpha th,
.form_table .form_alpha td {
    opacity:0.3;
    filter: alpha(opacity=30);
}

/* divタグボックスエラー */
div.form_error {
	margin: 5px 0px;
	padding: 5px 5px 5px 20px;
    background-color: #FF0000;
	border-radius: 5px;
	background-image: url(img/icon_detailerorr.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    div.form_error {
        background-image: url(img/icon_detailerorr_x2.png);
        background-size: 16px 16px;
    }
    /*-----------------------------------------------------------*/
}

div.form_error .cell_form_error {
	padding: 10px;
    border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: #FFFFFF; 
}


/* ここから追加 */


.top-aisatsu{
	text-align: center;
	font-size: 1.3em;
	line-height: 1.5;
}

.top-aisatsu .top-aisatsu-btn a{
  width: 366px;
  padding: 13px 0;
  background-color: white;
  border: 2px solid #1d5482;
  text-align: center;
  display: block;
  margin: auto;
  border-radius: 22px;
  font-size: 18.4px;
  line-height: 1;
  color: #1d5482;
  position: relative;
  font-weight: bold;
  margin: 30px auto;
  transition: all 0.3s ease-in-out;
}

.top-aisatsu .top-aisatsu-btn a:hover{
  background-color: #1d5482;
  color: white;
}

.under-cnt{
	width: 100%;
    position: relative;
}

.under-cnt.marginright60{
	margin-left: 60px;

}

.join-text1{
    width: 56%;
    position: absolute;
    bottom: 8%;
    right: 2%;
    font-size: 1.1rem;
    list-style: 1.8;
}

.top-aisatsu-img{
    margin-bottom: 20px;
}

.under-title{
	margin-bottom: 1rem;
}