﻿@charset "utf-8";


/*---------------------------------------------
   全体設定
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 1.6;
	}

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	/* font-size を 10px 相当に指定 */
	font-size: 12px;
	font-family: "ＭＳP ゴシック", 'Hiragino Kaku Gothic Pro',  'Meiryo', '', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	}

a {
	color: #006699;
	text-decoration: underline;
	}
a:hover {
	color: #999999;
	text-decoration: underline;
	}

img {
	border: none;
	}

hr {
	height: 1px;
	background-color: #666666;
	margin: 1em 0 1em 0;
	border: 0;
	}

.clr {
	clear: both;
	}


strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

p {
	margin: 0 0 1.4em 0;
	}
p.center {
	text-align: center;
}
p.right_mini {
	font-size: 90%;
	text-align: right;
	}

div.fs90 {
	padding-top: 0.8em;
	font-size: 90%;
	}
p.fs90,
span.fs90 {
	color: #555555;
	font-size: 90%;
	}
p.bold110 {
	font-size: 110%;
	}

p.margintop1em {
	margin: 1em 0 1em 0;
	}
p.margintop2em {
	margin: 2em 0 2em 0;
	}

p.margin_bottom1 {
	margin: 0 0 1em 0;
	}

p.margin_bottom1c {
	margin: 0 0 1em 0;
	text-align: center;
	}


p.stronger {
	margin-bottom: 1.5em;
	font-size: 1.1em;
	font-weight: bold;
	}

p.to_business {
	margin: 2em 0 0 0;
	font-size: 95%;
	text-align: right;
	}
p.to_top {
	margin: 1em 0 0 0;
	font-size: 85%;
	text-align: right;
	}

.margin-b10 {
	margin: 0px 0 10px 0;
	}
	
.tv-banner {
    margin: 10px 0 10px 0;
	width: 850px;
	height: 120px;
}

.margin-b15 {
	margin: 0 0 15px 0;
	}

.margin-b35 {
	margin: 0 0 0px 0;
	}
	
/* IE7 */
*:first-child+html .margin-b35 {
	margin: 0 0 0px 0px;
	}

.margin-b45 {
	margin: 0 0 45px 0;
	}
	

span.fs120b {
	font-size: 120%;
	font-weight: bold;
	}
span.fs120b_red {
	color: #ff0000;
	font-size: 120%;
	font-weight: bold;
	}

span.fs85 {
	font-size: 85%;
	}

span.black {
	color: #333333;
	font-weight: bold;
	}
span.red {
	color: #ee0000;
	font-weight: bold;
	}

span.card_red {
	color: #e40055;
	}

td.padding-top0 {
	padding-top: 0 !important;
	}


.to-top2 {
	clear: both;
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 95%;
	text-align: right;
	}

.to_top {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 85%;
	text-align: right;
	}


/*--- float ---*/

p.float_l {
	float: left;
	margin: 0 1.5em 1.5em 0;
	padding: 0;
	}
p.float_r {
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 0;
	}

.img_right1 {
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 0;
	}




/*---------------------------------------------
   コンテンツ包括
---------------------------------------------*/

/*--- ヘッダー ----------------------------*/

div#header {
	width: 850px;
	/*margin: 20px auto -55px auto;*/
	margin: 20px auto -50px auto;
	padding: 0;
	overflow: hidden;
	}

#header h1 {
	width: 233px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#header h1 a {
	display: block;
	height: 70px;
	background: #cccccc url(./img/nagat_waon_logo.png) top left no-repeat;
	}
#toiawase {
	float: right;
    width: 645px; 
	margin: -50px 0 0 0; 
	padding: 0px 0px 5px 0px;
    text-align: right;
	overflow: hidden;
	}
/* IE7 */
/*
html>body #toiawase {
	float: right;
    width: 299px; 
	margin: -53px 0 0 0px;
	padding: 0px 0px 20px 0px;
    text-align: left;
	overflow: hidden;
	}
*/	
/*
#toiawase {
	float: left;
    width: 300px; 
	margin: 0px 0 0 0;
	padding: 0px 0px 20px 0px;
    text-align: left;
	overflow: hidden;
	}
*/

