@charset "UTF-8";

/* -------------------------------------------------------------------------
   @description  default style
   @version      060816
   
   @contents     =init -> 基本指定、リンク色、中央寄せなど
                 =acbl -> アクセシビリティ用
                 =head -> ヘッダー部分
                 =navi -> メニュー部分
                 =main -> コンテンツ部分
                 =side -> サイドバー部分
   ------------------------------------------------------------------------- */


/* =init
   ------------------------------------------------------------------------- */
body {
  margin: 0px;
  padding: 30px 0px;
  background: #FFF;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#container {
  margin: 0 auto;
  width: 740px;
  border: 0px solid #D1D1D1;
  text-align: left;
}

img {
  vertical-align: bottom;
  border: none;
}
  
a {
  color: #444;
  font-weight: bold;
  text-decoration: none;
  }
a:hover {
  color: #000;
  font-weight: bold;
}


/* =acbl
   ------------------------------------------------------------------------- */
.accessibility {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}


/* =head
   ------------------------------------------------------------------------- */
h1 {
  margin: 0;
  padding: 0;
}
h1 a {
  margin: 0 0 30px;
  padding: 57px 0 0 0;
  display: block;
  overflow: hidden;	
  height: 0px !important;
  height /**/:57px; /* / */
  background: #FFF url(/images/logo.gif) no-repeat;
}


/* =content
   ------------------------------------------------------------------------- */
#content {
  margin: 0;
  padding: 0;
}


/* =navi
   ------------------------------------------------------------------------- */
#navi {
  margin: 0;
  padding: 0;
  float: left;
  width: 160px;
  list-style:none;
  }
#navi li {
  margin: 0 auto;
  padding: 0;
  list-style:none;
  }
#navi li a {
  margin: 0 auto;
  display: block;
  height: 78px;
  width: 78px;
  overflow: hidden;
  border: 4px solid #FFF;
  background-color: transparent;
  background-position: 0 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  }
#navi li a:hover {
  border: 4px solid #999;
  }
#naviPhoto a     { background-image: url(/images/navi_photo.gif); }
#naviBBS a       { background-image: url(/images/navi_bbs.gif); }
#naviInterview a { background-image: url(/images/navi_interview.gif); }
#naviContact a   { background-image: url(/images/navi_contact.gif); }
#naviWeekly a    { background-image: url(/images/navi_weekly.gif); }
#naviDiary a     { background-image: url(/images/navi_diary.gif); }


/* =main
   ------------------------------------------------------------------------- */
#main {
  margin: 0 0 30px;
  float: left;
  width: 418px;
  line-height: 200%;
  font-size: 12px;
}
#main.top {
  padding: 20px;
  width: 378px;
  border: 1px solid #D1D1D1;
}

#main h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  }
#main h2 span {
  font-size: 12px;
  font-weight: normal;
  }
#main .date {
  margin: 0 0 1em;
  padding: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  }
#main .body {
  margin: 0 0 2em;
  padding: 0 0 2em;
  border-bottom: 1px solid #D1D1D1;
  font-size: 12px;
  }

/* =comment
   ------------------------------------------------------------------------- */
.comment {
  margin: 0 1em 1em;
  border-bottom: 1px solid #D1D1D1;
}
.comment p {
  margin: 0 0 1em 0;
  line-height: 140%;
}

/* =contact
   ------------------------------------------------------------------------- */
#main textarea,
#main input {
  border: 1px solid #D1D1D1;
  font-size: 13px;
  width: 374px;
}
#main input.auto {
  border: none;
  width: auto;;
}
#main textarea {
  height: 200px;
}

p.notice {
  margin: 0;
  padding: 10px;
  background: #F00;
  color: #FFF;
  font-weight: bold;
}

/* =side
   ------------------------------------------------------------------------- */
#sidebar {
  margin: 4px 0 0;
  padding: 0;
  float: left;
  width: 160px;
  line-height: 130%;
  list-style:none;
  font-size: 10px;
  color: #666;
  }
#sidebar li {
  margin: 0 auto;
  padding: 0 0 20px 10px;
  list-style:none;
  clear: both;
  }
#sidebar li img {
  margin: 0 5px 0 0;
  padding: 0 0 10px;
  float: left;
  }
#sidebar li.live294 {
  margin: 0px 0 0 57px;
}

/* =footer
   ------------------------------------------------------------------------- */
  
#footer {
  padding: 20px 0 25px;
  clear: both;
  height: 14px;
  color: #D1D1D1;
  background:  url(/images/bg.gif) repeat-x bottom;
  font-size: 9px;
  text-align: center;
  }
#footer p {
  margin: 0;
}

/* =misc
   ------------------------------------------------------------------------- */
a.controller {
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	margin: 0 0 1em 0;
	padding: 3px 5px;
	background: #666 no-repeat 0 50%;
	border: 1px solid #999;
	color: #FFF;
	}
a.controller:hover {
	background-color: #F80;
	border: 1px solid #FFE786;
	color: #FFF;
	}

div.pageController {
	position: relative;
	margin: 10px 0px 0px;
	height: 20px;
	}
a.pagePrevious {
	position: absolute;
	left: 0;
	padding-left: 15px;
	background-image: url(/images/icon/previous.gif);
	}
a.pageNext {
	position: absolute;
	right: 0;
	padding-right: 15px;
	background-image: url(/images/icon/next.gif);
	background-position: right 50%;
	}