﻿body{
	font-size: 90%;
	padding: 0;
	margin:0;
	background-image: url(../global_images/back.jpg);
	background-repeat: repeat;
	background-position: left top;
}

a {
	color:black;
	text-decoration:none;
}

/* Helper class */
.visualClear {
display: block;
clear: both;
}

/* application id,class */

#global_wrap{
	margin: 0 auto 0 auto;
	width:900px;
	background:transparent url('../global_images/g_back_bar2.gif') repeat-y left top;
}

#content_area{
	width:850px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main_area{
	margin:0;
	background-color:white;
	text-align:left;
	float:left;
	width:580px;
	padding-top: 0px;
	padding-right: 0.5em;
	padding-bottom: 2em;
	padding-left: 2em;
}


#left_area{
	text-align: left;
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:227px;
}


#head_area{
	text-align: left;
	padding:0;
	height:auto;
	width:850px;
	background:white url('../global_images/head_back2.gif') no-repeat left top;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}


#head_area h1{
	font-size:10px;
	float:left;
	width:230px;
	margin:none;
	padding:none;

}

#head_area a.logoarea{
	display: block;
	text-decoration: none;
	overflow:hidden;
	border: 0;
	margin-top:-40px;
	padding-top: 0px;
	height: 190px !important;
	cursor: pointer;
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}



#foot_area{
	width:850px;
	color:#707070;
	text-align: center;
	font-size: 80%;
	padding-top:1em;
	padding-bottom: 1em;
	display:block;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;

}

#photo_area{
	float:left;
	padding: 0.5em;
	margin-top: 0.3em;
}

#gallery_area {
	margin:1em auto 0 auto;
	padding:0;
}


#gallery_area td{
	margin:0;
	padding:0;
}


#gallery_area img{
	margin:0.3em 0.3em 0.5em 0.3em;
	border:none;
}

.head_link_area{
	width: 210px;
	float: right;
	text-align: right;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.btn_apply_area{
	background-position: 97% 35%;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border-bottom: 3px #D7D7D7 solid;
	border-right: 0px #cccccc solid;
	border-left: 6px solid  #EEEEEE;
	border-top: 0px #cccccc solid;
	font-size: 100%;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	background-color: #ED4F20;
	text-align: center;
	background-image: url('../global_images/img_arrow.gif');
	background-repeat: no-repeat;
}

.btn_apply_area:hover{
	background-color:#92826B;
}

.btn_link_area{
	color:black;
	font-size:100%;
	display:block;
	padding:0.3em;
	font-weight:800;
	background-color: #FFFFFF;
}

.title_area{
	margin:0;
	padding: 1.0em 0.2em 0.5em 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 180%;
	font-weight: 900;
	margin-left: 0;
	display:block;
}

.title_center_area{
	font-size: 95%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #3399FF;
}


/* Font Size */

.smallFontsize{	
	font-size:70%;
}

.largeFontsize{	
	font-size:110%;
	font-weight:bold;
}


/* corner class */

#index_area{
	width:217px;
	height:auto;
	color:#707070;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* 2 */

.corner_top_2{
	display:block;
	margin:0;
	border-left:0px solid red;
	border-right:0px solid red;
	padding:0;
}

.corner_bottom_2{
	margin:0 0px 0 0px;
	border-left:0px solid red;
	border-right:0px solid red;
	width:100%;
}


.corner_middle_2{
	border-top:0px solid red;
	border-bottom:0px solid red;
}

.corner_middle_main_2{
	border-left:0px solid red;
	border-right:0px solid red;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}

/* left area */

#left_content_area {
	padding:0;
	/*padding-top:0.5em;
	padding-bottom:1.3em;*/
	border-right:1px #D7D7D7 solid;
	font-weight:800;
	background-color:#f2f2f2;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#left_content_area ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#left_content_area li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font:100% Arial;
	font-weight:700;
	line-height:140%;
	list-style:none;
	background-color:#FF6600;
	border-bottom:1px #999966 solid;
	color:white;
	display:block;
	font-size:110%;
}

#left_content_area li.index_li_2{
	margin:0 0 0 0;
	padding:0 0 0 1.5em;
	font:100% Arial;
	font-weight:700;
	line-height:140%;
	list-style:none;
	background-color:#FF9933;
	border-bottom:1px #999966 solid;
	color:white;
	display:block;
	font-size:90%;
}



