@charset "UTF-8";
/*--------------------------------------------------
for mypage ucs
--------------------------------------------------*/

/*TOC===============================================
ucsContent
ucsHeader
ucsMenu
ucsSubMenu
ucsMain
ucsMainContent
ucsMainLeft
subContents
ucsMainRight
ucsBackTop
ucs common element
==================================================*/

/* ucsContent
--------------------------------------------*/

#ucsContent {
	width: 976px;
	min-height: 500px;
	margin-bottom: 10px;
	padding-bottom: 0;
	border-radius: 3px;
}

/* ucsHeader
--------------------------------------------*/

#ucsHeader {
	position: relative;
	padding: 8px 12px;
}

#ucsHeader h1,
#ucsHeader h2 {
	display: inline;
}

#ucsHeader h1 {
	font-size: 14px;
}

#ucsHeader h2 {
	font-weight: normal;
}

#ucsHeader .crumbLine {
	margin: 0 10px;
	color: #999999;
	font-size: 14px;
}

#ucsHeader #ucsHeaderTitle {
	font-size: 14px;
	font-weight: bold;
}

/* ucsMenu
--------------------------------------------*/

#ucsMenu {
	float: left;
	width: 135px;
	padding-top: 1px;
	background: #EAEAEA;
}

#ucsMenu .lev1,
#ucsMenu .lev2 {
	display: block;
	color: #333333;
	outline: none;
}

#ucsMenu .lev1 {
	padding: 5px 15px 5px 10px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	font-size: 11px;
	font-weight: bold;
}

#ucsMenu .lev1:hover {
	color: #333333;
	text-decoration: none;
}

#ucsMenu .lev2 {
	padding: 5px 10px;
	background: #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px solid #FFF;
}

#ucsMenu .lev2:hover {
	text-decoration: none;
	background: #EFF7FE;
}

#ucsMenu .disabled {
	padding: 5px 10px;
	background: #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px solid #FFF;
	color: #CCCCCC;
}

/* ucsSubMenu
--------------------------------------------*/

#ucsSubMenu {
	position: absolute;
	right: 8px;
	bottom: 11px;
}

#ucsSubMenu li {
	float: left;
	margin-right: 15px;
	padding-left: 9px;
}

#ucsSubMenu li a {
	color: #333;
}

#ucsSubMenu li a img {
	margin-top: -1px;
	vertical-align: middle;
}

#ucsSubMenu #myUcsPage {
	padding: 0;
	background: none;
	font-weight: bold;
}

/* ucsMain
--------------------------------------------*/

#ucsMain {
	min-height: 500px;
	padding-bottom: 15px;
}

#ucsMain:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

/* ucsMainContent
--------------------------------------------*/

#ucsMainContent {
	float: right;
	width: 810px;
	margin: 15px 15px 0 0;
	padding-bottom: 10px;
}

/* ucsMainLeft
--------------------------------------------*/

#ucsMainLeft {
	float: left;
	width: 585px;
	margin: 15px 0 0 15px;
}

/* ucsMainRight
--------------------------------------------*/

#ucsMainRight {
	float: right;
	width: 210px;
	margin: 1px 1px 1px 0;
	padding: 15px 7px 10px 7px;
}

/* bnrArea */

#ucsMainRight .bnrArea {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

#ucsMainRight .bnrArea.noBorder {
	padding-bottom: 0;
	border-bottom: none;
}

#ucsMainRight .bnrArea img {
	vertical-align: bottom;
}

/* rankAccess */

#ucsMainRight #rankAccess {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}

#ucsMainRight #rankAccess:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

#ucsMainRight #rankAccess li {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	background: url(/mypg/img/common/icon_black_border.png) no-repeat right center;
}

#ucsMainRight #rankAccess #rank a {
	padding-left: 18px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -2800px;
}

#ucsMainRight #rankAccess #access {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

/* kuchikomiArea */

#ucsMainRight #kuchikomiArea {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
}

#ucsMainRight #kuchikomiArea:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

#ucsMainRight #kuchikomiArea h2 {
	float: left;
	width: 64px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -2869px;
}

