html
  {
  height:100%;
  margin-bottom:1px;
}

body {
margin:auto;
padding:0px;
text-align:center;
color:#333333;
background:#ffffff url("img/back.gif") repeat-y center top fixed;
font-family:Verdana,Chicago,Arial,Osaka,sans-serif;
}
a:link {
color:#007196;
text-decoration:none;
}
a:visited {
color:#007196;
text-decoration:none;
}
a:hover {
color:#cc7700;
text-decoration:underline;
}
div.wrap {
text-align: center;
}
div.index {
width:750px;
padding:0px;
text-align: center;
margin:0 auto;
}
*html body div.index {
padding:0px;
text-align: center;
margin:0 auto;
}
*html body div.main_index {
margin:10px auto;
margin-top:10px;
padding:0px;
}
div.main_index {
margin:0px auto;
margin-top:10px;
padding:0px;
}
div.main {
width:710px;
margin:15px auto;
padding:0px;
background: url(img/l_back.gif) repeat-y left top;
}
div.iti {
float:left;
width:190px;
margin:0px;
padding-bottom:10px;
text-align:left;
font-size:75%;
line-height:170%;
}
div.ni {
float:left;
width:500px;
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
font-size:75%;
line-height:170%;
}
div.top-iti {
float:left;
width:500px;
margin:0 0 0 20px;
padding-bottom:10px;
text-align:left;
font-size:75%;
line-height:170%;
}
div.top-ni {
float:left;
width:190px;
margin:0px 0px 0px 20px;
padding:0px;
text-align:left;
font-size:75%;
line-height:170%;
}
div.topheader {
width:720px;
height:60px;
margin:10px auto;
padding:0px;
text-align:left;
}
/* メニュー部分 */
div.aboutmenu {
width:750px;
margin-left: auto;
margin-right: auto;
}
div.aboutmenu:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
div.aboutmenu { display: inline-block; }
/* exlude MacIE5 \*/
* html div.aboutmenu { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

dl#company {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	border: 7px #EEEEEE solid;
}
dl#company dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
}
dl#company dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:750px;
	position:relative;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent url(img/nav_bg.png) repeat-x top left;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
	width:100px;
	letter-spacing:0.2em;
}
	
