/* style.css */

/* style.css INDEX
------------------------------------------------ 

01:layout										レイアウトに関する指定
02:common										サイト内で共通使用する指定

*/

/* 01:layout
------------------------------------------------ */
#eadmin_contents {
	position: relative;
	width: 774px;
	margin: 0px 0 20px 0;
}

#contentsBg {
	background: url(../images/contents_bg.gif) repeat-y;
	zoom: 1;
}

#contentsInTop {
	padding: 3px 0 0;
	background: url(../images/contents_bg_t.gif) no-repeat top;
}

#contentsInBottom {
	padding: 0 0 15px;
	background: url(../images/contents_bg_b.gif) no-repeat bottom;
}

#contentsIn {
	margin: 0 0 0 0;
}

/* clearfix hack */
#contentsIn:after {
	content: "";
	display: block;
	height: 0;　
	clear: both;
	visibility: hidden;
}

#contentsIn {
	display: inline-block;
}

/* hide macie \*/
*html #contentsIn {
	height: 1%;
}

#contentsIn {
	display: block;
}

/* end hide */
/* end clearfix hack */

#main {
	float: left;
	width: 552px;
	margin: 36px 0 0 0;
	padding: 0 0 0 8px;
}

#main02 {
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	float: left;
}

/* 02:common
------------------------------------------------ */

/* link */
a.linkmore02 {
	padding: 0 0 0 14px;
	background: url(../images/arrow02.gif) no-repeat 0 0.1em;
}

.arrow a {
	background: url(/common/images/arrow02.gif) no-repeat left 4px;
	display: block;
	padding: 1px 0 0 14px;
}

.arrow a:link {
	color: #646464;
	text-decoration: none;
}

.arrow a:visited {
	color: #646464;
	text-decoration: none;
}

.arrow a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.arrow a:active {
	color: #8cdc00;
	text-decoration: none;
}

.toList a:link {
	color: #646464;
	text-decoration: none;
}

.toList a:visited {
	color: #646464;
	text-decoration: none;
}

.toList a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.toList a:active {
	color: #8cdc00;
	text-decoration: none;
}

.pageArea {
	clear: both;
	text-align: center;
}

.pageArea div.pageNavi {
	margin: 0px 0 20px 0;
	clear: both;
}

.pageArea div.pageNavi a {
	text-decoration: none;
	padding: 5px 7px;
	border: 1px solid #d2d2d2;
	margin: 0 5px 0 0;
}

.pageArea div.pageNavi a:link {
	background: #FFFFFF;
}

.pageArea div.pageNavi a:visited {
	background: #FFFFFF;
}

.pageArea div.pageNavi a:hover {
	border: 1px solid #8cc31e;
	color: #FFFFFF;
	background:	#8cc31e;
}

.pageArea div.pageNavi a:active {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.pagePrav {
	border: 1px solid #d2d2d2;
	margin: 0 5px 0 0;
}

.pageArea div.pageNavi a.pagePrav:link {
	background: #FFFFFF;
}

.pageArea div.pageNavi a.pagePrav:visited {
	background: #FFFFFF;
}

.pageArea div.pageNavi a.pagePrav:hover {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.pagePrav:active {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.nowpage {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.nowpage:link {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.nowpage:visited {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.nowpage:hover {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.nowpage:active {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.pageNext {
	border: 1px solid #d2d2d2;
}

.pageArea div.pageNavi a.pageNext:link {
	background: #FFFFFF;
}

.pageArea div.pageNavi a.pageNext:visited {
	background: #FFFFFF;
}

.pageArea div.pageNavi a.pageNext:hover {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

.pageArea div.pageNavi a.pageNext:active {
	border: 1px solid #8CC31E;
	color: #FFFFFF;
	background:	#8CC31E;
}

/* 14:managenPage
------------------------------------------------ */
.textRed {
	margin: 0 0 0 9px;
	color: #FF3300;
	clear: both;
}

.textRed1 {
	color: #FF3300;
	margin: 0 0 5px 0;
}

/* 16:editPage
------------------------------------------------ */
.tableSp2 {
	margin: 10px 0 0 10px;
	border: #e6e6e6 solid 5px;
	clear:both;
	width: 540px;
}

.tableSp2 .tdLeft {
	width:100px;
	color:#FFFFFF;
	padding: 0 0 0 5px;
	background: #009182;
	border: #e6e6e6 solid 2px;
}

.tableSp2 .tdRight {
	padding: 0 0 0 5px;
	background: #FFFFFF;
	border: #e6e6e6 solid 2px;
}

.tdRight p {
	float: left;
}

.tdRight a.linkmore {
	width: 48px;
	float: right;
}

/* 17:whole_managementPage
------------------------------------------------ */
input.inCheck {
	width: 300px;
}

input#check {
	width: 12px;
}

input.noCheck {
	width: 300px;
}

textarea.inCheck {
	width: 350px;
	height: 200px;
}

textarea.noCheck {
	width: 350px;
	height: 200px;
}

input#email,
input#reemail,
input#mobileemail,
input#remobileemail,
input#password,
input#repassword,
input#nickname {
	width: 160px;
}

#menu_left {
	width: 500px;
	float: left;
}

#menu_right {
	width: 240px;
	float: right;
}

#menu_left2 {
	width: 560px;
	float: left;
}

#menu_left2 h4 {
	margin: 15px 0 0 15px;
}

#menu_left2 h4.marginTop {
	margin: 40px 0 0 0;
}

p#companyName {
	margin: 15px 0 0 12px;
}

#addMail {
	margin: 8px 0 20px 0;
}

.addMailBtn {
	background: #e6e6e6;
	text-align: center;
}

#menu_right2 {
	width: 180px;
	float: right;
	margin: 0 0 0 15px;
}

#menu_left_left {
	width: 240px;
	float: left;
}

#menu_left_right {
	width: 240px;
	padding: 0 0 0 10px;
	float: right;
}

.falseMsg,
.emailFalseMsg,
.mobileemailFalseMsg,
.passFalseMsg,
.repassFalseMsg,
.nicknameFalseMsg,
.nameFalseMsg,
.titleFalseMsg,
.bodyFalseMsg,
.homepageFalseMsg,
.title1FalseMsg,
.title2FalseMsg,
.title3FalseMsg,
.startFalseMsg,
.finishFalseMsg,
.reviewFalseMsg,
.textFalseMsg,
.companyEmailFalseMsg,
.messageFalseMsg {
	color: #FF0000;
	font-weight: normal;
	font-size: 10px;
}

.agreeFalseMsg {
	color: #FF0000;
	font-weight: normal;
	margin: 0 0 0 25px;
	font-size: 10px;
}

.companyinfoBox2 {
	margin: 10px 0 5px;
	padding: 5px 0 5px 5px;
	border: 2px solid #e6e6e6;
}

.companyinfoBox2 ul.marginLeft {
	margin: 5px 0 5px 0;
}

.companyinfoBox2 ul.marginLeft li {
	margin: 5px 0;
}

.whol_searcharea {
	text-align: right;
	margin: 20px 0 0 0;
}

#mailmagUser {
	margin: 10px 0;
}

#mailmagUser p {
	margin: 5px 0;
}

#mailmagUser form {
	margin: 10px 0 0 20px;
}

.management_table {
	width: 560px;
	border: 2px solid #e6e6e6;
	clear: both;
}

.management_table th {
	background: #999999;
	color: #FFFFFF;
	border: 2px solid #e6e6e6;
	text-align: center;
	padding: 5px;
}

.management_table td {
	background: #FFFFFF;
	border: 2px solid #e6e6e6;
	text-align: left;
	padding: 5px;
}

.management_table td input {
	font-size:10px;
}

.management_table td select {
	font-size:10px;
}

.management_table th a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

.management_table th a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.management_table th a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.management_table th a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

div.management_paging {
	float: left;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
	width: 100%;
}

div.management_paging input {
	float: left;
}

table.management_button {
	margin: 10px 0;
	text-align: left;
}

table.management_button td.marginBtnTop {
	text-align: right;
}

.management_table td.pageBg {
	background: #999999;
	text-align: center;
	color: #FFFFFF;
}

.management_table th.delWidth {
	width: 10px;
}

.bottomBtn {
	text-align: center;
	margin: 10px 0 0 0;
}

#idText {
	position: absolute;
	left: 44px;
	top: 33px;
	color:#FF0000;
}

#passText {
	position: absolute;
	left: 74px;
	top: 73px;
	color:#FF0000;
}

div#notActivation {
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	border: 5px solid #e6e6e6;
}

div#notActivation p {
	color: #FF0000;
	margin: 0 0 10px 0;
}

div#notActivation input {
	float: right;
	margin: 0 15px 0 0;
}

#contactFormPosition {
	float: right;
	margin: 30px 0 0 0;
}

div.companyStatus {
	position: relative;
	width: 80px;
	padding: 0 0 20px 0;
}

.statusChange {
	position: absolute;
	margin: 5px 0 0 10px;
}

.statusFinish {
	position: absolute;
	margin: 5px 0 0 50px;
	display: none;
}

#contactMain {
	margin: 0 0 15px 0;
}

#contactMain h3 {
	background:url(/images/faq/icon_q.gif) no-repeat left;
	padding: 8px 0 2px 23px;
	margin: 0 0 8px 0;
}

#contactMain h3 span {
	font-weight: normal;
}

#contactText {
	border: 2px solid #e6e6e6;
	padding: 5px 5px 0 5px;
}

#contactText p {
	margin: 0 0 5px 30px;
}

#contactText p span {
	font-weight: bold;
}

#errorBox {
	margin:20px 0 0 36px;
	padding: 10px;
	border: 5px solid #e6e6e6;
}

#errorBox p {
	margin:5px 0 5px 0;
	padding:0;
}

#loginError {
	font-weight: bold;
	margin: 20px 0 0 13px;
}

ul#userProfList {
	float: left;
	padding: 10px 0;
}

ul#userProfList li {
	width: 170px;
	float: left;
}

ul#ecoActivityList {
	padding: 10px 0;
}

ul#ecoActivityList li {
	clear: both;
}

p.ecocategory {
	margin: 10px 0 5px 10px;
	font-weight: bold;
}

ul.ecoActivity {
	float: left;
	overflow: hidden;
}

ul.ecoActivity li {
	width: 350px;
	margin: 0 0 0 20px;
}

td.bgOrange {
	background: #FF6600;
	color:#FFFFFF;
	text-align: center;
}

td.bgRed {
	background: #FF0000;
	color:#FFFFFF;
	text-align: center;
}

td.bgGreen {
	background: #00CC66;
}

td.status {
	text-align: center;
}

tr.bgDelete td {
	background: #F5BDAD;
}

textarea.mailmagTextarea {
	width: 534px;
	height: 200px;
}

/* 18:conpany TOP
------------------------------------------------ */
#mycontentsHeader {
	background: url(/images/mycontents/mycontent_news_bg.gif) no-repeat;
	width: 774px;
	height: 87px;
	margin-top: 10px;
}

#ecoexpoNews {
	float: left;
	width: 560px;
	padding: 10px 0 0 16px;
}

#ecoexpoNews #newsTitle {
	width: 119px;
	float: left;
	height: 77px;
	padding: 4px 0 0 0;
	background: url(/images/mycontents/mycontent_news_line.gif) no-repeat top right;
}

#ecoexpoNews #newsTitle p {
	margin: 1px 0 0 0;
}

#ecoexpoNews ul#newsList {
	float: left;
	width: 438px;
	height: 77px;
	margin: 1px 0;
	/*background: url(/images/mycontents/mycontent_news_line.gif) no-repeat top right;*/
}

#ecoexpoNews ul#newsList li {
	float: left;
	margin: 3px 0;
	width: 438px;
}

#ecoexpoNews ul#newsList li p.newsLeft {
	font-family: Verdana;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	width: 60px;
}

#ecoexpoNews ul#newsList li p.newsRight {
	float: right;
	width: 342px;
}

#ecoexpoNews ul#newsList li p#noNews {
	padding: 0 0 0 10px;
}

#searchArea {
	float: left;
	width: 179px;
	padding: 11px 0 0 5px;
}

#searchArea #searchIcon {
	background: url(/images/mycontents/icon_search.gif) no-repeat left top;
	padding: 0 0 0 41px;
}

#searchArea #searchIcon input#inputSearch {
	border: 1px solid #e6e6e6;
	width: 133px;
	margin: 9px 0 0 0;
}

#searchArea #searchIcon #searchButton {
	margin: 6px 2px 0 0;
	text-align: right;
}

#searchArea #searchIcon #searchButton button.btn {
	width: 73px;
	height: 22px;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#userTopBanner {
	position: relative;
	width: 774px;
	height: 90px;
	background: url(/images/mycontents/mypage/user_top_banner.gif) no-repeat;
	margin: 16px 0 5px 0;
}

#userTopBanner h3{
	position: absolute;
	top: 14px;
	left: 39px;
}

#userTopBanner ul{
	position: absolute;
	bottom: 7px;
	right: 20px;
}

#userTopBanner ul li{
	text-align:right;
	padding-top:6px;
}

#mycontentsMain {
	position: relative;
	float: left;
	width: 774px;
	padding: 0 0 30px 0;
}