#ucsMainRight #kuchikomiArea #kuchikomiLink {
	float: right;
	width: 126px;
	text-align: right;
}

#ucsMainRight #kuchikomiArea #kuchikomiDesc {
	clear: both;
	margin-bottom: 5px;
}

#ucsMainRight #kuchikomiArea .moreLink {
	text-align: right;
}

/* ucsBackTop
--------------------------------------------*/

#ucsBackTop {
	text-align: right;
	line-height: 1;
}

#ucsBackTop a {
	padding-left: 12px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -2727px;
}

.toTop {
	text-align: right;
}

.toTop a {
	padding: 1px 0 2px 17px;
	background: url("/common_style/img/common/icon/blogtop.gif") no-repeat left top;
}

/* ucs common element
--------------------------------------------*/

#ucsMainContent h1,
#ucsMainLeft h1 {
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-size: 14px;
}

#ucsMainContent h2,
#ucsMainLeft h2 {
	margin-bottom: 10px;
	padding: 7px 0 7px 7px;
}

.description {
	margin-bottom: 10px;
	padding-left: 7px;
}

/* .searchTextArea  .searchTextClassicArea */

.searchTextArea:after,
.searchTextClassicArea:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.searchTextArea .searchText:focus,
.searchTextClassicArea .searchText:focus {
	outline: 0;
}

.searchTextArea button::-moz-focus-inner,
.searchTextClassicArea button::-moz-focus-inner {
	border: none;
}

/* .searchTextArea */

.searchTextArea {
	border: 1px solid #CCCCCC;
	background: #FFF;
	zoom: 1;
}

.searchTextArea .searchText {
	float: left;
	width: 535px;
	*width: 525px;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	border: none;
	*border: 1px solid #FFF;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.searchTextArea .searchButton {
	float: right;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	border: none;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05) inset;
	background: #FFF url(/mypg/img/common/icon_common.png) no-repeat 7px -1953px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor: pointer;
}

/* .searchTextClassicArea */

.searchTextClassicArea {
	background: #FFF;
	zoom: 1;
}

.searchTextClassicArea .searchText {
	float: left;
	width: 437px;
	height: 28px;
	padding: 0 10px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	zoom: 1;
}

.searchTextClassicArea .btnDefault {
	float: right;
	height: 30px;
	line-height: 30px;
}

/* text */

.dateTxt {
	color: #999999;
	font-size: 11px;
}

.errorTxt {
	color: #FF0000;
	font-size: 12px;
}

/* リスト */

#ucsMainRight .listModule {
	margin-bottom: 10px;
}

#ucsMainRight .listModule:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

#ucsMainRight .listModule h2 {
	margin-bottom: 10px;
	padding: 5px 5px 3px 0;
	border-bottom: 2px solid #CCCCCC;
}

#ucsMainRight .listModule h2 a {
	color: #000000;
}

#ucsMainRight .listModule ul {
	margin-left: 5px;
}

#ucsMainRight .listModule ul li {
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -1395px;
}

#ucsMainRight .listModule .more {
	text-align: right;
}

/* textTab */

.textTab {
	margin-bottom: 10px;
	zoom: 1;
}

