@charset "utf-8";

/* CONTAINER ****************************************************************/
div#contents div.topback {
	margin: 20px 30px 30px 0;
}


/* HEADER ****************************************************************/
div#header {
	width: 800px;
	height: 80px;
}

div#h-top p {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}
div#h-top p a {
	float: left;
	width: 400px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/logo.gif) no-repeat;
}


/* MAIN ****************************************************************/
div#main {
	padding-top: 28px;
}

a:link.pan {
	font-size:12px;
	color:#646464;
}
a:visited.pan {
	font-size:12px;
}

div#navi {
	margin:30px 0 30px 0;
	font-size:20px;
	color:#000;
}

div#box1 { float: left;}
div#box2 { float: left;}
div#box3 { float: left;}
div#box4 { margin-bottom:25px;}
div#box5 { margin-bottom:25px;}
div#box6 { margin-bottom:25px;}

div.cont-box {
	width: 188px;
	height: 20px;
	text-indent: -9999px;
}

div.cont-box2 {
	width: 200px;
	height: 20px;
	text-indent: -9999px;
}

p.inbox a {
	display: block;
	width:200px;
	height: 20px;
}

p.inbox2 a {
	display: block;
	width:160px;
	height: 20px;
}

p#img01 a { background: url(../course/images/navi_rigaku.gif) no-repeat 0 0;}
p#img02 a { background: url(../course/images/navi_sagyo.gif) no-repeat 0 0;}
p#img03 a { background: url(../course/images/navi_gengo.gif) no-repeat 0 0;}
p#img04 a { background: url(../course/images/navi_gakka.gif) no-repeat 0 0;}
p#img05 a { background: url(../course/images/navi_curri.gif) no-repeat 0 0;}
p#img06 a { background: url(../course/images/navi_koe.gif) no-repeat 0 0;}
p#img07 a { background: url(../course/images/navi_gakka02.gif) no-repeat 0 0;}
p#img08 a { background: url(../course/images/navi_curri02.gif) no-repeat 0 0;}
p#img09 a { background: url(../course/images/navi_koe02.gif) no-repeat 0 0;}

p#img01 a:hover { background-position: 0 -22px;}
p#img02 a:hover { background-position: 0 -22px;}
p#img03 a:hover { background-position: 0 -22px;}
p#img04 a:hover { background-position: 0 -22px;}
p#img05 a:hover { background-position: 0 -22px;}
p#img06 a:hover { background-position: 0 -22px;}
p#img07 a:hover { background-position: 0 -22px;}
p#img08 a:hover { background-position: 0 -22px;}
p#img09 a:hover { background-position: 0 -22px;}


div#voice {
	text-align:left;
}

diV#left01 {
	float:left;
	width:420px;
}

diV#left02 {
	float:left;
	width:420px;
	height:135px;
}

div#text01 {
	margin:10px 0 0 12px;
	font-size:14px;
	color:#000;
}

div#right01 {
	float:right;
}

.clear {
	clear:both;
}


div#curri01 {
	text-align:left;
	background-image:url(../course/images/icon_01.gif);
	background-repeat:no-repeat;
	color:#575757; 
	font-size:13px;
	width:585px;
	height:460px;
	margin-left:10px;
}

div#curri02 {
	text-align:left;
	background-image:url(../course/images/icon_02.gif);
	background-repeat:no-repeat;
	color:#575757; 
	font-size:13px;
	width:585px;
	height:460px;
	margin-left:10px;
}

div#curri03 {
	text-align:left;
	background-image:url(../course/images/icon_03.gif);
	background-repeat:no-repeat;
	color:#575757; 
	font-size:13px;
	width:585px;
	height:460px;
	margin-left:10px;
}

div#curri04 {
	text-align:left;
	background-image:url(../course/images/icon_04.gif);
	background-repeat:no-repeat;
	color:#575757; 
	font-size:13px;
	width:585px;
	height:460px;
	margin-left:10px;
}

div.cu-le { float:left; margin-left:90px;}
div.cu-ri { float:right; width:335px;}
div.cu-le02 { float:left; width:150px;}
div.cu-ri02 { float:right; width:170px;}
div.cu-le03 { float:left; margin:20px 0 0 0;}
div.cu-ri03 { float:right; width:400px; margin:20px 60px 0 0;}
div.cu-le04 { float:left; margin-left:90px; height:170px;}
div.cu-le05 { float:left; margin-left:10px;}
div.cu-ri05 { float:right; width:450px;}

.t11 { font-size:11px;}
.t12 { font-size:12px;}
.t14 { font-size:14px;}
.t16 { font-size:16px;}
.t18 { font-size:18px;}
.c12 { font-size:12px; color:#C28700;}
.m11 { font-size:11px; margin:5px 0;}
.m12 { font-size:12px; margin-bottom:15px;}
.m20 { font-size:20px; margin:5px 0;}

.hr {
	width:590px;
	margin:0 0 20px 0;
}

.font01 { font-size:20px; color:#EB6EA5;}
.text01 { font-size:12px; color:#000;}

.illust { width:500px;}
.illust_l { float:left;}
.illust_r { float:right;}

/* FOOTER ****************************************************************/
div#footer {
	height: 3em;
	font-size: 10px;
}
div#footer address {
	padding-top: 0.2em;
	font-size: 10px;
}