@charset "UTF-8";
/* CSS Document */

#header{
	background:url(../images/header.jpg) top left no-repeat;
	display:block;
	width:900px;
	height:101px;
}

#header h1{
	text-indent:-99999px;
	margin:0 auto;
	padding:0;
}

#header h1 a{
	display:block;
	width:900px;
	height:101px;
	outline:none;
}

#header h2{
	display:none;
}	

#uni_navi{
	margin:20px 0;
}

div#sidebar1{
	width:180px;
	margin:0 20px 0 0;
	padding:0 0 20px 0;
	font-size:12px;
	font-color:#333333;
	background:url(../images/sidemenu_bottom.gif) bottom left no-repeat;
	float:left;
	overflow:hidden;
}

div#sidebar1 h3{
	margin:0;
	padding:0;
}

div#sidebar1 ul{
	list-style:none;
	margin:0;
	padding:0;
}

div#sidebar1 li{
	margin:0;
	padding:0;
	border-bottom:1px dashed #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#FFFFFF;
	text-indent:18px;
	overflow:hidden;
}
div#sidebar1 li.on{
	background:#FFFFFF;
	font-weight:bold;
	
	padding:7px 0pt 5px 5px;
}

div#sidebar1 .li01_on,
div#sidebar1 .li02_on,
div#sidebar1 .li03_on{
	margin:0;
	padding:7px 0pt 5px 5px;	
	border-bottom:1px dashed #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-indent:18px;
	background-color:#FFFFFF;
	font-weight:bold;
}

div#sidebar1 .li_on,
div#sidebar1 .li_last{
	background-color:#D7D7FF;
}

div#sidebar1 .li01,
div#sidebar1 .li01_last{
	background-color:#FED6D2;
}

div#sidebar1 .li02,
div#sidebar1 .li02_last{
	background-color:#D3E2F8;
}

div#sidebar1 .li03,
div#sidebar1 .li03_last{
	background-color:#FFFFB0;
}

div#sidebar1 li a,
div#sidebar1 .submenu01 a,
div#sidebar1 .submenu02 a,
div#sidebar1 .submenu03 a{
	display:block;
	color:#333333;
	
	padding:7px 0pt 5px 5px;
	text-decoration:none;
	width:173px;
}

div#sidebar1 li.submenu01,
div#sidebar1 li.submenu01 a,
div#sidebar1 li.submenu01_on{
	background:#FFE7E7 url(../images/li_line_while.gif) 18px 0.8em no-repeat;
}

div#sidebar1 li.submenu03,
div#sidebar1 li.submenu03 a,
div#sidebar1 li.submenu03_on{
	background:#FFFFB0 url(../images/li_line_while.gif) 18px 0.8em no-repeat;
}

div#sidebar1 li.submenu01_on,
div#sidebar1 li.submenu03_on{
background:#FFFFFF url(../images/li_line_while.gif) 18px 0.8em no-repeat;
}

div#sidebar1 li.submenu01_last{
background:#FFE7E7 url(../images/li_line_last.gif) 18px 0.8em no-repeat;
}

div#sidebar1 li.submenu03_last{
background:#FFFFB0 url(../images/li_line_last.gif) 18px 0.8em no-repeat;
}

div#sidebar1 li.submenu01_last_on,
div#sidebar1 li.submenu03_last_on{
background:#FFFFFF url(../images/li_line_last.gif) 18px 0.8em no-repeat;
}

div#sidebar1 .submenu01 a{
	background:#FED6D2;
}

div#sidebar1 .submenu02 a{
	background:#C8DFFF;
}

div#sidebar1 .submenu03 a{
	background:#FFFFB0;
}

div#sidebar1 .submenu,
div#sidebar1 .submenu01,
div#sidebar1 .submenu02,
div#sidebar1 .submenu03,
div#sidebar1 .submenu01_on,
div#sidebar1 .submenu02_on,
div#sidebar1 .submenu03_on,
div#sidebar1 .submenu01_last,
div#sidebar1 .submenu02_last,
div#sidebar1 .submenu03_last,
div#sidebar1 .submenu01_last_on,
div#sidebar1 .submenu02_last_on,
div#sidebar1 .submenu03_last_on{
	text-indent:28px;
}

div#sidebar1 .submenu_on,
div#sidebar1 .submenu01_on,
div#sidebar1 .submenu02_on,
div#sidebar1 .submenu03_on,
div#sidebar1 .submenu01_last_on,
div#sidebar1 .submenu02_last_on,
div#sidebar1 .submenu03_last_on{
	font-weight:bold;
	margin:0;
	padding:7px 0pt 5px 5px;
	border-bottom:1px dashed #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#FFFFFF;
	
}

div#sidebar1 .li_end,
div#sidebar1 .li01_last,
div#sidebar1 .li02_last{
	border-bottom:none;
}


div#sidebar1 li a:hover{
	text-decoration:underline;
	background-color:#FFFFFF;
}

#mainContent{
	font-size:small;
	margin:0;
	float:right;
	width:680px;
}

#mainContent h1{
	border-left:5px solid #000066;
	background:#BEDFFF;
	padding-bottom:3px;
	font-weight:bold;
	font-size:15px;
	text-indent:3px;
	color:#003366;
	margin:0 0 10px;
	padding:5px;
}

#mainContent h2{
	font-size:medium;
	border-left:5px solid #000066;
	padding:0 0 0 10px;
	margin-top:20px;
}

