@charset "UTF-8";

/* 下層ページ
------------------------------------------------------ */
header#contentpage {
	margin: 0;
	xpadding: 75px 0 0 0;
	width: 320px;
}

h3 {
	xfont-size: 14px;
	width: 275px;
	margin: 5px auto 0 auto;
	padding: 8px 8px 8px 15px;
	background-image: url(../images/common/icatch.png);
	background-repeat: no-repeat;
	background-position: -13px center;
	background-color: #2E8983;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #FFF;
	font-weight: bold;
	color: #FFF;
}

.accordion_head {
	margin: 5px 0 0 0;
	background-color: #FFF;
	border:1px solid #2E8983;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.accordion_head span {
	width: 282px;
	margin: 0;
	padding: 8px;
	display:block;
	background-image: url(../images/common/bt_open.png);
	background-size:18px;
	background-repeat: no-repeat;
	background-position: 98% center;
}

.waku_white {
	margin: 5px 0 0 0;
	padding: 2px 9px 9px 9px;
	width: 282px;
	xfont-size: 12px;
	line-height: 160%;
	clear: both;
	background-color: #FFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #2E8983;
}

.waku_white .image {
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
	text-align: center;
}

.waku_white h4 {
	margin: 8px 0 0 0;
	padding: 0;
	xfont-size: 14px;
	font-weight: bold;
	clear: both;
}

.waku_white h5 {
	margin: 8px 0 0 0;
	padding: 0;
	xfont-size: 14px;
	font-weight: bold;
	clear: both;
	color: #AA8904;
}

/* 追加CSS
------------------------------------------------------ */
.ssImg {
	text-align:center;
	padding:4px 0 8px;
}

.pt10 {
	padding-top:10px;
}

.pb4 {
	padding-bottom:4px;
}

ul.acInUl {
	text-align:center;
	list-style: none;
}

ul.acInUl li {
	float:left;
	margin:0 0 4px 0;
}

.line {
	border-bottom:1px dotted #000000;
	padding-bottom:8px;
}

.line:last-child {
	border:none;
}

.opeIcon,.enjoyIcon,.batIcon {
	padding:0 4px;
}

.acIn {
	margin-bottom:8px;
}

.acIn:last-child {
	margin-bottom:0px;
}

ul.inBlo li {
	display:inline-block;
	float:none;
	margin:0;
}

ul.contactIn li a {
	display:block;
	width:260px;
	padding:10px;
}

ul.contactIn li {
	border:1px solid #57C8BF;
}

ul.contactIn li:first-child {
	-webkit-border-right-top-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-left-top-radius:5px;
	-moz-border-radius-topleft:5px;
}

ul.contactIn li:last-child {
	border-top:none;
	-webkit-border-right-bottom-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-left-bottom-radius:5px;
	-moz-border-radius-bottomleft:5px;
}

ul.contactIn li {
	background:url(../images/common/arrow.png) 96% center no-repeat;
}

.red {
	color:#F00;
}

.inquiryBtn a {
	display:block;
	width:260px;
	padding:10px;
	margin:10px 0 0 0;
	text-align:center;
	border:1px solid #F00;
}


/* =========
友達招待
========= */
.alignC {
	text-align:center;
}

.fs15 {
	xfont-size:15px;
	font-weight:bold;
}

.btn_invite {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ff5e34; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5e34 0%, #d10000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e34), color-stop(100%,#d10000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* IE10+ */
	background: linear-gradient(top, #ff5e34 0%,#d10000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e34', endColorstr='#d10000',GradientType=0 ); /* IE6-9 */
	xfont-size: 12px;
	text-align: center;
	float: right;
	margin: 8px 0 15px 5px;
	box-shadow:1px 1px 3px #999999;
}

.btn_invite a {
	display: block;
	padding:5px 10px;
	color: #FFF;
	text-decoration: none;
}

h3.invite_bar {
	width:94%;
	padding:8px;
	margin:0 0 15px 0;
}

.invite_code {
	margin:10px 0;
}

.invite_code span {
	width:80%;
	padding:10px 5px;
	background:#CCC;
	xfont-size:20px;
	font-weight:bold;
	display:block;
	margin:0 auto;
}

ul#inviteList {
	text-align:center;
	word-spacing:-0.4em;
	margin:10px 0 10px 0;
}

ul#inviteList li {
	display:inline-block;
	word-spacing:normal;
	*display:inline;
	*zoom:1;
	margin:5px 0;
}

.invite_item li {
	margin:0 0 10px 0;
	padding: 10px;
	width: 256px;
	xheight: auto;
	float: left;
	border: 1px solid #2E8983;
	background-color: #FFF;
	xbackground-image: url(../img/common/arrow.png);
	xbackground-repeat: no-repeat;
	xbackground-position: 98% center;
	xlist-style: none;
}