.textTab:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.textTab li {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.textTab .active {
	color: #000000;
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

.textTab .last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

/* .tabContent */

.tabContent {
	margin-bottom: 10px;
}

.tabContentHeader {
	border-bottom: 1px solid #CCCCCC;
	zoom: 1;
}

.tabContentHeader:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.tabContentInnerBox {
	padding: 10px;
	background: #FFFFFF;
}

.tabCategory {
	position: relative;
	top: 2px;
	*top: 0;
	height: 26px;
	line-height: 1;
	zoom: 1;
}

.tabCategory:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.tabCategory li {
	float: left;
	width: 80px;
	height: 13px;
	margin-left: 8px;
	padding: 6px 0 6px 0;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 0 0;
	background: #FFF;
	color: #0066CC;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.tabCategory li:hover {
	background: #EFF7FE;
}

.tabCategory li a:hover {
	color: #FF3366;
	text-decoration: none;
}

.tabCategory .active {
	height: 13px;
	border-bottom: 2px solid #F3F3F3;
	background: #F3F3F3;
	color: #333;
	font-weight: bold;
	cursor: default;
	outline: none;
}

.tabCategory .active:hover {
	background: #F3F3F3;
	color: #333;
	text-decoration: none;
}

.tabContentInner {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.tabContentInner .subCategory {
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: #F3F3F3;
	zoom: 1;
}

.tabContentInner .subCategory:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.tabContentInner .subCategory li {
	float: left;
	padding: 0 5px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
}

.tabContentInner .subCategory .active {
	color: #333333;
	font-weight: bold;
	cursor: default;
}

.tabContentInner .subCategory .active:hover {
	color: #333333;
	text-decoration: none;
}

.tabContentInner .subCategory .first {
	padding-left: 0;
	border-left: none;
}

.tabContentInner .subCategory .last {
	padding-right: 0;
	border-right: none;
}

/* .dateSort */

.dateSort .year {
	position: relative;
	padding: 5px 0;
	background: #F3F3F3;
	text-align: center;
}

.dateSort .currentYear {
	font-size: 16px;
	font-weight: bold;
}

.dateSort .previousYear,
.dateSort .nextYear {
	display: block;
	position: absolute;
	top: 5px;
	height: 19px;
	line-height: 19px;
	padding: 0 2px;
	border: 1px solid #CCCDCD;
	border-radius: 3px;
		text-decoration: none;
	text-align: center;
    width: 52px;
	font-size: 11px;
}

.dateSort .previousYear {
	left: 175px;
	padding: 0 0 0 10px;
	background: #FFFFFF url(/mypg/img/common/icon_paging_previous.png) no-repeat 12px center;
}

.dateSort .nextYear {
	right: 175px;
	padding: 0 10px 0 0;
	background: #FFFFFF url(/mypg/img/common/icon_paging_next.png) no-repeat 46px center;
}

.dateSort .previousYear:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_previous.png) no-repeat 12px center;
	color: #0066CC;
}

.dateSort .nextYear:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_next.png) no-repeat 46px center;
	color: #0066CC;
}

.dateSort .previousYear.disabled,
.dateSort .nextYear.disabled {
	color: #CCCCCC;
}

.dateSort .nextYear.disabled,
.dateSort .nextYear.disabled:hover {
	background: #FFFFFF url(/mypg/img/common/icon_paging_next_disabled.png) no-repeat 46px center;
}

.dateSort .previousYear.disabled,
.dateSort .previousYear.disabled:hover {
	background: #FFFFFF url(/mypg/img/common/icon_paging_previous_disabled.png) no-repeat 12px center;
}

.dateSort .month {
	margin-bottom: 5px;
	padding: 5px 0;
	zoom: 1;
}

.dateSort .month:after {
	display : block;
	clear : both;
	content : '.';
	visibility: hidden;
	height: 0;
}

.dateSort .month li {
	float: left;
	width: 40px;
	height: 20px;
	line-height: 20px;
	margin-right: 9px;
	color: #CCCCCC;
	text-align: center;
}

.dateSort .month .last {
	margin-right: 0;
}

.dateSort .month li a,
.dateSort .month .active {
	display: block;
	border: 1px solid #EAEAEA;
	border-radius: 5px;
}

.dateSort .month .active {
	background: #EFF7FE;
	color: #0066CC;
	font-weight: bold;
}

.dateSort .month li a:hover {
	background: #EFF7FE;
	color: #0066CC;
	text-decoration: none;
}


/* .tableList */

.tableList th {
	padding: 7px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #F3F3F3;
	font-weight: bold;
	text-align: left;
}

.tableList td {
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
}


/* attention */

.attentionA {
	margin-bottom: 10px;
	padding: 15px 15px 5px 10px;
	border: 1px solid #FF0000;
	background: #FFFFCC;
}

.attentionA p {
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -628px;
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}

.attentionB {
	margin-bottom: 10px;
	padding: 15px 15px 5px 10px;
	border: 1px solid #FFE7B3;
	background: #FFFAEC;
}