#mycontentsMain #mypageTopMargin {
	margin: 15px 0 0 0;
}

#mycontentsMain #companyName {
	background: url(/images/mycontents/mycompany/ttl_mycompany_bg.gif) no-repeat;
	width: 766px;
	height: 31px;
	margin: 10px 0 0 0;
	padding: 0 8px 15px 0;
	float: left;
}

#mycontentsMain #companyName h3 {
	color: #FFFFFF;
	padding: 7px 0 0 10px;
	float: left;
}

#mycontentsMain #companyName #companyButton {
	margin: 6px 0 0 0;
	float: right;
}

#mycontentsMain #companyName #companyButton a {
	margin: 0 2px 0 0;
}

#mycontentsRight {
	float: left;
	width: 559px;
}

#mypageRight {
	float: right;
	width: 559px;
}

#wroteDiary {
	position: relative;
	background: url(/images/mycontents/mypage/wrotediary_bg.gif) no-repeat;
	width: 504px;
	height: 47px;
	margin: 15px 0 10px 13px;
}

#wroteDiary ul {
	position: absolute;
	bottom: 6px;
	right: 14px;
}

#wroteDiary2 {
	position: relative;
	background: url(/images/mycontents/mypage/wrotediary_bg2.gif) no-repeat;
	width: 504px;
	height: 73px;
	margin: 15px 0 10px 13px;
}

#wroteDiary2 .text {
	padding: 10px 0 9px 85px;
	font-size: 12px;
	line-height:18px;
}

#wroteDiary2 .kg {
	font-size: 14px;
	color: #4ba014;
	font-weight:bold;
	line-height:17px;
}

#shearData {
	border: 2px solid #64B432;
	padding: 10px;
	margin: 0 0 20px 0;
}

#shearData p{
	margin: 0 0 10px 0;
}

#shearData dl {
	width: 535px;
	overflow: hidden;
}

#shearData dt {
	width: 285px;
	float: left;
}

#shearData span.catalogIcon {
	padding: 3px 0 1px 17px;
	background: url(/images/mycontents/mypage/icon_catalog.gif) no-repeat left 2px;
}

#shearData span.catalogIcon a {
	color: #4ba014;
	text-decoration: underline;
}

#shearData span.catalogIcon a:hover {
	color: #8cdc00;
	text-decoration: underline;
}

#shearData dd {
	background: url(/common/images/line_dot01.gif) repeat-x bottom;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}

ul#tabNavi {
	background: url(/images/mycontents/mycompany/mycompanyRightTop.gif) no-repeat;
	height: 33px;
	width: 552px;
	padding: 0 0 0 7px;
	overflow: hidden;
}

ul#tabNavi li,
ul#tabNavi li#showNow {
	float: left;
	margin: 0 2px 0 0;
	display: inline;
}

ul#tabNavi li a:link {
	text-decoration: none;
}

ul#tabNavi li a:visited {
	text-decoration: none;
}

ul#tabNavi li a:hover {
	text-decoration: none;
}

ul#tabNavi li a:active {
	text-decoration: none;
}

ul#tabNavi li p {
	width: 132px;
	height: 20px;
	padding: 7px 0 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #656565;
	text-align: center;
	cursor: pointer;
}

ul#tabNavi li#showNow p {
	cursor: pointer;
	background:url(/images/mycontents/mycompany/tab_company_a.gif) no-repeat;
}

ul#tabNavi li a p {
	background:url(/images/mycontents/mycompany/tab_company_b.gif) no-repeat;
}

ul#tabNavi li a:hover p {
	background:url(/images/mycontents/mycompany/tab_company_c.gif) no-repeat;
}

ul#tabNavi li p#top {
	width: 55px;
}

ul#tabNavi li#showNow p#top {
	cursor: pointer;
	background:url(/images/mycontents/mycompany/tab_company_top_a.gif) no-repeat;
}

ul#tabNavi li a p#top {
	background:url(/images/mycontents/mycompany/tab_company_top_b.gif) no-repeat;
}

ul#tabNavi li a:hover p#top {
	background:url(/images/mycontents/mycompany/tab_company_top_c.gif) no-repeat;
}

ul#tabNavi li p#prof {
	width: 86px;
}

ul#tabNavi li#showNow p#prof {
	cursor: pointer;
	background:url(/images/mycontents/mycompany/tab_company_prof_a.gif) no-repeat;
}

ul#tabNavi li a p#prof {
	background:url(/images/mycontents/mycompany/tab_company_prof_b.gif) no-repeat;
}

ul#tabNavi li a:hover p#prof {
	background:url(/images/mycontents/mycompany/tab_company_prof_c.gif) no-repeat;
}

ul#tabUserNavi {
	background: url(/images/mycontents/mycompany/mycompanyRightTop.gif) no-repeat;
	height: 33px;
	width: 552px;
	padding: 0 0 0 7px;
	float: left;
}

ul#tabUserNavi li,
ul#tabUserNavi li#showNow {
	float: left;
	margin: 0 2px 0 0;
}

ul#tabUserNavi li a:link {
	text-decoration: none;
}

ul#tabUserNavi li a:visited {
	text-decoration: none;
}

ul#tabUserNavi li a:hover {
	text-decoration: none;
}

ul#tabUserNavi li a:active {
	text-decoration: none;
}

ul#tabUserNavi li p {
	width: 134px;
	height: 20px;
	padding: 7px 0 0 0;
	font-weight: bold;
	color: #656565;
	text-align: center;
	cursor: pointer;
}

ul#tabUserNavi li#showNow p {
	cursor: pointer;
	background:url(/images/mycontents/mypage/tab_user_a.gif) no-repeat;
}

ul#tabUserNavi li a p {
	background:url(/images/mycontents/mypage/tab_user_b.gif) no-repeat;
}

ul#tabUserNavi li a:hover p {
	background:url(/images/mycontents/mypage/tab_user_c.gif) no-repeat;
}

ul#tabUserNavi li p#top {
	width: 55px;
}

ul#tabUserNavi li#showNow p#top {
	cursor: pointer;
	background:url(/images/mycontents/mypage/tab_user_top_a.gif) no-repeat;
}

ul#tabUserNavi li a p#top {
	background:url(/images/mycontents/mypage/tab_user_top_b.gif) no-repeat;
}

ul#tabUserNavi li a:hover p#top {
	background:url(/images/mycontents/mypage/tab_user_top_c.gif) no-repeat;
}

ul#tabUserNavi li p.library {
	width: 132px;
}

ul#tabUserNavi li#showNow p.library {
	cursor: pointer;
	background:url(/images/mycontents/mypage/tab_user_library_a.gif) no-repeat;
}

ul#tabUserNavi li a p.library {
	background:url(/images/mycontents/mypage/tab_user_library_b.gif) no-repeat;
}

ul#tabUserNavi li a:hover p.library {
	background:url(/images/mycontents/mypage/tab_user_library_c.gif) no-repeat;
}

#mycontentsBg {
	background: url(/images/mycontents/mycompany/mycompanyRightBg.gif) repeat-y right;
	padding: 8px 0 0 0;
	clear: both;
	width: 559px;
}

#mycontentsBg #mycontentsBottom {
	background: url(/images/mycontents/mycompany/mycompanyRightBottom.gif) no-repeat bottom right;
	padding: 0 0 7px 0;
	width: 559px;
}

#mycontentsBody {
	padding: 0 0 0 15px;
	width: 544px;
}

#companyGreeting {
	width: 774px;
}

#companyGreeting #editMode {
	float: right;
	margin: 0 0 0 20px;
}

#companyGreeting .btnEdit {
	margin: 0 0 0 20px;
	float: right;
}

#companyGreeting span {
	line-height: 18px;
	padding: 0 10px 15px;
	display: block;
	float: right;
	width: 560px;
}

#companyGreeting p,
#hidePrArea span {
	margin: 0pt 0pt 10px 5px;
	line-height: 18px;
	float: left;
}

#hidePrArea {
	float: right;
	width: 570px;
}

#companyNews {
	clear: both;
}

#companyNews #newsTitle {
	background: url(/images/mycontents/mycompany/mycompany_news_bg.gif) no-repeat;
	width: 529px;
	height: 23px;
	margin: 6px 0 0 0;
}

#companyNews #newsTitle p {
	padding: 4px 0 0 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#companyNews #newsTitle span.btnEdit {
	float: right;
	margin: 2px 8px 0 0;
}

#companyNews ul#companyNewsList {
	width: 517px;
	line-height: 16px;
	padding: 8px 0 3px 10px;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	overflow: hidden;
}

#companyNews ul#companyNewsList li {
	padding: 0 0 5px 0;
	overflow: hidden;
}

#companyNews ul#companyNewsList li p.newsLeft {
	float: left;
	font-family: Verdana;
	margin: 0 10px 0 0;
	width: 60px;
}

#companyNews ul#companyNewsList li p.newsRight {
	float: right;
	width: 418px;
}

.mycompanyContents {
	width: 544px;
}

.mycompanyContents .contentsTitle {
	background: transparent url(/images/mycontents/ttl_contents_bg.gif) no-repeat left bottom;
}

.mycompanyContents .mypageTitle {
	background: transparent url(/images/mycontents/mypage/ttl_mypage_bg.gif) no-repeat left bottom;
}

.mycompanyContents .contentsTitle, 
.mycompanyContents .mypageTitle {
	height: 23px;
	padding: 6px 8px 0px 0px;
	width: 521px;
	clear: both;
}

.mycompanyContents .contentsTitle p {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	padding: 4px 0px 0px 10px;
	width: 170px;
}

.mycompanyContents .mypageTitle p {
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0px 0px 28px;
}

.mycompanyContents .contentsTitle span.btnEdit,
.mycompanyContents .mypageTitle span.btnEdit {
	float: right;
	margin: 0 0 0 10px;
}
.mycompanyContents .contentsTitle span.btnRightEdit,
.mycompanyContents .mypageTitle span.btnRightEdit {
	float: right;
	margin: 0 8px 0 0;
}

.mycompanyContents .contentsTitle span.btnReviewEdit,
.mycompanyContents .mypageTitle span.btnReviewEdit {
	float: right;
	margin: -4px 0 0 0;
}

.mycompanyContents .contentsTitle span.toList,
.mycompanyContents .mypageTitle span.toList {
	float: right;
	margin: 1px 0 0 0;
}

.mycompanyContents .contentsTitle span.toList a,
.mycompanyContents .mypageTitle span.toList a {
	padding: 0 0 0 14px;
	background: url(/common/images/arrow02.gif) no-repeat left;
}

.mycompanyContents #ecodiaryBox {
	margin: 15px 0 0 6px;
	width: 493px;
	background: #f5f5f5;
	border: 2px solid #bebebe;
	padding: 8px 10px 10px;
}

.mycompanyContents #ecodiaryBox p {
	padding: 0 0 7px 0;
}

.mycompanyContents #ecodiaryBox .writediary {
	width: 101px;
	margin: 10px auto 0 auto;
}

.mycompanyContents .mystyle{
	padding: 13px 12px;
	line-height: 18px;
}

.mycompanyContents .mystatus {
	width: 517px;
	overflow: hidden;
	padding: 10px 10px 14px 12px;
}

.mycompanyContents .mystatus img {
	width: 130px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 2px 0 0 0;
}

.mycompanyContents .mystatus ul.status {
	margin: 0 0 0 11px;
	float: left;
}

.mycompanyContents .mystatus ul.status li {
	background: url(/images/mycontents/mypage/icon_leaf.gif) left no-repeat;
	padding: 0 0 0 10px;
	line-height: 22px;
}
	/*-------ここまで整理しました--------------------------------------------------------------------------------------*/

#mycompanyList .mycompanyContents .contentMargin {
	position: relative;
	padding: 10px 0 4px 0;
	overflow: hidden;
	width: 540px;
}

#mycompanyList .mycompanyContents .contentProductMargin {
	padding: 10px 0 4px 0;
	clear: both;
	overflow: hidden;
	width: 544px;
}

#mycompanyList .mycompanyContents .contentUserMargin {
	position: relative;
	padding: 8px 0 4px 0;
	clear: both;
	overflow: hidden;
	width: 540px;
}

#mycompanyList .mycompanyContents .contentMargin p,
#mycompanyList .mycompanyContents .contentProductMargin p,
#mycompanyList .mycompanyContents .contentUserMargin p {
	margin: 0 0 10px 0;
}

#mycompanyList .mycompanyContents ul#catalog li,
#mycompanyList .mycompanyContents ul#product li,
#mycompanyList .mycompanyContents ul#catalogLong li {
	float: left;
	position: relative;
	margin: 0 12px 0 0;
	display: inline;
	overflow: hidden;
	padding-bottom: 10px;
}

#mycompanyList .mycompanyContents ul#catalog li {
	position: relative;
	background: url(/images/mycontents/mycompany/mycompany_catalog_bg.gif) no-repeat;
	float: left;
	width: 123px;
	height: 214px;
}

#mycompanyList .mycompanyContents ul#catalog li span.newStatus {
	background: url(/images/mycontents/icon_new.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 47px;
	z-index: 1000;
}

#mycompanyList .mycompanyContents ul#catalog li span.updateStatus {
	background: url(/images/mycontents/icon_update.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 47px;
	height: 47px;
	z-index: 1000;
}