.invite_item .img {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

.itemNameTxt {
	color:#2E8983;
}

/* テーブル */
.inviteTable {
	width:100%;
	margin:10px 0;
	xfont-size:10px;
}

.inviteTable td.level_top,
.inviteTable td.present_top,
.inviteTable td.level,
.inviteTable td.present,
.inviteTable td.quantity_top,
.inviteTable td.quantity {
	border:1px solid #333333;
	padding:5px;
}

.inviteTable td.level_top {
	width:30%;
	background:#ffff00;
	text-align:center;
	xfont-size:12px;
}

.inviteTable td.present_top {
	width:55%;
	background:#39b54a;
	text-align:center;
	xfont-size:12px;
}

.inviteTable td.quantity_top {
	width:15%;
	background:#ff0000;
	text-align:center;
	xfont-size:12px;
}

.inviteTable td.level {
	width:30%;
	background:#ffffa8;
}

.inviteTable td.present {
	width:55%;
	background:#c8eacd;
}

.inviteTable td.quantity {
	width:15%;
	background:#ffc5c5;
	text-align:center;
}


/* エラー */
.invite_err {
	padding:15px 5px;
	border:1px solid #F00;
	color:#FF0000;
	xfont-size:13px;
	margin:15px 0;
	line-height:1.6;
}

input#invite_code_new {
	margin:10px 0;
}

input#invite_code_new {
	width:75%;
	padding:10px 5px;
	background:#F00;
	xfont-size:20px;
	font-weight:bold;
	display:block;
	margin:0 auto 10px auto;
	color:#FFFFFF;
	border:1px solid #000;
}

input#codeFix {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ff5e34; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5e34 0%, #d10000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e34), color-stop(100%,#d10000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* IE10+ */
	background: linear-gradient(top, #ff5e34 0%,#d10000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e34', endColorstr='#d10000',GradientType=0 ); /* IE6-9 */
	xfont-size: 12px;
	text-align: center;
	float: right;
	margin: 8px 0 15px 5px;
	box-shadow:1px 1px 3px #999999;
	border:none;
	padding:5px 10px;
	color:#fff;
}

/* アイテムゲット */
.invite_get_item {
}

.invite_getTxt {
	padding:0 0 15px 0;
	text-align:center;
	xfont-size:16px;
	font-weight:bold;
	color:#FF0000;
}