.attentionB p {
	margin-bottom: 10px;
	padding-left: 25px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -630px;
}

.attentionC {
	margin-bottom: 10px;
	padding-left: 18px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -3920px;
}

/* #popupArea */

.popupArea {
	position: relative;
	width: 300px;
	padding: 35px 30px 30px 30px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #DDDDDD;
	-moz-box-shadow: 2px 2px 2px #DDDDDD;
	-webkit-box-shadow: 2px 2px 2px #DDDDDD;
}

.popupArea .popupClose {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-left: 20px;
	border-radius: 5px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5460px;
	color: #0066CC;
	cursor: pointer;
}

.popupArea .popupClose:hover {
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5530px;
}

/* .modalPopupArea */

.modalPopupArea {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	padding: 35px 30px 30px 30px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #999999;
	-moz-box-shadow: 1px 1px 3px #999999;
	-webkit-box-shadow: 1px 1px 3px #999999;
	background: #FFFFFF;
	z-index: 10000;
}

.modalPopupArea .modalPopupClose {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-left: 20px;
	border-radius: 5px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5460px;
	color: #0066CC;
	cursor: pointer;
}

.modalPopupArea .modalPopupClose:hover {
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5530px;
}

.modalPopupBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	z-index: 9999;
}

/* .btnSecondary .btnPrimary */
.btnSecondary,
.btnPrimary {
	display: block;
	width: 132px;
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor: pointer;
}

.btnSecondary:hover,
.btnPrimary:hover {
	text-decoration: none;
}

/* .btnSecondary */

.btnSecondary {
	color: #666666 !important;
	border: 2px solid #CCCCCC;
	background: #EEEEEE;
	background-image: linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(238,238,238))
	);
}

/*
.btnSecondary:hover {
	color: #666666;
	border: 2px solid #DBDBDB;
	background: #F3F3F3;
	background-image: linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background-image: -o-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background-image: -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background-image: -webkit-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background-image: -ms-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(243,243,243))
	);
}
*/

/* .btnPrimary */

.btnPrimary {
	color: #FFFFFF !important;
	border: 2px solid #4DAC26;
	background: #57BF2B;
	background-image: linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
	background-image: -o-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
	background-image: -moz-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
	background-image: -webkit-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
	background-image: -ms-linear-gradient(top, rgb(87,191,43) 0%, rgb(73,160,35) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(87,191,43)),
		color-stop(1, rgb(73,160,35))
	);
}

/*
.btnPrimary:hover {
	color: #FFFFFF;
	border: 2px solid #82C567;
	background: #89D16A;
	background-image: linear-gradient(top, rgb(137,209,106) 0%, rgb(127,188,101) 100%);
	background-image: -o-linear-gradient(top, rgb(137,209,106) 0%, rgb(127,188,101) 100%);
	background-image: -moz-linear-gradient(top, rgb(137,209,106) 0%, rgb(127,188,101) 100%);
	background-image: -webkit-linear-gradient(top, rgb(137,209,106) 0%, rgb(127,188,101) 100%);
	background-image: -ms-linear-gradient(top, rgb(137,209,106) 0%, rgb(127,188,101) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(137,209,106)),
		color-stop(1, rgb(127,188,101))
	);
}
*/

/* .btnDefault .btnDelete */
.btnDefault,
.btnDelete,
.btnSmallDefault,
.btnSmallDelete {
	display: block;
	width: 116px;
	height: 34px;
	line-height: 34px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background: #EEEEEE;
	color: #333333 !important;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor: pointer;
}

.btnDefault:hover,
.btnDelete:hover {
	/*border: 1px solid #DBDBDB;*/
	color: #333333;
	text-decoration: none;
}

/* .btnDefault */

.btnDefault,
.btnSmallDefault {
	background: #EEEEEE linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background: #EEEEEE -o-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background: #EEEEEE -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background: #EEEEEE -webkit-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background: #EEEEEE -ms-linear-gradient(top, rgb(255,255,255) 20%, rgb(238,238,238) 100%);
	background: #EEEEEE -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(238,238,238))
	);
}