#mycompanyList .mycompanyContents ul#catalog li span.shearStatus {
	background: url(/images/mycontents/icon_shear.png) no-repeat top left;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 42px;
	height: 42px;
	z-index: 1000;
}

*html span.newStatus {
 behavior: expression(IEPNGFIX.fix(this));
}

*html span.updateStatus {
 behavior: expression(IEPNGFIX.fix(this));
}

*html span.shearStatus {
 behavior: expression(IEPNGFIX.fix(this));
}

#mycompanyList .mycompanyContents ul#product li {
	background: url(/images/mycontents/mycompany/mycompany_product_bg.gif) no-repeat;
	width: 123px;
	height: 183px;
}

#mycompanyList .mycompanyContents ul#product li span.newStatus {
	background: url(/images/mycontents/icon_new.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 100;
}

#mycompanyList .mycompanyContents ul#product li span.updateStatus {
	background: url(/images/mycontents/icon_update.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 100;
}

#mycompanyList .mycompanyContents ul li div.contentImageBg {
	overflow: hidden;
	position: absolute;
	top: 9px;
	left: 6px;
	width: 111px;
	height: 111px;
	text-align: center;
}

#mycompanyList .mycompanyContents ul#catalog li div.contentImageBg img{
	border: 1px solid #e6e6e6;
}

#mycompanyList .mycompanyContents ul#catalog li div.btnCatalog a img {
	position: absolute;
	top: 184px;
	left: 6px;
}

#mycompanyList .mycompanyContents ul#catalog li p,
#mycompanyList .mycompanyContents ul#product li p {
	width: 111px;
	height: 30px;
	position: absolute;
	top: 125px;
	left: 6px;
	text-align: center;
	overflow: hidden;
}

#mycompanyList .mycompanyContents ul#catalog li span.arrow,
#mycompanyList .mycompanyContents ul#product li span.arrow {
	position: absolute;
	top: 161px;
	left: 0px;
	margin: 0 0 0 44px;
}

#diaryMain {
	width: 529px;
}

#diaryMain #monthNavi {
	background: url(/images/mycontents/mypage/user_diary_month.gif) no-repeat left;
	margin: 20px 0 0 0;
	height: 21px;
	position: relative;
}

#diaryMain #monthNavi p {
	font-size: 10px;
	height: 13px;
	line-height: 10px;
}

#diaryMain #monthNavi p#prev {
	background: url(/images/mycontents/mypage/before_month.gif) no-repeat left;
	position: absolute;
	top:3px;
	left:5px;
	width: 32px;
	padding: 3px 0 0 16px;
}

#diaryMain #monthNavi p#next {
	background: url(/images/mycontents/mypage/next_month.gif) no-repeat left;
	position: absolute;
	top:3px;
	right:5px;
	width: 44px;
	padding: 3px 0 0 4px;
}

#diaryMain #monthNavi #monthTitle {
	position:absolute;
	left: 53px;
	top: 3px;
	width: 423px;
	height: 21px;
	overflow: hidden;
}

#monthNavi  #monthTitle h3 {
	font-size: 12px;
	color: #ffffff;
}

#monthNavi  #monthTitle h3 {
	text-align: center;
}

#diaryCalender {
/*	background: url(/images/mycontents/mypage/user_diary_plant.gif) no-repeat 0 25px;*/
	width: 528px;
	margin: 15px 0 20px 0;
	position: relative;
}

#diaryCalender table.calender {
	border: 1px solid #d2d2d2;
	width:231px;
}

#diaryCalender table tr th {
	border: 1px solid #d2d2d2;
}

#diaryCalender table tr td.cell {
	width:32px;
	height:20px;
	padding: 0px 0px 0px 0px;
}

#diaryCalender table tr td.cell div.day {
	float:left;
	padding: 3px 0px 0px 3px;
}

#diaryCalender table tr td.cell div.suteki_s {
	padding: 2px 3px 0px 0px;
	float:right;
}

#diaryCalender table tr td.bg {
	background: url(/images/mycontents/mypage/calendar_bg.gif) no-repeat;
}

#diaryCalender table tr td.month {
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	background-color:#90D140;
	padding: 3px 5px 2px 5px;
}

#diaryCalender table tr td.noborder {
	border: 0px;
}

#diaryCalender table tr td.icon_img {
	border: 0px;
	padding: 3px 1px 1px 0px;
}

#diaryCalender table tr td.bud {
	border: 0px;
	font-size: 12px;
	vertical-align:middle;
	padding: 3px 10px 0px 0px;
}

#diaryCalender table tr td.flower {
	border: 0px;
	font-size: 12px;
	vertical-align:middle;
	padding: 3px 10px 0px 0px;
}

#diaryCalender table tr td.switch_suteki {
	border: 0px;
	font-size: 12px;
	vertical-align:middle;
	padding: 3px 0px 0px 0px;
}

#diaryCalender table tr td.kg {
	border: 0px;
	text-align:right;
	font-weight:normal;
}

#diaryCalender ul {
	width: 528px;
	overflow: hidden;
}

#diaryCalender ul#thisMonth {
	position: absolute;
	left: 0px;
}

#diaryCalender ul#previewMonth {
	position: absolute;
	left: -528px;
}

#diaryCalender ul#nextMonth {
	position: absolute;
	left: 528px;
}

#diaryCalender ul li{
	float: left;
	width: 15px;
	padding: 0 1px;
	text-align: center;
}

#diaryCalender ul li div.icon {
	height: 25px;
	width: 15px;
}

#diaryCalender ul li .days{
	width: 9px;
	text-align: center;
	margin: 5px auto 0 auto;
}

#intoro {
	padding:10px 10px 5px;
	line-height: 18px;
	width:501px;
}

#writeDiaryArea {
	margin: 7px 0 0 0;
}

#writeDiaryArea textarea{
	width: 515px;
	height: 118px;
	margin: 0 0 0 3px;
	border: 1px solid #b4b4b4;
}

#writeDiaryArea #writeBtn {
	width: 129px;
	margin: 12px auto 0 auto;
}


#mycompanyCsr {
	width: 496px;
	padding: 10px 19px 9px 12px;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	margin: 0 0 14px 0;
	overflow: hidden;
}

#mycompanyCsr #mycompanyCsrLeft {
	float: left;
	width: 105px;
	text-align: center;
	margin: 3px 10px 3px 0;
}

#mycompanyCsr #mycompanyCsrLeft img.thum {
	border: 1px solid #d2d2d2;
	margin: 0 0 10px 0;
}

#mycompanyCsr #mycompanyCsrMain {
	width: 503px;
	line-height: 18px;
}

#mycompanyCsr #mycompanyCsrMain span {
	float: left;
	margin: 10px 0 0 0;
}

#mycontentsLeft {
	float: right;
	width: 200px;
}

#mypageLeft {
	float: left;
	width: 200px;
}

#mycontentsLeftTop {
	clear: both;
	padding: 10px 0 0 0;
	background: url(/images/mycontents/mycontents_left_top.gif) no-repeat top left;
}

#mycontentsShowLeftTop {
	clear: both;
	padding: 10px 0 0 0;
	background: url(/images/mycontents/mycontents_left_top.gif) no-repeat top left;
}

#mycontentsLeftBg {
	background: url(/images/mycontents/mycontents_left_bg.gif) repeat-y;
}

#mycontentsLeftBottom {
	padding: 0 0 10px 0;
	background: url(/images/mycontents/mycontents_left_bottom.gif) no-repeat bottom left;
}

#userLeftBottom {
	padding: 0 0 5px 0;
	background: url(/images/mycontents/mypage/user_menu_bottom.gif) no-repeat bottom left;
}

#mycontentsMenuList {
	margin: 0 0 0 0;
}

#mycontentsImage {
	float: left;
	margin: 0 15px 0 7px;
	padding-bottom: 15px;
	width: 170px;
}

#mycontentsImage #imageChange {
	margin: 10px 0 0 0;
	width: 170px;
}

#mycontentsImage #imageChange a {
	float: left;
}



#imageChange #preview img{
	margin: 0 0 0 0;
	float: left;
}

#imageChange input#inputChange {
	float: left;
}

#mycontentsImage #imageChange a#deleteProfImg {
	margin: 2px 0 0 0;
	float:right;
}

#mycontentsLeft #mycontentsImage {
	width: 200px;
	text-align: center;
	position: relative;
	padding: 0 0 15px 0;
}

#mycontentsLeft #mycontentsImage ul {
	position: absolute;
	bottom: -12px;
	left: 0px;
}

#companyGreeting ul#preview {
	float: right;
	margin: 2px 0 0 10px;
}

#mypageLeft #mypageImage {
	width: 174px;
	padding: 5px 8px 0 8px;
	margin: 0 0 0 5px;
	background: #FFFFFF;
	text-align: center;
}

#mypageLeft #mypageImage p#userName {
	padding: 5px 0 4px 0;
	clear: both;
}

#mypageLeft #mypageImage p#showUserName {
	padding: 9px 0 4px 0;
}

#mypageLeft #mypageImage #imageChange {
	width: 84px;
	float: right;
	margin: 8px 0 0 0;
}

#mypageLeft #mypageImage ul {
	text-align: left;
	padding: 0 0 0 3px;
}

#mypageLeft #mypageImage ul li {
	line-height: 16px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsBottom {
	background: url(/images/mycontents/mycontentsMenuBottom.gif) no-repeat bottom left;
	padding: 0 0 15px 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsUserBottom {
	background: url(/images/mycontents/mypage/user_menu_listbottom.gif) no-repeat bottom left;
	padding: 0 0 5px 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsShowUserBottom {
	background: url(/images/mycontents/mypage/user_menu_listbottom.gif) no-repeat bottom left;
	padding: 0 0 5px 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsTitle {
	background: url(/images/mycontents/mycontentMenuTop.gif) no-repeat top left;
	padding: 2px 0;
	height: 19px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsDiaryTitle {
	padding: 5px 0 0 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsProjectMain {
	background: url(/images/mycontents/mycontentsMenuBg.gif) repeat-y;
	padding: 3px 0 0px 14px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsProjectMain ul {
	margin: 3px 0 0;
	width: 172px;
}

dl.projectValue {
	width: 172px;
	margin: 7px 0 0 0;
}

dl.projectValue dt {
	text-align: left;
	padding: 0 0 0 2px;
}

dl.projectValue dd {
	font-family: verdana;
	text-align: right;
	color: #4ba014;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 0 3px;
	font-size:14px;
	background: url(/images/mycontents/mypage/user_dashed.gif) no-repeat bottom left;
}

dl.projectValue dd.noborder {
	margin: 0;
	padding: 0;
	background: none;
}

dl.projectValue dt.write {
	font-size: 10px;
	line-height: 14px;
	margin: 2px 0 0 0;
}

dl.projectValue dt.co2 {
	font-size: 10px;
	line-height: 12px;
	margin: 8px 0 ;
	padding: 3px;
	background-color:#EEEEEE;
	border: 1px solid #C8C8C8;
}

dl.projectValue dd div.writeBtn {
	margin: 8px auto 0 auto;
	padding: 0 0 11px;
	width: 101px;
	text-align: center;
}

dl.projectValue dt.toDiaryList {
	margin: 8px 0 12px;
	padding: 0 0 12px;
	background: url(/images/mycontents/mypage/user_dashed.gif) no-repeat bottom left;
}

#mycontentsMenuList .mycontentsMenu #projectDisc {
	background: url(/images/mycontents/mycontentsMenuBg.gif) repeat-y;
	padding: 0 0 4px 11px;
}

#projectDisc h3 {
	padding: 10px 0 0 0;
	width: 172px;
}

#projectDisc h4{
	margin: 11px 0 0 0;
}

#projectDisc p{
	font-size: 10px;
	line-height: 14px;
	padding: 8px 5px 0 5px;
	width: 167px;
}

#projectDisc .projectCheck {
	width: 172px;
	font-size: 10px;
	line-height: 10px;
	margin: 8px 0 0 4px;
	display: block;
	padding: 0 0 12px;
	background: url(/images/mycontents/mypage/user_dashed.gif) no-repeat bottom left;
}


#projectDisc #showInput {
	width: 175px;
}

#sendBtn {
	text-align: right;
	margin: 6px 0 0 0;
}

#projectDisc #showInput input {
	margin: 4px 0 0 4px;
	width: 166px;
	height: 19px;
	border: 1px solid #b4b4b4;
	color: #646464;
}

#projectDisc #showInput select {
	margin: 4px 0 0 1px;
	width: 166px;
	height: 19px;
	border: 1px solid #b4b4b4;
	color: #646464;
}

#projectDisc #showInput table tr td {
vertical-align:middle;
}

#projectDisc .qr {
	margin: 13px 0 6px 0;
	width: 177px;
	text-align: center;
}

