@charset "utf-8";

/********************
  base 1
********************/

body{
	margin:0;
	padding:0;
	line-height:180%;
	color:#333;
	background:#fff url(../img/bg.gif) top center no-repeat;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}



div#wrap{
	margin:0 auto;
	padding:0;
	text-align:center;
	width:951px;
	background:#fff url(../img/bg_wrap.gif) repeat-y;
overflow: hidden;
}

img{border:none;vertical-align:bottom;}
img.img_top{border:none;vertical-align:top;}


td{font-size: 10pt;line-height:150%;}


.clear{clear:both;}
.b{font-weight:bold;}
.left{text-align:left;}
.center{text-align: center;}
.right{text-align:right;}


.blue01{color:#003399;}


div#header{
	margin:0;
	padding:0;
	width:951px;
	height:60px;
	background:#fff url(../img/bg_head.gif) repeat-x;
}


div#search_outer{
	margin:0;
	padding:0;
	width:951px;
	height:387px;
}

div#search_left{clear:both;
	margin:0;
	padding:0;
	float:left;
	width:218px;
	height:387px;
	background:url(../img/bg_search.jpg) no-repeat;
}

div#search_right{
	margin:0;
	padding:0;
	float:right;
	width:733px;
	text-align:right;
}


div#contents{
	margin:0;
	padding:0;
}



div#main{
	margin:0;
	padding:0;
	float:left;
	width:720px;
	text-align:left;
}

div#contents_right{
	margin:0;
	padding:0;
	float:right;
	width:231px;
	text-align:left;
	background:url(../img/bg_wrap.gif) right repeat-y;

}


div#footer{
	margin:0;
	padding:5px 0 0;
	clear:both;
	height:90px;
	color:#fff;
	background:#fff url(../img/bg_foot.gif) repeat-x;
	text-align:center;
}

div#copy{
	margin:0;
	padding:0px 0;
	font-size:90%;
}

/********************
  link
********************/
a:link{text-decoration:underline;color:#0033ff;}
a:visited{text-decoration:underline;color:#0033ff;}
a:hover{text-decoration:none;color:#0033ff;}


a.foot:link{text-decoration:none;color:#fff;}
a.foot:visited{text-decoration:none;color:#fff;}
a.foot:hover{text-decoration:underline;color:#fff;}


/********************
  base 2
********************/

h1{
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight:normal;
	height:34px;
}

h2{
	margin:0;
	padding:17px 0 0 100px;
	clear: both;
	background:url(../img/title_bg.gif) no-repeat;
	width:720px;
	height:60px;
	color:#fff;
	font-size:140%;
}

h3{
	margin:0;
	padding:0px 0 0 10px;
	clear: both;
	background:url(../img/h3.gif) no-repeat;
	width:650px;
	height:20px;
	font-size:110%;
}
h3.member_info{
	margin:0;
	padding:0px 0 0 10px;
	clear: both;
	background:url(../img/h3_3.gif) no-repeat;
	width:650px;
	height:20px;
	font-size:110%;
}
h3.sub{
	margin:0;
	padding:0px 0 0 10px;
	clear: both;
	background:url(../img/h3_2.gif) no-repeat;
	width:400x;
	height:20px;
	font-size:110%;
}

h4{
	margin:0;
	padding:0 0 10px 0;
	clear: both;
	width:650px;
	height:20px;
	font-size:110%;
}


#header span, #header_other span{ display: none;}


/* --- PRINT --- */

@media print {
body { _zoom: 0.8;}
}


/********************
  header
********************/

div#header_l{
	margin:0;
	padding:0px;
	float:left;
	width:448px;
	height:60px;
	text-align:left;
	background:#fff url(../img/bg_head.gif) repeat-x;
}

div#header_r{
	margin:0;
	padding:0;
	float:right;
	width:503px;
	height:60px;
	text-align:right;
	background:#fff url(../img/bg_head.gif) repeat-x;
}


/*************グローバルナビ***************/
#header_r a{ display: block;}


#navi_top1{
	margin:21px 0 0;
	padding:0px;
	width: 503px;
	height: 39px;
	background: url(../img/navi1.gif);
}

#navi_top1 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navi_top1 li{ float: left;}

#navi_top1 li, #navi_top1 a{
	margin: 0;
	padding: 0;
	display: block;
	width: 100px;
	height:39px;
}


div#navi_top1 span{display: none;}


#navi_top1 a:hover{ background-image: url(../img/navi1.gif);}

#t1_1 a:hover{ background-position: 0 39px;}
#t1_2 a:hover{ background-position: -100px 39px;}
#t1_3 a:hover{ background-position: -200px 39px;}
#t1_4 a:hover{ background-position: -300px 39px;}
#t1_5 a:hover{ background-position: -400px 39px;}


/*************グローバルナビ2***************/
#search_right a{ display: block;}


#navi_top2{
	margin:0px 0 0;
	padding:0px;
	width: 733px;
	height: 68px;
	background: url(../img/navi2.jpg);
}

#navi_top2 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navi_top2 li{ float: left;}


#navi_top2 li, #navi_top2 a{
	margin: 0;
	padding: 0;
	display: block;
	width: 146px;
	height:68px;
}



