@charset "utf-8";
/*
**********************************************************************

* contents.css

*********************************************************************
*/

/* =========================================================
.toppage
========================================================= */
.toppage .newsList {
  padding: 12px 0;
}
.toppage .newsList li {
  display: inline;
  font-size: 130%;
}
.toppage .newsList li:before {
  content: "＊＊＊ ";
}
.toppage .newsList li:first-child:before {
  content: "";
}
.toppage .newsList li a {
  color: #454545;
  text-decoration: none;
}
.toppage .newsList li a:hover {
  color: #f59c00;
}
/* =========================================================
.aboutpage
========================================================= */
.aboutpage .aboutSect {
  line-height: 1.8;
}
.aboutpage .aboutSect + .aboutSect{
  margin-top: 60px;
}
.aboutpage .aboutSect .sectTit {
  margin-bottom: 20px;
  font-size: 160%;
  font-weight: bold;
}
.aboutpage .aboutSect .sectMain {
  font-size: 120%;
}
.aboutpage .aboutSect .sectMain .aboutList {
  line-height: 30px;
}
.aboutpage .aboutSect .sectMain .aboutList dt {
  float: left;
  clear: left;
}
.aboutpage .aboutSect .sectMain .aboutList dd {
}
.aboutpage .aboutSect .sectMain .name {
  margin-bottom: 15px;
  font-size: 175%;
  font-weight: bold;
}
.aboutpage .aboutSect .sectMain .name .kana {
  padding-left: 8px;
  font-size: 60%;
  font-weight: normal;
}
.aboutpage .aboutSect .sectMain .skill {
  margin-bottom: 15px;
  font-size: 100%;
}
.aboutpage .aboutSect .sectMain .txtBox {
  font-size: 80%;
}
.aboutpage .aboutSect .sectMain .txtBox .txt {
  margin-bottom: 1em;
}
.aboutpage .aboutSect .sectMain .list-1 {
  margin: 1em 0 1em 1.5em;
  list-style: disc;
  font-size: 120%;
}
.aboutpage .aboutSect .sectMain .profileHead {
  margin: 2em 0 1em;
  font-weight: bold;
  font-size: 135%;
  line-height: 1.3;
}
.aboutpage .aboutSect .sectMain .profileHead span{
  display: inline-block;
  border-bottom: 1px solid #454545;
}
.aboutpage .aboutSect .sectMain .list-1 li + li{
  margin-top: .6em;
}
.aboutpage .border {
  height: 1px;
  margin: 60px 0;
}
/* =========================================================
.workpage
========================================================= */
.workspage .worksSect .menu {
  font-size: 15px;
}
.workspage .worksSect .menu li {
  margin-bottom: 1.5em;
}
.workspage .worksSect .menu li img {
  margin-right: 8px;
}
.workspage .worksSect .menu a {
  color: #000;
  text-decoration: none;
}
.workspage .worksSect .menu a:hover,
.workspage .worksSect .menu a:active {
  text-decoration: underline;
}
.workspage .worksSect .noWork {
  font-size: 160%;
  font-weight: bold;
}
/* =========================================================
.contactpage 
========================================================= */
.contactpage .formSect {
  margin-bottom: 120px;
}
.contactpage .formSect {
}
.contactpage .formSect .formTbl {
  width: 100%;
  table-layout: fixed;
}
.contactpage .formSect .formTbl {
}
.contactpage .formSect .formTbl {
}
.contactpage .formSect .formTbl th {
  padding-bottom: 10px;
  table-layout: fixed;
  color: #565656;
}
.contactpage .formSect .formTbl th label {
}
.contactpage .formSect .formTbl td {
  width: 380px;
  padding-bottom: 10px;
}
.contactpage .formSect .formTbl td input {
  width: 250px;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
.contactpage .formSect .formTbl td input.layoutLong {
  width: 370px;
}
.contactpage .formSect .formTbl td textarea {
  margin: 0;
  padding: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
}
*:first-child+html .contactpage .formSect .formTbl td textarea {
  width: 370px;
}
.contactpage .formSect .formTbl td label.error {
  display: block;
  color: #cc0000;
}
.contactpage .formSect .btn {
  padding: 20px 0 0;
  text-align: right;
}
.contactpage .formSect .btn.loading {
  height: 30px;
  background: url("../images/loader.gif") no-repeat center center;
}
.contactpage .formSect .btn.loading button {
  display: none;
}
.contactpage .formSect .btn button {
  display: inline-block;
  width: 113px;
  height: 27px;
  padding: 0;
  margin: 0;
  border: 0;
  text-align: center;
  font-weight: bold;
  color: #666666;
  cursor: pointer;
  background: url("../images/btn_submit01.gif") no-repeat left top;
}
.contactpage .formSect .btn button:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);  /* IE7 */
  -ms-filter: "alpha(opacity=80)"; /* IE8 */
}
.contactpage .messageTxt {
  margin-bottom: 20px;
}
.contactpage .accessSect {
}
.contactpage .accessSect .address {
  margin-bottom: 15px;
  font-size: 140%;
  color: #565656;
}
.contactpage .accessSect .address dt {
  float: left;
  clear: left;
  font-weight: bold;
}
.contactpage .accessSect .address dd {
  float: left;
  padding-left: 10px;
}