#mycontentsMenuList .mycontentsMenu .mycontentsTitle h3 {
	color: #646464;
	margin: 0 0 0 17px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain {
	background: url(/images/mycontents/mycontentsMenuBg.gif) repeat-y;
	padding: 2px 0 4px 16px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul {
	padding: 2px 0 0 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul li {
	line-height: 16px;
	padding: 6px 0 0 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain p {
	line-height: 16px;
	padding: 6px 0 0 0;
	width: 170px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul li.arrow {
	padding: 7px 0 0 0;
	width: 160px;
	display: block;
	line-height: 15px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul li.arrow a.noArrow {
	padding: 0;
	background: none;
	display: inline;
}

/* 19:conpany Profile
------------------------------------------------ */
#mycompanyList .mycompanyContents ul#profile {
	clear: both;
	padding: 13px 0 7px 6px;
	margin: 0;
}

#mycompanyList .mycompanyContents ul#profile li {
	width: 512px;
	background: url(/images/mycontents/mycompany/mycompany_line_dash.gif) no-repeat bottom;
	padding: 0 0 7px 5px;
	margin: 0 0 7px 0;
	clear: both;
	overflow: hidden;
}

#mycompanyList .mycompanyContents ul#profile li p.profleft {
	width: 100px;
	float: left;
}

#mycompanyList .mycompanyContents ul#profile li p.profright {
	float: right;
	width: 412px;
}

#mycompanyList .mycompanyContents div#profcsr {
	clear: both;
	padding: 1px 0 20px 5px;
}

#mycompanyList .mycompanyContents ul#companyContact {
	margin: 3px 0 14px 6px;
}

#mycompanyList .mycompanyContents ul#companyContact li {
	width: 512px;
	background: url(/images/mycontents/mycompany/mycompany_line_dash.gif) no-repeat bottom;
	padding: 0 0 9px 5px;
	margin: 9px 0 0 0;
}

#mycompanyList .mycompanyContents ul#companyEditer {
	margin: 3px 0 0 6px;
	padding: 0 0 14px 0;
}

#mycompanyList .mycompanyContents ul#companyEditer li {
	width: 512px;
	background: url(/images/mycontents/mycompany/mycompany_line_dash.gif) no-repeat bottom;
	padding: 0 0 9px 5px;
	margin: 9px 0 0 0;
	overflow: hidden;
}

#mycompanyList .mycompanyContents ul#companyEditer li p.editerleft {
	width: 85px;
	float: left;
}

#mycompanyList .mycompanyContents ul#companyEditer li p.editerright {
	float: right;
	width: 427px;
}

/* -1:conpany EditMode
------------------------------------------------ */
#editMode {
	padding: 5px 0 0 0;
	width: 529px;
}

#editMode .mycompanyContents {
	background: url(/images/mycontents/mycompany/mycompany_edit_bg.gif) repeat-y;
	clear: both;
	overflow: hidden;
	width: 529px;
}

.prContents {
	width: 570px;
}

#editMode #editModeBottom {
	padding: 0 0 5px 0;
	background: url(/images/mycontents/mycompany/mycompany_edit_bottom.gif) no-repeat bottom left;
	margin-bottom: 14px;
	overflow: hidden;
}

#editMode .editcontentsTitle {
	width: 529px;
	height: 25px;
	background: url(/images/mycontents/mycompany/mycompany_news_bg.gif) no-repeat;
}

#editMode .editproductTitle {
	width: 529px;
	height: 28px;
	background: url(/images/mycontents/mycompany/mycompany_title_bg.gif) no-repeat;
}

#editMode .editproductTitle span.catalogTtl {
	margin: 4px 0 0 8px;
	float: left;
}

#editMode .editproductTitle span.productsTtl {
	padding: 4px 0 0 8px;
	display: block;
}

#editMode .editproductTitle div#delete {
	float: right;
	margin: 2px 8px 0 0;
}

#editMode .editcontentsTitle span.csrTtl {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 0 10px;
	float: left;
}

#editMode .editcontentsTitle div#deleteCSR {
	float: right;
	margin: 3px 8px 0 0;
	display: block;
}

#editMode .editcontentsTitle p {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

#editMode .editcontentsTitle span {
	float: right;
	padding: 3px 8px 0 0;
}

#editMode .editcontentsTitle span#changeText,
#editMode .editcontentsTitle span#changePrText{
	float: none;
	display: inline;
	padding: 0;
}

/* 19-1:conpany Profile EditMode
------------------------------------------------ */
#editMode .mycompanyContents ul#profile {
	margin: 12px 0 15px 15px;
}

#editMode .mycompanyContents ul#profile li {
	width: 490px;
	background: url(/images/mycontents/mycompany/edit_line_dash.gif) no-repeat bottom left;
	padding: 0 0 7px 3px;
	margin: 0 0 7px 0;
	overflow: hidden;
	clear: both;
}


#editMode .mycompanyContents ul#profile li p.profleft {
	width: 95px;
	float: left;
}

#editMode .mycompanyContents ul#profile li p.profright {
	float: right;
	width: 392px;
}

#editMode .mycompanyContents ul#profile li p.disc {
	margin: 10px 0;
	color:#FF0000;
}

#editMode ul#profile li input {
}

#editMode ul#profile li textarea {
	width: 380px;
	height: 110px;
	border: 1px solid #b4b4b4;
}

#editMode ul#profile li input#capital {
	width: 100px;
}

#editMode ul#profile li input#accounting_period {
	width: 100px;
}

#editMode ul#profile li input#turnover {
	width: 100px;
}

#editMode ul#profile li input#employee {
	width: 200px;
}

#editMode ul#profile li input#homepage {
	width: 240px;
}

#btnArea {
	clear: both;
	width: 459px;
	height: 23px;
	padding: 6px 0 14px 0;
	text-align: center;
}

#btnDiary {
	clear: both;
	width: 100%;
	height: 23px;
	padding: 6px 0 14px 0;
	text-align: center;
}

#btnDiary #back {
	float: left;
}

#btnAreaTop {
	width: 459px;
	height: 23px;
	margin: 0 0 20px 0;
	text-align: center;
}

#btnArea #back,
#btnArea #backPr,
#btnArea #return,
#btnArea #returnPr {
	float: left;
}

#btnAreaTop #back,
#btnAreaTop #return,
#btnAreaTop #returnPr,
#btnAreaTop #returnTop,
#btnAreaTop #backTop,
#btnAreaTop #returnTop {
	float: left;
}

#editMode ul#profile li input#man,
#editMode ul#profile li input#woman,
#editMode ul#profile li input#getMesseage,
#editMode ul#profile li input#noneMesseage {
	height: 14px;
	vertical-align: middle;
	margin: 0 2px 2px;
}

#editMode ul#profile li .man,
#editMode ul#profile li .woman,
#editMode ul#profile li .on,
#editMode ul#profile li .off {
	margin: 0 12px 0 0;
}

/* 20:conpany EcoActivity
------------------------------------------------ */
#mycompanyList .mycompanyContents .ecoactivityMain {
	clear: both;
	padding: 10px 5px;
}

#mycompanyList .mycompanyContents .ecoactivityMain p.ecoactivityTitle {
	background:url(/images/mycontents/mycompany/ttl_mycompany_ecoactivity.gif) no-repeat bottom left;
	width: 492px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 27px;
}

#mycompanyList .mycompanyContents .ecoactivityMain p.ecoactivityText {
	padding: 15px 5px 4px 5px;
	line-height: 20px;
	width: 509px;
	overflow: hidden;
}

#mycompanyList .mycompanyContents .ecoactivityMain p.ecoactivityText img.left {
	border: 1px solid #d2d2d2;
	margin: 0 12px 0 0;
	float: left;
}

#mycompanyList .mycompanyContents .ecoactivityMain p.ecoactivityText img.right {
	border: 1px solid #d2d2d2;
	margin: 0 0 0 22px;
	float: right;
}

/* 20-1:conpany EcoActivity EditMode
------------------------------------------------ */
#editMode .ecoactivityMain {
	clear: both;
	padding: 4px 5px 14px 5px;
}

#editMode .ecoactivityMain div.ecoactivityTitle {
	background:url(/images/mycontents/mycompany/ttl_mycompany_ecoactivity.gif) no-repeat bottom left;
	width: 492px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 27px;
	overflow: hidden;
}

#editMode .ecoactivityMain div.ecoactivityTitle p {
	float: left;
}

#editMode .ecoactivityMain div.ecoactivityTitle p input {
	width:400px;
	font-weight: bold;
}

#editMode .ecoactivityMain div.ecoactivityTitle div.delete {
	margin: 2px 0 0 0;
	float: right;
}

#editMode .ecoactivityMain div.ecoactivityText {
	clear: both;
	margin: 0 0 0 8px;
	line-height: 20px;
}

#editMode .ecoactivityMain div.ecoactivityText textarea.inCheck {
	width: 495px;
	height: 160px;
	font-size: 12px;
	line-height: 18px;
}

#editMode .ecoactivityMain .ecoactivityImage {
	background: #f5f5f5;
	border: 1px solid #969696;
	width: 491px;
	margin: 10px 0 10px 8px;
	padding: 5px;
	clear: both;
	overflow: hidden;
}

#editMode .ecoactivityMain .ecoactivityImage .photoLeft {
	width: 186px;
	float: left;
	margin: 0 20px 0 0;
}

#editMode .ecoactivityMain .ecoactivityImage .photoLeft img {
	border: 1px solid #d2d2d2;
}

#editMode .ecoactivityMain .ecoactivityImage .photoRight {
	width: 280px;
	float: left;
	padding: 3px 5px 2px 5px;
}

#editMode .ecoactivityMain .ecoactivityImage .photoRight p {
	margin: 0 0 5px 0;
}

#editMode .ecoactivityMain .ecoactivityImage .photoRight input.photo {
	margin: 0 0 7px 10px;
}

iframe#activityPhoto,
iframe#companyPhoto,
iframe#catalogPhoto,
iframe#catalogPdf,
iframe#productsPhoto,
iframe#productsPhoto1,
iframe#productsPhoto2,
iframe#productsPhoto3,
iframe#productsPhoto4,
iframe#productsPhoto5,
iframe#csrPhoto,
iframe#csrPdf,
iframe#userPhoto {
	display: none;
}

/* 20-2:conpany EcoActivity　Check
------------------------------------------------ */
#checkMode .ecoactivityMain {
	clear: both;
	padding: 13px 5px 0 5px;
}

#checkMode .ecoactivityMain p.ecoactivityTitle {
	background:url(/images/mycontents/mycompany/ttl_mycompany_ecoactivity.gif) no-repeat bottom left;
	width: 492px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 27px;
}

#checkMode .ecoactivityMain p.ecoactivityText {
	padding: 15px 5px 0 5px;
	line-height: 20px;
}

#checkMode .ecoactivityMain p.ecoactivityText img.left {
	border: 1px solid #d2d2d2;
	margin: 0 12px 15px 0;
	float: left;
}

#checkMode .ecoactivityMain p.ecoactivityText img.right {
	border: 1px solid #d2d2d2;
	margin: 0 0 15px 22px;
	float: right;
}

#checkMode .editcontentsTitle {
	width: 529px;
	height: 25px;
	background: url(/images/mycontents/mycompany/mycompany_news_bg.gif) no-repeat;
}

#checkMode　.editcontentsTitle p {
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

/* 20-1:conpany PR EditMode
------------------------------------------------ */
.prContents form {
	width: 570px;
}

.prContents textarea#pr_text {
	width: 520px;
	height: 145px;
	line-height: 18px;
}

/* 21:conpany news
------------------------------------------------ */
#newsdetail {
	clear: both;
	margin: 0 0 14px 5px;
}

#newsdetail #newsdetailTitle {
	background:url(/images/mycontents/mycompany/ttl_mycompany_ecoactivity.gif) no-repeat bottom left;
	width: 492px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 27px;
	margin: 14px 0 10px 0;
	overflow: hidden;
}

#newsdetail #newsdetailTitle p {
	float: left;
}

#newsdetail #newsdetailTitle span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	padding-right: 4px;
}

#newsdetail p#newsdetailText {
	padding: 8px 10px 0 5px;
	line-height: 20px;
}

#newsdetail div.editBtn {
	text-align: right;
	margin: 0 5px 0 0;
}

#companyNews #btnArea {
	clear: both;
	width: 529px;
	height: 23px;
	text-align: center;
}

/* 22:conpany news EditMode
------------------------------------------------ */
#editMode .editnewsMain {
	padding: 3px 5px 0 5px;
}

#editMode .editnewsMain .editnewsBody {
	overflow: hidden;
	margin-bottom: 5px;
}

#editMode .editnewsMain .editnewsBody #newsdetailTitle {
	background:url(/images/mycontents/mycompany/ttl_mycompany_ecoactivity.gif) no-repeat bottom left;
	width: 492px;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 27px;
	margin: 10px 0 10px 0;
}

.newsright label input {
	vertical-align: text-bottom;
	margin: 5px 4px 0 0;
}

#editMode .editnewsMain .editnewsBody #newsdetailTitle span.btnDel {
	float: right;
}

#editMode .editnewsMain .editnewsBody #newsdetailText {
	margin: 0 0 0 10px;
	padding-bottom: 5px;
}

#editMode .editnewsMain .editnewsBody #newsdetailText textarea {
	width: 491px;
	line-height: 18px;
}

#editMode .editnewsMain .editnewsBody div.newsdate {
	width: 500px;
	margin: 7px 0 7px 9px;
	clear: both;
	overflow: hidden;
}

#editMode .editnewsMain .editnewsBody div.newsdate p {
	padding: 4px 0 0 0;
}

