@charset "shift_jis";
/*----------------------------
  CSS hisaki Document 2008.07
  Last Update 2008.08.11 hisaki
----------------------------*/

@import "common.css";


/*####################　サブメニュー　####################*/
/*　サブメニュータイトル
-------------------------------------*/
#PageIndex #Sub #PageTitle{background-image:url(../../img/wall-sub-top.gif);height:540px;}

/*####################　メイン　####################*/

/*　ヘッドイメージ
-------------------------------------*/

#PageIndex #Main #HeadImg{
	width:642px;
	margin:4px 12px 4px 4px;
	}
#PageIndex #Main #HeadImg h2{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
#PageIndex #Main #HeadImg .exhibition{
	display:inline;
	float:left;
	width:355px;
	height:240px;
	}
#PageIndex #Main #HeadImg .exhibition h3{
	width:355px;
	height:240px;
	}

#PageIndex #Main #HeadImg .exhibition h3 a{
	display:block;
	height:240px;
	}
#PageIndex #Main #HeadImg .work{
	display:inline;
	float:left;
	width:286px;
	height:240px;
	}
#PageIndex #Main #HeadImg .work h3{
	background:url(../../img/headimg02.gif) 0 0 no-repeat;
	width:286px;
	height:97px;
	text-indent:-9999px;
	}
#PageIndex #Main #HeadImg .work p{
	display:inline;
	float:left;
	}

#PageIndex #Main #HeadImg:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#PageIndex #Main .recruitment{
clear:both;
	background:url(../../img/wall-recruitment.gif) left top no-repeat;
	width:642px;
	min-height:50px;
	_height:50px;
	margin:0 12px 25px 4px;
	}
#PageIndex #Main .recruitment p{
	display:inline;
	float:left;
	width:343px;
	margin:12px 51px 9px 58px;
	font-size:10px;
	}
#PageIndex #Main .recruitment p.button{
	float:right;
	width:181px;
	height:33px;
	margin:9px 9px 0 0;
	text-align:left;
	}
#PageIndex #Main .recruitment p.button a{
	display:block;
	height:33px;
	text-indent:-9999px;
	}

#PageIndex #Main .wrap{
	background:url(../../img/wall-wrap.gif) 0 0 repeat-y;
	width:625px;
	margin:0 18px 10px 15px;
	}
/*　トピックス・インフォメーション
-------------------------------------*/
#PageIndex #Main .topics {
	display:inline;
	float:left;
	width:298px;
	margin-right:17px;
	position:relative;
	}
#PageIndex #Main .information {
	background:#f2f3ef;
	display:inline;
	float:right;
	width:310px;
	position:relative;
	}
#PageIndex #Main .topics h2{
	background:url(../../img/title-topics.gif) 0 0 no-repeat;
	width:298px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
#PageIndex #Main .information h2{
	background:url(../../img/title-information.gif) 0 0 no-repeat #ffffff;
	width:310px;
	height:30px;
	padding-bottom:10px;
	_padding:0;
	_margin-bottom:10px;
	text-indent:-9999px;
	}
#PageIndex #Main p.rss{
	position:absolute;
	top:7px;
	right:6px;
	width:39px;
	height:12px;
	}
#PageIndex #Main p.rss a{
	display:block;
	height:12px;
	text-indent:-9999px;
	}
#PageIndex #Main .topics .entry{
	background:url(../../img/line-dotted-top.gif) center bottom no-repeat;
	width:298px;
	margin-bottom:6px;
	}
#PageIndex #Main .information .entry{
	background:url(../../img/line-dotted-top.gif) center bottom no-repeat;
	width:310px;
	margin-bottom:6px;
	}
#PageIndex #Main .wrap h3{
	background:url(../img/ico-arrow-gray.gif) 0 5px no-repeat;
	display:inline;
	float:left;
	width:281px;
	_width:289px;
	margin:10px 0 0px 8px;
	padding-left:12px;
	font-weight:bold;
	font-size:14px;
	}
#PageIndex #Main .wrap h3 a{
	margin-right:8px;
	color:#990000;
	}
#PageIndex #Main .wrap h3 a:hover{
	color:#990000;
	text-decoration:underline;
	}