#mainContent h3.tolink a{
	color:#0033CC;
	font-weight:bold;
	background:url(../images/tolink.gif) top left no-repeat;
	padding:0 0 0 20px;
	margin:5px 0;
	text-decoration:none;
}

#mainContent h3.toorder a{
	color:#FF0000;
	font-weight:bold;
	background:url(../images/red_arrow.gif) top left no-repeat;
	padding:0 0 0 20px;
	margin:5px 0;
	text-decoration:none;
}

#mainContent h3.tolink a:hover,
#mainContent h3.toorder a:hover{
	text-decoration:underline;
}

#mainContent h4,
#mainContent h5{
	font-size:small;
}

.new{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}

.book_title{
	color:#333333;
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
}

.content_area{
	margin:10px;
	padding:0;
}

#mainContent p.description{
	width:400px;
	float:left;
	margin:0;
	padding:0;
}

#mainContent img.photo{
	float:right;
}

#mainContent .align_right{
	text-align:right;
}

/*-------- news ----------*/
.contents{
	margin:20px 20px 50px;
	font-size:small;
}

.contents p{
	text-indent:12px;
	margin:20px 0;
}

h3.title{
	margin:5px 0;
	padding:0 0 3px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	border-bottom:1px solid #000066;
}

.date{
	float:right;
	color:#6666666;
}

/*-------menu01------*/
#qalist{
	margin:10px auto;
	padding:0;
	width:700px;
	height:130px;
}
#qalist ul{
	list-style:none;
	margin:0;
	padding:0 0 0 5px;
}

#qalist ul.list_left{
	list-style:none;
	float:left;
	width:260px;
	clear:left;
	margin:0;
	padding:0 0 0 5px;
}

#qalist ul.list_right{
	list-style:none;
	float:right;
	width:380px;
	margin:0;
	padding:0;
}


#box1{
	margin:5px;
	padding:10px;
	width:500px;
	height:200px;
	background-color:#FFCC99;
}

#box2{
	width:560px;
	margin:0 auto;
	padding:10px;
	color:#333333;
	background-color:#FFFFCE;
	font-size:small;
}
	
.text{
	float:left;
	margin:0;
	padding:0;
	width: 75%;
}

.float_right{
	float:right;
}

.box_left{
	margin:0;
	padding:0;
	float:left;
	width:400px;
	line-height:2.0em;
}

.box_right{
	margin:0;
	padding:0 10px;
	float:right;
}

#activities{
	width:540px;
	margin:20px auto;
	padding:3px;
	border:0;
	text-align:center;
}

#activities td{
	background:#FFCC99;
	width:180px;
	padding:5px 0;
}

#activities td.white{
	background:#FFFFFF;
}

#activities td.gray{
	background:#999999;
}

/*--------  workshop -----------*/

.workshop{
	margin:0 0 20px;
	padding:10px;
	width:640px;
	border:1px solid #CCCCCC;
	font-size:12px;
}

.ws_place{
	margin:0;
	padding:0;
	color:#000099;
	font-size:14px;
}

.ws_title{
	margin:5px 0 10px;
	padding:0 0 5px;
	color:#000099;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
}

.workshop img{
	margin:0 0 20px 20px;
}

/*--------  講師派遣  ---------*/

table.program{
	border-width:1px;
	border-style:solid;
	border-color:navy;
	line-height:1;
	width:520px;
	font-size:12px;
}

table.program td.cate{
	background-color:#003366;
	font-color:#FFFFFF;
	font-size:medium;
	font-weight:bold;
	color: #FFFFFF;
}

table.program td.program_title{
	font-size:medium;
	font-weight:bold;
	background-color:#ececff;
}

/*-----------開発教育とは------------*/

#movie{
	margin:30px auto;
	padding:0;
}

#movie ul{
	margin:20px 0;
	padding:0;
	list-style:none;
}

#movie li{
	margin:0;
	padding:0;
	height:75px;
	width:330px;
	text-indent:-10000px;
	float:left;
}

#movie li#vol1 a,
#movie li#vol2 a{
	display:block;
	height:75px;
	width:330px;
	outline:none;
}

#movie li#vol1{
	background:url(../images/btn_vol1.jpg) left top no-repeat;
}

#movie #vol1:hover{
	background-position:0 -75px;
}
	
#movie li#vol2{
	background:url(../images/btn_vol2.jpg) left top no-repeat;
}

#movie #vol2:hover{
	background-position:0 -75px;
}

.box_pink{
	margin:10px auto;
	padding:20px;
	background:#FFFFCC;
}
/*-----------世界をみる------------*/

.col_left{
	float:left;
	margin-right:10px;
}

.col_right{
	float:right;
	margin:0;
}

.world{
	width:320px;
	margin:10px 0;
	padding:1px;
	position:relative;
	border:1px solid #999999;
}

.toData{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	text-indent:-90000px;

}

.toData a{
	margin:0;
	padding:0;
	display:block;
	width:90px;
	height:28px;
	outline:none;
}
	
#mainContent h4.list01{
	margin:5px 3px;
	padding:0 0 0 73px;
	background:url(../images/kaisetsu.gif) top left no-repeat;
	border-bottom:1px dashed #999999;
	height:20px;
	font-size:12px;
}

#mainContent h4.list02{
	margin:5px 3px;
	padding:0 0 0 73px;
	background:url(../images/jirei.gif) top left no-repeat;
	border-bottom:1px dashed #999999;
	height:20px;
	font-size:12px;
}

#mainContent h4 a{
	font-weight:normal;
}