@charset "utf-8";

/*=================================================================
	
	IMS / 共通デザイン CSS
	・Customize: 2010.03/03　※修正時に日付も更新下さい。

=================================================================*/


/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/

body, div, span, dl, dt, dd, input, label, form, h1, h2, h3, h4, select { margin:0 0 0 0; padding:0 0 0 0;}

body {
	color: #333330;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background: #f6f6ee;
}

*:first-child+html body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	body {
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo !important;
	}
}


/* H1 */
h1 {
	text-indent: -9999px;
	font-size: 1px;
	margin: 0 0 20px 0;
}


/* H2 */
h2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 115%;
	font-size: 100%;
/* 	font-family: serif; */
}

h2.f-1w {	/* 右にRSSアイコン＋1ブロック幅の場合 */
	float: left;
	width: 170px;
}

h2.f-2w {	/* 右にRSSアイコン＋2ブロック幅の場合 */
	float: left;
	width: 410px;
}

h2.f-3w {	/* 右にRSSアイコン＋3ブロック幅の場合 */
	float: left;
	width: 650px;
}

.h2-box {	/* h2 上のライン用 */
	background: url(../image/h2_bg.gif) repeat-x left top;
	margin: 0 0 10px 0;
}

.h2-box-inner {	/* h2 下のライン用 */
	border-bottom: solid 1px #ddddd3;
	padding: 15px 5px 10px 5px;
	margin:0;
}

.h2-box span {	/* RSS */
	display: block;
	float: right;
	width: 40px;
}

.h2-box span a {	/* RSS */
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	background: url(../image/i_rss.gif) no-repeat 0px 0px;
	height: 12px;
	width: 40px;
}


/* H3 */
h3 {
	font-size: 85%;
	margin: 0 0 10px 10px;
	line-height: 105%;
	padding: 6px 0 5px 0;
}


a {
	color:#333330;
	text-decoration: none;
}

a:hover {
	color: #777770;
	text-decoration:underline;
}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 82%;
	line-height: 145%;
	font-family: inherit;
}


/* 画像スタイル */
img { border: 0;}

/* リンクマーカー */
img.i-style-left { vertical-align: middle; margin: 0 5px 3px 0; _margin: 0 5px 0 0;}
*:first-child+html img.i-style-left { vertical-align: middle; margin: 2px 5px 0 0;}

img.i-style-right { vertical-align: middle; margin: 0 0 3px 5px; _margin: 0 0 0 5px;}
*:first-child+html img.i-style-right { vertical-align: middle; margin: 2px 0 0 5px;}

/* 画像フロート */
img.f-left { float: left;}
img.f-right { float: right;}

/*枠線付け */
img.border-style { border: solid 1px #cccccc; padding: 1px;}

/*メルマガ会員登録ボタン */
.mailmaga_member a { 
	text-indent:-9999px;
	width:110px;
	height:30px;
	display:block;
	font-size:1px;
	background: url(../image/btn_mailmaga_member.gif) no-repeat left top;
	margin-top:5px;
}
.mailmaga_member a:hover { 
	background-position:0 -30px
}


/*-----------------------------------------------------------------
		基礎設定
-----------------------------------------------------------------*/
#layout {
	text-align: left;
	background: #ffffff;
	margin: 0 auto;
	width: 980px;
}

#main-contents {
	padding: 20px;
	width: 940px;
	/*
	overflow: hidden;*/
}

#left-column {
	width: 700px;
	overflow: hidden;
	float: left;
	padding: 0 0 0 0;
}

#right-column {
	width: 220px;
	overflow: hidden;
	float: right;
}


/* 下線仕切り */
.contents-border {
	padding: 0 0 11px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #ddddd3;
}

/* 点線囲み */
.dash-box {
	border: dashed 1px #555555;
	padding: 4px 2px 4px 6px;
	margin: 0 0 20px 0;
}


/* 横2段組み */
.two-column-left {
	float: left;
	width: 340px !important;
}

.two-column-right {
	float: right;
	width: 340px !important;
}


/* 横3段組み */
.three-column-left {
	float: left;
	width: 220px !important;
	margin-right: 20px;
}

.three-column-center {
	float: left;
	width: 220px !important;
}

.three-column-right {
	float: right;
	width: 220px !important;
}


/* 横4段組み */
.four-column-left {
	float: left;
	width: 220px !important;
	margin-right: 20px;
}

.four-column-c-left {
	float: left;
	width: 220px !important;
	margin-right: 20px;
}

.four-column-c-right {
	float: left;
	width: 220px !important;
}

.four-column-right {
	float: right;
	width: 220px !important;
}