/*
.btnDefault:hover {
	background: #F3F3F3 linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background: #F3F3F3 -o-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background: #F3F3F3 -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background: #F3F3F3 -webkit-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background: #F3F3F3 -ms-linear-gradient(top, rgb(255,255,255) 20%, rgb(243,243,243) 100%);
	background: #F3F3F3 -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(243,243,243))
	);
}
*/

.btnSmallDefault {
	width: 44px;
	height: 28px;
	line-height: 28px;
}

/* .btnDelete */

.btnDelete {
	padding-left: 20px;
	background-color: #EEEEEE;
	background-image: url(/mypg/img/common/icon_common.png);
	background-repeat: no-repeat;
	background-position: 24px -5241px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 24px -5241px, -moz-linear-gradient(center bottom , #EEEEEE 0%, #FFFFFF 100%) no-repeat 0 0;
	background:url(/mypg/img/common/icon_common.png) no-repeat 24px -5241px,-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(238,238,238))
	);
}

a.btnDelete {
	padding-left: 7px;
}

/*
.btnDelete:hover {
	padding-left: 15px;
	background-color: #F3F3F3;
	background-image: url(/mypg/img/common/icon_common.png);
	background-repeat: no-repeat;
	background-position: 20px -5241px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 24px -5241px, -moz-linear-gradient(center bottom , #F3F3F3 0%, #FFFFFF 100%) no-repeat 0 0;
	background:url(/mypg/img/common/icon_common.png) no-repeat 24px -5241px,-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(243,243,243))
	);
}
*/

.btnSmallDelete {
	width: 65px;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	background-image: url(/mypg/img/common/icon_common.png);
	background-repeat: no-repeat;
	background-position:  8px -5244px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 8px -5244px, -moz-linear-gradient(center bottom , #EEEEEE 0%, #FFFFFF 100%) no-repeat 0 0;
	background: url(/mypg/img/common/icon_common.png) no-repeat 8px -5244px,-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(255,255,255)),
		color-stop(1, rgb(238,238,238))
	);
}

/* .thumb */

.thumb {
	display: table-cell;
	padding: 1px;
	border: 1px solid #CCCCCC;
	background: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
}

*:first-child+html .thumb { /* IE7 */
	display: block;
}

.thumb img {
	vertical-align: middle;
}

*:first-child+html .thumb img { /* IE7 */
	display: block;
}

/* .tagKeyword */

.tagKeyword {
	margin-bottom: 10px;
}

.tagKeyword li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 10px;
}

.tagKeyword a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 3px 10px;
	border-radius: 5px;
	background: #EAEAEA;
}

/* .formTable */

.formTable {
	border-top: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
}

.formTable th,
.formTable td {
	padding: 12px 10px;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
}

.formTable th {
	background: #F3F3F3;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.formTable td {
	position: relative;
}

.formTable td p {
	margin-bottom: 5px;
}

.formTable td .last {
	margin-bottom: 0;
}

.formTable .floatSelects {
	float: right;
}

/* form */