#ramen {
	float: right;
    width: 550px; 
	margin: -31px 0 0 0;
	padding: 0px 0px 20px 0px;
    text-align: right;
	overflow: hidden;
	}
	

/*
h1 a:hover {
	background-position: 0 -110px;*hoverした時に切り替える*
}
*/


/*--- グローバルナビゲーション --------*/

#header2 {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(./img/header2_bg.png) repeat-x;
	overflow: hidden;
	}

#header_wrap {
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
	}

#discription h2 {
	margin: 0;
	padding: 0;
	}

#gnav {
	width: 100%;
	height: 91px;
	margin: 0 0 4px 0;
	padding: 0;
	overflow: hidden;
	}

#gnav ul {
	width: 100%;
	height: 91px;
	background: url(./img/gnav.png) top right no-repeat;
	}

#gnav ul li {
	list-style: none;
	float: left;
	}
#gnav ul li a {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	}

#gnav ul li.gnav1 a {
	width: 142px;
	height: 91px;
	}
#gnav ul li.gnav1 a.active,
#gnav ul li.gnav1 a:focus,
#gnav ul li.gnav1 a:hover {
	background: url(./img/gnav.png) no-repeat left bottom;
	}
	
#gnav ul li.gnav2 a {
	width: 142px;
	height: 91px;
	}
#gnav ul li.gnav2 a.active,
#gnav ul li.gnav2 a:focus,
#gnav ul li.gnav2 a:hover {
	background: url(./img/gnav.png) no-repeat -142px bottom;
	}

#gnav ul li.gnav3 a {
	width: 142px;
	height: 91px;
	}
#gnav ul li.gnav3 a.active,
#gnav ul li.gnav3 a:focus,
#gnav ul li.gnav3 a:hover {
	background: url(./img/gnav.png) no-repeat -284px bottom;
	}

#gnav ul li.gnav4 a {
	width: 142px;
	height: 91px;
	}
#gnav ul li.gnav4 a.active,
#gnav ul li.gnav4 a:focus,
#gnav ul li.gnav4 a:hover {
	background: url(./img/gnav.png) no-repeat -426px bottom;
	}

#gnav ul li.gnav5 a {
	width: 141px;
	height: 91px;
	}
#gnav ul li.gnav5 a.active,
#gnav ul li.gnav5 a:focus,
#gnav ul li.gnav5 a:hover {
	background: url(./img/gnav.png) no-repeat -568px bottom;
	}

#gnav ul li.gnav6 a {
	width: 141px;
	height: 91px;
	}
#gnav ul li.gnav6 a.active,
#gnav ul li.gnav6 a:focus,
#gnav ul li.gnav6 a:hover {
	background: url(./img/gnav.png) no-repeat -709px bottom;
	}





/*---------------------------------------------
   コンテンツ(トップページ)
---------------------------------------------*/

#content_wrap {
	width: 850px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: #333333;
	font-size: 1.3em;
	overflow: hidden;
	}

#content {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding:  0;
	overflow: hidden;
	}

#content_section {
	margin: 0px 0 0 0;
	padding: 0;
	overflow: hidden;
	}
	
#content_nav {
	width: 100%;
	margin: 0;
	padding: 0 0 4px 0;
	overflow: hidden;
	}


/*--- 左サイドメニュー ----- */

#left_box {
	float: left;
	width: 184px;
	margin: 0;
	padding: 0;
	}

#left_box_inner {
	width: 184px;
	margin: 0;
	padding: 0 0 95px 0;
	background: url(./img/sidemenu_bottom.png) bottom center no-repeat;
	}

#left_bnr {
	margin: 0;
	padding: 0;
	}

#left_bnr img {
	margin: 0;
	padding: 0px 0 0 0;
	border: none;
	vertical-align: bottom;
	}

#left_bnr a {
	overflow: hidden;
	outline: none;
	}

#left_box ul#menu {
	width: 137px;
	margin: 0 0 0 21px;
  padding: 0;
	}
#left_box ul#menu li {
	list-style: none;
  margin: 0;
	}
#left_box ul#menu li a {
  display: block;
  width: 137px;
  height: 33px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	}