#editMode .editnewsMain .editnewsBody div.newsdate div.newsleft {
	width: 80px;
	float: left;
}

#editMode .editnewsMain .editnewsBody div.newsdate div.newsright {
	float: right;
	width: 395px;
}

#editMode .editnewsMain .editnewsBody div.newsdate div.newsright img{
	vertical-align:middle;
}

#editMode #newsPublish {
	width: 490px;
	padding: 0 0 20px 0;
}

#editMode #newsPublish p {
	text-align: left;
	width: 490px;
	margin: 0 0 0 16px;
	padding: 10px 0 10px 3px;
	background: url(/images/mycontents/mycompany/newsline_solid.gif) no-repeat top;
}

#editMode #newsPublish #btnRadio {
	height: 23px;
	margin: 0 0 0 40px;
}

#editMode .editnewsMain .editnewsBody input#start_year {
	width: 30px
}

#editMode .editnewsMain .editnewsBody input#start_month {
	width: 15px
}

#editMode .editnewsMain .editnewsBody input#start_day {
	width: 15px
}

#editMode .editnewsMain .editnewsBody input#finish_year {
	width: 30px
}

#editMode .editnewsMain .editnewsBody input#finish_month {
	width: 15px
}

#editMode .editnewsMain .editnewsBody input#finish_day {
	width: 15px
}

#editMode .editnewsMain .editnewsBody input#start_date {
	width: 0px;
	visibility: hidden;
}

#editMode .editnewsMain .editnewsBody input#finish_date {
	width: 0px;
	visibility: hidden;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody #newsTopBtn {
	width: 493px;
	float: left;
	margin: 18px 0 18px 12px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody #newsTopBtn p {
	float: left;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody #newsTopBtn span {
	float: right;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody #newsBottomBtn {
	width: 493px;
	margin: 0 0 0 12px;
	padding: 0 0 18px 0;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody form {
	clear: both;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody .newsLabel {
	width: 493px;
	font-weight: bold;
	margin: 0 0 6px 12px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table {
	clear: both;
	width: 493px;
	border: 1px solid #d2d2d2;
	margin: 20px 0 20px 12px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th {
	border-left: 1px solid #d2d2d2;
	background: #e6e6e6;
	padding: 5px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th.flag {
	border-left: none;
	width: 64px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th.newspublishing {
	text-align: left;
	width: 89px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th.publishing {
	border-left: none;
	text-align: left;
	width: 89px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th.newstitle {
	text-align: left;
	width: 255px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr th.newsbtn {
	text-align: left;
	width: 81px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td {
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	padding: 5px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td.display {
	border-left: none;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td p {
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td p.noText {
	background: #F5F5F5;
	border: 2px solid #BEBEBE;
	line-height: 18px;
	margin: 10px 0pt 20px 0px;
	padding: 9px 11px 8px 12px;
	width: 456px;
	clear: both;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td p.flag {
	background: url(/images/mycontents/mycompany/icon_flag.gif) no-repeat left;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr.gray td {
	background: #FFFFFF;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr.black td {
	background: #F5F5F5;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody table tr td.check {
	text-align: center;
}

#editMode .mycompanyContents .editnewsMain .editnewsBody .btnNews {
	text-align: center;
	margin: 0 0 20px 0;
}

#editMode .mycompanyContents #newsBack {
	text-align: left;
	width: 490px;
	margin: 0 0 0 16px;
	padding: 20px 0 20px 3px;
	background: url(/images/mycontents/mycompany/newsline_solid.gif) no-repeat top;
}

/* 23:catalog
------------------------------------------------ */
#mycompanyList .mycompanyContents #catalogTitle {
	background: url(/images/mycontents/mycompany/mycompany_title_bg.gif) no-repeat;
	width: 529px;
	height: 28px;
	margin-top: 6px;
}

#mycompanyList .mycompanyContents #catalogTitle p {
	float: left;
	margin: 7px 0 0 0;
	padding: 0 0 0 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#mycompanyList .mycompanyContents #catalogTitle span.btnEdit {
	float: right;
	margin: 6px 10px 0 0;
	display: inline;
}

#mycompanyList .mycompanyContents #catalogHead {
	padding: 2px 10px;
	width: 509px;
	background: url(/images/mycontents/mycompany/mycompany_btn_area.gif) no-repeat left bottom;
}

#mycompanyList .mycompanyContents #catalogHead #catalogHeadLeft {
	float: left;
}

#mycompanyList .mycompanyContents #catalogHead #catalogHeadLeft a img {
	margin: 0 6px 0 0;
}

#mycompanyList .mycompanyContents #catalogHead #catalogHeadRight {
	float: right;
}

#mycompanyList .mycompanyContents #catalogShare {
	clear: both;
	border: 2px solid #d2d2d2;
	padding: 9px;
	width: 507px;
}

#mycompanyList .mycompanyContents #catalogShare #sareText {
	overflow: hidden;
	width: 340px;
}

#mycompanyList .mycompanyContents #catalogShare #sareText p {
	float: left;
}

#mycompanyList .mycompanyContents #catalogShare #sareText p#icon {
	background: url(/images/mycontents/mycompany/icon_share.gif) no-repeat left;
	padding: 2px 0 0 25px;
	height: 21px
}

#mycompanyList .mycompanyContents #catalogShare #sareText span {
	width: 87px;
	float: right;
}

#mycompanyList .mycompanyContents #catalogShare #shareUser {
	clear: both;
	width: 507px;
	overflow: hidden;
	padding: 9px 0 0 0;
}

#mycompanyList .mycompanyContents #catalogShare #shareUser li{
	float: left;
	margin: 0 0 0 5px;
}

#mycompanyList .mycompanyContents #newShear{
	width: 515px;
	border: 2px solid #64B432;
	margin: 10px 0;
	padding: 5px;
}

#mycompanyList .mycompanyContents #shearBtnArea {
	width: 140px;
	text-align: center;
	margin: 10px auto 5px;
}

#mycompanyList .mycompanyContents #ecatalogIntroduction {
	clear: both;
	padding: 10px;
	border: 3px solid #8cc31e;
	width: 503px;
}

#mycompanyList .mycompanyContents #ecatalogIntroduction p {
	margin: 0 0 7px 0;
}

#mycompanyList .mycompanyContents #ecatalogIntroduction div.btn {
	text-align: center;
}

#mycompanyList .mycompanyContents #ecsrIntroduction {
	clear: both;
	padding: 10px;
	border: 2px solid #8cc31e;
	width: 479px;
	margin: 0 0 10px 0;
}

#mycompanyList .mycompanyContents #ecsrIntroduction div.btn {
	text-align: center;
}

#mycompanyList .mycompanyContents #catalogMain {
	margin: 20px 0 14px 0;
	overflow: hidden;
	width: 529px;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft {
	position: relative;
	float: left;
	background: url(/images/mycontents/mycompany/b_mycompany_catalog_bg.gif) no-repeat;
	width: 202px;
	height: 281px;
	text-align: center;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft span.newStatus {
	background: url(/images/mycontents/icon_new.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 1000;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft span.updateStatus {
	background: url(/images/mycontents/icon_update.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 1000;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft #catalogBg {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 194px;
	height: 273px;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft #catalogCenter {
	position: relative;
	top: 50%;
}

#mycompanyList .mycompanyContents #catalogMain #catalogLeft #catalogCenter img {
	position: relative;
}

#mycompanyList .mycompanyContents #catalogMain #catalogRight {
	float: right;
	width: 314px;
}

#mycompanyList .mycompanyContents #catalogMain #catalogRight p {
	line-height: 20px;
}

#mycompanyList .mycompanyContents ul#favoriteList {
	float: left;
	width: 517px;
	display: inline;
	margin: 0 0 14px 6px;
}

#mycompanyList .mycompanyContents ul#favoriteList li {
	float: left;
	width: 517px;
	padding: 8px 0 8px 5px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom left;
}

#mycompanyList .mycompanyContents ul#favoriteList li .favoriteLeft {
	float: left;
	width: 251px;
}

#mycompanyList .mycompanyContents ul#favoriteList li .favoriteRight {
	float: right;
	width: 251px;
}

#mycompanyList .mycompanyContents ul#favoriteList li span {
	width: 24px;
	height: 24px;
	overflow: hidden;
	border: 1px solid #d2d2d2;
	float: left;
}

#mycompanyList .mycompanyContents ul#favoriteList li p {
	float: right;
	width: 200px;
	padding: 3px 0 0 6px;
}

/* 24:catalog EditMode
------------------------------------------------ */
#editMode .mycompanyContents .editcatalogMain {
	clear: both;
	padding: 0 5px 0 5px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody {
	clear: both;
	padding: 0 0 0 13px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody .catalogLabel {
	width: 493px;
	float: left;
	margin: 0 0 6px 0;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody .catalogLabel p {
	float: left;
	font-weight: bold;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody .catalogLabel span {
	float: right;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table {
	clear: both;
	width: 493px;
	margin: 20px 0 20px 0;
	border: 1px solid #d2d2d2;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr th {
	background: #e6e6e6;
	border-left: 1px solid #d2d2d2;
	padding: 5px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr th.flag {
	border-left: none;
	width: 64px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr th.check {
	width: 35px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr th.catalogtitle {
	text-align: left;
	width: 257px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr th.catalogbtn {
	text-align: left;
	width: 81px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td {
	vertical-align: middle;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	padding: 5px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td.display {
	border-left: none;
	padding: 0;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td p {
	padding: 0 0 0 10px;
	margin: 0 0 0 12px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td p.flag {
	background: url(/images/mycontents/mycompany/icon_flag.gif) no-repeat left;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr.gray td {
	background: #f5f5f5;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr.black td {
	background: #ebebeb;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td.images {
	text-align: center;
	width: 50px;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td.images img {
	border: 1px solid #d2d2d2;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody table tr td.check {
	text-align: center;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody .btnNews {
	text-align: center;
	margin: 0 0 20px 0;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalogTop {
	float: left;
	width: 493px;
	margin: 18px 0 18px 0;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalogTop p {
	float: left;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalogTop span {
	float: right;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalog {
	float: left;
	width: 493px;
	margin: 0 0 18px 0;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalog p {
	float: left;
}

#editMode .mycompanyContents .editcatalogMain .editcatalogBody #btncatalog span {
	float: right;
}

#editMode #catalogHead {
	clear: both;
	background: url(/images/mycontents/mycompany/mycompany_btn_area.gif) no-repeat left bottom;
	padding: 5px 0 4px 7px;
}

#editMode #catalogAttention {
	border: 2px solid #67b633;
	padding:9px 11px 8px 12px;
	margin: 0 0 20px 0;
	line-height: 18px;
}

#editMode #catalogHead input {
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: text-bottom;
}

#editMode #uploadPdf {
	clear: both;
	overflow: hidden;
	width: 529px;
	margin: 20px 0 10px 0;
	display: none;
}

#editMode #uploadPdf .upPdfTtl input {
	margin: 0 0 0 10px;
}

#editMode #uploadPdf .upPdfTtl a {
	margin: 0 0 0 10px;
}

#editMode #uploadPdf .upPdfTtl a img {
	vertical-align: middle;
	margin: 0 0 5px 0;
}

#editMode #uploadPdf input {
	clear: both;
}

#editMode #pdfUrl {
	clear: both;
	overflow: hidden;
	width: 529px;
	margin: 20px 0 10px 0;
	display: none;
}

#editMode #pdfUrl table{
	margin: 3px 0 0 0;
}

#editMode #pdfUrl table tr td {
	padding: 2px;
}

#editMode #pdfUrl table tr td.pdfLeft {
	text-align: right;
}

#editMode #pdfUrl table tr td input {
	width:300px;
}

#editMode #catalogeditMain {
	clear: both;
	padding: 10px 0 0 0;
	overflow: hidden;
	width: 529px;
}

#editMode #catalogeditMain #catalogeditLeft {
	float: left;
	width: 202px;
}

#editMode #catalogeditMain #catalogeditLeft #catalogeditImage {
	position: relative;
	background: url(/images/mycontents/mycompany/b_mycompany_catalog_bg.gif) no-repeat;
	width: 202px;
	height: 281px;
	text-align: center;
	margin: 0 0 10px 0;
}

#editMode #catalogeditMain #catalogeditLeft #catalogeditImage #catalogBg {
	position:absolute;
	width: 192px;
	height: 271px;
	top: 4px;
	left: 5px;
}

#editMode #catalogeditMain #catalogeditLeft #catalogeditImage div#catalogCenter {
	position: relative;
	top: 50%;
}

#editMode #catalogeditMain #catalogeditLeft #catalogeditImage div#catalogCenter img {
	position: relative;
}

#editMode #catalogeditMain #catalogeditLeft .upImageTtl {
	float: left;
	margin: 0 0 8px 0;
}

#editMode #catalogeditMain #catalogeditLeft .upImageTtl p {
	float: left;
}

#editMode #catalogeditMain #catalogeditLeft .upImageTtl span {
	float: right;
}

#editMode #catalogeditMain #catalogeditRight {
	float: right;
	width: 315px;
}

#editMode #catalogeditMain #catalogeditRight textarea {
	width: 305px;
	height: 330px;
}

#editMode ul#pdfCheckArea {
	margin: 20px 0 0 0;
}

