@charset "Shift_JIS";
/* 全体構造
---------------------------------------------------- */
body{
background-color:#FFFFF0;
color:#333333;
padding:0px;
margin:0px;
text-align:center;
font-size:100%;
font-family:"MS 明朝","ヒラギノ明朝 Pro W6",serif;

}

h1,h2,h3,h4,h5,h6,p{
padding:0;
margin:0;
}

#container{
margin:0 auto;
text-align:left;
width: 762px;
}

/* リンク
---------------------------------------------------- */
a:link {
  color: #996633;
  background: transparent;
  text-decoration:none;
}
a:visited {
  color: #CC9966;
  background: transparent;
}
a:hover, a:active {
  color:#660033;
  background: transparent;
  text-decoration:underline;
}



/* タイトル
---------------------------------------------------- */
#title {
background:url(../img/title_bg01.gif);x-repeat;
width:760px;
height:62px;
}

#title img{
margin:20px 0px 0px 0px;
padding:0px;
}

/* ページ内メニュー
---------------------------------------------------- */
#menu01{
width:670px;
margin:0px 10px 0px 25px;
padding:5px 0px 5px 3px;
/*background:#A48A62 url(images/menu_bg.jpg) no-repeat 0% 0%;
border-top:1px solid #666;
border-bottom:1px solid #666;*/
background-color:#FFCCCC;
}

#menu01 p {
margin:0px;
padding:10px;
font-size:85%;
line-height:120%;
}

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

#menu01 li{
display:inline;
color:#330000;
margin:5px;
padding:10px;
font-size:85%;
line-height:120%;
/*font-weight:bold;*/
}


#menu01 a:link{
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}
#menu01 a:visited {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}
#menu01 a:hover, a:active {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}

/* メインコンテンツ01
---------------------------------------------------- */
#main01 h1{
	margin:5px 0px 10px 40px;
	padding10px 10px 5px 50px;
	font-size:0.9em;
	line-height: 1.4em;
	color: #222;
	font-weight: bold;
}
#main01 h3{
	width:660px;
	height:30px;
	background:url(../system/img/title_bg01.gif);no-repeat;
	margin:20px 10px 5px 25px;
	padding:5px 0px 0px 20px;
	font-size:0.9em;
	line-height: 1.4em;
	color: #222;
	font-weight: bold;
}	
	
#main01 h4{
	margin:5px 0px 10px 5px;
	padding10px 10px 10px 10px;
	font-size:0.8em;
	line-height: 1.4em;
	color: #fff;
	background-color:#222;
}

#main01 .txt00{
	width:650px;
	margin:5px 0px 10px 0px;
	padding10px 10px 5px 10px;
	font-size:0.8em;
	line-height: 1.4em;
	color: #222;
}

#main01 p{
	margin:0px 10px 0px 25px;
	padding:10px 20px 5px 20px;
	font-size:85%;
	line-height: 1.8em;
	color: #000033;
	}
	


#main01 ul {
  width:640px;
  margin: 0px 0px 0px 50px;
  padding: 10px 0px 10px 0px;

}
#main01 ul p {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 0.9em;
  line-height: 1.2em;
  color:#5F9EA0;
  font-weight: bold;
  border-bottom:dashed 1px #ADD8E6;
}
#main01 li {
margin: 5px 5px 10px 20px;
padding: 0px 0px 15px 0px;
font-size:85%;
line-height: 1.8em;
color:#003333;
list-style: none;
}

#main01 a:link{
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}

#main01 a:visited {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}
#main01 a:hover, a:active {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}


#main01 .txt03 {
	font-size: 10px;
	color: #FFF;
	background-color:#339900;
	font-weight: 500;
 　 　margin: 0px 10px 0px 0px;
	padding:2px 5px 2px 5px;
	}


#main01 .txt04 {
     width:200px;
	font-size: 12px;
	color: #222;
	font-weight: 500;
	margin: 10px 15px 5px 40px;	
	padding:2px 5px 2px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #FFCCCC #FFCCCC #FFF;
	background-color: #FFEBCD;
	}


