@charset "utf-8";


/**** BOX、カラムの指定 ****/

#wrap{
	position:relative;
	margin:0em 1em;
	width:840px;
	text-align:left;
}
#header{
	width:840px;
	height:115px;
	background:url("../img/header_bgtop.jpg") left top no-repeat;
}

#main{
	margin-top:20px;
	float:left;
	width:550px;
}

#main-full{	/**** 時間割表示専用 ****/
	margin-left: 0.5%;
	margin-right: 0.5%;
	width:99%;
	margin-top:20px;
	float:left;
	text-align:left;
	line-height:100%;
	font-size: 87.5%;
}

#main-full td, th {
	padding: 5px 2px;
}

#navi{
	margin-top:20px;
	float:right;
	width:230px;
}
#fotter{
	padding-top:45px;
	height:110px;
	width:100%;
	background:url("../img/bottom_line.gif") left bottom repeat-x;
}
#what-txt{
	width:350px;
}
#event-txt{	
	width:300px;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}


/**** hの背景画像表示 ****/

#header h1{
	position:absolute;
	top:32px;
}
#news-block h3{
	margin-bottom:5px;
	width:550px;
	height:29px;
	background:url("../img/news_h.gif") left top no-repeat;
}
#event-block h3{
	margin-top:8px;
	margin-bottom:5px;
	width:550px;
	height:31px;
	background:url("../img/event_h.gif") left top no-repeat;
}
/**** whatの指定 ****/
#what-block{
	width:550px;
	margin-bottom:6px;
	float:left;
	padding-bottom:10px;
	background:url("../img/content_line.jpg") left bottom no-repeat;
}

/**** newsの指定 ****/
#news-block{
	padding-bottom:20px;
	background:url("../img/content_line.jpg") left bottom no-repeat;
}
#news-block dt{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:20px;
	padding-left:12px;
	background:url("../img/list_circle.gif") left 50% no-repeat;
	color:#0588C7;
}

#news-block dt.nocolor{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:20px;
	padding-left:12px;
	background:url("../img/list_circle.gif") left 50% no-repeat;
	color:#666;
}

#news-block dd{
    margin-left:15px;
	padding-bottom:2px;
    padding-left:20px;
	background:url("../img/content_line.jpg") left bottom no-repeat;
	line-height:1.6em;
}
#news-block dd.line-none{
	padding-bottom:0;
	background:none;
}

/**** fotterの指定 ****/
#fotter p{
	padding-top:10px;
}

/**** naviの指定 ****/
#navi ul{
	margin-bottom:25px;
	display:block;
}
#navi ul li{
	padding-top:15px;
	padding-bottom:15px;
	background:url("../img/navi_line.gif") left bottom no-repeat;
}
#navi ul li a{
	padding:5px 0 5px 30px;
	background:url("../img/arrow_off.gif") left 50% no-repeat;
	overflow: hidden;
	color:#000;
	text-decoration:none;
}
#navi ul li a:hover{
	color:#0588C7;
	text-decoration:underline;
	background:url("../img/arrow_on.gif") left 50% no-repeat;
}
#navi strong{
	padding:5px 0 5px 30px;
	background:url("../img/arrow_on.gif") left 50% no-repeat;
	overflow: hidden;
	color:#0588C7;
}

/********************************************** 共通ページの指定 ****/
#same-block h2{
	color:#000;
	margin-bottom:10px;
	padding-left:20px;
	background:url("../img/bigcircle_list.gif") left 50% no-repeat;
}
#same-block #same-txt{
	padding-top:25px;
	background:url("../img/list_line.gif") left top no-repeat;
}
#same-txt p{
	margin-bottom:20px;
}

/********************************************** 関西オープンソースとは？ページの指定 ****/
body#what #what-block h2{
	margin-bottom:10px;
	padding-left:20px;
	background:url("../img/bigcircle_list.gif") left 50% no-repeat;
	color:#000;
}
body#what #what-block #what-box{
	padding-top:25px;
	background:url("../img/list_line.gif") left top no-repeat;
}
body#what #what-txt p{
	margin-bottom:20px;
}
body#what #what-block{
	background:none;
}