ul#menu li a:hover
{	
	color:#CCCCCC;
	height:22px;
	background:transparent url(img/nav_bg.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	background:transparent url(img/nav_bg.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}

div.mainphoto
{width:750px;
height:223px;
margin:0px auto;
padding:0px;
text-align:left;
background: url("img/main.jpg") no-repeat center;
}
div.header {
width:720px;
height:130px;
margin:10px auto;
padding:0px;
text-align:left;
background:#ffffff url("img/page.gif") no-repeat right top;
}
/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}
/* Firefox3でpadding指定 */
html>/**/body {
margin-left:-1px;
}
/*\*/
html:\66irst-child {
padding-right: 1px;
}
/* end */

*+html body{
padding-left:1px;
}

a.menu_l{
display:block;
padding-left:25px;
padding-top:8px;
width:165px;
height:31px;
background-image:url(img/menu_a.gif);
margin:0px;
color:#666666;
text-decoration:none;
font-weight:bold;
letter-spacing:0.1em;
}
a:hover.menu_l{
background-image:url(img/menu_b.gif);
color:#ffffff;
text-decoration:none;
}
.menu_l1 a:link
{color:#333333; text-decoration:none;}
.menu_l1 a:visited{color:#333333; text-decoration:none;}
.menu_l1 a:hover{color:#ff9900; #ffffff; text-decoration:none;}

a.menu_l2{
display:block;
padding-left:25px;
    padding-top:8px;
    width:165px;
    height:31px;
    background-image:url(img/menu_a.gif);
    margin:0px;
    color:#666666;
    text-decoration:none;
    letter-spacing:0.1em;
}
a:hover.menu_l2{
    background-image:url(img/menu_b.gif);
    color:#ffffff;
    text-decoration:none;
}

* html box ul.links li{
	height: 1.4em;/* For IE6 */
}
/* start - table */
table {
　　width: 460px;
	border-collapse: collapse;
	margin-top: 20px;
}
th strong {
	color: #fff;
}
th {
	background: #ace4f1 url(img/nav.jpg) repeat-x;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #ace4f1;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding: 2px 11px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
}
td.first,th.first {
	border-left: 0px;
	width:80px;
	font-weight:bold;
	color:#464646;
}
td.map {
	border-left: 0px;
}
tr.row-a {
	background: #FBFBFB;
}
tr.row-b {
	background: #FEFEFE;
}
/* end - table */

ul.sample01 {   
    margin-top: 0;
    margin-bottom: 10px;   
    padding: 10px;   
    border-top: 1px solid #dcdcdc;   
    border-left: 1px solid #ccc;   
    border-right: 1px solid #ccc;   
    border-bottom: 1px solid #ccc;   
}   
ul.sample01 li {   
    position: relative;   
    margin: 0 0 5px;   
    padding: 5px 160px 5px 15px;   
    background: url(img/mark.gif) no-repeat 2px .9em;   
    border-bottom: 1px dotted #ccc; 
    font-weight: bold;  
}   
ul.sample01 li a {   
    font-weight: bold;
    color:#333;
}   
ul.sample01 li span {   
    display: block;   
    position: absolute;   
    top: 5px;   
    right: 10px;   
    width: 140px;   
    text-align: right;   
}   
ul.sample01 li > span {   
    right: 0;   
} 

div.top-iti h3 {
padding:5px 0 5px 21px;
border-bottom:#dcdcdc 3px solid;
background: url("img/list_h3.gif") 1px 50% no-repeat;
font-size: 14px;
font-weight: bold;
background-color: #f5f5f5;
color:#333;
background-position: 7px 0.8em;
}

div.ni h3 {
padding:5px 0 5px 21px;
border-bottom:#007196 3px solid;
background: url("img/list_h3.gif") 1px 50% no-repeat;
font-size: 14px;
font-weight: bold;
background-color: #e7f2f5;
color:#333;
background-position: 7px 0.8em;
}

div.ni h4 {
padding:3px 0 3px 20px;
border-top:#d5d4d4 3px solid;
border-bottom:#d5d4d4 1px dotted;
background: url("img/list_h4.gif") 4px 50% no-repeat;
font-size: 100%;
font-weight: bold;
color:#333;
margin:1.2em 0 12px 2px;
}
div.ni h5 {
clear: both;
height: 1.1em;/* For IE6 */
margin: 1.5em 10px 0.5em 0;
padding: 7px 0 7px 15px;
background: url("img/midasi01.gif") 1px 50% no-repeat;
color: #464443;
margin-top:10px;
background-position: 0 0.6em;
}
div.ni p{
  margin: 0 0 1em 10px;
}
div.footer {
clear:both;
width:750px;
margin:0px auto;
padding:10px 0px;
font-size:80%;
color:#666;
background: #fff;
border-style:solid;
border-width:4px 0px 0px 0px;
border-color:#b1b1b1;
line-height:140%;
}
.footer a:link {
color:#333;
text-decoration:none;
font-size:80%;
}
.footer a:visited {
color:#333;
text-decoration:none;
font-size:80%;
}
.footer a:hover {
color:#cc7700;
text-decoration:none;
font-size:80%;
}

h1{font-size:160%; font-weight:bold; color:#cc3300;}
h2{font-size:100%; font-weight:bold; color:#000000; margin:10px 0px 10px 0px; padding:0px;}
h3{font-size:100%; font-weight:bold; color:#cc3300; margin:5px 0px; clear:left;}

.torikesimoji{color:#999999; text-decoration:line-through;}
hr{display:none; border-style:solid; border-color:#cccccc;}
.counter{position:relative; top:50px; left:20px; color:#ffffff; font-weight:bold; letter-spacing: 0.2em; }

.navi{font-size:80%; display:block; margin:30px 0px 0px 190px; padding:0px;}
.navi a:link{color:#0099cc; text-decoration:none;}
.navi a:visited{color:#0099cc; text-decoration:none;}
.navi a:hover{color:#cc3300; background:#ffffff; text-decoration:none;}

.indextext{display:block; position:relative; top:-70px; left:260px;
 font-size:80%; width:460px; line-height:100%; text-align:right; letter-spacing:0.1em;}
.indextext a{color:#333333; text-decoration:none;}
.indextext a:visited{color:#333333; text-decoration:none;}
.indextext  a:hover{color:#666666; background:#ffffff; text-decoration:none;}

span.top{display:block; margin:20px 0px; padding:5px 0px 0px 0px; text-align:right; font-size:90%;
 border-style:solid; border-width:1px 0px 0px 0px; border-color:#cccccc; clear:left;}

img{border-width:0px;}
img.temp{margin:0px 15px 10px 15px; float:left;}

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

.gray{margin-left:10px; padding-left:15px; background:url("img/list2.gif") no-repeat left center; background-position: 0 0.6em;}
.oranji{margin-left:10px; padding-left:15px; background:url("img/list.gif") no-repeat left center; background-position: 0 0.6em;}
.sikaku{margin-left:0; padding-left:15px; background:url("img/list3.gif") no-repeat left center; background-position: 0 0.6em;}
.bold{font-weight:bold;}

em{color:#555555; text-decoration:none; font-style:normal;}

.form{line-height:200%;}
pre{font-size:1.1em; line-height:130%;}
.box{padding:8px; color:#ffffff; background:#666666;
 border-style:solid; border-width:1px; border-color:#333333;}
.box a:link{color:#ffffff; text-decoration:underline;}
.box a:visited{color:#ffffff; text-decoration:underline;}

div.media {
  margin: 0;
  width: 500px;
  overflow: hidden; /* clear float */
}

div.media p {
  margin: 0 0 1em 20px;
}

div.media img.figure {
  float: left; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 30px 1em 10px;
}
.rec_s1{
	margin:10px 0px 20px 5px;
	padding:5px 9px;
	border-top: #CCC 1px solid;
	border-right: #CCC 10px solid;
	border-bottom: #CCC 1px solid;
	border-left: #CCC 10px solid;
	line-height: 1.6em;
	color:#333;
	background:#f5f5f5;
}
div.box01{
	margin: 3px 5px 1em 5px;
	padding: 10px;
	background-color: #FAFAFB;
	border:0;
	color:#333;
}
div.box01 a{
	color:#007196;
}
div.box01 a:hover{
	color:#cc7700;
}
div.box01 p{
	background-color: #FAFAFB;
	}
table.table02 {
  margin-top: 0.2em;
  margin-bottom: 2em;
  width: 498px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

table.table02 th,
table.table02 td {
  line-height: 1.4em;
  border: solid 1px #999;
  padding:8px;
  color: #444;
}

table.table02 th {
  white-space: nowrap;
  color: #444;
  font-size: 10px;
}

table.table02 td.course {
  background: #f5f5f5;
　width: 120px;
  text-valign: top; 
  font-weight: bolder;
  color: #444;
}
table.table02 td.form {
  font-size: 10px;
  text-valign: middle; 
  color: #444;
}
table.table02 td.conf {
  text-valign: middle; 
  color: #444;
}
table.poricy th,
table.poricy td {
  border: solid 1px #999;
  padding:0px;
  color: #444;
}