@charset "shift_jis";

/********************************************************
*														*
*						 Base CSS						*
*														*
*-------------------------------------------------------*
*	CSS information										*
*	file name  :  spc.css								*
*	last edit  :  2011/08/03							*
*	style info :  サイト全体のスタイルの設定			*
********************************************************/
/*--------------------
		INDEX
----------------------
	html5reset
	General Styles
	Common Elements
====================================================== */



/* ------------------------------------------------------
	html5reset
------------------------------------------------------ */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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

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

li {
    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;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/* ------------------------------------------------------
	General Styles
------------------------------------------------------ */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */

.hidden { display: none; }

.float_l { float: left; margin-right: 10px; margin-left:0 !important; margin-bottom: 10px; }
.float_r { float: right; margin-left: 10px; margin-bottom: 10px; }
.clear { clear: both; }

.disc li { list-style: disc; margin-left:2em; margin-bottom:2px; }
.circle li { list-style: circle; margin-left:2em; margin-bottom: 2px; }
.decimal li { list-style: decimal; margin-left:2em; margin-bottom: 2px; }

.align_l { text-align: left !important; }
.align_r { text-align: right !important; }
.align_c { text-align: center !important; }

.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mt1 { margin-top: 1px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }

.pt3{ padding-top: 3px !important; }
.pb3{ padding-bottom: 3px !important; }

.ls5 { letter-spacing: -5px; }

.s_text { font-size: 13px; !important; }
.l_text { font-size: 20px; !important; }
.bold { font-weight: bold; !important; }
.normal { font-weight: normal; !important; }

.red { color: #F00; !important; }


/* ------------------------------------------------------
	Common Elements
------------------------------------------------------ */
html, body, #wrapper {
	height: 100%;
}

body {
	color:#000;
	background: #FFF;
	font: 16px/1.231;
	-webkit-text-size-adjust: none;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

body > #wrapper {
  	height: auto;
}

#container {
	padding-bottom: 38px;
}

#header {
	padding: 10px;
}


/* タイトルA
============================================== */
.title_A {
	padding: 9px 10px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-right:1px solid #000000 !important;

}


/* タイトルB
============================================== */
.title_B {
	margin-top: 10px;
	padding: 8px 10px 8px;
	font-size: 16px;
	border-right:1px solid #000000 !important;
}

.title_B_2 {
	margin-top: 10px;
	padding: 8px 10px 8px;
	font-size: 16px;
}


/* タイトルC
============================================== */
.title_C {
	height: 25px;
	line-height: 25px;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	background: url(../img/ttl_c.gif) repeat-x #666;
	border-right:1px solid #000000 !important;
}

.title_C_2 {
	padding: 5px;
	color: #FFF;
	margin-top: 10px;
	text-align: center;
	font-size: 16px;
	background: url(../img/ttl_c2.gif) repeat-x #666;
	border-right:1px solid #000000 !important;
	*width:309px;
}


/* 表A
============================================== */
.list_A li {
	padding: 10px;
}

.list_A dd {
	margin-left: 10px;
}

.list_A li.even {
	background: #EEE;
	border-right:1px solid #000000 !important;
}


/* 表B
============================================== */
.list_B {
	margin: 10px 10px 0;
	border: 2px solid #CCC!important;
}
.list_B li {
	padding: 8px;
	border-bottom: 1px solid #CCC;
}
.list_B li.even {
	background-color: #EEE;
}
.list_B li.end {
	border-bottom: none;
}

.list_B dd {
	margin-left: 10px;
	margin-top: 2px;
	color: #333;
}


/* リンクＢ
============================================== */
.link_B {
	margin: 10px 10px 0;
	line-height: 1.2;
}

.link_B li {
	margin-bottom: 10px;
}


/* ボタンA
============================================== */
.btn_A {
	text-align: center;
	margin-top: 10px;
}

.btn_A a {
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	overflow:hidden;
}

#btn_A_1-1-5 a {
	width: 127px;
	height: 47px;
	background: url(../img/btn_a_1_1_5.gif) no-repeat;
}
#btn_A_1-1-5 a.tch-active {
	background: url(../img/btn_a_1_1_5_a.gif) repeat;
}

#btn_A_1-1-5_2 a {
	width: 127px;
	height: 47px;
	background: url(../img/btn_a_1_1_5_2.gif) no-repeat;
}
#btn_A_1-1-5_2 a.tch-active {
	background: url(../img/btn_a_1_1_5_2_a.gif) repeat;
}

