@charset "UTF-8";

/* -----------------------------------------------------------
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */

/* page
----------------------------------------------------------- */

h2#profileTtl {
	width: 320px;
	margin: 20px auto 10px;
	padding: 0;
}
h2#profileTtl img {
	width: 100%;
}

#profileName {
	font-size: 16px;
	font-weight: bold;
	width: 320px;
	margin: 0 auto 10px;
	text-align: center;
	color: #333333;
}

#profile01 {
	width: 320px;
	margin: 0 auto;
}
#profile01 #profilePhoto {
	width: 320px;
	height: 368px;
	margin: 0 auto 10px;
	padding-top: 20px;
	background: #f9f9f9 url(../images/profile/shadow-btm.png) repeat-x left bottom ;
	border-top: 1px solid #efefef;
}

#profile01 #profilePhoto ul {
	width: 244px;
	margin: 0 auto;
}

#profile01 #profileSpec {
	width: 320px;
	margin: 0 auto;
	background: #ffe7e7;
}
#profile01 #profileSpec p {
	font-size: 14px;
	color: #666666;
	padding: 5px 1px;
	text-align: center;
}
#profile01 #profileSpec p span {
	font-size: 16px;
	font-weight: bold;
}
#profile01 #profileSpec #icon {
 	width: 280px;
 	height: 22px;
 	margin: 0 auto 5px;
 	padding-bottom: 5px;
}
#profile01 #profileSpec #icon li.rankIcon {
	float: left;
	width: 77px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon li.rankIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon li.diaryIcon {
	float: left;
	width: 74px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon li.diaryIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon li.movieIcon {
	float: left;
	width: 55px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon li.movieIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon li.chatIcon {
	float: left;
	width: 55px;
}

#profile01 #profileSpec #icon li.chatIcon img {
	width: 100%;
}

#profile01 #profileSpec #icon1 {
 	width: 280px;
 	height: 21px;
 	margin: 0 auto 5px;
}
#profile01 #profileSpec #icon1 li.rankIcon {
	float: left;
	width: 77px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon1 li.rankIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon1 li.diaryIcon {
	float: left;
	width: 74px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon1 li.diaryIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon1 li.movieIcon {
	float: left;
	width: 55px;
	margin-right: 3px;
}
#profile01 #profileSpec #icon1 li.movieIcon img {
	width: 100%;
}
#profile01 #profileSpec #icon1 li.chatIcon {
	float: left;
	width: 55px;
}

#profile01 #profileSpec #icon1 li.chatIcon img {
	width: 100%;
}

#profile01 #profileSpec #icon2 {
 	width: 280px;
 	height: 21px;
 	margin: 0 auto;
 	padding-bottom: 5px;
}
#profile01 #profileSpec #icon2 li {
	float: left;
	width: 68px;
	margin-right: 2px;
}
#profile01 #profileSpec #icon2 li:last-of-type {
	margin-right: 0;
}
#profile01 #profileSpec #icon2 li img {
	width: 100%;
}
#profile01 #profileComment #profileTxt {
	margin: 0 auto 10px;
	padding: 0 12px;
	font-size: 12px;
	color: #666666;
}
#profile01 #diaryBtn {
	width: 280px;
	margin: 0 auto 3%;
}
#profile01 #diaryBtn img {
	width: 100%;
}
#profile01 #profileComment #profileTxt span {
	display: block;
	color: #ffa313;
	font-weight: bold;
	padding-bottom: 5px;
}
#profile01 #profileDetail {
	width: 320px;
}
#profile01 #profileDetail th {
	width: 127px;
	height: 28px;
	padding-left: 12px;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	vertical-align: middle;
}
#profile01 #profileDetail tr:nth-of-type(odd) {
	background: #fff6d9;
}
#profile01 #profileDetail td {
	width: 197px;
	height: 28px;
	font-size: 12px;
	color: #666666;
	vertical-align: middle;
}

.reserveBtn {
	width: 284px;
	margin: 20px auto;
}
.reserveBtn img {
	width: 100%;
}

#profile02 {
	width: 320px;
	margin: 0 auto;
}

#profile02 #payOption {
	width: 320px;
	height: 252px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	background: url(../images/profile/payOpBg.png) no-repeat left top;
	background-size: 100% auto;
}
#profile02 #payOption ul#play {
	width: 291px;
	margin: 0 auto;
}
#profile02 #payOption ul#play li {
	float: left;
	width: 95px;
	height: 31px;
	margin: 0 2px 2px 0;
}
#profile02 #payOption ul#play li img {
	width: 100%;
}
#profile02 #freeOption {
	width: 320px;
	height: 316.5px;
	padding: 35px 0 0 0;
	background: url(../images/profile/freeOpBg.png) no-repeat left top;
	background-size: 100% auto;
	margin: 0 auto;
}
#profile02 #freeOption ul#option {
	width: 291px;
	margin: 0 auto;
}
#profile02 #freeOption ul#option li {
	float: left;
	width: 95px;
	height: 31px;
	margin: 0 2px 2px 0;
}

#profile03 {
	width: 320px;
	margin: 0 auto 15px;
}
#profile03 #movie {
	margin: 0 auto 15px;
}
#profile03 #movie img {
	width: 100%;
}
#profile03 #scheduleInfo {
	width: 303px;
	margin: 0 auto;
}
#profile03 #scheduleInfo table {
	width: 303px;
	border: 1px solid #a1a1a1;
}
#profile03 #scheduleInfo table th#scheduleCap {
	width: 303px;
}
#profile03 #scheduleInfo table th#scheduleCap img {
	width: 100%;
}
#profile03 #scheduleInfo table th {
	width: 104.5px;
	height: 27px;
	border-bottom: 1px solid #a1a1a1;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	background: #e4f7ff;
}
#profile03 #scheduleInfo table tr:nth-of-type(2) th {
	color: #ff243e;
	font-weight: bold;
	background: #ffd4d9;
}
#profile03 #scheduleInfo table th span {
	color: #ff243e !important;
	background: #ffd4d9 !important;
	font-weight: bold !important;
}
#profile03 #scheduleInfo table td {
	width: 245px;
	height: 27px;
	border-bottom: 1px solid #a1a1a1;
	font-size: 14px;
	text-align: center;
	color: #666666;
	vertical-align: middle;
	background: #ffffff;
}