@charset "utf-8";

/************* header ****************/

/*logo*/

#header h1{
	width:500px;
	height:70px;
	background:url(../default/img/h1_logo.gif) left top no-repeat;
	text-indent:-9999px;
	clear:both;
}

/************* main ****************/

/*layout*/

#main{
	width:800px;
	height:auto;
	margin:0px 0px 40px 0px;
}

#main_contents{
	float:left;
	width:550px;
	height:auto;
	margin-right:20px;
}

#sub_contents{
	float:right;
	width:230px;
	height:auto;
}

/*main_contents*/

#banner_intro{
	width:550px;
	height:140px;
	margin-top:20px;
}

#program_schedule{
	margin-top:30px;
}

#program_schedule h2{
	width:550px;
	height:30px;
	background:url(../img/h2_1.gif) left top no-repeat;
	text-indent:-9999px;
}

#program_schedule h3{
	width:550px;
	height:30px;
	text-indent:-9999px;
	margin-top:20px;
}

#program_schedule a{
	width:150px;
	height:20px;
	margin-left:400px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#seminar_program{
	width:550px;
	padding-bottom:25px;
	background:url(../img/separator_line.gif) left bottom no-repeat;
}

#seminar_program h3{
	background:url(../img/h3_1.gif) left bottom no-repeat;
}

#seminar_program a{
	background:url(../img/moreinfo_bigsize.gif) left top no-repeat;
}

#seminar_program a:hover{
	background:url(../img/moreinfo_bigsize.gif) left bottom no-repeat;
}

#outdoor_program h3{
	background:url(../img/h3_2.gif) left bottom no-repeat;
}

#outdoor_program #text {
	text-align:right;
	margin:5px 0px 0px 0px;
}

#outdoor_program a{
	background:url(../img/moreinfo_outdoor.gif) left top no-repeat;
}

#outdoor_program a:hover{
	background:url(../img/moreinfo_outdoor.gif) left bottom no-repeat;
}

/*#program_schedule h4{
	width:550px;
	height:30px;
	text-indent:-9999px;
	margin-top:20px;
}*/

#new_topic{
	margin-top:30px;
}

#new_topic p{
	padding-left:28px;
	padding-top:8px;
}

#new_topic h2{
	width:550px;
	height:30px;
	background:url(../img/h2_2.gif) left top no-repeat;
	text-indent:-9999px;
}

#new_topic h3{
	width:550px;
	height:30px;
	margin-top:10px;
	background:left top no-repeat;
	text-indent:-9999px;
}

#new_topic .job_search_news h3{
	background:url(../img/h3_3.gif);
}

#new_topic .job_search_news{
	padding-bottom:10px;
	background:url(../img/separator_line.gif) left bottom no-repeat;
}

#new_topic .event h3{
	background:url(../img/h3_4.gif);
}

#new_topic .event{
	padding-bottom:10px;
	background:url(../img/separator_line.gif) left bottom no-repeat;
}

#new_topic .seminar_report h3{
	background:url(../img/h3_5.gif);
}

#new_topic .seminar_report{
	padding-bottom:10px;
	background:url(../img/separator_line.gif) left bottom no-repeat;
}

#feed_job_search_news p{
	background:url(../img/bullet_new_topic.gif) left 0.4em no-repeat;
}

#feed_events p{
	background:url(../img/bullet_new_topic.gif) left 0.4em no-repeat;
}

#feed_seminar_report p{
	background:url(../img/bullet_new_topic.gif) left 0.4em no-repeat;
}

#new_topic .moreinfo_more a{
	width:150px;
	height:20px;
	margin-left:372px;
	background:url(../img/moreinfo_more.gif) left top no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;	
}

#new_topic .moreinfo_more a:hover{
	background:url(../img/moreinfo_more.gif) left bottom no-repeat;
}

/*sub_contents*/

.top{
	width:230px;
	height:25px;
	background:url(../img/sub_frame_top.gif) top left no-repeat;
}

.bottom{
	width:230px;
	height:25px;
	background:url(../img/sub_frame_bottom.gif) top left no-repeat;
}