#btn_A_1-2-1 a, #btn_A_1-2-1_2 a {
	width: 188px;
	height: 48px;
	background: url(../img/btn_a_1_2_1.gif) no-repeat;
}
#btn_A_1-2-1 a.tch-active, #btn_A_1-2-1_2 a.tch-active {
	background: url(../img/btn_a_1_2_1_a.gif) repeat;
}

#btn_A_1-2-1_3 a, #btn_A_1-2-1_3 a {
	width: 188px;
	height: 67px;
	background: url(../img/btn_A_1_2_1_3.gif) no-repeat;
}
#btn_A_1-2-1_3 a.tch-active, #btn_A_1-2-1_3 a.tch-active {
	background: url(../img/btn_A_1_2_1_3a.gif) repeat;
}

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

.btn_A_s a {
	height: 30px;
	text-indent: -9999px;
	overflow:hidden;
	margin: 0 auto;
	display: block;
}

#btn_A_s_1-1-1 a {
	width: 188px;
	height: 32px;
	background:url(../img/btn_a_1_1_1.gif) no-repeat;
}
#btn_A_s_1-1-1 a.tch-active {
	background:url(../img/btn_a_1_1_1_a.gif) repeat;
}

#btn_A_E1-1-2 a {
	width: 188px;
	height: 70px;
	background:url(../img/btn_a_E1_1_2.gif) no-repeat;
}
#btn_A_E1-1-2 a.tch-active {
	background:url(../img/btn_a_E1_1_2_a.gif) repeat;
}

#btn_A_E1-1-2_2 a {
	width: 188px;
	height: 70px;
	background:url(../img/btn_a_E1_1_2_2.gif) no-repeat;
}
#btn_A_E1-1-2_2 a.tch-active {
	background:url(../img/btn_a_E1_1_2_2_a.gif) repeat;
}


#btn_A_E1-1-3_2 a {
	width: 188px;
	height: 70px;
	background: url(../img/btn_a_E1_1_3.gif) no-repeat;
}
#btn_A_E1-1-3_2 a.tch-active {
	background:url(../img/btn_a_E1_1_3_a.gif) repeat;
}

.type_txt {
	width: 300px;
	height: 47px;
	margin-top: 10px !important;
	line-height: 47px;
	color: #FFF;
	background: url(../img/btn_a_S1_1_1.gif) no-repeat;
	margin: 0 auto;
}
.type_txt a {
	text-indent: 0;
	text-decoration: none;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
}
.type_txt a.tch-active {
	color: #FF9900;
	background: url(../img/btn_a_S1_1_1_a.gif) repeat;
}

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

.btn_A_half a {
	margin: 0 10px;
	display: block;
	text-indent: -9999px;
	overflow:hidden;
}


/* ボタンB
============================================== */
.btn_B {
	margin: 10px 10px 0;
	padding: 8px;
	background: url(../img/g_bg.gif) repeat-x 0 0 #a4a4a4;
}

.btn_B li {
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(220,220,220)),color-stop(0.5, rgb(255,255,255)));
	-webkit-border-radius: 4px;
	border: 1px solid #666;
}

.btn_B li span {
	height: 57px;
	line-height: 57px;
	display: block;
	background: url(../img/arrow_3.gif) no-repeat 95% 50%;
}

.btn_B li a {
	height: 57px;
	line-height: 57px;
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #000;
}

.btn_B .button {
	width: 284px;
	height: 60px;
	margin: 1px auto 7px;
}
.btn_B .end {
	margin-bottom: 0;
}
.btn_B .button a {
	text-indent: -9999px;
	overflow:hidden;
	height: 60px;
}


.btn_B li#card a { background:url(../img/btn_card.gif) no-repeat 0 0; }
.btn_B li#card a.tch-active { background:url(../img/btn_card_a.gif) repeat 0 0; }
.btn_B li#conveni a { background:url(../img/btn_conveni.gif) no-repeat 0 0; }
.btn_B li#conveni a.tch-active { background:url(../img/btn_conveni_a.gif) repeat 0 0; }
.btn_B li#digital-cash a { background:url(../img/btn_digital_cash.gif) no-repeat 0 0; }
.btn_B li#digital-cash a.tch-active { background:url(../img/btn_digital_cash_a.gif) repeat 0 0; }

