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

/* ▼ Reset
----------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


body {
    line-height:1.3em;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}


ol, ul {
    list-style:none;
}


blockquote, q {
    quotes:none;
}


blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}


del {
    text-decoration: line-through;
}


abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}


hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #505050;
    background: #333;
    margin:1em 0;
    padding:0;
}


input, select {
    vertical-align:middle;
}

a {
    -webkit-tap-highlight-color:transparent;
}

a img{
	text-decoration:none;
	border:none;
}

/* ▼Float
----------------------------------------------- */
.fr{
	float:right;
}
.fl{
	float:left;
}
.fc{
	clear:both;
}
br.fc{
	height:0;
	clear:both;
	font-size:0;
	line-height:0;
	display:block;
}
.fcdummy{
	font-size:0;
	line-height:0;
}



.clearFix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearFix {
  min-height: 1px;
}

* html .clearFix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* ▼ basic
----------------------------------------------- */
html {
	-webkit-text-size-adjust: none; /* 横向きにした際の文字サイズ調整 */
}
body{
	font-size:12px;
	color:#f2f2f2;
	/*font-family:"ヒラギノ角ゴ Pro W3";*/
	font-family: 'Lucida Grande','Lucida Sans Unicode',Meiryo,'Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background:#000;
}
a {
	color: #21ABD9;
}

/* ヘッダ */
.globalHeader{
	position:relative;
	height:50px;
	/*margin-bottom:15px;*/
	/*padding:5px;*/
	background: -moz-linear-gradient(top, #404040, #292929);
	background: -webkit-gradient(linear, center top, center bottom, from(#404040), to(#292929));
	/*border-top:			solid 1px #4d4d4d;
	border-right:		solid 1px #1f1f1f;
	border-bottom:	solid 1px #1f1f1f;
	border-left:		solid 1px #4d4d4d;*/
	border-top:solid 3px #cc2d54;
	border-bottom:solid 1px #333;
}
.globalHeader .logo{
	position:absolute;
	padding:8px 0 0 15px;
}
.globalHeader .logo img{
	/*width:146px;*/
	width:130px;
	height:35px;
}
.globalHeader .pageTitle{
	position:absolute;
	right:10px;
	top:10px;
	font-size:80%;
	text-align:right;
}
.globalHeader .sublinkContainer{
	width:50%;
	position:absolute;
	top:0;
	right:0;
	border-left:solid 1px #1f1f1f;
}
.globalHeader .sublinkContainer div.item{
	float:right;
	width:50%;
}
.globalHeader .sublinkContainer div.item a {
	display:block;
	height:48px;
	text-align:center;
	background: -moz-linear-gradient(top, #404040, #292929);
	background: -webkit-gradient(linear, center top, center bottom, from(#404040), to(#292929));
	border-top:			solid 1px #4d4d4d;
	border-right:		solid 1px #1f1f1f;
	border-bottom:	solid 1px #1f1f1f;
	border-left:		solid 1px #4d4d4d;
}
.globalHeader .sublinkContainer div.item a.on {
	/*background: -moz-linear-gradient(top, #292929, #404040);
	background: -webkit-gradient(linear, center top, center bottom, from(#292929), to(#404040));*/
	background:#666;
	border-right:		solid 1px #666;
	border-bottom:	solid 1px #666;
}
.globalHeader .sublinkContainer div.item a img{
	padding:17px 0 0;
}

/* プルダウンメニュー */
#headermenu{
	display:none;
	opacity: 0;
	position:absolute;
	top:50px;
	left:0;
	z-index:100;
	width:100%;
}
#headermenu .inner{
	/*position:relative;*/
	border:solid 3px #666;

	border-radius: 10px 0 10px 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px 0 10px 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px 0 10px 10px;   /* Firefox用 */

	background:#fff;
	margin:0 0 0 15px;
}
#headermenu .content-element{
	/*position:absolute;*/
	/*position:relative;*/
	z-index:200;
	width:100%;
	height:100%;
}
#headermenu .bg-element{
	display:none;
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	height:100%;
	/*opacity: 0.85;*/
	opacity: 1;
	background:#fff;
}
#headermenu .heading{
	font-size:14px;
	line-height:28px;
	text-align:center;
}

#headermenu .local .heading{
	color:#fff;
	text-shadow: 1px 1px 1px #8e192f;
	background: -moz-linear-gradient(top, #b61a30, #cb2c52);
	background: -webkit-gradient(linear, center top, center bottom, from(#b61a30), to(#cb2c52));

	border-radius: 6px 0 0 0x;        /* CSS3草案 */  
	-webkit-border-radius: 6px 0 0 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px 0 0 0;   /* Firefox用 */
}
#headermenu .local ul{
}
#headermenu .local li{
	float:left;
	width:50%;
	background: -moz-linear-gradient(top, rgba(256, 256, 256, 0), #c8c8c8);
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(256, 256, 256, 0)), to(#c8c8c8));
}
#headermenu .local li a > div{
	display:block;
	width:100%;
	/*position:relative;*/
	font-size:12px;
	line-height:50px;
	color:#cc2d54;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff;
	/*background-image:url(../../../images/pulldownmenu_itemicon.png);
	background-repeat:no-repeat;
	background-position:right;*/
	border-bottom:	solid 1px #aeaeae;
	border-right:		solid 1px #aeaeae;
	padding:0;
}
#headermenu .local li a{
	text-decoration:none;
}
#headermenu .local li:nth-child(even){
	border-right:none;
}