#left_box ul#menu li.menu1 a {
	background: url(./img/sidemenu1.png);
	}
#left_box ul#menu li.menu1 a.active,
#left_box ul#menu li.menu1 a:focus,
#left_box ul#menu li.menu1 a:hover {
	background: url(./img/sidemenu1.png) left bottom no-repeat ;
	}

#left_box ul#menu li.menu2 a {
	background: url(./img/sidemenu2.png);
	}
#left_box ul#menu li.menu2 a.active,
#left_box ul#menu li.menu2 a:focus,
#left_box ul#menu li.menu2 a:hover {
	background: url(./img/sidemenu2.png) left bottom no-repeat ;
	}

#left_box ul#menu li.menu3 a {
	background: url(./img/sidemenu3.png);
	}
#left_box ul#menu li.menu3 a.active,
#left_box ul#menu li.menu3 a:focus,
#left_box ul#menu li.menu3 a:hover {
	background: url(./img/sidemenu3.png) left bottom no-repeat ;
	}

#left_box ul#menu li.menu4 a {
	background: url(./img/sidemenu4.png);
	}
#left_box ul#menu li.menu4 a.active,
#left_box ul#menu li.menu4 a:focus,
#left_box ul#menu li.menu4 a:hover {
	background: url(./img/sidemenu4.png) left bottom no-repeat ;
	}


/*---------------------------------------------
   コンテンツ(topページ)
---------------------------------------------*/

/*--- 中央ブロック ----- */

#center_box {
	float: left;
	width: 477px;
	margin: 0;
	padding: 0;
	background: url(./img/top_center_bg.png) top left repeat-y;
	overflow: hidden;
	}

#center_box_inner {
	width: 433px;
	margin: 0 auto;
	padding: 0;
	}

h2.center_title {
	margin: 0 0 12px 0;
	padding: 0;
	color: #111111;
	font-size: 1.2em;
	}

/*
#tab-1,
#tab-2,
#tab-3 {
	height: 300px;
	overflow: auto;
	}
*/

/*-- タブ切り替え -----*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 80%;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0; 
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #ffffff;
}


.ui-tabs-nav a {
	display: block;
  width: 144px;
  height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	}

.ui-tabs-nav a#tab1 span {
	width: 144px;
	height: 24px;
	background: url(./img/top-tab3.png) top left no-repeat;
	}
.ui-tabs-nav .ui-tabs-selected a#tab1 span,
.ui-tabs-nav a#tab1 span:hover,
.ui-tabs-nav a#tab1 span:focus,
.ui-tabs-nav a#tab1 span:active {
	background: url(./img/top-tab3.png) bottom left no-repeat;
	}

.ui-tabs-nav a#tab2 span {
	width: 144px;
	height: 24px;
	background: url(./img/top-tab2.png) top left no-repeat;
	}
.ui-tabs-nav .ui-tabs-selected a#tab2 span,
.ui-tabs-nav a#tab2 span:hover,
.ui-tabs-nav a#tab2 span:focus,
.ui-tabs-nav a#tab2 span:active {
	background: url(./img/top-tab2.png) bottom left no-repeat;
	}

.ui-tabs-nav a#tab3 span {
	width: 144px;
	height: 24px;
	background: url(./img/top-tab3.png) top left no-repeat;
	}
.ui-tabs-nav .ui-tabs-selected a#tab3 span,
.ui-tabs-nav a#tab3 span:hover,
.ui-tabs-nav a#tab3 span:focus,
.ui-tabs-nav a#tab3 span:active {
	background: url(./img/top-tab3.png) bottom left no-repeat;
	}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #e50054;
    padding: 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


iframe#tab {
	width: 100%;
	height: 350px;
	margin: 0;
	padding: 0;
	border: none;
	}

dl#container-tab {
	width: 100%;
	margin: 0;
	padding: 1em 0 1em 0;
	font-size: 1.2em;
	}

dl#container-tab dt {
	float: left;
	width: 80px;
	padding: 0 0 0.7em 0.5em;
	}

dl#container-tab dd {
	margin: 0;
	margin-left: 80px;
	padding: 0 0 0.7em 0.5em;
	}



dl#container-tab dd.new {
	padding-right: 30px;
	background: url(./img/new.png) center right no-repeat;
	}

dl#container-tab dd img {
	font-size: 0;
	}



/*--- 右ブロック ----- */