/*-----------------------------------------------------------------
		イムズからのお知らせ（HOME以外の共通用）
-----------------------------------------------------------------*/
.info-box {
	background: url(../image/bg_dot.gif) repeat left top;
	width: 450px;
	padding: 5px;
	margin-bottom: 20px;
}
.info-box-inner {
	background: #ffffff;
	padding: 12px 15px 15px 15px;
	width: 420px !important;
}

.info-box h2 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	background: none;
}

.info-box h2 a{
	display: block;
	background: url(../../image/info/info_ttl.gif) no-repeat 0px 2px;
	height: 20px;
	text-indent: -9999px;
	font-size: 1px;
	width: 180px;
}

.info-inner img {
	float: left;
	margin: 0 5px 0 0;
}

/*-----------------------------------------------------------------
		最新イベント・ショップ情報系
-----------------------------------------------------------------*/
.new-box ul li {
	width: 220px !important;
	float:left;
	border-bottom: solid 1px #ddddd3;
	padding-bottom:10px;
	margin-bottom:10px;
}
.new-box .fs-date {
	font-size:100%;
}
/*-----------------------------------------------------------------
		右カラム
-----------------------------------------------------------------*/

/* ミニFlash */
.sub-flash {
	margin: 0 0 20px 0;
}


/* フロアガイド */
.floor-guide {
	width:220px !important;
	background:url(../image/right/floor_guide_main_bg.gif) repeat-y 0 0;
	margin:0 0 20px 0;
}
.floor-guide-inner {
	padding-left:20px;
}
.floor-guide .ttl_floorguide a {
	width: 220px;
	height: 40px;
	text-indent: -9999px;
	font-size:0px;
	display:block;
	background:url(../image/right/ttl_floorguide.gif) no-repeat 0 0;	
}
.floor-guide-bottom {
	background:url(../image/right/floor_guide_down.gif) no-repeat left bottom;	
	min-height:36px;
	_height:36px;	
}
.floor-guide ul.floor-left {
	width: 84px;
	float: left;
}

.floor-guide ul.floor-right {
	width: 84px;
	float: left;
}

.floor-guide ul li {
	text-indent: -9999px;
	font-size:0px;
	margin:0;
	padding:0;
	display: inline;
}

.floor-guide ul li a {
	display: block;
	height: 23px;
	width: 84px;
	text-indent: -9999px;
	font-size:0px;
	margin:2px 0;
	padding:0;
}


