@charset "UTF-8";
/*-----------------------------------------------------------
SMCC 作成日20120119～

/sp/mem/addcard/ 用css

-----------------------------------------------------------*/


/* 共通設定・共通パーツ
----------------------------- */

body#addcard {
	font-size: 11px;
	font-size-adjust: none;
	zoom: 1;
}

#addcard h2 {
	background: url(../imgs/cmn_h2_bg.gif) repeat-x left bottom #01A053;
	height: 38px;
	margin-bottom: 4px;
}

#addcard h3 {
	background: url(../imgs/cmn_h3_bg.gif) no-repeat left center;
	font-size: 19px;
	padding-left: 15px;
}

#addcard #PageArea {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-width: 320px;
}

#addcard #HeaderArea {
	position: relative;
}

#addcard #HeaderArea #HdBtn {
	position: absolute;
	top: 4px;
	right: 4px;
}

#addcard #FooterArea {
	text-align: center;
	font-size: 11px;
}

#addcard #FooterArea p.pageTop {
	padding-right: 10px;
	text-align: right;
}

.hide { display: none; }


/* ボタン */

.btn01 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	border: 1px solid #999999;
	background: url(../imgs/cmn_btn_bg_01.gif) repeat-x left bottom #FFFFFF;
	text-align: center;
}
.btn01 a {
	display: block;
}

.btn02 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: url(../imgs/cmn_btn_bg_02.gif) repeat-x left bottom #FFA348;
	text-align: center;
}
.btn02 a {
	display: block;
}

.btn03 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	border: 1px solid #FF9840;
	background: url(../imgs/cmn_btn_bg_03.gif) repeat-x left bottom #FF4D06;
	width: 310px;
	margin: 0 auto;
	text-align: center;
}
.btn03 a {
	display: block;
}


/* index.html
-------------------------------- */

/* TopBtnArea */

#addcard #TopBtnArea {
	background-color: #999999;
	margin-bottom: 5px;
	padding: 9px 5px 5px;
}

#addcard #TopBtnArea ul li {
	float: left;
	width: 49%;
	margin-bottom: 4px;
}

#addcard #TopBtnArea ul li:nth-child(even) {
	float: right; 
}

/* BoxList */

#BoxTabList {
	text-align: center;
}

#BoxTabList li {
	display: inline-block;
}

#BoxList #Box01 {
	border: 2px solid #ED3030;
	padding: 10px 5px 10px;
	width: 300px;
	margin: 0 auto 5px;
}

#BoxList #Box01 h3 {
	margin-bottom: 5px;
	padding: 0;
	font-size: 10px;
}

#BoxList #Box01 #LeftCol {
	float: left;
	background-color: #FFE1E1;
	padding: 5px 4px 2px;
}

#BoxList #Box01 #LeftCol ul li {
	margin-bottom: 3px;
}

#BoxList #Box01 #RightCol {
	float: right;
	background-color: #FFE1E1;
	padding: 5px 2px 1px 4px;
}

#BoxList #Box01 #RightCol ul li {
	margin-bottom: 3px;
}

#BoxList #Box02 {
	border: 2px solid #07863B;
	padding: 10px 6px 10px;
	width: 300px;
	margin: 0 auto 5px;
	display: none;
}

#BoxList #Box02 #Box02Inner {
	background-color: #DFF3D8;
	padding: 5px 5px 5px;
}

/* BowlingArea */

#addcard #BowlingArea {
	background-color: #FFF2BE;
	padding-bottom: 12px;
}

#addcard #BowlingArea #BowlingTextArea {
	background-color: #FFFFFF;
	margin: 8px 9px 9px;
	border: #E60000 1px solid;
	line-height: 23px;
	font-size: 15px;
	color: #E60000;
	text-align: center;
}

#addcard #BowlingArea #Kikan {
	-webkit-border-radius: 3px;
	border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	background-color: #EB3535;
	margin: 0 8px 0;
	padding: 0 4px 0;
}

#addcard #BowlingArea #Kikan #KikanClose #KikanCloseBtn,
#addcard #BowlingArea #Kikan #KikanOpen #KikanOpenBtn {
	position: relative;
	width: 100%;
	height: 27px;
}

#addcard #BowlingArea #Kikan .button {
	position: absolute;
	top: 3px;
	left: 0;
}

#addcard #BowlingArea #Kikan .title {
	position: absolute;
	top: 6px;
	left: 25px;
}

#addcard #BowlingArea #Kikan #KikanOpen #KikanText {
	display: none;
	float: left;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #FFFFFF;
	width: 100%;
	margin-bottom: 4px;
	padding: 5px 0;
}

#addcard #Attention {
	margin: 10px 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 10px;
}

/* ScrollBnrArea */

#addcard #ScrollBnrArea {
	position: relative;
	padding-top: 13px;
	background: url(../imgs/ind_bg_01.gif) repeat-x 0 0 #FFFFFF;
	-webkit-background-size: 1px 13px;
	background-size: 1px 13px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

#addcard #ScrollBnrArea #SlideStage {
	position: relative;
	height: 135px;
	width: 320px;
	margin: 0 auto;
}

#addcard #ScrollBnrArea #SlideStage #SlideInner {
	position: absolute;
	top: 0;
	left: -640px;
	background-color: #FFFFFF;
	height: 135px;
}

#addcard #ScrollBnrArea #SlideStage #SlideInner li {
	float: left;
	width: 320px;
	height: 115px;
	text-align: center;
	margin: 9px 0 11px;
}

