@charset "utf-8";
/* CSS Document */

/* 全体 */
body{
	background-color:#333;
	color:#fff;
	line-height:150%;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{
	border:0;
	}

h1,h2,h3,h4{
	font-size:0px;
	text-indent:-9999px;
	margin:0px;
	padding:0;
	}

p{
	margin:5px 0px;
	padding:0px;
	}

ul{
	padding:0px;
	margin:0px;
	}

li{
	list-style:none;
	font-size:0px;
	text-indent:-9999px;
	}

/* font */

.font_big{
	font-size:14px;
	}
.font_small{
	font-size:10px;
	}

/* float */

.right{
	float:right;
	}
	
.left{
	float:left;
	}
	
.clear{
	clear:both;
	}
	
.clearfix:after { /*floatの解除、ここがポイント*/ 
	display:block;  
	clear:both;  
	height:0px;  
	visibility:hidden;  
	content:".";  
	}  
.clearfix {  
	min-height: 1px; /*IE6、7対策*/ 
	}  

* html .clearfix {  
	height: 1px;  
	/*¥*//*/ /*MAC IE5.x対策*/ 
	height: auto;  
	overflow: hidden;  
	/**/ 
} 

#layout{
	width:900px;
	margin:0 auto;
	background:#fff;
	}

/* header */
#header h1{
	width:500px;
	}

#header h2{
	width:200px;
	}
	
#logo{
	background:url(images/header_logo.gif) no-repeat;
	width:338px;
	height:70px;
	float:left;
	}

#human{
	background:url(images/human_head.gif) no-repeat;
	width:201px;
	height:39px;
	float:right;
	}

#header{
	width:900px;
	}


/* top page */
#main_pic{
	background:url(images/top_mainpic.gif) no-repeat;
	width:900px;
	height:287px;
	font-size:0px;
	text-indent:-9999px;
	}

#top_link{
	background:#fff;
	margin:0 auto;
	}
	
#top_link ul{
	width:731px;
	margin:5px auto;
	}

#top_link li{
	float:left;
	}

#top_gaiyo{
	background:url(images/gaiyo.gif) no-repeat;
	width:543px;
	height:160px;
	}
	
#top_accesslink a{
	background:url(images/gaiyo_link.gif) no-repeat;
	width:188px;
	height:160px;
	display:block;
	}

#top_accesslink a:hover{
	background:url(images/gaiyo_linkroll.gif) no-repeat;
	width:188px;
	height:160px;
	}

#top_member{
	background:url(images/member_top.gif) no-repeat;
	width:222px;
	height:171px;
	}
	
#komie_top a{
	background:url(images/komie.gif) no-repeat;
	width:127px;
	height:171px;
	display:block;
	}

#komie_top a:hover{
	background:url(images/komie_roll.jpg) no-repeat;
	width:127px;
	height:171px;
	}
	
#ayasa_top a{
	background:url(images/ayasa.gif) no-repeat;
	width:127px;
	height:171px;
	display:block;
	}

#ayasa_top a:hover{
	background:url(images/ayasa_roll.jpg) no-repeat;
	width:127px;
	height:171px;
	}
	
#motohashi_top a{
	background:url(images/motohashi.gif) no-repeat;
	width:127px;
	height:171px;
	display:block;
	}

#motohashi_top a:hover{
	background:url(images/motohashi_roll.jpg) no-repeat;
	width:127px;
	height:171px;
	}
	
#yoshida_top a{
	background:url(images/yoshida.gif) no-repeat;
	width:127px;
	height:171px;
	display:block;
	}

#yoshida_top a:hover{
	background:url(images/yoshida_roll.jpg) no-repeat;
	width:127px;
	height:171px;
	}

ul#endroll{
	margin:10px auto;
	}

#endroll_l{
	background:url(images/endroll_l.gif) no-repeat;
	width:231px;
	height:214px;
	}

#photo_link a{
	background:url(images/photo_link.gif) no-repeat;
	width:268px;
	height:214px;
	display:block;
	}

#photo_link a:hover{
	background:url(images/photo_linkover.jpg) no-repeat;
	width:268px;
	height:214px;
	}


#endroll_r{
	background:url(images/endroll_r.gif) no-repeat;
	width:231px;
	height:214px;
	}

/* トップページ以降のレイアウト */

/* navigationbar */

#navi_bar{
	height:44px;
	background:#000;
	clear:both;
	}

#navi_bar li{
	float:left;
	}

#prof li{
	margin:2px 2px;
	}

/* menu */
#about a{
	background:url(images/about_head.gif) no-repeat;
	width:119px;
	height:44px;
	display:block;
	}