/* 脚注
---------------------------------------------------- */
#main001 ul {
  width:580px;
  margin: 0px 0px 0px 70px;
  padding: 10px 20px 0px 0px;
  background-color:#eee;

}
#main001 ul p {
  margin: 0px 0px 10px 0px;
  padding: 0 0 0 0;
  font-size: 0.9em;
  line-height: 1.2em;
  color:#5F9EA0;
  font-weight: bold;
  border-bottom:dashed 1px #ADD8E6;
}
#main001 li {
  margin: 5px 5px 10px 30px;
  padding: 0px 0px 10px 0px;
  font-size: 0.7em;
  line-height: 1.4em;
  color:#003333;
  list-style: none;
}

/* オプション用
---------------------------------------------------- */
#main02{
	background-color:#fffff0;
	width:690px;
	margin:0px 10px 10px 30px;
}

#main02 img{
	margin:0px;
	padding:1px;
}
#main02 h3{
	width:660px;
	height:30px;
	background:url(../system/img/title_bg01.gif);no-repeat;
	margin:20px 10px 5px 0px;
	padding:5px 0px 0px 20px;
	font-size:0.9em;
	line-height: 1.4em;
	color: #222;
	font-weight: bold;
}
#main02 h4{
	width:600px;
	margin:5px 0px 10px 30px;
	padding:5px;
	font-size:0.8em;
	line-height: 1.4em;
	color: #222;
	background-color:#FFCCCC;
}

#main02 p{
	margin:0px 10px 0px 25px;
	padding:10px 20px 5px 20px;
	font-size:85%;
	line-height: 1.8em;
	color: #003333;
	}
#main02 .txt00{
	width:650px;
	margin:5px 0px 10px 0px;
	padding10px 10px 5px 10px;
	font-size:0.8em;
	line-height: 1.4em;
	color: #222;
}

#main02 ul {
  width:600px;
  margin: 10px 0px 0px 10px;
  padding: 10px 0px 5px 0px;

}
#main02 ul p {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 0.9em;
  line-height: 1.2em;
  color:#4682B4;
  font-weight: bold;
  border-bottom:dashed 1px #ADD8E6;
}
#main02 li {
  margin: 0px 5px 5px 30px;
  padding: 0px 0px 5px 0px;
  font-size: 0.8em;
  line-height: 1.6em;
  color:#003333;
  list-style: none;
}

#main02 .txt03 {
	font-size: 10px;
	color: #FFF;
	background-color:#339900;
	font-weight: 500;
 　　 margin: 0px 10px 0px 0px;	
	padding:2px 5px 2px 5px;
	}
#main02 .txt02 {
	font-size: 14px;
	color: #339900;
	font-weight: bold;
	margin: 0px 0px 5px 0px;	
	padding:2px 5px 0px 0px;
	}
	
#main02 .txt04 {
	font-size: 12px;
	color: #222;
	margin: 0px 0px 2px 0px;	
	padding:2px 5px 0px 0px;
	}
			
/* table  カリキュラム
---------------------------------------------------- */	
#frame {
width:690px;
margin:0px 10px 10px 30px;
}


#frame h3{
	width:660px;
	height:30px;
	background:url(../system/img/title_bg01.gif);no-repeat;
	padding:5px 0px 0px 20px;
	font-size:0.9em;
	line-height: 1.4em;
	color: #222;
	font-weight: bold;
}
#frame a:link{
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}

#frame a:visited {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}
#frame a:hover, a:active {
border:0px;
margin:0px;
padding:0px;
font-size:100%;
line-height:100%;
}
#frame  p{
	margin:0px 10px 0px 25px;
	padding:10px 20px 5px 20px;
	font-size:85%;
	line-height: 1.8em;
	color: #000033;
	}

#frame  ul {
  width:600px;
  margin: 0px 0px 0px 40px;
  padding: 10px 0px 10px 0px;
  list-style-type: disc;
}	
#frame  li {
  margin: 5px 5px 2px 20px;
  padding: 0px 0px 5px 0px;
  font-size: 0.8em;
  line-height: 1.4em;
  color:#003333;

}	

#frame  ul p{
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 5px 0px;
  font-size: 0.8em;
  line-height: 1.7em;
  color:#222;
  border-bottom:dashed 1px #ADD8E6;
  border-top:dashed 1px #ADD8E6;
  }
  
  
