@charset "utf-8";
@import url("feedback.css");

/* CSS Document */
body { background: #d8dce2; }

/* default */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.fl { float: left; }

.fr { float: right; }

clear { clear: both; }

/* mypage */
.mypage_wrapper { width: 100%; }

.mypage_main {
  width: 960px;
  margin: 50px auto;
}

/* menu */
.mypage_menu {
  width: 220px;
  margin: 0 0 0 20px;
  float: left;
}

.mypage_menu:after {
  content: "";
  display: block;
  clear: both;
}

.mypage_menu ul {
  list-style: none;
}

.mypage_menu ul li { padding: 0 0 20px 0; }

.mypage_menu ul li a {
  padding: 0 0 0 10px;
  text-decoration: none;
  color: #333;
  width: 100%;
  height: 100%;
  display: block;
}

.mypage_menu ul li a.on {
  color: #339;
  font-weight: bold;
}

/* cnt */
.mypage_cnt {
  width: 660px;
  float: left;
  margin: 0 20px;
}

.mypage_cnt h3 {
  font-size: 18px;
  margin: 0 0 20px 0;
  padding: 10px;
  background: #203183;
  border-radius: 5px;
  color: #FFF;
}

.mypage_cnt article + h3 {
  font-size: 18px;
  margin: 20px 0;
  float: left;
}

.btn_icon {
  font-size: 14px;
  width: auto;
  height: 22px;
  border: 1px solid #000;
  border-radius: 17px;
  box-shadow: 0 0 5px #000;
  padding: 5px;
}

.btn_icon dt {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 0 0 5px #000;
  float: left;
  background: #eee;
}

.btn_icon dd {
  line-height: 22px;
  float: left;
  padding: 0 0 0 10px;
}

.mypage_cnt article {
  padding: 20px;
  width: 620px;
  border-bottom: 1px dashed #666;
  float: left;
}

.mypage_cnt dl + article { margin: 20px 0 0 0; }

.mypage_cnt h4 {
  font-size: 16px;
  margin: 0 0 10px 0;
}

.proj_l1 {
  float: left;
  width: 50px;
  margin: 0 20px 0 0;
}

.proj_icon { float: left; }

.proj_icon img { border-radius: 10px; }

.proj_l2 { float: left; }

.proj_l2 h5 {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 10px 0;
  font-weight: bold;
}

.proj_text {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 10px 0;
}

.proj_final {
  font-size: 12px;
  margin: 0 0 10px 0;
}

.proj_l3 {
  float: right;
  width: auto;
}

.proj_wrapper {
  float: left;
  width: 50%;
}

.proj_btn_wrapper { float: right; }

.proj_btn_wrapper p { margin: 0 0 20px 0; }

.proj_btn_wrapper p:last-child { margin: 0; }

/* button */
.proj_btn_new {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_new a {
  width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat 0 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_new a:hover { background: url(/img/mypage/buttons.png) no-repeat 0 -30px; }

.proj_btn_ide {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_ide a {
  width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -150px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_ide a:hover { background: url(/img/mypage/buttons.png) no-repeat -150px -30px; }

.proj_btn_detail {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_detail a {
  width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -300px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_detail a:hover { background: url(/img/mypage/buttons.png) no-repeat -300px -30px; }

.proj_btn_save {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_save a {
  width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -450px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_save a:hover { background: url(/img/mypage/buttons.png) no-repeat -450px -30px; }

.proj_btn_del {
  width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_del a {
  width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -600px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_del a:hover { background: url(/img/mypage/buttons.png) no-repeat -600px -30px; }

.proj_btn_lookin{
	 width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_lookin a {
	 width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -300px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_lookin a:hover {
	background: url(/img/mypage/buttons.png) no-repeat -300px -30px;
}

.proj_btn_edit{
	width: 150px;
  height: 30px;
  text-indent: -9999px;
}

.proj_btn_edit a {
	width: 150px;
  height: 30px;
  background: url(/img/mypage/buttons.png) no-repeat -750px 0;
  display: block;
  outline: none;
  overflow: hidden;
}

.proj_btn_edit a:hover {
	background: url(/img/mypage/buttons.png) no-repeat -750px -30px; 
}

.margin-r10{
	margin-right: 10px;
}

/* project_new_detail */
dl.proj_new { }

dl.proj_new dt { margin: 0 0 10px 0; }

dl.proj_new dd { margin: 0 0 20px 0; }

dl.proj_new dd input[type="text"] { width: 300px; }

/* account_detail */
dl.acc_new { }

dl.acc_new dt {
  margin: 0 0 10px 0;
  font-weight: bold;
}

dl.acc_new dd {
  margin: 0 0 20px 0;
  border: 1px solid #999;
  background: #fff;
  padding: 5px;
}

.clearfixx:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* The style below cannot be applied for some reason. */
#contents .labeled-item {
 color: #333333;
 display: block;
 float: left;
 padding-top: 2px;
 margin-right: 10px;
 text-align: right;
 width: 100px;
}

#myst-name {
  color: #333333;
  display: block;
  float: left;
  padding-top: 2px;
  margin-right: 10px;
  text-align: right;
  width: 120px;
}

#myst-desc {
  color: #333333;
  display: block;
  float: left;
  padding-top: 2px;
  margin-right: 10px;
  text-align: right;
  width: 120px;
}

#contents .acc-deleted {
  padding-top: 2px;
  width: 200px;
  color: #FF0000;
}

ul .acc-item-list {
  margin-bottom: 8px;
  width: 600px;
}

/*project_deleted*/
div .fieldgroupoid { padding-left: 120px; }

/*mypage form style*/
div .indenter { padding-left: 205px; }

div .indenter-b{
	padding-left: 100px;
}

.widener {
  display: block;
  width: 195px;
}

.show-id {
	font-size: 15px;
	height: 18px;
	line-height: 18px;
}

#myaccount {
	text-align: left;
	float:left;
	width: 160px;
	margin-right: 10px;
}

#contents .dashboard{
	margin: 0 0 30px 0;
	text-align: left;
}

#contents .dashboard h2{
	text-align: left;
	font-size: 1.7em;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFFFFF;
}

#contents .dashboard h2 span {
  font-size: 70%;
  font-weight: normal;
  text-shadow: none;
}

#contents div.finish-reset {
	margin-top: 10px;
	text-align: center;
}
/*
.dashboard span{
	padding-left:5px;
	margin-bottom: 10px;
	
}
*/