#headermenu .shikoku{
	clear:both;
}
#headermenu .shikoku .heading{
	color:#fff;
	text-shadow: 1px 1px 1px #3a3a3a;
	background: -moz-linear-gradient(top, #393939, #4c4c4c);
	background: -webkit-gradient(linear, center top, center bottom, from(#393939), to(#4c4c4c));
}
#headermenu .shikoku ul{
}
#headermenu .shikoku li{
	float:left;
	width:50%;
	background: -moz-linear-gradient(top, rgba(256, 256, 256, 0), #c8c8c8);
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(256, 256, 256, 0)), to(#c8c8c8));
}
#headermenu .shikoku li a > div{
	display:block;
	width:100%;
	font-size:12px;
	line-height:50px;
	color:#333;
	text-align:center;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff;
	/*background-image:url(../../../images/pulldownmenu_itemicon.png);
	background-repeat:no-repeat;
	background-position:right;*/
	border-bottom:	solid 1px #aeaeae;
	border-right:		solid 1px #aeaeae;
	padding:0 0;
}
#headermenu .shikoku li a {
	text-decoration:none;
}
#headermenu .shikoku li:nth-child(even){
	border-right:none;
}

#headermenu #pulldownmenuClose{
	clear:both;
	text-align:center;
	font-size:14px;
	color:#fff;
	text-shadow: 0 -1px 0 #000;
	font-weight:bold;
	/*background:#333333;*/
	background: -moz-linear-gradient(top, #6f6f6f, #3f3f3f);
	background: -webkit-gradient(linear, center top, center bottom, from(#6f6f6f), to(#3f3f3f));
	/*border-top:solid 3px #fff;*/

	border-radius					: 0 0 4px 4px;        /* CSS3草案 */  
	-webkit-border-radius	: 0 0 4px 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 0 0 4px 4px;   /* Firefox用 */

	padding:15px 10px;
}


/* フッタ */
.pageFooter{
	margin-top:20px;
	border-top:solid 2px #d92c56;
}
.pageFooter p.copyright{
	font-size:8px;
	color:#ccc;
	text-align:right;
	border-top:solid 1px #333;
	background: -moz-linear-gradient(top, #101010, #333);
	background: -webkit-gradient(linear, center top, center bottom, from(#101010), to(#333));
	padding:15px 10px;
}
.pageFooter .footerNavi{
}
.pageFooter .footerNavi div{
	float:left;
	width:33%;
}
.pageFooter .footerNavi div:last-child{
	width:34%;
}
.pageFooter .footerNavi a{
	display:block;
	color:#ccc;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	background: -moz-linear-gradient(top, #333, #101010);
	background: -webkit-gradient(linear, center top, center bottom, from(#333), to(#101010));
	border-top		:solid 1px #3f3f3f;
	border-right	:solid 1px #0f0f0f;
	border-bottom	:solid 1px #0f0f0f;
	border-left		:solid 1px #333;
	padding:15px 0;
}

/* ページタイトル */
.pageTitle{
	display:block;
	font-size:16px;
	color:#f7f1f2;
	border-top		:solid 1px #9e0c1f;
	border-bottom	:solid 1px #e9406c;
	background: -moz-linear-gradient(top, #f5315a, #f63561);
	background: -webkit-gradient(linear, center top, center bottom, from(#f5315a), to(#f63561));
	text-shadow: 0 0 3px #971a30;
	padding:10px 10px;
	margin-bottom:15px;
}


/* インデント */
/*div.contentIndent{
	margin-right:10px;
	margin-left:10px;
	padding:0 ;
}*/

.bannerList{
	text-align:center;
	margin:15px 0px 15px 0;
}
.bannerList a{
	color:#fff;
	text-decoration:none;
}
.bannerList a img{
	border:none;
	text-decoration:none;
}
.bannerList li{
	margin-bottom:10px;
}
.bannerList li span{
	display:block;
	text-align:center;
	color:#e2315e;
	font-size:10px;
}

/* 汎用ボタン */
.basicButton{
}
.basicButton a{
	display:block;
	color:#fff;
	height:48px;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
	
	text-shadow: 0 -1px 1px #2a2a2a;
	text-decoration:none;
	
	background-image: linear-gradient(top, rgb(87,87,87) 13%, rgb(73,73,73) 50%, rgb(61,61,61) 50%, rgb(40,40,40) 87%);
	background-image: -o-linear-gradient(top, rgb(87,87,87) 13%, rgb(73,73,73) 50%, rgb(61,61,61) 50%, rgb(40,40,40) 87%);
	background-image: -moz-linear-gradient(top, rgb(87,87,87) 13%, rgb(73,73,73) 50%, rgb(61,61,61) 50%, rgb(40,40,40) 87%);
	background-image: -webkit-linear-gradient(top, rgb(87,87,87) 13%, rgb(73,73,73) 50%, rgb(61,61,61) 50%, rgb(40,40,40) 87%);
	background-image: -ms-linear-gradient(top, rgb(87,87,87) 13%, rgb(73,73,73) 50%, rgb(61,61,61) 50%, rgb(40,40,40) 87%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.13, rgb(87,87,87)),
		color-stop(0.5, rgb(73,73,73)),
		color-stop(0.5, rgb(61,61,61)),
		color-stop(0.87, rgb(40,40,40))
	);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	
	border-top:solid 1px #6b6b6b;
	border-right:solid 1px #373737;
	border-bottom:solid 1px #373737;
	border-left:solid 1px #6b6b6b;
	
	padding:0 5px;
	margin:10px 15px 10px 15px;
}
/*.basicButton a:hover{
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, center top, center bottom, from(#666), to(#333));
}*/

/* 汎用セクション */
section.common-section{
	margin:0 0px 15px 0px;
}
section.common-section p{
	margin:0 10px 0 10px;
}

/* 見出し */
.heading-fuzoku{
	font-size:14px;
	color:#fff;
	text-shadow: 0px 1px 1px #000;
	background: -moz-linear-gradient(top, #454545, #636363);
	background: -webkit-gradient(linear, center top, center bottom, from(#454545), to(#636363));
	border-top		:solid 1px #2f2f2f;
	border-bottom	:solid 1px #7d7d7d;
	border-left		:solid 3px #e2315e;

	/*border-radius: 3px;         CSS3草案 */  
	/*-webkit-border-radius: 3px;     Safari,Google Chrome用 */  
	/*-moz-border-radius: 3px;    Firefox用 */
	
	padding:10px 10px;
	margin:0 0 10px 0;
}
.heading-nomiya{
	font-size:14px;
	color:#fff;
	text-shadow: 0px 1px 1px #000;
	background: -moz-linear-gradient(top, #211956, #453983);
	background: -webkit-gradient(linear, center top, center bottom, from(#211956), to(#453983));
	border-top		:solid 1px #4c3da8;
	border-bottom	:solid 1px #130d44;
	/*border-radius: 3px;         CSS3草案 */  
	/*-webkit-border-radius: 3px;     Safari,Google Chrome用 */  
	/*-moz-border-radius: 3px;    Firefox用 */
	
	padding:10px 10px;
	margin:0 0 10px 0;
}


/* ▼ Navgation
----------------------------------------------- */
/* area select */
nav.area-select{
	margin-bottom:20px;
}
nav.area-select .heading{
	font-size:14px;
	color:#fff;
	text-shadow: 0px 1px 1px #000;
	background: -moz-linear-gradient(top, #454545, #636363);
	background: -webkit-gradient(linear, center top, center bottom, from(#454545), to(#636363));
	border-top		:solid 1px #2f2f2f;
	border-bottom	:solid 1px #7d7d7d;
	border-left		:solid 3px #fff;
	
	padding:10px 10px;
	margin:0 0 10px 0;
}
nav.area-select li{
	width:25%;
	float:left;
	text-align:center;
}
nav.area-select li img{
	width:56px;
	height:56px;
}

/* category select */
nav.category-select{
	margin:10px 0 10px 0;
}
nav.category-select li{
	width:50%;
	float:left;
	text-align:center;
}
nav.category-select li a{
	display:block;
	color:#fff;
	height:48px;
	font-size:14px;
	font-weight:bold;
	line-height:48px;
	
	text-shadow: 0 -1px 1px #7e2539;
	text-decoration:none;
	
	background-image: linear-gradient(top, rgb(233,73,113) 13%, rgb(233,67,103) 50%, rgb(230,44,84) 50%, rgb(229,37,72) 87%);
	background-image: -o-linear-gradient(top, rgb(233,73,113) 13%, rgb(233,67,103) 50%, rgb(230,44,84) 50%, rgb(229,37,72) 87%);
	background-image: -moz-linear-gradient(top, rgb(233,73,113) 13%, rgb(233,67,103) 50%, rgb(230,44,84) 50%, rgb(229,37,72) 87%);
	background-image: -webkit-linear-gradient(top, rgb(233,73,113) 13%, rgb(233,67,103) 50%, rgb(230,44,84) 50%, rgb(229,37,72) 87%);
	background-image: -ms-linear-gradient(top, rgb(233,73,113) 13%, rgb(233,67,103) 50%, rgb(230,44,84) 50%, rgb(229,37,72) 87%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.13, rgb(233,73,113)),
		color-stop(0.5, rgb(233,67,103)),
		color-stop(0.5, rgb(230,44,84)),
		color-stop(0.87, rgb(229,37,72))
	);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	
	border-top:solid 1px #ea557a;
	border-right:solid 1px #be1f3b;
	border-bottom:solid 1px #be1f3b;
	border-left:solid 1px #ea557a;
	
	padding:0 5px;
	margin:5px 5px 5px 5px;
}
nav.category-select li img{
}

nav.category-select.nomiya li a{
	color:#4e428b;
	
	border-top		:solid 1px #685ca1;
	border-right	:solid 1px #352b69;
	border-bottom	:solid 1px #352b69;
	border-left		:solid 1px #685ca1;
}



/* data list */
.resultList {
}
.resultList h3{
	font-size:16px;
	text-align:center;
	color:#e1dadc;
	line-height:20px;
	text-shadow:1px 0 1px #000;
	background:#333;
	padding:8px 10px;
}
.resultList li{/*
	background-image:url(../../../images/listicon_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
*/}
.resultList li a{
	display:block;
	text-align:left;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
	/*background: -moz-linear-gradient(top, #333, #101010);
	background: -webkit-gradient(linear, center top, center bottom, from(#333), to(#101010));*/
	background-image:url(../../../images/listicon_arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	
	border-top		:solid 1px #404040;
	border-right	:none;
	border-bottom	:solid 1px #222;
	border-left		:none;
	padding:15px 10px;
}
/*.resultList li a:hover{
	background: -moz-linear-gradient(top, #292929, #101010);
	background: -webkit-gradient(linear, center top, center bottom, from(#292929), to(#101010));
}*/
.resultList li a .name{
	display:block;
	color:#fff;
	font-size:larger;
}
.resultList li a .area{
	color:#a0a0a0;
}
.resultList li a .coupon{
	color:#d92c56;
	padding:0 0 0 10px;
}