#about a:hover{
	background:url(images/about_rollover.gif) no-repeat;
	}

#profile a{
	background:url(images/profile_head.gif) no-repeat;
	width:119px;
	height:44px;
	display:block;
	}

#profile a:hover{
	background:url(images/profile_rollover.gif) no-repeat;
	}


#contact a{
	background:url(images/contact_head.gif) no-repeat;
	width:119px;
	height:44px;
	display:block;
	}

#contact a:hover{
	background:url(images/contact_rollover.gif) no-repeat;
	}


#top a{
	background:url(images/top_head.gif) no-repeat;
	width:119px;
	height:44px;
	display:block;
	}

#top a:hover{
	background:url(images/top_rollover.gif) no-repeat;
	}


/* profile */

#komie a{
	background:url(images/komie_navi.gif) no-repeat;
	width:85px;
	height:39px;
	display:block;
}

#komie a:hover{
	background:url(images/komie_naviroll.gif) no-repeat;
	}

#ayasa a{
	background:url(images/ayasa_navi.gif) no-repeat;
	width:85px;
	height:39px;
	display:block;
	}
	
#ayasa a:hover{
	background:url(images/ayasa_naviroll.gif) no-repeat;
	}
	
#motohashi a{
	background:url(images/motohashi_navi.gif) no-repeat;
	width:85px;
	height:39px;
	display:block;
	}
	
#motohashi a:hover{
	background:url(images/motohashi_naviroll.gif) no-repeat;
	}
	
#yoshida a{
	background:url(images/yoshida_navi.gif) no-repeat;
	width:85px;
	height:39px;
	display:block;
	}
	
#yoshida a:hover{
	background:url(images/yoshida_naviroll.gif) no-repeat;
	}
	

/* main */

#main{
	background:#000;
	}
	
#main_layout{
	width:840px;
	margin:0px auto;
	}

#about_title{
	background:url(images/about_title.gif) no-repeat;
	width:367px;
	height:93px;
	margin-left:5px;
	}

#profile_title{
	background:url(images/profile_title.gif) no-repeat;
	width:367px;
	margin-left:5px;
	height:93px;
	}
	
#contact_title{
	background:url(images/contact_title.gif) no-repeat;
	width:358px;
	margin-left:5px;
	height:94px;
	}


/* 会期・時間など */
#gaiyo{
	width:555px;
	}

#concept{
	width:280px;
	margin:10px 0px;
	}

#concept_title{
	background:url(images/concept_title.gif) no-repeat;
	width:243px;
	height:33px;
	}

#kaiki{
	background:url(images/kaiki_title.gif) no-repeat;
	width:100px;
	height:49px;
	margin:5px 0;
	clear:both;
	}
	
#date{
	background:url(images/date.gif) no-repeat;
	width:549px;
	height:92px;
	}
	
#kaijyo{
	background:url(images/address.gif) no-repeat;
	width:306px;
	height:80px;
	}
	
#access{
	font-size:16px;
	line-height:180%;
	color:#ff0;
	}

/* member right_link */
#member{
	width:200px;
	}

#member li{
	margin:5px;
	}

#creator{
	background:url(images/creators_main.gif) no-repeat;
	width:185px;
	height:37px;
	}

#komie_rightlink a{
	background:url(images/komie_main.jpg) no-repeat;
	width:193px;
	height:98px;
	display:block;
	}

#komie_rightlink a:hover{
	background:url(images/komie_mainroll.jpg) no-repeat;
	}

#ayasa_rightlink a{
	background:url(images/ayasa_main.jpg) no-repeat;
	width:193px;
	height:98px;
	display:block;
	}

#ayasa_rightlink a:hover{
	background:url(images/ayasa_mainroll.jpg) no-repeat;
	}

#motohashi_rightlink a{
	background:url(images/motohashi_main.jpg) no-repeat;
	width:193px;
	height:98px;
	display:block;
	}

#motohashi_rightlink a:hover{
	background:url(images/motohashi_mainroll.jpg) no-repeat;
	}

#yoshida_rightlink a{
	background:url(images/yoshida_main.jpg) no-repeat;
	width:193px;
	height:98px;
	display:block;
	}

#yoshida_rightlink a:hover{
	background:url(images/yoshida_mainroll.jpg) no-repeat;
	}
	


/* profile page */
#member_layout{
	width:835px;
	margin:0 auto;
	}

#member_layout p{
	margin:0px;
	}

#member_layout li{
	float:left;
	}

.photo{
	padding:10px;
	float:left;
	}

