@charset "utf-8";

/*reset*/
h2,h3,h4,h5,h6 {text-indent:-9999px; margin:0px; padding:0p;}
img {margin:0px; padding:0px;}

/*文字の色*/
.or {color:#ff5b01;}
.mark {background:url(images/mark_01.gif) no-repeat left center; padding-left:15px; line-height:25px; color:#0c96dd; display:block;}
.blu {color:#3399FF;}

/*みだしタグの設定*/
h2 {
	width:750px;
	height:93px;
	background:url(images/midashi01.jpg) no-repeat;
	}

h3 {
	width:750px;
	height:16px;
	background:url(images/midashi03.jpg) no-repeat;
	}

h4 {
	width:720px;
	height:27px;
	}


/* CSS Document */


#naiyou {
	width:750px;
	height:auto;
	overflow:hidden;
	margin:120px 0px 0px;
	padding:0px;
	position:absolute;
	z-index:20;
	}

.midashi {
	width:750px;
	height:260px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	background:url(images/midashi02.jpg) no-repeat;
	}

.midashi p {
	width:450px;
	height:auto;
	margin:5px 0px 0px 270px;
	padding:0px;
	line-height:18px;
	}
.midashi p.small {font-size:12px; line-height:15px; color:#3366CC;}
	
.kousyu,.service {
	width:720px;
	height:auto;
	overflow:hidden;
	margin:12px auto;
	padding-bottom:10px;
	background:#f4fcff;
	}

.inbox {margin:0px; padding:0px; height:auto; overflow:hidden;}

.midashi table {width:450px;	margin:5px 0px 0px 270px; border:solid 1px #ccc; border-right:none; border-bottom:none; background:#FFFFFF;}
.midashi td {padding:1px 3px 1px 8px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.midashi td.left {width:100px;}
.midashi td.title {text-align:center; background:#FFFFCC;}

	
/*講習について*/
.kousyu h4 {background:url(images/kousyu.gif) no-repeat;}
.kousyu h5 {
	width:720px;
	height:30px;
	margin:5px 0px;
	background:url(images/kousyu_02.gif) no-repeat;
	}
.kousyu h6 {
	width:468px;
	height:34px;
	margin:5px 0px;
	background:url(images/kousyu_03.gif) no-repeat;
	}

.kousyu .l01 {width:300px; float:left; margin:0px 10px;}
.kousyu .r01 {width:380px; float:left; line-height:18px;}

.kousyu .l02 {width:468px; float:left;}
.kousyu .r02 {width:250px; float:left;}

.kousyu .l02 dl {width:460px; height:102px; margin:0px;}	
.kousyu .l02 dt {width:150px; height:102px; float:left; margin:0px 10px;}
.kousyu .l02 dd {width:270px; height:102px; float:left; margin:0px; line-height:18px;}
.kousyu .l02 p {margin:0px 10px; color:#0c96dd; display:block;}

.kousyu .r02 div {
	width:250px;
	height:130px;
	margin:110px 0px 0px;
	padding:45px 0px 0px;
	background:url(images/kousyu_04.gif) no-repeat;
	}
.kousyu .r02 p {width:200px; height:auto; margin:0px auto;}

.ishida {
	width:252px;
	height:129px;
	position:absolute;
	margin:90px 468px;
	z-index:30;
	text-indent:-9999px;
	background:url(images/kousyu_ishida.jpg) no-repeat;
	}
	
/*サービス*/
.service h4 {background:url(images/service.gif) no-repeat;}
.service h5 {
	width:161px;
	height:30px;
	background:url(images/service_02.gif) no-repeat;
	margin:8px 0px 3px;
	}

.service h6 {
	width:697px;
	height:34px;
	margin:0px auto;
	background:url(images/service_03.gif) no-repeat;
	}

.service .l01 {width:324px; float:left; margin:10px 0px 0px 5px;}
.service .r01 {width:370px; float:left;}

.service .r01 p {margin:0px 5px; line-height:18px;}
.service .r01 div {
	width:210px;
	height:113px;
	margin:0px;
	padding:58px 0px 0px 170px;
	background:url(images/service_osusume.jpg) no-repeat;
	}
.service .r01 span {
	display:block;
	width:175px;
	height:100px;
	margin:0px;
	}

.all {width:680px; margin:0px auto; line-height:18px; clear:both;}

.service .l02 {width:330px; float:left; background:url(images/service_04.gif) no-repeat; margin:0px 10px;}
.service .r02 {width:335px; float:left; background:url(images/service_05.gif) no-repeat;}

.service ul {
	list-style:none;
	height:75px;
	overflow:hidden;
	margin:0px; padding:45px 0px 0px 10px;
	}

.service li {
	display:block;
	width:300px;
	margin:0px;	padding-left:20px;
	background:url(images/mark_02_01.gif) no-repeat left center;
	}


/*発*/
#hatu {
	width:727px;
	height:41px;
	margin:0px auto;
	padding:0px;
	position:relative;
	}

#hatu div.top {width:228px; height:41px; float:left; margin:0px; background:url(images/bt/hatu_top.png); text-indent:-9999px;}
#hatu div.end {width:31px; height:41px; float:left; margin:0px; background:url(images/bt/hatu_end.png); text-indent:-9999px;}

#hatu ul {
	list-style:none;
	width:468px;
	height:41px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(images/bt/bk.png) repeat-x;
	}

#hatu li,#hatu a {
	display:block;
	width:117px;
	height:41px;
	margin:0px; padding:0px;
	float:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

a.bt01 {background:url(images/bt/os.png);}
a.bt02 {background:url(images/bt/ty.png);}
a.bt03 {background:url(images/bt/ng.png);}
a.bt04 {background:url(images/bt/fu.png);}

a.bt01:hover {background:url(images/bt/os_o.png);}
a.bt02:hover {background:url(images/bt/ty_o.png);}
a.bt03:hover {background:url(images/bt/ng_o.png);}
a.bt04:hover {background:url(images/bt/fu_o.png);}


/*背景*/
#zback {
	width:750px;
	height:auto;
	overflow:hidden;
	margin:0px;
	padding:0px;
	position:relative;
	}

div.z {
	width:750px;
	height:81px;
	margin:0px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

.z01 {background:url(images/bk_01.jpg);}
.z02 {background:url(images/bk_02.jpg);}
.z03 {background:url(images/bk_03.jpg);}
.z04 {background:url(images/bk_04.jpg);}
.z05 {background:url(images/bk_05.jpg);}
.z06 {background:url(images/bk_06.jpg);}
.z07 {background:url(images/bk_07.jpg);}
.z08 {background:url(images/bk_08.jpg);}
.z09 {background:url(images/bk_09.jpg);}
.z10 {background:url(images/bk_10.jpg);}
.z11 {background:url(images/bk_11.jpg);}
.z12 {background:url(images/bk_12.jpg);}
.z13 {background:url(images/bk_13.jpg);}
.z14 {background:url(images/bk_14.jpg);}
.z15 {background:url(images/bk_15.jpg);}
.z16 {background:url(images/bk_16.jpg);}
.z17 {background:url(images/bk_17.jpg);}
.z18 {background:url(images/bk_18.jpg);}
.z19 {background:url(images/bk_19.jpg);}
.z20 {background:url(images/bk_20.jpg);}