.textarea1 {
	width: 565px;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.textarea2 {
	width: 790px;
	padding: 10px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.checkbox,
.radio {
	margin-right: 5px;
}

.required {
	margin-left: 5px;
	vertical-align: middle;
}

.formError {
	margin-bottom: 10px;
	color: #FF0000;
}

.inputText {
	height: 28px;
	line-height: 28px;
    padding: 0 10px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.05) inset;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* .titleContent */

.titleContent {
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

.titleContent .title {
	padding: 7px 10px;
	border: 1px solid #FFFFFF;
	background: #F3F3F3;
	font-weight: bold;
}

.titleContent .titleContentInner {
	padding: 7px 10px;
}

/* .infoArea */

.infoArea {
	padding: 10px 10px 5px 10px;
	border: 1px solid #CCCCCC;
	background: #FFFAEC;
}

.infoArea .title {
	margin-bottom: 7px;
	font-weight: bold;
}

.infoArea li {
	margin-bottom: 5px;
    padding-left: 12px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -1395px;
}

.iconListPhoto {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	bottom: 2px;
	width: 16px;
	height: 13px;
	margin-left: 5px;
	background: url("/mypg/img/common/icon_common.png") no-repeat 0 -5390px;
	vertical-align: middle;
}

.newInfo {
	margin-left: 5px;
	vertical-align: middle;
}

/* .pagingArea */

.pagingArea {
	margin-bottom: 10px;
	text-align: center;
}

.pagingArea ul,
.pagingArea li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	list-style: none;
}

.pagingArea ul {
	text-align: center;
}

.pagingArea a,
.pagingArea .active {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
	min-width: 17px;
	height: 21px;
	line-height: 21px;
	padding: 0 2px;
	border: 1px solid #CCCDCD;
	border-radius: 3px;
		color: #0066CC;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}

.pagingArea .active {
	font-weight: bold;
	background: #EFF7FE;
}

.pagingArea a:hover {
	background: #EFF7FE;
	color: #0066CC;
}

.pagingArea .first {
	width: 40px;
	padding: 0 0 0 15px;
	background: url(/mypg/img/common/icon_paging_first.png) no-repeat 10px center;
}

.pagingArea .first:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_first.png) no-repeat 10px center;
}

.pagingArea .previous {
    width: 68px;
	padding: 0 0 0 10px;
	background: url(/mypg/img/common/icon_paging_previous.png) no-repeat 23px center;
}

.pagingArea .previous:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_previous.png) no-repeat 23px center;
}

.pagingArea .next {
    width: 68px;
	padding: 0 10px 0 0;
	background: url(/mypg/img/common/icon_paging_next.png) no-repeat 53px center;
}

.pagingArea .next:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_next.png) no-repeat 53px center;
}

.pagingArea .last {
	width: 40px;
	padding: 0 15px 0 0;
	background: url(/mypg/img/common/icon_paging_last.png) no-repeat 39px center;
}

.pagingArea .last:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_last.png) no-repeat 39px center;
}

.pagingArea .disabled {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
	min-width: 17px;
	height: 21px;
	line-height: 21px;
	padding: 0 2px;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
		color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}

.pagingArea .disabled.first {
	width: 40px;
	padding: 0 0 0 15px;
	background: url(/mypg/img/common/icon_paging_first_disabled.png) no-repeat 10px center;
}

.pagingArea .disabled.previous {
    width: 68px;
	padding: 0 0 0 10px;
	background: url(/mypg/img/common/icon_paging_previous_disabled.png) no-repeat 23px center;
}

.pagingArea .disabled.next {
    width: 68px;
	padding: 0 10px 0 0;
	background: url(/mypg/img/common/icon_paging_next_disabled.png) no-repeat 53px center;
}

.pagingArea .disabled.last {
	width: 40px;
	padding: 0 15px 0 0;
	background: url(/mypg/img/common/icon_paging_last_disabled.png) no-repeat 39px center;
}

/* .pagingOmitArea */

.pagingOmitArea {
	margin-bottom: 10px;
	text-align: center;
}

.pagingOmitArea ul,
.pagingOmitArea li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	list-style: none;
}

.pagingOmitArea ul {
	text-align: center;
}

.pagingOmitArea a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
	min-width: 17px;
	height: 19px;
	line-height: 19px;
	padding: 0 2px;
	border: 1px solid #CCCDCD;
	border-radius: 3px;
		font-size: 10px;
	text-decoration: none;
	text-align: center;
}

.pagingOmitArea .active {
	font-weight: bold;
}

.pagingOmitArea a:hover {
	background: #EFF7FE;
	color: #0066CC;
}

.pagingOmitArea .first {
	width: 38px;
	padding: 0 0 0 15px;
	background: url(/mypg/img/common/icon_paging_first.png) no-repeat 12px center;
}

.pagingOmitArea .first:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_first.png) no-repeat 12px center;
}

.pagingOmitArea .previous {
    width: 58px;
	padding: 0 0 0 10px;
	background: url(/mypg/img/common/icon_paging_previous.png) no-repeat 21px center;
}

.pagingOmitArea .previous:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_previous.png) no-repeat 21px center;
}