#PageIndex #Main .wrap p{
	margin:0 0 0 8px;}
#PageIndex #Main .wrap p.icon{
	margin:0 0 3px 8px;
	padding:0;
	}
#PageIndex #Main p.photo {
	display:inline;
	float:left;
	clear:both;
	width:102px;
	margin:0 8px 0 8px;
	}
#PageIndex #Main .wrap p.more{
	background:url(../img/button-more.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:119px;
	height:22px;
	margin:0 3px 7px;
	}
#PageIndex #Main .wrap p.more a{
	display:block;
	height:22px;
	text-indent:-9999px;
	}
#PageIndex #Main .wrap p.postData{
	clear:both;
	margin-bottom:7px;
	color:#666666;
	font:normal 10px verdana;
	text-align:right;
	}
#PageIndex #Main .information p.postData{margin-right:8px;}

#PageIndex #Main .wrap p.date {
	width:290px;
	color:#285453;
	font-weight:bold;
	margin:0 0 5px 8px;
	}
#PageIndex #Main .information p.date {width:302px;}

#PageIndex #Main .topics p.link{
	background:	url(../../img/button-topics.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:201px;
	height:33px;
	margin:4px 0 5px 0;
	}
#PageIndex #Main .information p.link{
	background:	url(../../img/button-information.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:251px;
	height:33px;
	margin:4px 5px 5px 0;
	}
#PageIndex #Main .wrap p.link a{
	display:block;
	height:33px;
	text-indent:-9999px;
	}

#PageIndex #Main .wrap .entry:after,
#PageIndex #Main .HeadImg:after,
#PageIndex #Main .recruitment:after,
#PageIndex #Main .wrap p.date:after,
#PageIndex #Main .information:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*　会員リスト
-------------------------------------*/
#PageIndex #Main .member{
	width:625px;
	margin:0 0 0 15px;
	}

#PageIndex #Main .member h2{
	width:625px;
	height:29px;
	margin:0 0 5px 0;
	}
 
#PageIndex #Main .member dl{
	background:url(../../img/wall-member.gif) 0 0 no-repeat;
	display:inline;
	float:left;
	width:120px;
	margin:0 5px 10px 0;
	}
#PageIndex #Main .member p{
	margin-bottom:0;
	padding:0;
	zoom:1;
	line-height:1.2;
	}

#PageIndex #Main .member dt.name{
	background:url(../../img/ico-arrow-member.gif) 0 2px no-repeat;
	margin:3px 0 1px 6px;
	padding-left:11px;
	font-weight:bold;
	color:#990000;
	zoom:1;
	}
#PageIndex #Main .member dt.name a{
	color:#990000;
	}
#PageIndex #Main .member dt.name a:hover{
	border-bottom:1px solid #990000;
	color:#990000;
	}
#PageIndex #Main .member dd{
	margin:0 3px 5px 3px;
	padding-bottom:3px;
	}
#PageIndex #Main .member dd.year{
	margin:0 3px 1p 0;
	font-weight:normal;
	font-size:10px;
	color:#333333;
	text-align:right;
	}
#PageIndex #Main .member dd.name{
	margin:0 3px 2px 3px;
	padding-bottom:0;
	}
#PageIndex #Main .member .detail{
	display:inline;
	float:right;
	width:80px;
	height:15px;
	padding-bottom:7px;
	}
#PageIndex #Main .member .detail a{
	background:url(../../img/ico-detail.gif) 0 0 no-repeat;
	display:block;
	height:15px;
	text-indent:-9999px;
	}
#PageIndex #Main .member .detail a:hover{background-position:0 -15px;}

#PageIndex #Main .member p.button{
	background:url(../../img/button-member.gif) 0 0 no-repeat;
	display:inline;
	float:right;
	width:169px;
	height:34px;
	margin:0 5px 15px 0;
	}
#PageIndex #Main .member p.button a{
	display:block;
	height:34px;
	text-indent:-9999px;
	}
#PageIndex #Main .memberlist:after,
#PageIndex #Main .member:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}




















/*　こみだし
-------------------------------------*/

/*end*/