@charset "utf-8"; 

/*nav*/
.nav {width: 20%; float: left; margin-top: 48px}
.nav h1 {font-weight:  700;}
.nav ul {border-top: 1px solid #ccc;width: 80%;margin-top: 30px;}
.nav ul li {padding: 18px 0;}
.nav ul li:first-child {margin-top: 21px}
.nav ul li a {position: relative; color: #000}

input[type="text"]::-webkit-input-placeholder, 
input[type="text"]::-moz-input-placeholder, 
input[type="text"]::-ms-input-placeholder {color: red;}
.mypage textarea::-webkit-input-placeholder, 
.mypage textarea::-moz-input-placeholder, 
.mypage textarea::-ms-input-placeholder {color: #acacac;}

.barTable li {height: auto}
.barTable li span:nth-child(1) {width: 19%;}
.barTable li span:nth-child(2) {width: 73%;}

.barTable input[type=text], .barTable input[type=password], .barTable input[type=number] {width: 320px;}
.barTable input[type=password] {width:380px;}

.select-styled {font-size: 1em; padding: 8px 10px}
.select-options li {border-bottom: none} 

.headTitle {width: 92%; padding: 4%;}
iframe {width: 80%; float: right; height: 1160px}
.mypage .header {display: none}