.btn_B li#seven a { background:url(../img/btn_seven.gif) no-repeat 0 0; }
.btn_B li#seven a.tch-active { background:url(../img/btn_seven_a.gif) repeat 0 0; }
.btn_B li#lawson a { background:url(../img/btn_lawson.gif) no-repeat 0 0; }
.btn_B li#lawson a.tch-active { background:url(../img/btn_lawson_a.gif) repeat 0 0; }
.btn_B li#familymart a { background:url(../img/btn_familymart.gif) no-repeat 0 0; }
.btn_B li#familymart a.tch-active { background:url(../img/btn_familymart_a.gif) repeat 0 0; }
.btn_B li#seikomart a { background:url(../img/btn_seikomart.gif) no-repeat 0 0; }
.btn_B li#seikomart a.tch-active { background:url(../img/btn_seikomart_a.gif) repeat 0 0; }
.btn_B li#circleksunkus a { background:url(../img/btn_circleksunkus.gif) no-repeat 0 0; }
.btn_B li#circleksunkus a.tch-active { background:url(../img/btn_circleksunkus_a.gif) no-repeat 0 0; }
.btn_B li#ministop a { background:url(../img/btn_ministop.gif) no-repeat 0 0; }
.btn_B li#ministop a.tch-active { background:url(../img/btn_ministop_a.gif) no-repeat 0 0; }

.btn_B li#suica a { background:url(../img/btn_suica.gif) no-repeat 0 0; }
.btn_B li#suica a.tch-active { background:url(../img/btn_suica_a.gif) repeat 0 0; }
.btn_B li#edy a { background:url(../img/btn_edy.gif) no-repeat 0 0; }
.btn_B li#edy a.tch-active { background:url(../img/btn_edy_a.gif) repeat 0 0; }
.btn_B li#waon a { background:url(../img/btn_waon.gif) no-repeat 0 0; }
.btn_B li#waon a.tch-active { background:url(../img/btn_waon_a.R) repeat 0 0; }


/* ボタンD
============================================== */
.btn_D {
	margin: 10px 10px 0;
}

.btn_D a {
	width: 230px;
	height: 27px;
	display: block;
	text-decoration: none;
	color: #333;
	text-indent: -9999px;
	overflow:hidden;
}

#btn_D_1-1-2 a {
	width: 166px;
	background: url(../img/btn_d_1_1_2.gif) no-repeat;
}
#btn_D_1-1-2 a.tch-active {
	background: url(../img/btn_d_1_1_2_a.gif) repeat;
}

#btn_D_2-1-1 a {
	width: 230px;
	background: url(../img/btn_d_2_1_1.gif) no-repeat;
}
#btn_D_2-1-1 a.tch-active {
	background: url(../img/btn_d_2_1_1_a.gif) repeat;
}

#btn_D_2-1-2 a {
	width: 231px;
	background: url(../img/btn_d_2_1_2.gif) no-repeat;
}
#btn_D_2-1-2 a.tch-active {
	background:url(../img/btn_d_2_1_2_a.gif) repeat;
}

#btn_D_3-1-1 a {
	width: 198px;
	background: url(../img/btn_d_3_1_1.gif) no-repeat;
}
#btn_D_3-1-1 a.tch-active {
	background: url(../img/btn_d_3_1_1_a.gif) repeat;
}

#btn_D_3-1-2 a {
	width: 214px;
	background: url(../img/btn_d_3_1_2.gif) no-repeat;
}
#btn_D_3-1-2 a.tch-active {
	background: url(../img/btn_d_3_1_2_a.gif) repeat;
}

#btn_D_7-1-1 a {
	width: 214px;
	background: url(../img/btn_d_7_1_1.gif) no-repeat;
}
#btn_D_7-1-1 a.tch-active {
	background: url(../img/btn_d_7_1_1_a.gif) repeat;
}

#btn_D_S1-1-1 a {
	width: 54px;
	background: url(../img/btn_d_S1_1_1.gif) no-repeat;
}
#btn_D_S1-1-1 a.tch-active {
	background: url(../img/btn_d_S1_1_1_a.gif) repeat;
}

#btn_D_S1-1-1_2 a {
	width: 54px;
	background: url(../img/btn_d_S1_1_1_2.gif) no-repeat;
}
#btn_D_S1-1-1_2 a.tch-active {
	background: url(../img/btn_d_S1_1_1_2_a.gif) repeat;
}

#btn_D_E1-1-1 a {
	width: 70px;
	background: url(../img/btn_d_E1_1_1.gif) no-repeat;
}
#btn_D_E1-1-1 a.tch-active {
	background: url(../img/btn_d_E1_1_1_a.gif) repeat;
}



/* ボタンE
============================================== */
.btn_E {
	*width:319px;
	margin-top: 10px;
	border-right:1px solid #000000 !important;
}