div#navi_top2 span{display: none;}


#navi_top2 a:hover{ background-image: url(../img/navi2.jpg);}

#t2_1 a:hover{ background-position: 0 68px;}
#t2_2 a:hover{ background-position: -146px 68px;}
#t2_3 a:hover{ background-position: -292px 68px;}
#t2_4 a:hover{ background-position: -438px 68px;}
#t2_5 a:hover{ background-position: -584px 68px;}


/*************検索***************/

#search{
	padding:8px;
	margin:80px 10px 0;
	border:1px solid #fff;
	text-align:left;
	color:#fff;
}
*:first-child+html #search{
	padding:4px 8px 4px 8px;
	margin:80px 10px 0;
	border:1px solid #fff;
	text-align:left;
	color:#fff;
}
* html #search{
	padding:4px 8px 4px 8px;
	margin:80px 10px 0;
	border:1px solid #fff;
	text-align:left;
	color:#fff;
}

#search2{
	padding:8px;
	margin:0 10px 0;
	text-align:left;
	color:#fff;
	line-height:120%;
}
* html #search2{
	padding:0 8px 8px 8px;
	margin:0 10px 0;
	text-align:left;
	color:#fff;
	line-height:120%;
}
*:first-child+html #search2{
	padding:0 8px 8px 8px;
	margin:0 10px 0;
	text-align:left;
	color:#fff;
	line-height:120%;
}
.search_box{width:150px;}


/*加盟店ボタン*/

#kameiten{
	padding:5px 0 0 0;
	margin:0 0px 0 0;
}

#b_kameiten{
	display:block;
	width:180px;
	height:40px;
	line-height:0%;
}

a:link#b_kameiten{
	background:url(../img/b_kameiten.png) no-repeat;
	}


a:visited#b_kameiten{
	background:url(../img/b_kameiten.png) no-repeat;
}


a:hover#b_kameiten{
	background:url(../img/b_kameiten.png) no-repeat;
	background-position: 0 -40px;
}

/*サイモンズ加盟店ボタン*/

#saimonz{
	padding:5px 0 0 0;
	margin:0 0px 0 0;
}
*:first-child+html #saimonz{
	padding:0;
	margin:0 0px 0 0;
}
* html #saimonz{
	padding:0;
	margin:0 0px 0 0;
}

#b_saimonz{
	display:block;
	width:180px;
	height:40px;
	line-height:0%;
}

a:link#b_saimonz{
	background:url(../img/b_saimonz.png) no-repeat;
	}


a:visited#b_saimonz{
	background:url(../img/b_saimonz.png) no-repeat;
}


a:hover#b_saimonz{
	background:url(../img/b_saimonz.png) no-repeat;
	background-position: 0 -40px;
}

/********************
  contents top
********************/


.p_kamei{
	margin:0;
	padding:0 0 0 10px;
	width:170px;
	float:left;
	}

.p_kamei .title_kamei{
	margin:0;
	padding:0 0 0 0;
	color:#3333cc;
	border-bottom:3px solid #ccccf2;
	width:160px;
	}


.p_kamei p{
	margin:0;
	padding:5px 0 10px 0;
	line-height:120%;
	}


.top_topics{
	margin:0;
	padding:0 10px 10px 50px;
	}