#news{
	width:230px;
	margin-bottom:20px;
	background:url(../img/sub_frame_back.gif) top left repeat-y;
}

#news h2{
	width:180px;
	height:30px;
	margin:0px auto;
	background:url(../img/h2_3.gif) left top no-repeat;
	text-indent:-9999px;
}

#news #feed_news p{
	width:180px;
	height:auto;
	margin:0px 30px 0px 20px;
	padding:10px 0px 5px 0px;
	background:url(../img/separator_line_small.gif) left bottom no-repeat;
}

#news #moreinfo_more a{
	width:150px;
	height:20px;
	background:url(../img/moreinfo_morenews.gif) left top no-repeat;
	margin: 20px 25px 0px 55px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#news #moreinfo_more a:hover{
	background:url(../img/moreinfo_morenews.gif) left bottom no-repeat;
}

#sponsor{
	width:230px;
	margin-bottom:20px;
	background:url(../img/sub_frame_back.gif) top left repeat-y;
}

#sponsor h2{
	width:180px;
	height:30px;
	margin:0px auto 20px;
	background:url(../img/h2_4.gif) left top no-repeat;
	text-indent:-9999px;
}

#sponsor .banner{
	width:180px;
	height:50px;
	margin:0px auto 15px;
}

#sponsor h3{
	width:180px;
	height:20px;
	margin:0px auto 5px;
}

#sponsor p{
	width:180px;
	height:auto;
	margin:0px auto;
}

#moreinfo_moreinfo a{
	width:150px;
	height:20px;
	background:url(../img/moreinfo_moreinfo.gif) left top no-repeat;
	margin: 0px 0px 0px 30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;	
}

#moreinfo_moreinfo a:hover{
	background:url(../img/moreinfo_moreinfo.gif) left bottom no-repeat;
}

#group{
	width:230px;
	margin-bottom:20px;
	background:url(../img/sub_frame_back.gif) top left repeat-y;
}

#group h2{
	width:180px;
	height:30px;
	margin:0px auto 20px;
	background:url(../img/h2_5.gif) left top no-repeat;
	text-indent:-9999px;
}

dl{
	width:180px;
	margin:0px auto;
}

dt a{
	height:50px;
	display:block;
	overflow:hidden;
	background:left top no-repeat;
	text-indent:-9999px;
}

dd{
	margin: 5px 0 15px 0;
	padding:0px;
}

.yss a{
	background-image:url(../img/banner_yss.gif);
}

.ypy a{
	background-image:url(../img/banner_ypy.gif);
}

.jiritsu a{
	background:url(../img/banner_jiritsu.gif);
}

#sns{
	width:230px;
	margin-bottom:20px;
	background:url(../img/sub_frame_back.gif) top left repeat-y;
}

#sns h2{
	width:180px;
	height:95px;
	margin:0px auto 5px;
	background:url(../img/h2_6_banner_sns.gif) left top no-repeat;
	text-indent:-9999px;
}

#sns p{
	width:180px;
	height:auto;
	margin:0px auto;
}

#detail{
	text-align:right;
	height: 13px;
	margin-bottom:10px:
}

#detail a{
	color: #FF9900;
	text-decoration: underline;
	background: url(../default/img/bullet_1.gif) left center no-repeat;
	padding-left: 18px;
}

#sns #user_name {
	background: url(../img/sns_user_name.gif) left no-repeat;
	text-indent:-9999px;
}

#sns #password {
	background-image:url(../img/sns_password.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:-9999px;
}

#sns #login_area{
	margin-top:10px;
	padding:0px 25px 20px 25px;
}

#sns .input_area {
	background:url(../img/input.gif) no-repeat left;
	border:0;
	width:175px;
	height:25px;
	padding:8px 0px 0px 5px;
}

*html body #sns .input_area {
	background-attachment: fixed; 
}

#sns h3{
	width:180px;
	height:140px;
	margin:0px auto 5px;
}

#labo_site{
	width:230px;
}

#labo_site .hamatch{
	width:180px;
	height:70px;
	margin:0px auto 0px;
}

#labo_site .hamakei{
	width:180px;
	height:50px;
	margin:10px auto 0px;
}