.floor-guide ul .fg-14f a {
	background:url(../image/right/btn_14f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-13f a {
	background:url(../image/right/btn_13f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-12f a {
	background:url(../image/right/btn_12f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-11f a {
	background:url(../image/right/btn_11f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-10f a {
	background:url(../image/right/btn_10f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-9f a {
	background:url(../image/right/btn_9f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-8f a {
	background:url(../image/right/btn_8f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-7f a {
	background:url(../image/right/btn_7f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-6f a {
	background:url(../image/right/btn_6f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-5f a {
	background:url(../image/right/btn_5f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-4f a {
	background:url(../image/right/btn_4f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-3f a {
	background:url(../image/right/btn_3f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-2f a {
	background:url(../image/right/btn_2f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-1f a {
	background:url(../image/right/btn_1f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-b1f a {
	background:url(../image/right/btn_b1f.gif) no-repeat 0 0;	
}
.floor-guide ul .fg-b2f a {
	background:url(../image/right/btn_b2f.gif) no-repeat 0 0;	
}

.floor-guide ul .fg-14f a:hover,
.floor-guide ul .fg-13f a:hover,
.floor-guide ul .fg-12f a:hover,
.floor-guide ul .fg-11f a:hover,
.floor-guide ul .fg-10f a:hover,
.floor-guide ul .fg-9f a:hover,
.floor-guide ul .fg-8f a:hover,
.floor-guide ul .fg-7f a:hover,
.floor-guide ul .fg-6f a:hover,
.floor-guide ul .fg-5f a:hover,
.floor-guide ul .fg-4f a:hover,
.floor-guide ul .fg-3f a:hover,
.floor-guide ul .fg-2f a:hover,
.floor-guide ul .fg-1f a:hover,
.floor-guide ul .fg-b1f a:hover,
.floor-guide ul .fg-b2f a:hover{
	background-position:0 -23px;	
}




/* カテゴリ別ショップ一覧 */
.floor-guide p {
	width: 220px;
	margin: 0 0 0 0;
	padding: 10px 0 6px 0;
	text-align: center;
}


/* バナー群*/
#right-column ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#right-column ul li {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 100%;
}

#right-column ul li.bnanner-left {
	width: 100px;
	float: left;
}

#right-column ul li.bnanner-right {
	width: 100px;
	float: right;
}


/* ショップ求人情報 */
.shop-recruit {
	margin: 0 0 0 0;
}

/* We Love 天神協議会 バナー */
.bn-wl {
	text-align:center;
	width:218px;
	border:1px dashed #333333;
	padding:9px 0;
}

/*-----------------------------------------------------------------
		リスト
-----------------------------------------------------------------*/

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

ul li {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	font-size: 82%;
	line-height: 135%;
	list-style: none;
}

ol {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}

ol li {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	font-size: 82%;
	line-height: 140%;
}


/*-----------------------------------------------------------------
		<table>設定
-----------------------------------------------------------------*/

table { font-size: inherit; /* モダンブラウザ */}

/*
table.tbl-style {
	border: solid 3px #e0e0e0;
	width: 940px;
	margin: 0 0 0 10px;
}

.tbl-style th {
	background: #f0f0f0;
	padding: 5px 7px;
	font-size: 82%;
	border-bottom: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	text-align: left;
	width: 180px;
}

.tbl-style td {
	border-bottom: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	padding: 5px 7px;
	font-size: 82%;
}
*/


/*-----------------------------------------------------------------
		フォーム系設定
-----------------------------------------------------------------*/

input {
	line-height: 100%;
	margin: 0 0 0 0;
	_padding: 3px 0 0 0;
	font-family: "MS UI Gothic";
}

textarea {
	font-size: 100%;
	font-family: "MS UI Gothic";
}


/*-----------------------------------------------------------------
		調整用
-----------------------------------------------------------------*/

/*クリア*/
.c-box:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	font-size: 1px;
}
.c-box{display: inline-table;}
 /* Hides from IE-mac \*/
* html .c-box{height: 1%;}
.c-box{display: block;}
 /* End hide from IE-mac */

*:first-child+html .c-box { /* IE7用 */
	width: 100%;
}

.clear-both{
	clear: both;
	height: 1px!important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}

/*  \*/
* html #layout{
	height: 1%;
}
/*  */


.b { border: solid 1px #ff0000;}


/*　フォント関連　*/
.font-normal { font-weight: normal;}

.middle-l { font-size: 85%;}
.middle-m { font-size: 82%;}
.middle-s { font-size: 65%;}

.fs100 { font-size: 100% !important;}

.fc-red { color:#ff0000;}
.fc-gr { color:#006600;}
.fc-nv { color:#003399;}
.fc-d-red{color:#CC0000}
.fs-serif {
/* 	font-family: serif ; */
}

.fs-date {
	font-style: italic;
	font-size: 82%;
	color: #777770;
}

.v-hidden { visibility: hidden;}


/*　整列系　*/
.ta-center { text-align: center;}
.ta-right { text-align: right;}
.ta-left { text-align: left;}
.va-middle { vertical-align: middle;}
.va-middle img { vertical-align: middle;}
.va-middle,
.va-middle img { vertical-align: middle !important;}


/* 1文字字下げ */
.txt-indent {
	padding-left: 1em;
	text-indent: -1em;
}


/*　マージン調整　*/
.top-0 { margin-top:0px !important;}
.top-5 { margin-top:5px !important;}
.top-10 { margin-top:10px !important;}
.top-15 { margin-top:15px !important;}
.top-20 { margin-top:20px !important;}
.top-25 { margin-top:25px !important;}
.bottom-0 { margin-bottom: 0px !important;}
.bottom-5 { margin-bottom: 5px !important;}
.bottom-10 { margin-bottom: 10px !important;}
.bottom-15 { margin-bottom: 15px !important;}
.bottom-20 {margin-bottom: 20px !important;}
.bottom-25 { margin-bottom: 25px !important;}
.bottom-30 { margin-bottom: 30px !important;}
.bottom-40 { margin-bottom: 40px !important;}
.bottom-50 { margin-bottom: 50px !important;}
.left-0 { margin-left: 0px !important;}
.left-5 { margin-left: 5px !important;}
.left-10 { margin-left: 10px !important;}
.left-15 { margin-left: 15px !important;}
.left-20 { margin-left: 20px !important;}
.left-25 { margin-left: 25px !important;}
.left-30 { margin-left: 30px !important;}
.left-130 { margin-left: 130px !important;}
.left-135 { margin-left: 135px !important;}
.right-5 { margin-right: 5px !important;}
.right-10 { margin-right: 10px !important;}
.right-15 { margin-right: 15px !important;}
.right-20 { margin-right: 20px !important;}
.right-25 { margin-right: 25px !important;}
.right-30 { margin-right: 30px !important;}
.right-35 { margin-right: 35px !important;}