*:first-child+html .top_topics{
	margin:0;
	padding:0 10px 10px 50px;
	}
* html .top_topics{
	margin:0;
	padding:0 0 10px 25px;
	}

.top_toha{
	margin:0 400px 10px 50px;;
	padding:0 50px 10px 0;
	}
	
.top_faq{
	margin:0;
	padding:0 10px 10px 50px;
	}	

/*************キャンペーン情報***************/

.campaign{
	margin:0 0 20px;
	padding:0px 10px 20px 10px;
	}

div.cam_img{
	margin:0;
	padding: 5px 0 0 0;
	float:left;
	clear:both;
	width:270px;
}

div.cam_text{
	margin:0;
	padding: 5px 0 0 0;
	float:left;
	width:425px;
	line-height: 24px;
}



/*************topics***************/

div.day{
	margin:0;
	padding: 5px 0 5px 0;
	float:left;
	clear:both;
	width:100px;
	height:20px;
}

div.text01{
	margin:0;
	padding: 5px 0 5px 0;
	float:left;
	width:550px;
}




div.pagetop{ padding:10px 0 5px; clear:both;text-align: right;}



/*************box***************/

div.box01{
	width:671px;
	background: url(../img/box01_bottom.gif) no-repeat bottom;
	padding-bottom:10px;
    margin-bottom:0px;
    margin-top: 0px;
}

div.box01 .inner{
	background: url(../img/box01_top.gif) no-repeat;
	padding-bottom:0px;
	padding-top: 10px;
}

div.box01 .inner .bg {
	background: url(../img/box01_bg.gif) repeat-y;
	padding: 0 20px;
	overflow: hidden;
}

.box01_l{
	padding:10px 10px 0px 0;
	float:left;
	width:360px;
}

.box01_r{
	padding:10px 10px 0px 0;
	float:right;
	width:500px;
}



/********************
  right
********************/

#box_right{
	margin:0px 0px 0 7px;
	padding:0 7px 0 7px;
	width:200px;
	text-align:center;
	}



/********************
  contents others
********************/

#gallery_other{
	margin:0px 0 0px;
	padding:0;
	
}

#gallery_other p{
	margin:0;
	padding:0px;
	color:#fff;
	background-color:#054d13;
	}

#other_main{
	margin:0;
	padding:135px 0px 10px;
	}

#other_lineup{
	margin:0px 12px 0 0;
	padding:0px 0px 20px;
	background-color:#fff;
	width:671px;
	}


.box01_l2{
	padding:10px 10px 0px 10px;
	float:left;
	width:250px;
}

.box01_r2{
	padding:10px 10px 0px 0;
	float:right;
	width:340px;
}

.box01_c2{padding:10px 10px 10px 10px;}



/* --- lapse --- */


.text_lapse{
	padding:0px 0px 20px 250px;
	text-align:left;
}

.top_topics dl{padding:0 20px 0 0;}

.top_topics dl dt{
	padding:0px 0px 0 0;
	color:#66990;
	font-weight:bold;
}

.top_topics dl dd{
	padding:0px 0px 20px 0;
}

/* --- faq --- */
.top_faq dl{padding:0 20px 0 0;}

.top_faq dl dt{
	padding:0px 0px 0 0;
	color:#5696b8;
	font-weight:bold;
}

.top_faq dl dd{
	padding:0px 0px 20px 0;
}
.top_faq span{
	padding:0px 0px 0 10px;
	color:#cb7799;
	font-weight:bold;
}
.top_faq img.a{
	padding:0px 0 0 10px;
	margin:-5px 10px 0 0;

}

.top_faq img.q{
	margin:-5px 0 0 0;

}



/* --- outline --- */

div.table01{
	margin:0px 0 0 0;
	padding:0;
}

div.table01 .r_t1,
div.table01 .l_t1{
	margin:0;
	padding:4px;
	border-bottom:#ccc dotted 1px;
}

div.table01 .r_t1_top,
div.table01 .l_t1_top{
	margin:4px;
	padding:4px;
	border-top:#ccc dotted 1px;
	border-bottom:#ccc dotted 1px;
}

div.table01 .bg01{
	margin:0;
	padding:6px;
	background:#eee;
}







/********************
  form
********************/