#right_box {
	float: left;
	width: 188px;
	margin: 0;
	padding: 0 0 0.5em 0;
	overflow: hidden;
	}

#right_box h3.top_img_t {
	margin: 0 0 7px 0;
	padding: 0;
	}



/*---------------------------------------------
   コンテンツ(サブページ)
---------------------------------------------*/

p#pagePath {
	margin: 0px;
	padding: 4px 0 4px 1em;
	background: #e40055;
	color: #ffffff;
	font-size: 100%;
	}

p#pagePath a {
	color: #ffffff;
	text-decoration: underline;
	}

p#pagePath a:hover {
	color: #ffccff;
	text-decoration: underline;
	}


.to-home {
	margin: 0 0 13px 0;
	padding: 0;
	}




/*--- nagatカードとは -----*/

div#nagatCard {
	width: 590px;
	margin: 0 auto;
	padding: 0px 0 0px 10px;
	}

div#section_block {
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
	background: url(./img/bg_dot_bottom.png) bottom left no-repeat;
	}

div#section_block_inner {
	margin: 0;
	padding: 20px 0 0 0;
	background: transparent url(./img/bg_dot_top.png) top left no-repeat;
	}

div#card_section1,
div#card_section2,
div#card_section3 {
	margin: 0 0 40px 0;
	padding: 0 0 16px 0;
	background: transparent url(./img/bg_dot_bottom.png) bottom left no-repeat;
	}

div#card_section1_inner {
	margin: 0;
	padding: 95px 0 6px 30px;
	background: transparent url(./img/card_bg1.png) top left no-repeat;
	}

div#card_section2_inner {
	margin: 0;
	padding: 95px 0 2px 30px;
	background: transparent url(./img/card_bg2.png) top left no-repeat;
	}

div#card_section3_inner {
	margin: 0;
	padding: 95px 0 1px 30px;
	background: transparent url(./img/card_bg3.png) top left no-repeat;
	}


h2#card_title,
h2#card_title,
h2#card_title {
	margin: 0;
	padding: 0 0 0 30px;
	}

div#card_section1 p,
div#card_section2 p,
div#card_section3 p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 14px;
	}


/*--- カードご利用方法 -----*/

div#howto {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	}

#howto_section {
	clear: both;
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	background: url(./img/bg_dot_top2.png) top left no-repeat;
	overflow: hidden;
	}

#howto_section_inner {
	margin: 0;
	padding: 0 0 10px 0;
	background: url(./img/bg_dot_bottom2.png) bottom left no-repeat;
	overflow: hidden;
	}

#howto_text {
	margin: 0;
	padding: 10px 0 0 10px;
	background: url(./img/bg_dot2.png) top left repeat-y;
	overflow: hidden;
	}
	
#howto_text2 {
	margin: 0;
	padding: 0 0.4em 0 10px;
	background: url(./img/bg_dot2.png) top left repeat-y;
	overflow: hidden;
	}

#howto_text2_inner {
	margin: 0;
	padding: 10px 50px 0 0;
	background: url(./img/howto_text2_bg.gif) bottom right no-repeat;
	overflow: hidden;
	}

#howto_text4 {
	margin: 0;
	padding: 0 0.4em 0 10px;
	background: url(./img/bg_dot2.png) top left repeat-y;
	overflow: hidden;
	}

#howto_text4_inner {
	margin: 0;
	padding: 10px 110px 0 0;
	background: url(./img/howto_text4_bg.png) bottom right no-repeat;
	overflow: hidden;
	}

h2#howto {
	float: left;
	margin: 0 10px 0 0;
	}
	
h2#howto2 {
	clear:both;
	}

h2#howto img {
	vertical-align: bottom;
	}

#howto_text p,
#howto_text2 p,
#howto_text4 p {
	margin: 0;
	padding: 0 0 0 0;
	font-size:14px;
	}


