*{
  margin : 0px;
  padding : 0px;
}

body{
  text-align:center;
background-color:#ededed;
background:url('../../img/background02.jpg') repeat center top;
  font-size:small;
  color:#333333;
  line-height:120%;
}

li a:link{
  text-decoration:none;
  color:#666666;
}

li a:visited{
  text-decoration:none;
  color:#666666;
}

li a:hover{
  text-decoration:underline;
  color:#669999;
}


p{
	text-indent:1em;
}

ul{
	margin:4px 4px 4px 18px;
	padding:2px;
}

dt{
line-height:150%;
text-indent:1em;

}

dd{
text-indent:1em;
margin:0.5em 0.5em 0.5em 2em;
}


td{
	padding:3px;
}


/* wraper */
#wraper{
width:800px;
background-color:white;
}


/* header */

#header{
  margin:0px;
  width:800px;
  text-align:left;
}

#l_head{
  text-align:left;
  float:left;
  width:210px;
}
#c_head{
  text-align:right;
  float:left;
  width:300px;
  vartical-align:middle;
}
#r_head{
	padding:0px 2px;
  text-align:left;
  float:left;
  width:125px;
}
#r_head2{
	padding:0px 2px;
  text-align:right;
  float:left;
  width:125px;
}


#header2{
	width:800px;
  text-align:left;

}


/* container */
#container{
margin:0px;
width:800px;
clear:both;
}

/* l_menu */

#l_menu {
text-align:left;
float:left;
width:180px;
}

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


#l_menu li {
margin:0px;
padding:0px;
border-bottom:1px solid #cccccc;
}

#l_menu li a {
	list-style:none;
	display:block;
	width:100%;
	width:170px;
	height:18px;
	background:url(../../img/arrow-h.gif) left center no-repeat;
	padding:2px 2px 2px 14px;
}

#l_menu li li {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #cccccc;
}

#l_menu li li a {
	margin:0px;
	padding:0px;
	text-indent:1em;
	padding:0px 0px 0px 18px;
	background:url(../../img/arrow-hs.jpg) left center no-repeat;
}


/* l_menu2 */

#l_menu2 ul{
	margin:4px 0px;
	padding :0px;
	list-style-type:none;
}

#l_menu2 li{
	margin:0px;
	background : url(../../img/arrow-g2.gif) left center no-repeat;
	padding : 2px 2px 2px 26px;
	vertical-align:top;
}


/* middle */

#middle{
text-align:left;
float:right;
width:600px;

}


/* navigation */
#navigation{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x top left;
}

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation a:hover{
	background-color:#336600;
}


/* navigation2 */
#navigation2{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x bottom left;
}

#navigation2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation2 li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation2 a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation2 a:hover{
	background-color:#336600;
}

/* regist */

#regist{
text-align:right;
float:left;
width:800px;
}


#rec01{
	float: left;
	width: 600px;
	text-align: center;
	padding: 18px 6px;
	font-size: large;
	color: #003399;
	height: 300px;
}

#tel{
width:600px;
text-align:center;
font-size:small;
}


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

#tel li{
float:left;
width:140px;
margin:2px;
padding:0px;
list-style: none;
}

#tel a{
	display:block;
	width:120px;
	padding:4px 0px 4px 0px;
}


/* footer */

#footer{
text-align:center;
width:800px;
background-color:#cccccc;
clear:both;
}

#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:20px;
	overflow:hidden;
}

#footer li{
	float:left;
	width:112px;
	margin:1px 0px;
	padding:0px;
}


#footer a{
	display:block;
	width:100%;
	color:#333333;
	text-decoration:none;
	text-align:center;
}

#footer a:hover{
	background-color:#006600;
}


#navi {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi li{
	float:left;
	list-style: none;
	width:120px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button-mini.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi a:hover{
	background-position:right top;
}


#navi2 {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi2 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi2 li{
	float:left;
	list-style: none;
	width:180px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi2 a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button03.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi2 a:hover{
	background-position:right top;
}