#left_content_area a{
	color:white;
	display:block;
	padding:0.5em 0 0.4em 1.2em;
}


#left_content_area a:hover{
	background-color:#B1B1B1;
	color:black;
}





#leftAreaFoot{
	background: url(../global_images/lnav_greybarBtm.gif) no-repeat top left; 
	margin:0;
	padding:14px 0 0 0;

}

.map_area{
	width:207px;
	height:auto;
	font:11px Arial;
	color:#707070;
	background-color: #E5E5E5;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#mapdata{
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	border-right:1px #D7D7D7 solid;
	background-color:#f2f2f2;
	padding-top:0.5em;
	padding-bottom:1.3em;
}

#mapdata li{
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

.event_area{
	background: url(../global_images/ev_title.gif) no-repeat top left;
	margin:0;
	width:216px;
	border-right:1px #D7D7D7 solid;
	background-color:#ED4F20;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;

}



/* right area  */

	#right_content_area {
		margin:0.5em 0.5em 0 0.5em;
		padding:0.3em 0.3em 0.3em 0.3em;
		background-color:white;
		border-top:5px #D7D7D7 solid;
		border-right:3px #c7c7c7 solid;
	}
	
	#right_content_area dt{
		font-size:95%;
		margin-top:0.5em;
		margin-bottom:0.5em;
		font-family:"Times New Roman", Times, serif;
		font-weight:800;
	}
	
	#right_content_area dd{
		margin:0;
		margin-top:0.3em;
		margin-left:0.1em;
		margin-bottom:0.2em;
		font-size:75%;
	}
	
	#right_content_area_sub{
		margin:0;
		padding:0.5em;
	}

	#right_content_area_sub dl {
		margin:0;
		padding:0.5em;
	}
	
	dt.refLinkhead{
		border-bottom:1px  #0387FE dotted;
		border-left:10px #0387FE solid;
	}
	
	#right_content_area_sub dt{
		font-size:95%;
		margin-top:1.0em;
		margin-bottom:0.3em;
		padding-left:0.3em;
		font-family:"Times New Roman", Times, serif;
		font-weight:800;
		line-height:140%;
		display:block;
	}
	
	#right_content_area_sub dd{
		width:250px;
		margin:0;
		margin-bottom:0.4em;
		padding-left:1.5em;
		font-size:80%;
		line-height:140%;
		display:block;
		float:left;
	}
	
		
	#right_content_area_sub .photocomment{
		margin:0;
		padding-left:0em;
		font-size:70%;
		line-height:140%;
	}

	


.ev_date{
	margin:0;
	font-size:100%;
	padding:0.3em 0em 0.3em 0.2em;
	font-size:100%;
	font-weight:800;


}

.ev_title{
	margin:0;
	text-align:center;
	font-size:120%;
	font-weight:800;
	padding:0 0 0.3em 0em;
	line-height:125%;
}

.ev_title2{
	margin:0;
	font-size:105%;
	font-weight:800;
	padding:0 0.2em 0.3em 19px;
	background:transparent url('../global_images/img_ev_icon_1.gif') no-repeat left top;

}

.hoshi{
	color:#FF3333;
}

.hoshiB{
	color:#0066FF;
}


.hoshiG{
	color:lime;
}

.hoshiY{
	color:#FFCC00;
}

.hoshiO{
	color:orange;
}

.hoshiP{
	color:fuchsia;
}



.QcolorB{
	color:#0066FF;
	font-size:160%;
	font-weight:800;
}


.AcolorG{
	color:#99CC00;
	font-size:160%;
	font-weight:800;
}


.ev_body{
	margin:0;
	font-size:100%;
	padding:0 0.2em 0em 0.5em;
	line-height:120%;
}

.ev_body2{
	margin:0;
	font-size:90%;
	padding:0.2em 0.2em 0.2em 0.2em;
	line-height:160%;
}


.ev_apply{
	text-align:right;
	margin:0;
	font-size:100%;
	font-weight:600;
	padding:0.4em 0.4em 0.1em 0;

}

/* content Area */

