@charset "shift_jis";

/* ベース　CSS Document */

/*---------------------------------------------
 初期化
---------------------------------------------*/
html, body {
  margin: 0;
  padding: 0;
  font-family: "ＭＳ Ｐゴシック", "Osaka", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", sans-serif;
  font-size: 0.9em;
  color: #000;
  line-height: 1.5em;
  background: #fff;
}

/* fieldsetは、IEは無害だがFirefoxやOperaでは余白が生まれる */
h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }

/* リンク付き画像のために */
img { border-style: none; }

/* Firefoxで点線が出る */
/* a { outline: 0; } */

a {
  color: #666666;		
  text-decoration: underline;
}
a:hover {
  color: #999;
  text-decoration: underline;
}

p {
	padding: 0px 0px 1em 0px;
	margin: 0;
}
  
h2 {
  margin: 0 0 20px;
}  
  
/*---------------------------------------------
clearfix
---------------------------------------------*/  
.clearfix:after {   
  content: ".";    
  display: block;    
  height: 0;    
  clear: both;    
  visibility: hidden;   
}   
  
.clearfix { display: inline-table; }   
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   
/* End hide from IE-mac */  


/*---------------------------------------------
 wrapper
---------------------------------------------*/
div#wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 20px;
	position:relative;
}
div#leftwrapper{
	width: 260px;
	height: 379px;
	float: left;
	position:relative;
}
div#contentwrapper {
	width: 660px;/*680*/
	min-height: 760px;
	float: right;
	padding: 30px 0 0 20px;
	background: #fff;
}
* html div#contentwrapper{	/* IE6 hack */
	height: 760px;
}



/* ==== ロゴ ============================== */
div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	background:  url(../../images/logo.png) no-repeat;
	width: 260px;
	height: 184px;
}
div#logo h1{
	text-indent: -9999em;
	font-size: 0.9em;
}
div#logo h1 a,
div#logo h1 a:hover{
	display: block;
	width: 260px;
	height: 184px;
	top: 0px;
	left: 0px;
}



/*---------------------------------------------
 左ナビゲーション
---------------------------------------------*/

ul#leftnavi {
	margin: 0;
	padding: 0;
	position: relative;
	top:200px;
	left:0;
	width: 260px;
	height: 379px;
	background: url(../../images/navi.png) no-repeat 0 0;
}
ul#leftnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 52px;
	height: 379px;display: inline; 
}
ul#leftnavi li#lnav01 a,
ul#leftnavi li#lnav02 a,
ul#leftnavi li#lnav03 a,
ul#leftnavi li#lnav04 a,
ul#leftnavi li#lnav05 a {
	position: absolute;
	display: block;
	width: 52px;
	height: 379px;	
	text-indent: -9999em;
}

/* 01 */
ul#leftnavi li#lnav01 a {
	top: 0px;
	left:0px;
}
ul#leftnavi li#lnav01 a:hover,
ul#leftnavi li#lnav01.navicurrent a {
	background: url(../../images/navi.png) no-repeat 0 0;
}
/* 02 */
ul#leftnavi li#lnav02 a {
	top: 0px;
	left:52px;
}
ul#leftnavi li#lnav02 a:hover,
ul#leftnavi li#lnav02.navicurrent a {
	background: url(../../images/navi.png) no-repeat -52px 0;
}
/* 03 */
ul#leftnavi li#lnav03 a {
	top: 0px;
	left:104px;
}
ul#leftnavi li#lnav03 a:hover,
ul#leftnavi li#lnav03.navicurrent a {
	background: url(../../images/navi.png) no-repeat -104px 0;
}
/* 04 */
ul#leftnavi li#lnav04 a {
	top: 0px;
	left:156px;
}
ul#leftnavi li#lnav04 a:hover,
ul#leftnavi li#lnav04.navicurrent a {
	background: url(../../images/navi.png) no-repeat -156px 0;
}
/* 05 */
ul#leftnavi li#lnav05 a {
	top: 0px;
	left:208px;
}
ul#leftnavi li#lnav05 a:hover,
ul#leftnavi li#lnav05.navicurrent a {
	background: url(../../images/navi.png) no-repeat -208px 0;
}

/*---------------------------------------------
topcontentwrapper
---------------------------------------------*/
div#topcontentwrapper{
  position:relative;
  width: 560px;
  height: 180px;
  top:0;
  left:0;
  
  margin: 30px 0 30px 60px;
  padding: 0;
}

/*---------------------------------------------
banner
---------------------------------------------*/
div#blogbanner{
  margin: 0;
  padding: 0;
  border: 0;
  width: 204px;
  height: 180px;
  float: left;
}


/*---------------------------------------------
what's new
---------------------------------------------*/

div#wnwrapper{  
  margin: 0;
  padding: 0;
  border: 0;
  width: 300px;
  height: 180px;
  float: right;
}
div#wnwrapper h2{  
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  width: 300px;
  height: 30px;
  float: right;
  text-indent: -9999px;
  background: url(../../images/whatnew.png) no-repeat 0 0;
}
table#wntbl{
  width: 300px;
  border: 0;
}
table#wntbl tr td.wndate{
 width: 80px; 
}
table#wntbl tr td.wntext{
 width: 220px; 
}
/*---------------------------------------------
copyright
---------------------------------------------*/
div#crtext{
  clear: both;
  color: #666;
  font-weight: normal;
  margin: 80px 0;
  text-align: right;
}

/*---------------------------------------------
totop
---------------------------------------------*/
div.totopwrapper{
  margin: 50px 0;
  text-align:right;
}
div.totopwrapper a{
  text-decoration: none;
}


/*---------------------------------------------
 title
---------------------------------------------*/
h2#profiletitle{
  width: 660px;
  height: 34px;
  text-indent: -9999px;
  background: url(../../profile/images/title.png) 0 0 no-repeat;
  
}

h2#newstitle{
  width: 660px;
  height: 34px;
  text-indent: -9999px;
  background: url(../../news/images/title.png) 0 0 no-repeat;
}


h2#interviewtitle{
  width: 660px;
  height: 34px;
  text-indent: -9999px;
  background: url(../../interview/images/title.png) 0 0 no-repeat;
  
}
h2#contacttitle{
  width: 660px;
  height: 34px;
  text-indent: -9999px;
  background: url(../../contact/images/title.png) 0 0 no-repeat;
  
}

h2#portraittitle{
  width: 660px;
  height: 34px;
  text-indent: -9999px;
  background: url(../../portrait/images/title.png) 0 0 no-repeat;
  
}


/*---------------------------------------------
 コンテンツ領域
---------------------------------------------*/