/* ----- index CSS ----- */

/* ////////// default ////////// */
#contents {
	font-size: 12px;
	line-height: 1.3;
}

/* / tab / */
#tab {
	margin-bottom: 10px;
}
#tab h2 {
	height: auto !important;
	margin: 0;
	padding: 0;
	background: url(../../common/img/smp_orn_delta_up.png) no-repeat right center;
	border: none;
	font-size: 1.0em;
	color: #007ca5;
}
#tab ul {
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	width; 100%;
	height: 55px;
	padding-bottom: 0;
	border-bottom: solid 1px #ccc;
	text-align: center;
	-webkit-box-shadow: 0px -3px 3px #ddd inset;
}
#tab li {
	-webkit-box-sizing: border-box;
	-webkit-box-flex: 1.0;
	-webkit-box-align: center;
	width: 50%;
	height: 56px;
	padding: 0 10px;
	border-radius: 5px 5px 0px 0px;
	border: solid 1px #ccc;
	border-bottom: none;
	background: -webkit-gradient(linear, center top, center bottom, from(#C9EEF7), to(#fff));
	color: #007CA5;
	font-size: 130%;
	text-align: left;
	line-height: 1.0;
}
#tab li:first-child {
	padding-top: 11px;
	margin-right: 1%;
	margin-left: 10px;
}
#tab li:last-child {
	padding-top: 16px;
	margin-right: 10px;
	margin-left: 1%;
}
#tab li.nocurrent {
	height: 48px;
	margin-top: 7px;
	background: -webkit-gradient(linear, center top, center bottom, from(#ebebeb), to(#f3f3f3));
	-webkit-box-shadow: 0px -2px 5px #ddd inset;
}

#tab li#open-service span {
	font-size: 0.9em;
}

/* / status / */
#etc {
	padding: 5px 0 10px 0;
	border-bottom: solid 1px #ccc;
}


#status {
	text-align: center;
}
#status .premium-member {
	background: #fbf9ec;
	border-top: solid 5px #ad9a00;
}
#status .mail-member {
	background: #f4f4f4;
	border-top: solid 5px #656565;
}
#status .member {
	background: #e4e4e4;
	border-top: solid 5px #888888;
}
#status #member-status {
	padding: 15px 0 15px 80px;
	font-size: 1.3em;
	color: #333;
	font-size: 1.2em;
	text-align: left;
}
.premium-member #member-status {
	background: url(../img/smp_icon_premium.png) 10px 7px no-repeat;
}
.mail-member #member-status {
	background: url(../img/smp_icon_mailmem.png) 10px 7px no-repeat;
}
.member #member-status {
	background: url(../img/smp_icon_member.png) 10px 7px no-repeat;
}
.premium-member #member-status span {
	font-size: 1.1em;
	color: #6c5e1b;
}
.mail-member #member-status span {
	font-size: 1.1em;
	color: #656565;
}
.member #member-status span {
	font-size: 1.1em;
	color: #09589c;
}
#status .point {
	margin: 0 10px;
	padding: 10px 5px;
	background: #fff;
	border: solid 2px #cacaca;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size: 1.1em;
}
#status .trash-point {
	margin: 0 10px;
	padding: 5px;
	background: #fff;
	border-right: solid 1px #cacaca;
	border-bottom: solid 1px #cacaca;
	border-left: solid 1px #cacaca;
	border-radius: 0 0 5px 5px;
}
#status .date {
	margin: 5px 10px;
	text-align: right;
}
#status #bankbook {
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	margin: 0 10px;
}
#status #bankbook p:first-child {
	-webkit-box-flex: 3.0;
	margin-right: 10px;
}
#status #bankbook p:last-child {
	-webkit-box-flex: 1.0;
}

/* / etc / */
#etc-body {
	background: #fff;
	border: solid 2px #caf2fa;
	border-radius: 0 0 10px 10px;
}
#etc-body nav {
	padding: 20px 10px;
}
#etc-body .star {
	display: -webkit-box;
	margin: 10px 10px 0 10px;
	-webkit-box-align: center;
}
#etc-body .star figure,
#etc-body .star p {
	-webkit-box-flex: 1.0;
	font-size: 1.1em;
}
#etc-body .star p {
	text-align: right;
}

/* / notice / */
.notice {
	margin-right: 10px;
	margin-left: 10px;
}

/* / point / */
#point ul.btns li {
	padding: 10px;
	margin: 20px 10px;
	font-size: 80%
}
#point ul.btns li a {
	min-height: 25px;
	padding: 15px 10px 10px 60px;
}
#point a.icon-buy {
	background: url(../img/smp_icon_buy.png) no-repeat left center;
}
#point a.icon-regist {
	background: url(../img/smp_icon_regist.png) no-repeat left center;
}
#point a.icon-review {
	background: url(../img/smp_icon_review.png) no-repeat left center;
}
#point .banners {
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#point .banners p {
	width: 50%;
	text-align: center;
	-webkit-box-sizing: border-box;
}
#point .banners p:first-child {
	padding-right: 5px;
}
#point .banners p:last-child {
	padding-left: 5px;
}

/* / about / */
#about nav p {
	background-image: url(../img/smp_icon_about.png), url(../../common/img/smp_orn_link.png);
	background-position: left 5px, right center;
	background-repeat: no-repeat, no-repeat;
	font-size: 1.2em;
	min-height: 50px;
}
#about nav a {
	display: block;
	padding: 5px 30px 5px 60px;
}

/* / social / */
#social {
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background: #e6f8fb;
	border-radius: 5px;
	text-align: center;
}
#social p {
	margin-bottom: 10px;
	font-size: 1.3em;
}
#social ul {
	margin: 10px 0;
	font-size: 80%;
}
#social li:first-child {
	margin-bottom: 20px;
}
#social li:last-child {
	margin-top: 20px;
}
#social a.icon-mail {
	padding: 10px 10px 10px 60px;
	background: url(../img/smp_icon_mail.png) no-repeat left center;
}
#social a.icon-fb {
	padding: 10px 10px 10px 50px;
	background: url(../img/smp_icon_fb.png) no-repeat left center;
}
#social a.icon-tw {
	padding: 10px 10px 10px 50px;
	background: url(../img/smp_icon_tw.png) no-repeat left center;
}

/* / RecommendArea / */
.reccomend dl {
	display: -webkit-box;
	-webkit-box-align: center;
	width: 100%;
}
.reccomend dt {
	-webkit-box-ordinal-group: 2;
	-webkit-box-sizing: border-box;
	-webkit-box-flex: 1.0;
	width: auto;
	font-size: 1.3em;
}
.reccomend dt p {
	padding-right: 5px;
}
.reccomend dd {
	-webkit-box-ordinal-group: 1;
	width: 95px;
}

.reccomend .text {
	display: none;
}

/* / edit / */
#edit-body {
	font-size: 120%;
}

/* / etc / */
.grd-btn li.top-double-line a {
	display: block;
	-webkit-box-sizing: border-box;
	padding-top: 13px;
	padding-bottom: 0;
	padding-left: 10px;
	width: 100%;
	height: 53px;
	color: #00284e;
	text-decoration: none;
	line-height: 1.2;
}