#editMode ul#pdfCheckArea li {
	margin: 5px 0 0 0;
}

#mycompanyList #catalogStatusFlag {
	padding: 9px 11px 8px 12px;
	border: 2px solid #67b633;
	width: 502px;
	margin: 6px 0 20px 0;
	color: #FF0000;
}

#mycompanyList #catalogStatusFlag p {
	line-height: 18px;
}

#catalogToProducts {
	background: url(/images/mycontents/mycompany/catalogtoproducts_bg.gif) no-repeat;
	width: 529px;
	height: 441px;
	margin: 20px 0 20px 0;
	clear: both;
	overflow: hidden;
}

#catalogToProducts #catalogToProductsLeft {
	width: 250px;
	float: left;
}

#catalogToProducts #catalogToProductsLeft p.title {
	color: #FFFFFF;
	background: #67b633;
	padding: 6px 0 6px 8px;
}

#catalogToProducts #catalogToProductsRight {
	width: 250px;
	float: right;
}

#catalogToProducts #catalogToProductsRight p.title {
	color: #FFFFFF;
	background: #787878;
	padding: 6px 0 6px 8px;
}

#catalogToProducts div.productsOverflow {
	width: 248px;
	height: 411px;
	overflow-y: scroll;
	border: 1px solid #b4b4b4;
}

table.productList {
	width: 231px;
}

table.productList tr td {
	vertical-align: middle;
	height: 52px
}

table.productList tr.white td {
	background: #f5f5f5;
}

table.productList tr.gray td {
	background: #ebebeb;
}

table.productList td.images {
	text-align: center;
	width: 60px;
}

table.productList td.images img {
	border: 1px solid #d2d2d2;
}

table.productList td.name p {
	width: 110px;
	overflow: hidden;
}

table.productList td.btn {
	text-align: center;
	width: 56px;
}

/* 25:products
------------------------------------------------ */
#mycompanyList .mycompanyContents #productsTitle {
	background: url(/images/mycontents/mycompany/mycompany_title_bg.gif) no-repeat;
	width: 529px;
	height: 28px;
	overflow: hidden;
	margin-top: 6px;
}

#mycompanyList .mycompanyContents #productsTitle p {
	float: left;
	margin: 6px 0 0 0;
	padding: 1px 0 0 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

#mycompanyList .mycompanyContents #productsTitle span.btnEdit {
	float: right;
	margin: 5px 10px 0 0;
}

#mycompanyList .mycompanyContents #productsHead {
	clear: both;
	padding: 2px 10px 0 10px;
	width: 509px;
	height: 24px;
	margin: 0 0 18px 0;
	background: url(/images/mycontents/mycompany/mycompany_btn_area.gif) no-repeat left bottom;
}

#mycompanyList .mycompanyContents #productsHead:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mycompanyList .mycompanyContents #productsHead {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #mycompanyList .mycompanyContents #productsHead {
	height: 1%;
}

#mycompanyList .mycompanyContents #productsHead {
	display: block;
}

/* End hide from IE-mac */

#mycompanyList .mycompanyContents #productsHead #productsHeadLeft {
	float: left;
	margin: 1px 0 0 0;
}

#mycompanyList .mycompanyContents #productsHead #productsHeadLeft a {
	margin: 2px 6px 0 0;
}

#mycompanyList .mycompanyContents #productsHead #productsHeadRight {
	float: right;
}

#mycompanyList .mycompanyContents #productsIntroduction {
	clear: both;
	padding: 10px;
	border: 3px solid #009081;
	margin: 0 0 20px 0;
}

#mycompanyList .mycompanyContents #productsIntroduction p {
	margin: 0 0 7px 0;
}

#mycompanyList .mycompanyContents #productsIntroduction div.btn {
	text-align: center;
}

#mycompanyList .mycompanyContents #productsMain {
	clear: both;
	margin: 0 0 14px 0;
	overflow: hidden;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft {
	float: left;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage {
	clear: both;
	position: relative;
	background: url(/images/mycontents/mycompany/b_mycompany_products_bg.gif) no-repeat;
	width: 202px;
	height: 202px;
	text-align: center;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage #productBBg {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 194px;
	height: 194px;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage div#productBCenter {
	position: relative;
	top: 50%;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage span.newStatus {
	background: url(/images/mycontents/icon_new.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 10;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage span.updateStatus {
	background: url(/images/mycontents/icon_update.png) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 43px;
	z-index: 10;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft #productsMainImage div#productBCenter img {
	position: relative;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft ul {
	float: left;
	margin: 6px 0 0 0;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft ul li {
	float: left;
	width: 44px;
	height: 44px;
	border: solid 1px #d2d2d2;
	text-align: center;
	margin: 0 6px 0 0;
	display: inline;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft ul li.noMargin {
	margin: 0 0 0 0;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft ul li div.productSCenter {
	position: relative;
	top: 50%;
}

#mycompanyList .mycompanyContents #productsMain #productsLeft ul li div.productSCenter img {
	position: relative;
}

#mycompanyList .mycompanyContents #productsMain #productsRight {
	float: right;
	width: 315px;
	margin: 0 15px 0 0;
	display: inline;
}

#mycompanyList .mycompanyContents #productsMain #productsRight p {
	line-height: 20px;
}

span.star {
	background: url(/images/mycontents/review/stars0.gif) no-repeat bottom;
}

span.star1 {
	background: url(/images/mycontents/review/stars0_5.gif) no-repeat bottom;
}

span.star2 {
	background: url(/images/mycontents/review/stars1.gif) no-repeat bottom;
}

span.star3 {
	background: url(/images/mycontents/review/stars1_5.gif) no-repeat bottom;
}

span.star4 {
	background: url(/images/mycontents/review/stars2.gif) no-repeat bottom;
}

span.star5 {
	background: url(/images/mycontents/review/stars2_5.gif) no-repeat bottom;
}

span.star6 {
	background: url(/images/mycontents/review/stars3.gif) no-repeat bottom;
}

span.star7 {
	background: url(/images/mycontents/review/stars3_5.gif) no-repeat bottom;
}

span.star8 {
	background: url(/images/mycontents/review/stars4.gif) no-repeat bottom;
}

span.star9 {
	background: url(/images/mycontents/review/stars4_5.gif) no-repeat bottom;
}

span.star10 {
	background: url(/images/mycontents/review/stars5.gif) no-repeat bottom;
}

#mycompanyList .mycompanyContents #productsMain #productsRight #review {
	float: left;
	width: 203px;
	margin: 4px 0 0 0;
	display: inline;
}

#mycompanyList .mycompanyContents #productsMain #productsRight #review span {
	float: left;
	width: 75px;
	height: 14px;
}

#mycompanyList .mycompanyContents #productsMain #productsRight #review #reviewTotal {
	float: right;
	background: none;
	width: 120px;
	margin: 0 0 0 8px;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table {
	clear: both;
	width: 315px;
	margin-top: 15px;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table tr td {
	padding: 7px 4px;
	vertical-align: top;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table tr td.detailTableLeft {
	width: 68px;
	font-weight: bold;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table tr td.detailTableLeft input {
	width: 63px;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table tr.gray td {
	background: #f5f5f5;
}

#mycompanyList .mycompanyContents #productsMain #productsRight table tr.black td {
	background: #ebebeb;
}

#mycompanyList .mycompanyContents .marginBottom {
	float: left;
	padding: 0 0 20px 0;
}

#mycompanyList .mycompanyContents #reviewArea {
	margin: 0 0 16px 0;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain {
	width: 521px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom;
	padding: 9px 4px 9px 10px;
}

#mycompanyList .mycompanyContents #reviewArea .noReview {
	margin: 10px 0;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain div.arrow {
	float: left;
	width: 517px;
	margin-bottom: 4px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewLeft {
	float: left;
	width: 108px;
	margin: 0 0 0 6px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewLeft span {
	float: left;
	width: 75px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewLeft p {
	clear: both;
	padding-top: 7px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewLeft p.writeUserName {
	padding: 0;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight {
	float: right;
	width: 403px;
	margin: 5px 0 0 -2px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight .reviewVote {
	text-align: right;
	margin-right: 10px;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight .reviewVote .btnVote {
	height: 17px;
	margin: 12px 0 7px 0;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight .reviewVote .btnVote img {
	vertical-align: text-bottom;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight .reviewVote a {
	padding: 2px 0 0 0;
}

#mycompanyList .mycompanyContents #reviewArea .reviewMain .reviewRight .reviewVote a.arrow {
	padding: 2px 0 0 14px;
}

/* 26:products EditMode
------------------------------------------------ */
#editMode #productsHead {
	clear: both;
	background: url(/images/mycontents/mycompany/mycompany_btn_area.gif) no-repeat left bottom;
	padding: 5px 0 4px 7px;
}

#editMode #productsHead input {
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: text-bottom;
}

#editMode #productseditMain {
	clear: both;
	margin: 10px 0 0 0;
	overflow: hidden;
}

#editMode #productseditMain #productseditLeft {
	float: left;
	width: 202px;
}

#editMode #productseditMain #productseditLeft #productsMainImage {
	clear: both;
	position: relative;
	background: url(/images/mycontents/mycompany/b_mycompany_products_bg.gif) no-repeat;
	width: 202px;
	height: 202px;
	text-align: center;
}

#editMode #productseditMain #productseditLeft #productsMainImage #productBBg {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 194px;
	height: 194px;
}

#editMode #productseditMain #productseditLeft #productsMainImage div#productBCenter {
	position: relative;
	top: 50%;
}

#editMode #productseditMain #productseditLeft #productsMainImage div#productBCenter img {
	position: relative;
}

#editMode #productseditMain #productseditLeft ul {
	float: left;
	margin: 6px 0 10px 0;
}

#editMode #productseditMain #productseditLeft ul li {
	float: left;
	width: 44px;
	height: 44px;
	background-color: #FFFFFF;
	border: 1px solid #d2d2d2;
	margin: 0 6px 0 0;
}

#editMode #productseditMain #productseditLeft ul li.noMargin {
	margin: 0 0 0 0;
}

#editMode #productseditMain #productseditLeft ul li div.productSCenter {
	position: relative;
	top: 50%;
}

#editMode #productseditMain #productseditLeft ul li div.productSCenter img {
	position: relative;
	margin: 0 auto 0 auto;
}

#editMode #productseditMain #productseditLeft .upImageMain {
	clear: both;
	margin: 0 0 10px 0;
}

#editMode #productseditMain #productseditLeft .upImageMain .upImageTtl {
	float: left;
}

#editMode #productseditMain #productseditLeft .upImageMain .upImageTtl p {
	float: left;
}

#editMode #productseditMain #productseditLeft .upImageMain .upImageTtl span {
	float: right;
}

#editMode #productseditMain #productseditLeft p {
	margin: 0 0 8px 0;
}

#editMode #productseditMain #productseditRight {
	float: right;
	width: 315px;
}

#editMode #productseditMain #productseditRight textarea {
	width: 306px;
	height: 330px;
}

#editMode #productseditMain #productseditRight table {
	clear: both;
	width: 315px;
	margin: 10px 0 0 0;
}

#editMode #productseditMain #productseditRight table tr td {
	padding: 10px 4px;
	vertical-align: top;
}

#editMode #productseditMain #productseditRight table tr td.detailTableLeft {
	width: 68px;
	font-weight: bold;
}

#editMode #productseditMain #productseditRight table tr.gray td {
	background: #f5f5f5;
}

#editMode #productseditMain #productseditRight table tr.black td {
	background: #ebebeb;
}

#editMode #productseditMain #productseditRight table tr td input#products_year {
	width: 30px
}

#editMode #productseditMain #productseditRight table tr td input#products_month {
	width: 15px
}

#editMode #productseditMain #productseditRight table tr td input#products_day {
	width: 15px
}

#editMode #productseditMain #productseditRight table tr td textarea.column {
	width: 180px;
	height: 37px;
}

/* 25:company Update
------------------------------------------------ */
#mycompanyList .mycompanyContents ul#companyUpDate {
	margin: 8px 0 7px 6px;
	overflow: hidden;
}

#mycompanyList .mycompanyContents ul#companyUpDate li {
	width: 512px;
	padding: 0 0 7px 5px;
	background: url(/images/mycontents/mycompany/update_line_dash.gif) no-repeat bottom;
	clear: both;
	overflow: hidden;
	margin: 0 0 7px;
}

#mycompanyList .mycompanyContents ul#companyUpDate li span {
	width: 120px;
	float: left;
}

#mycompanyList .mycompanyContents ul#companyUpDate li p {
	width: 380px;
	float: right;
}

/* 26:company CSR
------------------------------------------------ */
#editMode .mycompanyContents #csrName {
	margin: 12px 0 0 21px;
}

#editMode .mycompanyContents #csrMain {
	clear: both;
	width: 494px;
	margin: 12px 0 0 21px;
	padding: 0 0 12px 0;
	background: url(/images/mycontents/mycompany/csr_line_dash.gif) no-repeat bottom;
	overflow: hidden;
}

#editMode .mycompanyContents #csrMain p {
	line-height: 16px;
	margin: 0 0 8px 0;
}

#editMode .mycompanyContents #csrMain input {
	width: 115px;
	margin: 0 0 8px 0;
}