/*--- 加盟店になるには -----*/

div#merchant {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	}

#merchant_section {
	clear: both;
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	background: url(./img/bg_dot_top2.png) top left no-repeat;
	overflow: hidden;
	}

#merchant_section_inner {
	margin: 0;
	padding: 0 0 10px 0;
	background: url(./img/bg_dot_bottom2.png) bottom left no-repeat;
	overflow: hidden;
	}

#merchant_text1,
#merchant_text2 {
	margin: 0;
	padding: 10px 20px 0 20px;
	background: url(./img/bg_dot2.png) top left repeat-y;
	overflow: hidden;
	}

#merchant_text3 {
	margin: 0;
	padding: 10px 0 0 20px;
	background: url(./img/bg_dot2.png) top left repeat-y;
	overflow: hidden;
	}

#merchant_text1_inner {
	margin: 0;
	padding: 0 0 0 170px;
	background: url(./img/mer_t1.png) top left no-repeat;
	overflow: hidden;
	}

#merchant_text1_inner p {
	margin: 0 0 1.2em 2em;
	padding: 0;
	font-size: 12px;
	}

#merchant_text2_inner {
	margin: 0;
	padding: 0 0 0 170px;
	background: url(./img/mer_t2.png) top left no-repeat;
	overflow: hidden;
	}

dl#mer2 {
	width: 100%;
	margin: 0;
	padding: 2em 0 1em 0;
	color: #000000;
	font-size: 1.3em;
	}

dl#mer2 dt {
	float: left;
	width: 130px;
	padding: 0 0 0.7em 0;
	}

dl#mer2 dd {
	margin: 0;
	margin-left: 130px;
	padding: 0 0 0.7em 1em;
	}

#merchant_text2_inner p {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	}

#merchant_text3_inner {
	margin: 0;
	padding: 0 0 0 170px;
	background: url(./img/mer_t3.png) top left no-repeat;
	overflow: hidden;
	}

#merchant_text3_inner div#mer3_left {
	float: left;
	width: 150px;
	margin-right: 20px;
	}

#merchant_text3_inner div#mer3_center {
	float: left;
	width: 150px;
	margin-right: 20px;
	}

#merchant_text3_inner div#mer3_right {
	float: left;
	width: 155px;
	margin-right: 0;
	}

#merchant_text3_inner  div#mer3_left p.text,
#merchant_text3_inner  div#mer3_center p.text,
#merchant_text3_inner  div#mer3_right p.text, {
	clear: both;
	margin: 0 0 1.2em 0;
	padding: 0;
	color: #000000;
	font-size: 14px;
	}

#merchant_text3_inner p.kome {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	}

#merchant_text3_inner div.number {
	margin: 0 0 0.5em 0;
	text-align: center;
	}

#merchant_text3_inner div.number2 {
	margin: 0 0 1em 0;
	text-align: center;
	}

h2#merchant {
	display: none;
	margin: 0;
	paddig: 0;
	}

h3#merchant {
	margin: 0 0 0.5em 0;
	}


/*--- 加盟店一覧 -----*/

div#shop {
	width: 710px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	}

#shop_section {
	clear: both;
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	}


/*--- タブメニュー -----*/

#shop_tab {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#shop_tab ul {
	width: 700px;
	height: 27px;
	background: url(./img/shop_tab.png) left top no-repeat;
	}

#shop_tab ul li {
	list-style: none;
	float: left;
	}
#shop_tab ul li a {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	}

#shop_tab ul li.tab1 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab1 a.active,
#shop_tab ul li.tab1 a:focus,
#shop_tab ul li.tab1 a:hover {
	background: url(./img/shop_tab.png) no-repeat left bottom;
	}
	
#shop_tab ul li.tab2 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab2 a.active,
#shop_tab ul li.tab2 a:focus,
#shop_tab ul li.tab2 a:hover {
	background: url(./img/shop_tab.png) no-repeat -98px bottom;
	}

#shop_tab ul li.tab3 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab3 a.active,
#shop_tab ul li.tab3 a:focus,
#shop_tab ul li.tab3 a:hover {
	background: url(./img/shop_tab.png) no-repeat -196px bottom;
	}