/* releaseCoursePayment */
.btn_release_course {
	padding:0 0 10px 0;
}
.btn_release_course a {
	display:block;
	width:91%;
	margin:0 auto;
	padding:11px 0 11px 15px;
	color:#fff;
	font-weight:bold;
	xfont-size:16px;
	border:1px solid #00467C;
	text-decoration:none;
	text-align:left;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	-webkit-box-shadow:1px 1px 5px #999, inset 1px 1px 1px #fff;
	-moz-box-shadow:1px 1px 5px #999, inset 1px 1px 1px #fff;
	box-shadow:1px 1px 5px #999, inset 1px 1px 1px #fff;

	-webkit-text-shadow:1px 0 3px #00467C;
	-moz-text-shadow:1px 0 3px #00467C;
	text-shadow:1px 0 3px #00467C;


	background: #00b7ea; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b7ea 0%, #006bb2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#006bb2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b7ea 0%,#006bb2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b7ea 0%,#006bb2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b7ea 0%,#006bb2 100%); /* IE10+ */
	background: linear-gradient(top,  #00b7ea 0%,#006bb2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#006bb2',GradientType=0 ); /* IE6-9 */
}

/* event_pet_capture */
.period_area {
	padding:10px;
	border:3px solid #f00;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0 0 15px 0;
}
.period_area p {
	xfont-size:16px;
	font-weight:bold;
}
.common_h3 {
	width:94%;
	padding:8px;
	margin:0 0 15px 0;
}
.btn_common {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ff5e34; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5e34 0%, #d10000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5e34), color-stop(100%,#d10000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff5e34 0%,#d10000 100%); /* IE10+ */
	background: linear-gradient(top, #ff5e34 0%,#d10000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e34', endColorstr='#d10000',GradientType=0 ); /* IE6-9 */
	xfont-size: 12px;
	text-align: center;
	float: right;
	margin: 8px 0 15px 5px;
	box-shadow:1px 1px 3px #999999;
}
.btn_common a {
	display: block;
	padding:5px 10px;
	color: #FFF;
	text-decoration: none;
}
.pet_capture_list {
	padding:15px 0;
}
.pet_capture_list li {
	padding:8px 0;
	border-bottom:1px dotted #ccc;
}
.pet_name {
	font-weight:bold;
	xfont-size:16px;
	padding:5px 0 0 0;
}
.pet_capture_number {
	text-align:right;
	padding:0 10px 0 0;
	color:#E62B18;
	font-weight:bold;
}
.fs18 {
	xfont-size:18px;
}
.capture_ranking {
	padding:15px 0;
}
.my_ranking {
	padding:0 0 15px 0;
}
.capture_ranking th,
.my_ranking th {
	font-weight:bold;
}
.capture_ranking td,
.my_ranking td {
	border:1px solid #333;
	padding:3px;
}
.rank_capture_top,
.name_capture_top,
.number_capture_top {
	text-align:center;
	font-weight:bold;
	background:#ccc;
}
.rank_capture,
.name_capture,
.number_capture {
	text-align:center;
}
/* beginner_pack */
.bg_beginner_pack {
	background:url(../images/bg_beginner_pack.jpg) center top no-repeat;
	height:358px;
	xfont-size:12px;
	padding:0 0 10px 0;
	background-color:#ACF4E6;
}
.bg_beginner_pack_shop {
	background:url(../images/bg_beginner_pack_shop.jpg) center top no-repeat;
	height:358px;
	xfont-size:12px;
	padding:0 0 10px 0;
	background-color:#f2e9d7;
}
.beginner_area {
	padding:255px 10px 0;
}
.beginner_area dl {
	border:2px solid #00a8b3;
	background:#fff;
	padding:8px;
}
.beginner_area dl dt {
	margin:0 0 6px 0;
	line-height:1.6;
	xfont-size:11px;
	font-weight:bold;
}
dd.time_limit {
	float:left;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #00a8b3;
	background:#ffffc7;
	padding:12px 12px;
	text-align:center;
	font-weight:bold;
}
dd.btn_common_red a {
	float:right;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #de03e;
	color:#fff;
	text-decoration:none;
	padding:12px 6px;
	text-align:center;
	font-weight:bold;

	background: #f76069; /* Old browsers */
	background: -moz-linear-gradient(top,  #f76069 51%, #de030e 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#f76069), color-stop(51%,#de030e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f76069 51%,#de030e 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f76069 51%,#de030e 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f76069 51%,#de030e 51%); /* IE10+ */
	background: linear-gradient(to bottom,  #f76069 51%,#de030e 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76069', endColorstr='#de030e',GradientType=0 ); /* IE6-9 */
}
/* テーブルCSS */
.normaltable {
	width:70%;margin:5px 0px;
	padding:0px;
	border-collapse:separate;
	border-spacing:0px;
	border-top:1px solid #663300;
	border-left:1px solid #663300;
	empty-cells:show;
}
.normaltable th {
	padding:2px;
	text-align:left;
	vertical-align:top;color:#FFFFFF;
	background-color:#996633;
	border-top:1px solid #FFE7CE;border-left:1px solid #FFE7CE;
	border-right:1px solid #663300;border-bottom:1px solid #663300;
}
.normaltable td {
	padding:2px;
	background-color:#FFE7CE;
	border-right:1px solid #663300;
	border-bottom:1px solid #663300;
}



/* =========
Add PIZZA-LA
========= */
.small_category_title {
	background:url(../images/common/icatch.png) -13px center no-repeat;
	border-radius:6px;
	margin:0 0 8px;
}
.bg_green {
	background-color:#2E8983;
}
.bg_pizzala {
	background-color:#cc0000;
}

.small_category_title span {
	display:block;
	color:#fff;
	font-weight:bold;
	padding:8px 8px 8px 16px;
}

/* btn */
.btn_submit_area,
.btn_repair_area {
	width:100%;
	text-align:center;
}

.btn_submit,
.btn_repair {
	width:100%;
	border-radius:20px;
	text-decoration:none;
	display:block;
	box-shadow:inset 0 1px 1px #fff;
	padding:10px;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#fff;
}

.btn_repair {
	border:1px solid #333;

	background: #5b5b5b; /* Old browsers */
	background: -moz-linear-gradient(top,  #5b5b5b 0%, #191919 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#191919)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5b5b5b 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #5b5b5b 0%,#191919 100%); /* W3C */
}

.btn_submit {
	border:1px solid #720202;

	background: #e64f47; /* Old browsers */
	background: -moz-linear-gradient(top,  #e64f47 0%, #a60202 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e64f47), color-stop(100%,#a60202)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e64f47 0%,#a60202 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #e64f47 0%,#a60202 100%); /* W3C */
}


/* =========
iOS用30日コース部分
========= */
.txt_course_caution {
	border:1px solid #FC9512;
	border-radius:5px;
	background-color:#fff;
	padding:10px;
	margin:10px 0 0;
	line-height:1.3;"
}