#frame  table {
margin: 0px 0px 0px 0px;
width:680px;
border:1px solid #222;
background-color:#ccc;
}

#frame th{border:1px solid #222;
font-size:x-small;
}

#frame td{
border-collapse:collapse;
font-size:10px;
color:#222;
}
#frame td#time{
border-collapse:collapse;
font-size:9px;
color:#333333;
}


/*--#sh
#frame
table {
        font-size: 10px;
        color: #666666;
        width: 680px;
        margin-bottom: 30px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
#frame th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}
#frame td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
}--/*

/* profile
---------------------------------------------------- */
#profile {
  width:644px;
  margin: 0px 0px 0px 40px;
  padding: 0px;
}
#profile h3{
	width:660px;
	height:30px;
	background:url(../system/img/title_bg01.gif);no-repeat;
	margin:20px 10px 5px 5px;
	padding:5px 0px 0px 20px;
	font-size:0.9em;
	line-height: 1.4em;
	color: #222;
	font-weight: bold;
}
#profile .top{
width:644px;
height:8px;
background-image:url(../course/img/wak_top.gif);
no-repeat;
margin: 0px 0px 0px 5px;
padding: 0;
text-indent: -9999px;
}
#profile .content{
   width:644px;
   background-image:url(../course/img/wak.gif);y-repeat;
  font-size: 10px;
  margin: 0px 0px 0px 5px;
  padding: 0;
  color:#222;
  }
  #profile .content p{
  width:500px;
  font-size: 10px;
  line-height: 1.6em;
  margin: 0px 0px 0px 0px;
  padding: 10px 20px 0px 105px;
  color:#222;
  }
  #profile .content img{
	flot:left;
	padding: 10px 10px 10px 5px;
  }
#profile .bottom{
width:644px;
height:11px;
background-image:url(../course/img/wak_bottom.gif);no-repeat;
margin: 0px 0px 0px 5px;
text-indent: -9999px;
}


/*ページ末リンク
---------------------------------------------------- */

#pagelink ul {
  display:inline;
  text-align:right;
  margin: 30px 50px 20px 500px;
  padding: 0px;
  }

#pagelink li {
  display:inline;
  list-style-type: none;
  margin:0;
  padding: 5px 10px 5px 10px;

  }
#pagelink a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display:inline;
  color: #222222;
  font-size:0.8em;
  line-height: 1.6em;
  background:url(../img/arrow01.gif)  no-repeat  center  left;
  margin-left: 15px;
  padding-left: 15px;
}


#pagelink li a:link {
  color: #222;
  line-height: 1.6em;
  text-decoration:none;
  }

#pagelink li a:visited {
  color: #CC9966;
  line-height: 1.6em;
 text-decoration:none;
}

#pagelink li a:hover, a:active {
  color: #669900;
  line-height: 1.6em;
  text-decoration:underline;
} 	
/* フッタリンク
---------------------------------------------------- */
#footlink {
  margin: 2px 10px 2px 10px;
  padding: 2px 10px 2px 10px;
  width:500px;
  height:18px;
  background-color:#73B9DC;
}
#footlink p {
  margin: 0px 0px 0px 0px;
  padding: 0;
  color:#FFF;
  font-size: 10px;
  font-familt:Helvetica,Verdana,Arial,sans-serif;
}
#footlink ul {
  display:inline;
  margin: 0;
  padding: 0px;
  list-style: none;
}

#footlink li {
  display:inline;
  font-size: 10px;
  margin: 0px 100px 2px 5px;
  padding: 0;
  color:#fff;
  font-familt:Helvetica,Verdana,Arial,sans-serif;
}


#footlink li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display:inline;
  color:#fff;
  font-size: 10px;
}


#footlink li a:link {
  color: #fff;
  font-size: 10px;
  text-decoration:none;
  }

#footlink li a:visited {
  color: #CC9966;
  font-size: 10px;
 text-decoration:none;
}
#footlink li a:hover, a:active {
  color: #ff9933;
  font-size: 10px;
  text-decoration:underline;
}


#mag{
  margin:30px;
}