.prof_moji{
	padding:10px 5px;
	width:228px;
	float:left;
	}

.logo_sample{
	padding:10px 0;
	float:right;
	}

.mylogo{
	padding:0px;
	}
/* 込江さん */

#komie_prof{
	background:url(images/k_color.gif) repeat;
	height:335px;
	margin:10px 0;
	}

#komie_logomoji{
	background:url(images/komie_logomoji.gif) no-repeat;
	width:191px;
	height:158px;
	}

#komie_logo a{
	background:url(images/komie_logo.gif) no-repeat;
	width:165px;
	height:158px;
	display:block;
	}

#komie_logo a:hover{
	background:url(images/akindo.jpg) no-repeat;
	}

#sample_k a{
	background:url(images/sample_k.gif) no-repeat;
	width:133px;
	height:155px;
	display:block;
	}

#sample_k a:hover{
	background:url(images/sample_k_rollover.gif) no-repeat;
	}

#komie_work{
	background:url(images/komie_work.gif) no-repeat;
	width:233px;
	height:155px;
	}

/* あやさ */
#ayasa_prof{
	background:url(images/a_color.gif) repeat;
	height:335px;
	margin:10px 0;
	}

#ayasa_logo{
	background:url(images/ayasa_logo.gif) no-repeat;
	width:356px;
	height:158px;
	font-size:0px;
	text-indent:-9999px;
	}

#sample_a a{
	background:url(images/sample_a.gif) no-repeat;
	width:133px;
	height:155px;
	display:block;
	}

#sample_a a:hover{
	background:url(images/sample_a_rollover.gif) no-repeat;
	}

#ayasa_work{
	background:url(images/ayasa_work.jpg) no-repeat;
	width:233px;
	height:155px;
	}

/* 本橋くん */
#motohashi_prof{
	background:url(images/m_color.gif) repeat;
	height:335px;
	margin:10px 0;
	}

#motohashi_logo{
	background:url(images/motohashi_logo.gif) no-repeat;
	width:356px;
	height:158px;
	font-size:0px;
	text-indent:-9999px;
	}

#sample_m a{
	background:url(images/sample_m.gif) no-repeat;
	width:133px;
	height:155px;
	display:block;
	}

#sample_m a:hover{
	background:url(images/sample_m_rollover.gif) no-repeat;
	}

#motohashi_work{
	background:url(images/motohashi_work.jpg) no-repeat;
	width:233px;
	height:155px;
	}

/* 吉田さん */
#yoshida_prof{
	background:url(images/y_color.gif) repeat;
	height:335px;
	margin:10px 0;
	}

#yoshida_logo{
	background:url(images/yoshida_logo.gif) no-repeat;
	width:356px;
	height:158px;
	font-size:0px;
	text-indent:-9999px;
	}

#sample_y a{
	background:url(images/sample_y.gif) no-repeat;
	width:133px;
	height:155px;
	display:block;
	}

#sample_y a:hover{
	background:url(images/sample_y_rollover.gif) no-repeat;
	}

#yoshida_work{
	background:url(images/yoshida_work.gif) no-repeat;
	width:233px;
	height:155px;
	}

/* アンケート・問い合わせ */

#question{
	border:solid red 1px;
	}

/* underlink */
#under_link{
	background:#fff;
	}

#under_link li{
	float:left;
	}

#about_under a{
	background:url(images/about_under.gif) no-repeat;
	width:294px;
	height:79px;
	display:block;
	}

#profile_under a{
	background:url(images/profile_under.gif) no-repeat;
	width:294px;
	height:79px;
	display:block;
	}

#contact_under a{
	background:url(images/contact_under.gif) no-repeat;
	width:294px;
	height:79px;
	display:block;
	}
	
#top_under a{
	background:url(images/top_under.gif) no-repeat;
	width:294px;
	height:79px;
	display:block;
	}

/* photo */
#photo{
	width:850px;
	margin:0 auto;
	padding:10px 0;
	background:url(images/photobg.gif) bottom no-repeat;
	}

#photo img{
	margin:2px 2px;
	padding:0px;
}

#kaiki_photo{
	background:url(images/kaiki_photo.gif) no-repeat;
	width:124px;
	height:24px;
	margin-top:5px;
	}

#mem_photo{
	background:url(images/mem_photo.gif) no-repeat;
	width:124px;
	height:21px;
	margin-top:5px;
	}


/* footer */
#footer{
	background:url(images/footer.gif) no-repeat;
	width:900px;
	height:21px;
	font-size:0px;
	text-indent:-9999px;
	}

#footer p{
	margin:0px;
	padding:0px;
}