.contact_l{
	padding:0px 0px 10px 0;
	float:left;
	width:90px;
}

.contact_r{
	padding:0px 0px 10px 0;
	float:right;
	width:525px;
}




.form{
	margin:30px 0 30px 0;
	padding:0 0 0 0;
  margin-left: auto;
  margin-right: auto;
	width:500px;
	border-collapse: collapse;
}

/* フォーム全体 */

table.form{
}

table.form td{
	padding:4px 4px 4px 20px;
	text-align:left;
	border-bottom: 10px solid #fff;
}

.message{ margin: 0 0 10px;}

/* 通常時の<td>の左側（項目名側） */
table.form td.l{
	width: 200px;
	background:#f2f2f2;
}
/* 通常時の<td>の<td>の右側（入力フォーム側） */
table.form td.r{
	background:#fff;
}


/* エラー発生時の<td>の左側（項目名側） */
table.form td.le{
	background:#a7a275;
}


/* エラー発生時の<td>の右側（入力フォーム側） */
table.form td.re{
	background:#dde5a4;
}


/* エラーメッセージ */
div.error{
	color: #7e003f;
}

/* 必須項目の「※」印 */
	span.hissu{
	color:#990033;
}


/* float */
.floatL {
	float: left;
	margin:0 2px 5px 0;
}

.floatR {
	float: right;
	margin:10px 0 0 10px;
}

div.pagetop{ padding:10px 0 5px; clear:both;text-align: right;}


/* Q&A */

.CardKind{
	font-size:12px;
	line-height:20px;
}
.CardKind th{
	text-align:center;
    border:1px solid #DDD;
    background-color:#D1E5D2;
    padding:5px;
}
.CardKind td{
	vertical-align:top;
    border:1px solid #DDD;
    padding:5px;
}
.CardKindTdFont{
	font-weight:bold;
	background-color:#EEE;
	width:140px;
}
.CardKindTdCenter{
	text-align:center;
}
.CardKindLogo {
	text-align:left;
	margin-top: 3px;
}
.CardKindLogo img {
	float: left;
	padding: 0 5px 0 0;
}



/********************
  スタッフ紹介
********************/

div.box01{
	width: 450px;
	background: url(/img/box01_bottom.gif) no-repeat bottom;
	padding-bottom: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
}

div.box01 .inner{
	background: url(/img/box01_top.gif) no-repeat;
	padding-top: 10px;
}

div.box01 .inner .bg {
	background: url(/img/box01_bg.gif) repeat-y;
	padding: 0 20px;
}


div.flow_l{
	margin: 0 0 0 0px;

	float:left;
	width:215px;
	clear:both;
}

div.flow_r{
	margin:0;
	padding:10px 0 15px;
	float:right;
	width:450px;
}


/********************
  電子マネー加盟店無料モデル
********************/

.em_title{padding:30px 0;clear:both;}

.em_pad01{padding:15px 0;line-height:1.3;}

.em_l01{float:left;margin:0;padding:0 0 0 0;width:150px;}
.em_r01{float:right;margin:0;padding:0 0 0 0;width:500px;}

.em_title2{color:#26508c;font-weight:bold;font-size:120%;margin:0;padding:0;}
.em_r01 p{padding:0 0 15px;margin:0;line-height:1.3;}


/* Firefox用ハック */
html:not([lang*=""]) table{border-collapse: separate;}


table.em {
	margin:0;
    width: 390px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-collapse: collapse;
    border-spacing: 0;
}

table.em th {
    padding: 2px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #4c7bb2;
    font-weight: bold;
	color:#fff;
    text-align:center;
}

table.em td{
    padding: 2px 2px 2px 20px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
    text-align: left;
	background:#ced7e5;
}

table.em td.bg02{
    padding: 2px 2px 2px 20px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
    text-align: left;
	background:#e8ebf2;
}

table.em td.center{
    text-align: center;
}

.em_cyuu{width:390px;text-align:right;padding:0 0 10px;}
.red01{color:#e60044;}
.width01{width:80px;text-align:center;}

.em_l02{float:left;margin:0;padding:35px 0 30px 0;width:410px;}
.em_r02{float:right;margin:0;padding:0 0 30px 0;width:240px;}