.page_title{
	font-size:180%;
	font-weight:900;
	line-height:140%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0em 0em 0em 0em;
}

.subtitle{
	font-size:135%;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	display:block;
	clear:both;
	border-bottom:1px silver dotted;
	background-color: transparent;
	background-image: url(../global_images/uzu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 34px;
}

.sub_sub_title{
	font-size:120%;
	font-weight:600;
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	margin:0;
	padding:0.5em 0.5em 0.5em 1.5em;

}


.bac_p{
	font-size:80%;
	line-height:160%;
	margin:0;
	padding:0.2em 0.2em 0.2em 2.0em;
}

.bac_p_small{
	font-size:75%;
	line-height:160%;
	margin:0;
	padding:0.3em 0.2em 0.2em 2.5em;
}


.bac_p_bars{
	clear:both;
	font-size:90%;
	line-height:150%;
	font-weight:bold;
	margin:0.5em 0 0 0;
	padding:0.2em 0.2em 0.2em 1.5em;
	/*background-color:#83B9F5; */
	background-color:#E0F5EB;
}

.bac_p_bold{
	font-size:115%;
	line-height:160%;
	margin:0;
	font-weight:bold;
	padding:0.8em 0.2em 0.2em 1.5em;
	clear:both;
}

.bac_p_large{
	font-size:115%;
	line-height:160%;
	margin:0;
	font-weight:normal;
	padding:0.8em 0.2em 0.2em 1.5em;
}


.bac_p_right{
	font-size:80%;
	text-align:right;
	line-height:160%;
	margin:0;
	padding:0.2em 0.2em 0.2em 2.0em;
	display:block;
}

.bac_p_right_h2{
	font-size:100%;
	text-align:right;
	line-height:160%;
	margin:0;
	font-weight:bold;
	padding:0.2em 0.2em 0.2em 2.0em;
	display:block;
	font-size:70%;
}


/* image */

.photo_frame{
	padding:0.2em;
	border-top:1px silver solid;
	border-left:1px silver solid;
	border-right:2px gray solid;
	border-bottom:3px gray solid;
	background-color:white;
}

.home_main_logo{
	margin:0 auto 0 100px;

}

.photo_left {
	float:left;
	padding:3px 10px 10px 0px;
}

.photo_right {
	float:right;
	padding:2px 0px 10px 10px;
}


.photo_center{
	display:block;
	padding:1em 0 1px 1em;
}

.ev_photo_center{
	display:block;
	padding:0.5em auto 1px auto;
	border:0;
}


.photo_head{
	display:block;
	padding:0;
	margin:0 auto 0 auto;
	width:430px;
	border:none;
}

.photoSlide{
	float:left;
	font-size:60%;
	margin:0.1em 0.1em 0.8em 0.5em;
}



/*indexArea*/

#indexArea{
	margin:0.5em auto 0.5em auto;
}

#indexArea ul{
	display:inline;
}

#indexArea li{
	display:inline;
}


/* 左の3段目 */
.left_third_area{
	padding:10px 0 0.3em 10px;
	width:177px;
}

.left_third_area img{
	border:0;
}



/* syllabus関連 */
.syllabus_content{
	padding:0 0 0 0;
	margin:0 0 0 0;
	list-style-type:none;
}

.syllabus_content li{
	font-size:120%;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif;
	padding:0.1em 0 0.8em 1em;
}

.syllabus_content_sub{
	padding:0 0 0 0;
	margin:0.2em 0 0 1em;
	list-style-type:none;
}

.syllabus_content_sub li{
	font-size:60%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0.5em 1em 0 5px;
	border-left:5px orange solid;
	width:190px;
	display:block;
}

.timetableNumber{
	margin:0;
	text-align:left;
	padding:0.2em;
	font-size:200%;
	background-color:#999999;
	width:18px;
	color:white;
	float:left;
}

.timetableTime{
	margin:0;
	padding:0.2em 0.2em 0.2em 1em;
	font-size:80%;
	color:black;
	float:left;
	font-weight:normal;
}

.timetableClass{
	text-align:left;
}

.timetableContent{
	text-align:center;
	padding:0.3em 0.3em 0.2em 0.3em;
	margin:0.1em;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	border:2px solid #666666;
}