#shop_tab ul li.tab4 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab4 a.active,
#shop_tab ul li.tab4 a:focus,
#shop_tab ul li.tab4 a:hover {
	background: url(./img/shop_tab.png) no-repeat -294px bottom;
	}

#shop_tab ul li.tab5 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab5 a.active,
#shop_tab ul li.tab5 a:focus,
#shop_tab ul li.tab5 a:hover {
	background: url(./img/shop_tab.png) no-repeat -392px bottom;
	}

#shop_tab ul li.tab6 a {
	width: 91px;
	height: 27px;
	margin: 0 7px 0 0;
	}
#shop_tab ul li.tab6 a.active,
#shop_tab ul li.tab6 a:focus,
#shop_tab ul li.tab6 a:hover {
	background: url(./img/shop_tab.png) no-repeat -490px bottom;
	}




/*--- tab内 subnav -----*/

#shop_subnav {
	width: 100%;
	height: 26px;
	margin: 0 0 25px 0;
	padding: 0;
	background: #e40055;
	overflow: hidden;
	}

#shop_subnav ul {
	width: 420px;
	height: 26px;
	margin: 0 auto;
	background: url(./img/shop_subnav.png) top left no-repeat;
	}

#shop_subnav ul li {
	list-style: none;
	float: left;
	}
#shop_subnav ul li a {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	}

#shop_subnav ul li.subnav1 a {
	width: 63px;
	height: 26px;
	}
#shop_subnav ul li.subnav1 a.active,
#shop_subnav ul li.subnav1 a:focus,
#shop_subnav ul li.subnav1 a:hover {
	background: url(./img/shop_subnav.png) left bottom no-repeat;
	}
	
#shop_subnav ul li.subnav2 a {
	width: 226px;
	height: 26px;
	}
#shop_subnav ul li.subnav2 a.active,
#shop_subnav ul li.subnav2 a:focus,
#shop_subnav ul li.subnav2 a:hover {
	background: url(./img/shop_subnav.png) -63px bottom no-repeat;
	}

#shop_subnav ul li.subnav3 a {
	width: 66px;
	height: 26px;
	}
#shop_subnav ul li.subnav3 a.active,
#shop_subnav ul li.subnav3 a:focus,
#shop_subnav ul li.subnav3 a:hover {
	background: url(./img/shop_subnav.png) -289px bottom no-repeat;
	}

#shop_subnav ul li.subnav4 a {
	width: 65px;
	height: 26px;
	}
#shop_subnav ul li.subnav4 a.active,
#shop_subnav ul li.subnav4 a:focus,
#shop_subnav ul li.subnav4 a:hover {
	background: url(./img/shop_subnav.png) -355px bottom no-repeat;
	}


#shop_catnav {
	width: 100%;
	height: 86px;
	margin: 0;
	padding: 0;
	background: url(./img/shop_catnav_bg.png) bottom right no-repeat;
	overflow: hidden;
	}

#shop_catnav #shop_catnav-left {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
	}

#shop_catnav #shop_catnav-right {
	width: 605px;
	float: right;
	margin: 0;
	padding: 0;
	}

#shop_catnav #shop_catnav-right p {
	margin: 0;
	padding: 5px 0 0 0;
	line-height: 1.8em;
	}


table#shop_list {
	width: 100%;
	margin: 0 0 3em 0;
	padding: 0;
	border: none;
	color: #000000;
	}

table#shop_list td.col1 {
	width: 28%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e40055;
	}

table#shop_list td.col2 {
	width: 27%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e40055;
	font-size: 95%;
	}

table#shop_list td.col3 {
	width: 15%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e40055;
	}

table#shop_list td.col4 {
	width: 25%;
	margin: 0;
	padding: 0;
	color: #e40055;
	}


/*--- Q＆A・お問合せ -----*/

h2#contact {
	margin: 0 0 15px 0;
	}

div#accordion {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	}

.accordion {
	width: 100%;
	margin: 0 0 3em 0;
	}