#editMode .mycompanyContents #csrMain #csrLeft {
	float: left;
}

#editMode .mycompanyContents #csrMain #csrLeft #csrImage #csrCenter {
	text-align: center;
	border: 1px solid #D2D2D2;
}

#editMode .mycompanyContents #csrMain #csrRight {
	float: right;
}

#editMode .mycompanyContents #csrMain #csrRight textarea {
	width: 360px;
	height: 245px;
	line-height: 18px;
}

#editMode .mycompanyContents #csrMain #csrRight p#dlPDF {
	margin: 5px 0 0 0;
}

#editMode .mycompanyContents #csrMain #csrRight p#dlPDF a {
	padding: 1px 0 0 14px;
	background: url(/common/images/arrow02.gif) no-repeat left;
}

#editMode .mycompanyContents #imageMain {
	overflow: hidden;
	clear: both;
	width: 494px;
	margin: 12px 0 0 21px;
	padding: 0 0 12px 0;
	text-align: left;
	background: url(/images/mycontents/mycompany/csr_line_dash.gif) no-repeat bottom;
}

#editMode .mycompanyContents #pdfMain {
	overflow: hidden;
	width: 494px;
	margin: 12px 0 15px 21px;
	padding: 0 0 12px 0;
	text-align: left;
	background: url(/images/mycontents/mycompany/csr_line_dash.gif) no-repeat bottom;
}

.ttlMain {
	width: 172px;
}

.ttlMain p {
	float: left;
	width: 118px;
	padding: 2px 0 2px 0;
}

.ttlMain span {
	float: right;
}

.input {
	clear: both;
}

#checkMode #mycompanyList .mycompanyContents #mycompanyCsr {
	border: none;
}

#checkMode #mycompanyList .mycompanyContents #mycompanyCsr #checkImage {
	border: 1px solid #d2d2d2;
	margin: 0 0 8px 0;
}

/* 27:company Log
------------------------------------------------ */
#mycompanyList .mycompanyContents #logHeader {
	margin: 20px 0 0 0;
	width: 529px;
}

#mycompanyList .mycompanyContents #logHeader table {
	border: 1px solid #d2d2d2;
	width: 167px;
	float: left;
	margin: 0 14px 0 0;
}

#mycompanyList .mycompanyContents #logHeader table.noMargin {
	width: 167px;
	float: left;
	margin: 0;
}

#mycompanyList .mycompanyContents #logHeader table th {
	background: #e6e6e6;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	padding: 8px 8px 7px 9px;
}

#mycompanyList .mycompanyContents #logHeader table.noMargin th {
	font-size: 10px;
	line-height: 12px;
	padding: 4px 8px 3px 9px;
}

#mycompanyList .mycompanyContents #logHeader table td {
	text-align: right;
	font-size: 14px;
	padding: 8px 8px 7px 9px;
}

#mycompanyList .mycompanyContents #logMain {
	clear: both;
	width: 529px;
	margin-bottom: 16px;
}

#mycompanyList .mycompanyContents #logMain table {
	border: 1px solid #d2d2d2;
	margin: 20px 0 0 0;
	width: 529px;
}

#mycompanyList .mycompanyContents #logMain table th {
	border-left: 1px solid #d2d2d2;
	background: #e6e6e6;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	padding: 4px 8px 3px 9px;
	text-align: left;
	white-space: nowrap;
}

#mycompanyList .mycompanyContents #logMain table th.logCatalogName {
	font-size: 12px;
	border-left: none;
	font-weight: bold;
	width: 100%;
}

#mycompanyList .mycompanyContents #logMain table th.logProductName {
	font-size: 12px;
	border-left: none;
	font-weight: bold;
	width: 100%;
}

#mycompanyList .mycompanyContents #logMain table td {
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	padding: 8px 8px 7px 9px;
}

#mycompanyList .mycompanyContents #logMain table td.name {
	padding: 8px 8px 7px 9px;
	border-left: none;
	text-align: left;
}

#mycompanyList .mycompanyContents #logMain table tr.gray td {
	background: #f5f5f5;
}

#mycompanyList .mycompanyContents #logMain table tr.white td {
	background: #FFFFFF;
}

/* 27:company e-catalog
------------------------------------------------ */
#editMode .mycompanyContents #eMain {
	clear: both;
	padding: 12px 0 0 18px;
}

#editMode .mycompanyContents #eMain .ecatalogMain {
	float: left;
	width: 493px;
	background: url(/images/mycontents/mycompany/csr_line_dash.gif) no-repeat bottom;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
}

#editMode .mycompanyContents #eMain .ecatalogMain .ecatalogLeft {
	float: left;
	width: 89px;
}

#editMode .mycompanyContents #eMain .ecatalogMain .ecatalogLeft p {
	padding: 0 0 0 3px;
}

#editMode .mycompanyContents #eMain .ecatalogMain .ecatalogRight {
	float: right;
	width: 401px;
}

#editMode .mycompanyContents #eMain .ecatalogMain .ecatalogRight label {
	margin: 0 10px 0 0;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight {
	width: 401px;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight td {
	padding: 3px 7px;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight tr.white td {
	background: #f5f5f5;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight tr.gray td {
	background: #ebebeb;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight td.redioCheck {
	width: 10px;
	text-align: center;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight td.image {
	text-align: center;
	width: 48px;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight td.image img {
	border: 1px solid #d2d2d2;
	width: 46px;
}

#editMode .mycompanyContents #eMain .ecatalogMain table.ecatalogRight td.name {
	text-align: left;
}

#editMode .mycompanyContents #eMain .ecatalogMain .ecatalogRight textarea {
	width: 393px;
	height: 211px;
}

/* 28:company contact
------------------------------------------------ */
#mycompanyList .mycompanyContents #contactMain {
	clear: both;
	margin: 0 0 0 5px;
}

#mycompanyList .mycompanyContents #hideArea {
	clear: both;
}

#mycompanyList .mycompanyContents #hideArea #noContact {
	float: left;
	margin: 12px 0 0 18px;
}

#mycompanyList .mycompanyContents #contactMain p {
	padding: 10px 5px 10px 5px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom left;
	line-height: 18px;
	width: 512px;
}

#mycompanyList .mycompanyContents #contactMain table {
	width: 517px;
}

#mycompanyList .mycompanyContents #contactMain table tr td {
	vertical-align: top;
	padding: 10px 0 10px 5px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom left;
}

#mycompanyList .mycompanyContents #contactMain #contactBottom {
	margin: 15px 0 20px 10px;
}

#mycompanyList .mycompanyContents #contactMain #contactBottom iframe {
	border: 1px solid #b4b4b4;
	width: 500px;
	height: 180px;
	margin: 0 0 10px 0;
}

#editMode .contactContents {
	background: url(/images/mycontents/mycompany/mycompany_edit_bg.gif) repeat-y;
	clear: both;
}

#editMode .contactContents #contacteditMain {
	clear: both;
	padding: 12px 0 0 15px;
	margin: 0;
}

#editMode .contactContents #contacteditMain #setContact {
	padding: 0 0 15px 0;
}

#editMode .contactContents #contacteditMain #setContact p {
	margin: 0 0 15px 0;
	padding: 0 0 0 3px;
}

#editMode .contactContents #contacteditMain #setContact span {
	margin: 0 0 0 10px;
}

#editMode .contactContents #contacteditMain #setContact span label input {
	vertical-align: text-bottom;
}

#editMode .contactContents #contacteditMain #editMain {
	background: url(/images/mycontents/mycompany/csr_line_dash.gif) no-repeat top left;
	padding: 15px 0 0 0;
	display: none;
}

#editMode .contactContents #contacteditMain #editMain textarea {
	width: 350px;
	height: 120px;
}

#editMode .contactContents #contacteditMain #editMain table {
	padding: 0 0 0 3px;
}

#editMode .contactContents #contacteditMain #editMain td {
	padding: 0 20px 14px 0;
	vertical-align: top;
}

#editMode .contactContents #contacteditMain #editMain td.disc {
	float: left;
	font-size: 10px;
	width: 310px;
	height: 50px;
}

#editMode .contactContents #contacteditMain #editMain td.disc span {
	float: left;
	width: 30px;
}

#editMode .contactContents #contacteditMain #editMain td.disc p {
	float: right;
	width: 280px;
}

#mycompanyList .mycompanyContents #formArea {
	clear: both;
	margin: 0 0 0 5px;
}

#mycompanyList .mycompanyContents #formArea p {
	padding: 15px 0 15px 5px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom left;
}

#mycompanyList .mycompanyContents #formArea table {
	width: 517px;
}

#mycompanyList .mycompanyContents #formArea table tr td {
	vertical-align: top;
	padding: 10px 0 10px 5px;
	background: url(/images/mycontents/mycompany/review_line_dash.gif) no-repeat bottom left;
}

#mycompanyList .mycompanyContents #formArea #contactBottom {
	margin: 15px 0 5px 10px;
}

#mycompanyList .mycompanyContents #formArea #contactBottom iframe {
	border: 1px solid #b4b4b4;
	width: 500px;
	height: 180px;
	margin: 0 0 10px 0;
}

/* 29:user 
------------------------------------------------ */
.borderContents {
	clear: both;
	overflow: hidden;
}

.borderContents ul.contentsList {
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
}

#monthly {
} 

.borderContents ul.contentsList,
.diaryBox ul.contentsList {
	width: 517px;
	line-height: 16px;
	padding: 8px 0 4px 10px;
	margin: 0 0 14px 0;
}

.diaryBox ul.contentsList {
	padding: 10px 0 3px 5px;
	margin: 0 0 4px 0;
}

.borderContents ul.contentsList li,
.diaryBox  ul.contentsList li {
	width: 515px;
	padding: 0 0 5px 0;
}

.diaryBox ul.contentsList li {
	padding: 5px 0 1px 6px;
	margin: 0 0 10px 1px;
}

.diaryBox ul.contentsList li .report {
	border: solid 2px #FF0000;
	padding: 5px;
	width: 490px;
}

.diaryBox ul.contentsList li.bud {
	background: url(/images/mycontents/mypage/user_dashed_bud.gif) no-repeat bottom left;
}

.diaryBox ul.contentsList li.flower {
	background: url(/images/mycontents/mypage/user_dashed_flower.gif) no-repeat bottom left;
}

.borderContents ul.contentsList li .contentsLeft,
.diaryBox ul.contentsList li .contentsLeft {
	font-family: Verdana;
	float: left;
	margin: 0 10px 0 0;
	width: 60px;
	text-align: center;
}

.diaryBox ul.contentsList li .report .contentsRight {
	width: 398px;
}

.diaryBox ul.contentsList li .switchArea {
	clear: both;
	width: 517px;
	height: 35px;
}

.switchArea .sutekiSwitch {
	text-align: right;
	float: left;
	width: 488px;
	margin: 8px 0 0 0;
}

.otherdiary {
	text-align: center;
	margin: 0 0 10px 0;
}

.diaryBox ul.contentsList li .contentReport {
	clear: both;
	margin: 10px 10px 0 10px;
	color: #FF0000;
	text-align: right;
}

.borderContents ul.contentsList li .contentsLeft p,
.diaryBox ul.contentsList li .contentsLeft p{
	text-align: left;
}

.borderContents ul.contentsList li .contentsLeft img,
.diaryBox ul.contentsList li .contentsLeft img{
	border: 1px solid #e6e6e6;
	margin: 5px 0 0 0;
}

.borderContents ul.contentsList li .contentsRight,
.diaryBox ul.contentsList li .contentsRight {
	float: right;
	line-height: 18px;
	margin: 0 10px 5px 0;
	width: 418px;
}

.diaryBox ul.contentsList li .contentsRight2 {
	float: right;
	line-height: 18px;
	margin: 0 10px 35px 0;
	width: 418px;
}


.diaryBox ul.contentsList li .animateFlower{
	float: right;
	margin: 0 10px 0 0;
	height: 35px;
}

.diaryBox ul.contentsList li .sutekiCount{
	width:15px;
	text-align:center;
	/*margin: 10px auto 0 auto;*/
	clear:both;
	/*position: absolute;
	bottom: 28px;
	right: 9px;*/
}

a.switch {
	float: right;
	display: block;
	margin: 0 0 4px 0;
}

a.userProf {
	clear: both;
	position: absolute;
	bottom: 5px;
	right: 95px;
}

ul#bannerArea li {
	background: url(/images/mycontents/mypage/banner_bg.gif) no-repeat;
	width: 182px;
	height: 52px;
	margin: 10px auto 0 auto;
	text-align: center;
}

ul#bannerArea li img {
	margin: 1px 0 0 1px;
}

#mycompanyList .mycompanyContents .libraryMain {
	width: 529px;
	padding: 10px 0 0 0;
}

#mycompanyList .mycompanyContents .libraryMain .libraryTitle {
	background: url(/images/mycontents/mypage/user_solid.gif) no-repeat bottom;
	width: 529px;
	margin: 1px 0 0 0;
}

#mycompanyList .mycompanyContents .libraryMain .libraryTitle p {
	padding: 0 0 2px 2px;
}

#mycompanyList .mycompanyContents .libraryMain .libraryTitle span.toList {
	float: right;
	margin: 0 5px 2px 0;
}