#addcard #ScrollBnrArea #Control {
	background: url(../imgs/ind_bg_02.gif) repeat-x 0 0;
	-webkit-background-size: 1px 33px;
	background-size: 1px 33px;
	height: 33px;
}

#addcard #ScrollBnrArea #Control #LeftBtn {
	float: left;
	margin: 6px 0 0 12px;
}

#addcard #ScrollBnrArea #Control #RightBtn {
	float: right;
	margin: 6px 10px 0 0;
}

#addcard #ScrollBnrArea #CurrentMark {
	text-align: center;
	padding-top: 10px;
}

#addcard #ScrollBnrArea #CurrentMark li {
	display: inline-block;
	padding: 0 4px;
}

#addcard #ScrollBnrArea #CurrentMark li img {
	vertical-align: top;
}

/* ShopArea */

#addcard #ShopArea {
	margin-bottom: 13px;
}

#addcard #ShopArea h4 {
	font-size: 17px;
}

#addcard #ShopArea #LogoSlideArea {
	position: relative;
}

#addcard #ShopArea ul#LogoSlideTab li {
	float: left;
	background-image: url(../imgs/ind_tab_bg_02.gif), url(../imgs/ind_tab_bg_03.gif);
	background-position: left top, left top;
	background-repeat: no-repeat, repeat-x;
	background-color: #DC6E00;
	text-align: center;
}

#addcard #ShopArea ul#LogoSlideTab li.current {
	background: url(../imgs/ind_tab_bg_01.gif) repeat-x 0 0;
	background-color: #FFFFFF;
}

#addcard #ShopArea ul#LogoSlideTab li#TabBtn1 {
	width: 33.2%;
}

#addcard #ShopArea ul#LogoSlideTab li#TabBtn2 {
	width: 33.2%;
	margin-left: 0.2%;
}

#addcard #ShopArea ul#LogoSlideTab li#TabBtn3 {
	width: 33.2%;
	margin-left: 0.2%;
}

#addcard #ShopArea ul#LogoSlideTab li a {
	padding: 8px 0 8px;
	display: block;
}

#addcard #ShopArea #LogoSlideArea {
	position: relative;
	height: 60px;
	margin-top: 5px;
}

#addcard #ShopArea #LogoSlideArea #LogoLeftBtn {
	float: left;
}

#addcard #ShopArea #LogoSlideArea #LogoRightBtn {
	float: right;
}

#addcard #ShopArea #LogoSlideArea #LogoSlideStage {
	position: relative;
	margin: 0 auto;
	width: 230px;
	height: 55px;
	overflow: hidden;
}

#addcard #ShopArea #LogoSlideArea #LogoSlideStage #LogoSlideInner {
	position: absolute;
	top: 0;
	left: 0;
}

#addcard #ShopArea #LogoSlideArea #LogoSlideStage #LogoSlideInner .logoImg {
	float: left;
	margin-right: 3px;
}

#addcard #ShopArea #SearchArea {
	border-top: #CACACA 1px solid;
	border-bottom: #CACACA 1px solid;
	background-color: #FFF6E3;
	padding: 18px;
}

/* Campaign */

#addcard #Campaign ul {
	border-top: #CCCCCC 1px solid;
	margin-top: 3px;
}

#addcard #Campaign ul li {
	background: url(../imgs/cmn_mrk_01.gif) no-repeat 97% 50%;
	-webkit-background-size: 11px 18px;
	background-size: 11px 18px;
	border: #CCCCCC 1px;
	border-style: none solid solid;
}

#addcard #Campaign ul li a {
	display: block;
	text-decoration: none;
}

#addcard #Campaign ul li .camImg {
	float: left;
	padding-top: 12px;
	width: 15%;
	text-align: center;
}

#addcard #Campaign ul li .textArea {
	float: left;
	width: 75%;
	padding: 12px 0 12px;
}

#addcard #Campaign ul li .camTit {
	color: #019F52;
	font-size: 12px;
	padding-bottom: 5px;
	line-height: 1;
}

#addcard #Campaign ul li .kikan {
	padding-bottom: 5px;
	line-height: 1;
}

#addcard #Campaign ul li .kikan span {
	color: red;
}

#addcard #Campaign ul li .camText {
	line-height: 1;
}

/* その他 */

#addcard #Otoku {
	margin: 6px auto 15px;
	width: 310px;
}

#addcard #Kuchikomi {
	position: relative;
	margin: 6px auto 15px;
	width: 320px;
}

#addcard #Kuchikomi #Button1{
	position: absolute;
	top: 75px;
	left: 3px;
}

#addcard #Kuchikomi #Button2{
	position: absolute;
	top: 194px;
	left: 16px;
}

#addcard #Oshirase p.oshirase {
	background: url(../imgs/ind_img_10.gif) no-repeat left center;
	-webkit-background-size: 60px 20px;
	background-size: 60px 20px;
	padding: 5px 0 0 70px;
	margin: 10px 10px 0;
	font-size: 10px;
	line-height: 1;
	min-height: 15px;
}

#addcard #Oshirase p.oshirase a {
	text-decoration: none;
	color: #195CDE;
}

#addcard ul#LinkList {
	border-top: #E5E5E5 1px solid;
}

#addcard ul#LinkList li {
	background: url(../imgs/cmn_mrk_02.gif) no-repeat 10px 50%;
	-webkit-background-size: 5px 9px;
	background-size: 5px 9px;
	border-bottom: #E5E5E5 1px solid;
}

#addcard ul#LinkList li a {
	display: block;
	padding: 12px 0 12px 22px;
	font-size: 12px;
	text-decoration: none;
}