.accordion dt {
	margin: 0 0 0.5em 0;
	padding: 10px 0 10px 50px;
	background: url(./img/q_bg.png) center left no-repeat;
	color: #e40055;
	font-size: 12px;
	cursor: pointer;
	}

.accordion dt:hover {
	
	}

.accordion dd {
	overflow: hidden;
	}

.accordion span {
	display: block;
	margin: 0 0 1em 0;
	padding: 4px 0 10px 50px;
	background: url(./img/a_bg.png) top left no-repeat;
	font-size: 12px;
	}


div#contact2 {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	}





/*--- 会社概要 -----*/

div#profile {
	width: 500px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	font-size:12px;
	color:#000000;
	
	}

table#profile {
	width: 100%;
	font-size: 1em;
	}

table#profile td.left {
	width: 23%;
	margin: 0;
	padding: 1em 0 1em 0;
	border-bottom: 1px dotted #e40055;
	}

table#profile td.right {
	margin: 0;
	padding: 1em 0 1em 0;
	border-bottom: 1px dotted #e40055;
	}

table#profile td.right ol {
	margin: 0;
	padding: 0 0 0 1.9em;
	}




/*--- 特定商取引 -----*/

table#tax {
	width: 100%;
	}

table#tax td.title {
	width: 35%;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border: 1px solid #cccccc;
	background: #eeeeee;
	}

table#tax td.text {
	margin: 0;
	padding: 0.5em 1em 0.5em 1em;
	border: 1px solid #cccccc;
	background: #fefefe;
	}



/*--- プライバシーポリシー -----*/

div#policy {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	color:#000000;
	font-size:10px;
	}
	


h2.policy {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	}

h3.policy {
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #333333;
	font-size: 1em;
	font-weight: bold;
	}

ol.policy {
	margin: 0 0 2em 0;
	padding: 0 0 0 2em;
	}


/*--- nagat WAONに関する約款 -----*/

div#terms {
	width: 590px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	color:#000000;
	font-size:10px;
	}

h2.terms {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	}

ol.terms {
	margin: 0 0 2em 0;
	padding: 0 0 0 2em;
	}

ol.terms li ol.terms_inner {
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 1.5em;
	font-size: 95%;
	}
	
div#terms2 {
	width: 300px;
	margin-left:400px;
	padding: 0 0 0 0;
	}

/*--- 会員登録フォーム -----*/

table#join {
	width: 40%;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 1em;
	}

table#join td.title {
	width: 40%;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border: 1px solid #999999;
	background: #dddddd;
	}

table#join td.text {
	width: 60%;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	border: 1px solid #999999;
	background: #fefefe;
	}

fieldset.join {
	margin: 0;
	padding: 10px 0 10px 0;
	border: 0;
	background: #f3f3f3;
	vertical-align: baseline;
	}

.field_join {
	margin: 0 0 2em 0;
	padding: 0;
	}


/*--- お問い合わせフォーム -----*/

table#contact {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 1em;
	}
table#contact td.title {
	width: 33%;
	margin: 0;
	padding: 1em 1em 1em 0;
	border-bottom: 1px dotted #dddddd;
	}
table#contact td.text {
	width: 65%;
	margin: 0;
	padding: 1em 1em;
	border-bottom: 1px dotted #dddddd;
	}

table#contact td.top {
	border-top: 1px dotted #dddddd;
	}

table#contact td.form_btn {
	margin: 0;
	padding: 2em 0 1em 1em;
	}


span.form_hint {
	font-size: 90%;
	color: #777777;
	}

span.form_red {
	margin: 0;
	padding: 0 0 0 0.6em;
	border-left: 4px solid #e50055;
	}

p.form_text1 {
	margin: 0 2em 2em 0;
	padding: 0;
	color: #ffffff;
	font-size: 100%;
	text-align: left;
	}
p.form_text2 {
	margin: 0 2em 2em 0;
	padding: 0;
	color: #e50055;
	font-size: 90%;
	text-align: right;
	}
span.form_red2 {
	margin: 0;
	padding: 0 0 0 0.5em;
	border-left: 4px solid #e50055;
	}

input.input1 {
	height: 15px;
	padding: 2px;
	border: 3px double #cccccc;
	}