.pagingOmitArea .next {
    width: 58px;
	padding: 0 10px 0 0;
	background: url(/mypg/img/common/icon_paging_next.png) no-repeat 44px center;
}

.pagingOmitArea .next:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_next.png) no-repeat 44px center;
}

.pagingOmitArea .last {
	width: 38px;
	padding: 0 15px 0 0;
	background: url(/mypg/img/common/icon_paging_last.png) no-repeat 35px center;
}

.pagingOmitArea .last:hover {
	background: #EFF7FE url(/mypg/img/common/icon_paging_last.png) no-repeat 35px center;
}

.pagingOmitArea .disabled {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
	min-width: 17px;
	height: 19px;
	line-height: 19px;
	padding: 0 2px;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
		color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
}

.pagingOmitArea .disabled.first {
	width: 38px;
	padding: 0 0 0 15px;
	background: url(/mypg/img/common/icon_paging_first_disabled.png) no-repeat 12px center;
}

.pagingOmitArea .disabled.previous {
    width: 58px;
	padding: 0 0 0 10px;
	background: url(/mypg/img/common/icon_paging_previous_disabled.png) no-repeat 21px center;
}

.pagingOmitArea .disabled.next {
    width: 58px;
	padding: 0 10px 0 0;
	background: url(/mypg/img/common/icon_paging_next_disabled.png) no-repeat 44px center;
}

.pagingOmitArea .disabled.last {
	width: 38px;
	padding: 0 15px 0 0;
	background: url(/mypg/img/common/icon_paging_last_disabled.png) no-repeat 35px center;
}

/* icon */

.iconMypage {
	padding: 1px 0 0 21px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -3990px;
}

.iconBlog {
	padding: 2px 0 0 18px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4060px;
}

.iconProfile {
	padding: 2px 0 0 20px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4130px;
}

.iconGuruppo {
	padding: 0 0 0 24px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4200px;
}

.iconPeta {
	padding: 0 0 0 26px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4270px;
}

.iconPocket {
	padding: 0 0 0 21px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4340px;
}

.iconGold {
	padding: 2px 0 0 22px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4410px;
}

.iconMessage {
	padding: 1px 0 0 20px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4478px;
}

.iconAmember {
	padding: 1px 0 0 23px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4550px;
}

.iconAnalitic {
	padding: 2px 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4620px;
}

.iconRanking {
	padding: 1px 0 0 18px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4690px;
}

.iconPresent {
	padding: 2px 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4760px;
}

.iconNeta {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -2869px;
}

.iconPochikuma {
	padding: 0 0 0 20px;
	background: url(/mypg/img/common/icon_pochikuma.png) no-repeat left center;
}

.iconBlogEdit {
	padding: 1px 0 0 21px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -1470px;
}

.iconComment {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -1259px;
}

.iconReader {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -4829px;
}

.iconSetting {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -980px;
}

.iconHelp {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -4899px;
}

.iconSearch {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -1960px;
}

.iconMore {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -1120px;
}

.iconBack {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -4968px;
}

.iconZoom {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5040px;
}

.iconPictograph {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5110px;
}

.iconInfo {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -3919px;
}

.iconChecklist {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -5179px;
}

.iconDelete {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 2px -5249px;
}

.iconAdd {
	padding: 0 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 3px -5317px;
}

.iconPhoto {
	padding: 1px 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 0 -5388px;
}

.iconAttention {
	padding: 1px 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -629px;
}

.iconRecommend {
	padding: 1px 0 0 19px;
	background: url(/mypg/img/common/icon_common.png) no-repeat 1px -419px;
}

/* ameGold */

.goldNum {
	margin-right: 5px;
	font-size: 20px;
	font-weight: bold;
}

.goldText {
	position: relative;
	bottom: 3px;
}

/* #notifyItemArea */

#ucsMainLeft #notifyItemArea {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px;
}

#ucsMainLeft #notifyItemArea li {
    line-height: 2em;
}

#ucsMainLeft #notifyItemArea li a {
	color: #FF0000;
    font-weight: bold;
}