.timetableContentSub{
	margin-top:0.2em;
	vertical-align:top;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:70%;
	line-height:110%;
}


/* course2 */

#course2_list{
	padding:0;
	margin:0;
}

#course2_list ul{
	padding:0;
	margin:1em 0 0 0.5em;
	margin-left:1em;
}


#course2_list li{

	margin:0 0 0 1em;
	list-style-type:none;
	padding:0.5em;
	font-size:130%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
}


/* index.html Layout*/

#HomeWrap{
	margin:0;
	padding:0;
}

#homeCenter{
	float:left;
	width:550px;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#homeRight{
	float:right;
	width:157px;
	margin-top:1em;
	margin:3em -1.2em 1em 0;
	padding:0
}

#homeRight ul{
	margin:0;
	padding:0.3em 0 0.3em 0;
	border-left:1px #D7D7D7 solid;
	border-bottom:1px #D7D7D7 solid;
	background-color:#FF3366;
}


#homeRight li{
	margin:0 0 0 0;
	padding:0.1em 0.3em 0.2em 1.5em;
	font:70% Arial;
	line-height:120%;
	list-style:none;
	color:white;
	display:block;
	font-size:90%;
}


#homeRight li.odd{
	background-color:#FF1752;
}

.bunyaNavititle{
	background: url(../global_images/bunyaIndexTitle2.gif) no-repeat top left;
	margin:0;
	padding:0;
	height:30px;
}



.hide{
	display:none;
}

.homeListFoot{
	background: url(../global_images/lnav_greybarBtm_ref.gif) no-repeat top left; 
	margin:0;
	padding:0;
	height:14px;

}


/* report person area */
.personArea{
	border:2px #990033 dotted;
	font-size:90%;
	padding:0.5em;
	line-height:120%;
	float:left;
	margin-left:1em;
}
.timetableContentArt {
	text-align:center;
	padding:0.3em 0.3em 0.2em 0.3em;
	margin:0.1em;
	font-size:120%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	border:2px solid #FF5580;
}
.white90 {
	color: #FFFFFF;
}
#Topbunya {
	width:850px;
	margin-right: -1.2em;
	margin-left: 0;
	height: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
	margin-bottom: 1em;
	float: left;
}
#Topbunya ul {
	margin:0;
	border-left:1px #D7D7D7 solid;
	border-bottom:1px #D7D7D7 solid;
	background-color:#FF3366;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.3em;
	padding-left: 0;
	height: 75px;
	width: 550px;
}
#Topbunya li {
	margin:0;
	font:70% Arial;
	line-height:100%;
	list-style:none;
	color:white;
	display:block;
	font-size:90%;
	float: left;
	width: 85px;
	padding-top: 0.1em;
	padding-right: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 1.5em;
	height: 16px;
}
#Topbunya li.odd {
	background-color:#FF1752;
	height: 16px;
	width: 85px;
}
.white12 {
	font-size: 12px;
	color: #FFFFFF;
}
.btn_link_area1 {
	background-position: 97% 35%;
	padding: 0.4em 0.4em 0.4em 0.1em;
	border-bottom: 3px #D7D7D7 solid;
	border-right: 0px #cccccc solid;
	border-left: 6px solid  #EEEEEE;
	border-top: 0px #cccccc solid;
	font-size: 90%;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	background-color: #333333;
	text-align: center;
	background-image: url('../global_images/img_arrow.gif');
	background-repeat: no-repeat;
}
.btn_link_area1:hover {
	background-color:#92826B;
}
.btn_link_area2 {
	background-position: 97% 35%;
	padding: 0.4em 0.4em 0.4em 0.4em;
	border-bottom: 3px #D7D7D7 solid;
	border-right: 0px #cccccc solid;
	border-left: 6px solid  #EEEEEE;
	border-top: 0px #cccccc solid;
	font-size: 90%;
	font-weight: 600;
	color: #FFFFFF;
	display: block;
	background-color: #625748;
	text-align: center;
	background-image: url('../global_images/img_arrow.gif');
	background-repeat: no-repeat;
}
.btn_link_area2:hover {
	background-color:#92826B;
}
#qr {
	display: block;
	background-color: #FFFFFF;
	text-align: center;
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	float: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D7D7D7;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #D7D7D7;
}