textarea.text1 {
	height: 150px;
	padding: 2px;
	border: 3px double #cccccc;
	}

input.input1:focus,
textarea.text1:focus {
	border: 3px double #666666;
	}

select.select1 {
	border: 3px double #cccccc;
	}
	
select:focus {
	border: 3px double #666666;
	}


/*--- バナー配布ページ -----*/

table#bnr {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	border: none;
	font-size: 1em;
	}

table#bnr td.left {
	width: 65%;
	margin: 0;
	padding: 1em 0 1.5em 3em;
	border: 1px solid #999999;
	}

table#bnr td.right {
	width: 35%;
	margin: 0;
	padding: 1em 0 0 0;
	border: 1px solid #999999;
	text-align: center;
	}


/*---------------------------------------------
   フッター
---------------------------------------------*/

#footer {
	clear: both;
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background: #e50054;
	color: #ffffff;
	overflow: hidden;
	}

#footer_left {
	float: left;
	width: 620px;
	margin: 0;
	padding: 1em 0 1em 0;
	overflow: hidden;
	}

#footer_right {
	float: right;
	width: 300px;
	margin: 0;
	padding: 1em 0 1em 0;
	}

#footer_nav {
	margin: 0;
	padding: 0 0 0 2em;
	overflow: hidden;
	}

#footer_nav ul li {
	display: inline;
	margin-right: 10px;
	font-size: 12px;
	}

#footer_nav ul li a {
	padding-left: 10px;
	background: url(./img/footer_nav_bg.png) top left no-repeat;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
	}
#footer_nav ul li a:focus,
#footer_nav ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

#footer_copy {
	margin: 0;
	padding: 0 1.5em 0 0;
	font-size: 12px;
	font-family: 'Lucida Grande', arial, verdana, sans-serif;
	text-align: right;
	}
#footer_copy p {
	margin: 0;
	padding: 0;
	}

#footer_copy p a {
	color: #ffffff;
	text-decoration: underline;
	}

#footer_copy p a:hover {
	color: #cccccc;
	text-decoration: underline;
	}


/*--- チケット購入フォーム -----*/

table#ticket1 {
    width: 100%;
    margin: 0 0 2em 0;
    background: #cccccc;
    font-size: 1em;
    }

table#ticket1 td.col1 {
    width: 20%;
    padding: 10px;
    background: #ffffff;
    }

table#ticket1 td.col2 {
    padding: 10px;
    background: #ffffff;
    }


table#ticket2 {
    width: 100%;
    margin: 0 0 2em 0;
    background: #cccccc;
    font-size: 1.2em;
    }

table#ticket2 td.col1 {
    width: 24%;
    padding: 15px;
    background: #ffffff;
    }

table#ticket2 td.col2 {
    width: 15%;
    padding: 10px;
    background: #ffffff;
    text-align: center;
    }

table#ticket2 td.col3 {
    width: 12%;
    padding: 10px;
    background: #ffffff;
    text-align: center;
    }

table#ticket2 td.col4 {
    width: 8%;
    padding: 10px;
    background: #ffffff;
    text-align: right;
    }


table#ticket3 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 1em;
	}
table#ticket3 td.title {
	width: 33%;
	margin: 0;
	padding: 1em 1em 1em 0;
	border-bottom: 1px dotted #dddddd;
	}
table#ticket3 td.text {
	width: 65%;
	margin: 0;
	padding: 1em 1em 1em 1em;
	border-bottom: 1px dotted #dddddd;
	}

table#ticket3 td.top {
	border-top: 1px dotted #dddddd;
	}

table#ticket3 td.form_btn {
	margin: 0;
	padding: 2em 0 1em 1em;
	}



table.ticket_inner {
    width: 100%;
	border: none;
    }

table.ticket_inner td.left,
table.ticket_inner td.left2 {
    width: 25%;
    vertical-align: top;
    }

table.ticket_inner td.right {
    padding: 0 1em 2em 0;
    color: #555555;
    font-size: 90%;
    }

table.ticket_inner td.right2 {
    padding: 0 1em 0 0;
    color: #555555;
    font-size: 90%;
    }