.btn_E a {
	height: 36px;
	padding: 0 10px;
	line-height: 36px;
	text-decoration: none;
	color: #000;
	background: url(../img/arrow_2.png) no-repeat 97% 50% #c0c0c0;
	display: block;
}

.btn_E a.tch-active {
	color: #ffa500;
	background-color: #ffe9c0;
	border: 1px solid #ffa500;
}


/* ボタンF
============================================== */
.btn_F {
	margin: 10px 10px 0;
}

.btn_F a {
	display: block;
	text-indent: -9999px;
	color: #333;
}

#btn_F_T-1-1-1 a {
	width: 110px;
	height: 35px;
	background: url(../img/btn_f_T_1_1_1.gif) no-repeat;
}
#btn_F_T-1-1-1 a.tch-active {
	background: url(../img/btn_f_T_1_1_1_a.gif) repeat;
}


/* ボタンG
============================================== */
.btn_G {
	text-align: center;
	margin-top: 10px;
}

.btn_G a {
	height: 56px;
	text-indent: -9999px;
	overflow:hidden;
	margin: 0 auto;
	display: block;
}

#btn_G_1-1-1 a {
	width: 188px;
	height: 79px;
	background: url(../img/btn_g_1_1_1.gif) no-repeat;
}
#btn_G_1-1-1 a.tch-active {
	background: url(../img/btn_g_1_1_1_a.gif) repeat;
}

#btn_G_2-1-1 a {
	width: 200px;
	background: url(../img/btn_g_2_1_1.gif) no-repeat;
}
#btn_G_2-1-1 a.tch-active {
	background:url(../img/btn_g_2_1_1_a.gif) repeat;
}

#btn_G_2-1-2 a {
	width: 250px;
	background: url(../img/btn_g_2_1_2.gif) no-repeat;
}
#btn_G_2-1-2 a.tch-active {
	background:url(../img/btn_g_2_1_2_a.gif) repeat;
}

#btn_G_7-1-3 a {
	width:188px;
	height:79px;
	background: url(../img/btn_g_7_1_3.gif) no-repeat;
}
#btn_G_7-1-3 a.tch-active {
	background: url(../img/btn_g_7_1_3_a.gif) repeat;
}
#btn_G_2-3-10-3 a {
	width:188px;
	height:57px;
	background: url(../img/btn_g_2_3_10_3.gif) no-repeat;
}
#btn_G_2-3-10-3 a.tch-active {
	background: url(../img/btn_g_2_3_10_3_a.gif) repeat;
}


/* フッターA
============================================== */
#footer {
	width: 319px;
	padding: 8px 0;
	margin-top: 10px;
	text-align: right;
	font-size: 12px;
	color: #FFF;
	position: absolute;
	left: 0;
	bottom: 0;
	background: none no-repeat 0 0 #FF9900;
	border-right:1px solid #000000 !important;
}

#footer.color_B {
	background: #FECB0A !important;
}

#footer.color_C {
	background: #666 !important;
}


/* 画面遷移A
============================================== */
.flow {
	text-align: center;
	margin-bottom: 10px;
}

.flow li {
	display: inline-block;
	padding: 6px 10px;
	background: #DDD;
}

.flow li.toright {
	background: none;
	padding: 6px;
	*display:inline;
}

.flow li.current {
	color: #FFF;
	background: #5ccf65;
	*display:inline;
}

ul.flow li {
	*display:inline;
}
dl {
	*display:inline;
}
/* 注記A
============================================== */
.y_box {
	margin: 10px 10px 0;
	padding: 10px;
	border: 1px solid #ffd01c!important;
}


.list_C {
	padding: 10px 10px 0 30px;
	*zoom:1;
}

.list_C dt {
	text-indent: -1em;
}

.list_C dd {
	margin-top: 2px;
}

.list_C dl {
	margin-left: 10px;
}

.list_C dd dt {
	margin-top: 10px;
}

.inner {
	padding: 10px 10px 0;
}

input.text_style {
	width: 94%;
	font-size: 15px;
}

.select_style {
	font-size: 15px;
}

.select_style_l {
	font-size: 20px;
}

input:focus {
	border: 2px solid #009c0c;
}

p {
	padding: 10px 10px 0;
	font-size: 16px;
}

img {
	vertical-align: middle;
}


/* 固定色
============================================== */
.color_G {
	*width:299px;
	background:url(../img/ttl_b_gold.gif) repeat-x 0 0 !important;
}
/* 商標文言
============================================== */
.emoney_trademark {
	font-size: 8px;
}

.edy_logo_margin{
	margin: 5px 0px 0px 0px ;
}