#mycompanyList .mycompanyContents .libraryMain .libraryTitle span.toList a {
	padding: 1px 0 0 14px;
	background: url(/common/images/arrow02.gif) no-repeat left;
}

#mycompanyList .mycompanyContents ul#profile li div.profleft2 {
	width: 120px;
	float: left;
}

div.profleft3 #statusImg {
	float:left;
	overflow:hidden;
	position:relative;
	width:130px;
	height: 660px;
}

div.profleft3 #statusImage{
	margin: 0 0 0 10px;
	position: absolute;
	bottom:0px;
	left:0px;
}

div#statusView {
	float: right;
	margin: 0 11px 0 0;
	overflow:hidden;
	position:relative;
	width:130px;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 {
	float: right;
	width: 382px;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 span.Left {
	float: left;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 span.Right {
	float: right;
	text-align: right;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#userProfList {
	float: left;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#userProfList dt {
	width: 176px;
	float: left;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#ecoActivityList {
	padding: 10px 0;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#ecoActivityList dt {
	clear: both;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#ecoActivityList dt p.ecocategory {
	margin: 10px 0 5px 10px;
	font-weight: bold;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#ecoActivityList dt dl.ecoActivity {
	float: left;
	overflow: hidden;
}

#mycompanyList .mycompanyContents ul#profile li div.profright2 dl#ecoActivityList dt dl.ecoActivity dt {
	width: 350px;
	margin: 0 0 0 20px;
}

#editMode .mycompanyContents ul#profile li {
	width: 510px;
	overflow: hidden;
}

#editMode .mycompanyContents ul#profile li.noleftPadding {
	padding-left: 0;
}

#passwordCheck {
	padding: 10px 0 0 0;
}

#editMode .mycompanyContents ul#profile li div.profleft2 {
	width: 140px;
	float: left;
}

#editMode .mycompanyContents ul#profile li div.profright2 {
	float: right;
	width: 342px;
	margin: 0 10px 0 0;
}

#editMode .mycompanyContents ul#passwordArea {
	padding: 0 0 5px 0;
}

#editMode .mycompanyContents ul#passwordArea li {
	background: url(/images/mycontents/mycompany/edit_line_dash.gif) no-repeat top left;
	width: 510px;
	padding: 7px 0 0 0;
	margin: 7px 0 0 0;
	overflow: hidden;
}

#editMode .mycompanyContents ul#passwordArea li div.profleft2 {
	width: 140px;
	float: left;
}

#editMode .mycompanyContents ul#passwordArea li div.profright2 {
	float: right;
	width: 342px;
	margin: 0 10px 0 0;
}


#editMode .mycompanyContents ul#profile li div.profright2 span.Left {
	float: left;
}

#editMode .mycompanyContents ul#profile li div.profright2 span.Right {
	float: right;
	text-align: right;
}

#editMode .mycompanyContents ul#profile li div.profright2 dl#userProfList {
	float: left;
}

#editMode .mycompanyContents ul#profile li div.profright2 dl#userProfList dt {
	width: 156px;
	float: left;
}

#editMode .mycompanyContents ul#profile li div.profleft3 {
	width: 140px;
	float: right;
	margin: 0 0 0 0;
}

#editMode .mycompanyContents ul#profile li div.profright3 {
	float: left;
	width: 342px;
	margin:0 0 0 0;
}

#editMode .mycompanyContents ul#profile li div.profright3 dl#ecoActivityList {
	padding: 10px 0;
}

#editMode .mycompanyContents ul#profile li div.profright3 dl#ecoActivityList dt {
	clear: both;
}

#editMode .mycompanyContents ul#profile li div.profright3 dl#ecoActivityList dt p.ecocategory {
	margin: 10px 0 5px 10px;
	font-weight: bold;
}

#editMode .mycompanyContents ul#profile li div.profright3 dl#ecoActivityList dt dl.ecoActivity {
	float: left;
	overflow: hidden;
}

#editMode .mycompanyContents ul#profile li div.profright3 dl#ecoActivityList dt dl.ecoActivity dt {
	width: 350px;
	margin: 0 0 0 20px;
}

#editMode .mycompanyContents ul#profile li div.profright2 textarea {
	width: 330px;
}

li#passCheckArea {
	padding: 15px 0 10px 0;
}

#checkProfile {
	clear: both;
	padding: 12px 0 5px 15px;
	color: #FF0000;
}

/* floatBox
------------------------------------------------ */
.defaultPosition {
	position: relative;
	z-index: 2000;
}

.defaultPosition table {
	position: absolute;
	zoom: 1;
	top: 0px;
	z-index: 10000;
}

.boxTopLeft {
	background: url(/images/box/box_top_left.png) no-repeat top left;
	width: 14px;
	height: 14px;
}

*html .boxTopLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxTop {
	background: url(/images/box/box_top.png) repeat-x top;
	height: 14px;
}

*html .boxTop {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxTopRight {
	background: url(/images/box/box_top_right.png) no-repeat top right;
	width: 14px;
	height: 14px;
}

*html .boxTopRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottomLeft {
	background: url(/images/box/box_bottom_left.png) no-repeat top left;
	width: 14px;
	height: 14px;
}

*html .boxBottomLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottom {
	background: url(/images/box/box_bottom.png) repeat-x top;
	height: 14px;
}

*html .boxBottom {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxBottomRight {
	background: url(/images/box/box_bottom_right.png) no-repeat bottom right;
	width: 14px;
	height: 14px;
}

*html .boxBottomRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxLeft {
	background: url(/images/box/box_left.png) repeat-y bottom left;
	width: 14px;
	height: 14px;
}

*html .boxLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxRight {
	background: url(/images/box/box_right.png) repeat-y bottom right;
	width: 14px;
	height: 14px;
}

*html .boxRight {
 behavior: expression(IEPNGFIX.fix(this));
}

.boxMain {
	border: 1px solid #FFF;
	position: absolute;
	background: #FFFFFF;
	top: 7px;
}

.boxMain .title {
	text-align: left;
	width: 100%;
	height: 18px;
	background: #67b633;
	padding: 3px 0 0 0;
}

.boxMain .title p {
	padding: 0 0 0 6px !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
	font-size: 12px !important;
}

.boxMain .title a {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 6px;
	z-index: 10010;
}

.boxMain .text {
	margin: 10px 9px 0 9px;
}

.boxMain .text p {
	color: #656565;
	font-weight: normal;
	font-size: 12px;
}

.boxMain .text #submitImage {
	float: left;
}

.boxMain .text #backImage {
	float: right;
}

.boxMain .text p#checkText {
	width: 470px;
	padding: 0 40px 0 0;
}

.boxMain .text form {
	margin: 5px 0 0 5px;
	clear: both;
}

.boxMain .text form.review span {
	height: 22px;
}

.boxMain .text form.review span select {
	border: 1px solid #a5acb2;
	color: #646464;
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.boxMain .text form.review select option {
	color: #646464;
}

.boxMain .text form.review textarea {
	margin: 12px 0 0 0;
	width: 466px;
	height: 220px;
	line-height: 18px;
}

.boxMain .text form.review .reviewBtn {
	width: 300px;
	margin: 10px 0 0 5px;
	overflow: hidden;
}

.boxMain .text form.review .reviewBtn #send {
	float: right;
	text-align: right;
}

.boxMain .text form.review .reviewBtn #return {
	width: 72px;
	float: left;
}

/* popupBox
------------------------------------------------ */
#popupBox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
}

#popupBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#popupBox table {
	z-index: 2100;
}

*html #popupBox table {
 top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	left: 50%;
}

#popupBox table #popupTopLeft {
	background:url(/images/box/popup_topleft.png) no-repeat top left;
	width: 14px;
	height: 14px;
}

*html #popupTopLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupTopRight {
	background:url(/images/box/popup_topright.png) no-repeat bottom left;
	width: 14px;
	height: 14px;
}

*html #popupTopRight {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupTop {
	background:url(/images/box/popup_top.png) repeat-x bottom left;
	height: 14px;
}

*html #popupTop {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupLeft {
	background:url(/images/box/popup_left.png) repeat-y;
	width: 14px;
}

*html #popupLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupMain {
	background-color: #FFFFFF;
	vertical-align: top;
}

#popupMain p {
	padding: 12px 0 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#popupMain #popupBtnArea {
	width: 150px;
	margin: 15px auto;
}

#popupBox table #popupRight {
	background:url(/images/box/popup_right.png) repeat-y;
	width: 14px;
}

*html #popupRight {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupBottomRight {
	background:url(/images/box/popup_bottomright.png) no-repeat top;
	width: 14px;
	height: 14px;
}

*html #popupBottomRight {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupBottomLeft {
	background:url(/images/box/popup_bottomleft.png) no-repeat;
	width: 14px;
	width: 14px;
}

*html #popupBottomLeft {
 behavior: expression(IEPNGFIX.fix(this));
}

#popupBox table #popupBottom {
	background:url(/images/box/popup_bottom.png) repeat-x;
	height: 14px;
}

*html #popupBottom {
 behavior: expression(IEPNGFIX.fix(this));
}

/* previewMode
------------------------------------------------ */
#mycontentsPreviewMode {
	border:3px solid #64B432;
	margin:0 0 10px;
	padding:11px 13px 5px;
	width:742px;
	overflow: hidden;
}

#mycontentsPreviewMode #previewLeft {
	float: left;
}

#mycontentsPreviewMode ul {
	float: right;
}

#mycontentsPreviewMode h3 {
	color:#FF0000;
	margin: 0 0 5px 0;
}

#mycontentsPreviewMode p {
	margin: 0 0 5px 18px;
}

/* infomation
------------------------------------------------ */
#infomationMain {
	position: relative;
	float: left;
	width: 774px;
	padding: 10px 0 20px 0;
}

#infomationRight {
	float: right;
	width: 550px;
	margin: 0 0 0 24px;
}

#infomationRight h3 {
	margin: 0 0 22px 0;
}

#infomationRight #infomationTitle {
	background: url(/images/infomation/ttl_info_bg.gif) no-repeat left top;
	width: 550px;
	height: 26px;
}

#infomationRight #infomationTitle p {
	padding: 7px 0 0 27px;
	font-weight: bold;
	font-size: 14px;
}

#infomationDate {
	float: right;
	font-size: 12px;
	margin: 10px 15px 5px 0;
	font-family: Verdana;
}

#infomationRight p#infoText {
	clear: both;
	padding: 0 15px 19px 15px;
	line-height: 20px;
}

#infomationLeft {
	float: left;
	width: 200px;
}

#infomationTop {
	background: url(/images/infomation/infoleft_top.gif) no-repeat left top;
	padding: 10px 0 0 0;
}

#infomationBg {
	background: url(/images/infomation/infoleft_bg.gif) repeat-y left;
}

#infomationBottom {
	background: url(/images/infomation/infoleft_bottom.gif) no-repeat left bottom;
	padding: 0 0 10px 0;
}

dl#infomationBackNumber,
dl#infomationBackNumber dt,
dl#infomationBackNumber dd {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

dl#infomationBackNumber {
	padding: 7px 17px 0 17px;
}

dl#infomationBackNumber dt {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

dl#infomationBackNumber dd {
	margin: 0 0 10px 0;
}

/* history
------------------------------------------------ */
#mycontentsMenuList .mycontentsMenu .mycontentsMain ul#history {
	margin: 0 0 0 -2px;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul#history li.productIcon {
	padding: 1px 0 0 17px;
	background: url(/images/mycontents/mypage/icon_product.gif) no-repeat left 2px;
	width: 157px;
	display: block;
	line-height: 16px;
	margin: 6px 0 0 0;
}

#mycontentsMenuList .mycontentsMenu .mycontentsMain ul#history li.catalogIcon {
	padding: 1px 0 0 17px;
	background: url(/images/mycontents/mypage/icon_catalog.gif) no-repeat left 2px;
	width: 157px;
	display: block;
	line-height: 16px;
	margin: 6px 0 0 0;
}

.productIcon a:link {
	color: #646464;
	text-decoration: none;
}

.productIcon a:visited {
	color: #646464;
	text-decoration: none;
}

.productIcon a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.productIcon a:active {
	color: #8cdc00;
	text-decoration: none;
}

.catalogIcon a:link {
	color: #646464;
	text-decoration: none;
}

.catalogIcon a:visited {
	color: #646464;
	text-decoration: none;
}

.catalogIcon a:hover {
	color: #8cdc00;
	text-decoration: none;
}

.catalogIcon a:active {
	color: #8cdc00;
	text-decoration: none;
}

a:link.historyCoName {
	color: #969696;
	font-size: 10px;
	line-height: 12px;
}

a:visited.historyCoName {
	color: #969696;
	font-size: 10px;
	line-height: 12px;
}

a:hover.historyCoName {
	color: #8cdc00;
	font-size: 10px;
	line-height: 12px;
}

a:active.historyCoName {
	color: #8cdc00;
	font-size: 10px;
	line-height: 12px;
}

p.noText {
	background: #F5F5F5;
	border: 2px solid #BEBEBE;
	line-height: 18px;
	margin: 10px 0pt 14px 0px;
	padding: 9px 11px 8px 12px;
	width: 502px;
	clear: both;
}