@charset "UTF-8";
@import url(/include/css/common.css);
@import url(./parts.css);


/* Tabs ---- */

#templateTab { display: none; }

#tabs {
	display: none;
	overflow: hidden;
	zoom: 1;
	position: relative;
	top: -2px;
	margin: -2em 0 -2px;
	top: expression(IE5 ? '0' : '-2px');
	margin-bottom: expression(IE5 ? '0' : '-2px');
	padding: 0 20px;
}
#tabs.notAvailable {
	visibility: hidden;
}
#tabs div {
	float: left;
	height: 2em;
	margin-right: 10px;
	border: solid 1px #7E7E7E;
	border-bottom: none;
	background: #7E7E7E;
}
#tabs div.on {
	border-color: #CCCCCC !important;
	border-bottom: solid 1px #FFFFFF !important;
	background: #FFFFFF !important;
}
#tabs div a.label {
	display: block;
	float: left;
	padding: .5em 14px 0;
	padding-right: expression('14px');
	white-space: nowrap;
	line-height: 100%;
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}
#tabs div.on a.label {
	color: #7E7E7E;
}
#tabs div input {
	display: none;
	float: left;
	width: 80px;
	height: 1.3em;
	height: expression(IE5 ? '1.7em' : '1.3em');
	margin: 1px 3px 0 8px;
	margin-left: expression(IE7 ? '8px' : '4px');
	padding: 0;
}
#tabs div.deletable a.label {
	padding-right: 3px;
	padding-right: expression(IE7 ? '3px' : '0');
}
#tabs div a.delete {
	display: none;
}
#tabs div.deletable a.delete {
	display: block;
	visibility: hidden;
	overflow: hidden;
	width: 11px;
	height: 0 !important;
	height /**/: 1.5em;
	padding-top: 1.5em;
	background: url(/mypage/sc/images/format/001/tab_close.gif) left .5em no-repeat;
}
#tabs div.deletable a.delete:hover { background-position: -11px .5em; }

#tabs div.add {
	background: #7E7E7E;
}
#tabs div.add a.label {
	padding: .5em 10px 0;
	color: #FFFFFF;
}


/* Admin ---- */

#header div.visual_mypage {
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 100px;
	min-height: 0;
	padding: 100px 0 0 0 !important;
	text-align: right;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	background: #1D3188 url(/mypage/sc/images/common/h_mypage.jpg) no-repeat;
}

#columnNormal a.returnTop {
	float: right;
	display: block;
	overflow: hidden;
	width: 87px;
	height: 0 !important;
	height /**/: 15px;
	margin: -10px 0 5px;
	padding-top: 15px;
	background: url(/mypage/sc/images/common/return_top1.gif) no-repeat;
}
h3.headerContents, h3.headerFormat {
	clear: both;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 15px;
	margin-bottom: 10px;
	padding-top: 15px;
	background: left top no-repeat;
}
h3.headerContents  { background-image: url(/mypage/sc/contents/images/header.gif); }
h3.headerFormat    { background-image: url(/mypage/sc/design/images/header.gif); }

table.listParts {
	margin: 20px 0;
}
table.listParts td.margin {
	width: 15px;
	height: 10px;
}
table.listParts td {
	width: 230px;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
table.listParts td div {
	margin-bottom: 4px;
	background: #F6F6F6 url(/mypage/sc/images/common/header1_bg2.gif) left bottom no-repeat;
}
table.listParts td p {
	padding: 4px 10px;
	font-weight: bold;
	background: url(/mypage/sc/images/common/header1_bg1.gif) left top no-repeat;
}
table.listParts td img {
	display: block;
	margin: auto;
}
table.listParts form {
	margin-top: 6px;
	text-align:center;
}

body.onvisual #header div.visual {
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 199px;
	min-height: 0;
	padding: 199px 0 0 0 !important;
}