@charset "utf-8";


/* トップイメージ　---------------　*/

#topimg {
background-color:#284ca2;
border-bottom:1px solid #CCC;
}

#topimgbox {
width:960px;
margin:0 auto;
padding:6px 0 0 0;
/*border-bottom:2px solid #FFF;*/
}


@media screen and (min-width: 1200px) {
	#topimgbox {
	width:960px;
	max-width: 1200px;
	margin:0 auto;
    }
}

@media screen and (max-width: 640px) {
	#topimg {
	width:100%;
	margin:0 auto;
	min-width:320px;
    }
	#topimgbox {
	width:100%;
	margin:0 auto;
	min-width:320px;
    }
}



/* トップメイン ------------------------ */

#index {
width:700px;
float:right;
background-color:#FFF;
}

@media screen and (max-width: 640px) {
	#index {
	width:100%;
	margin:0 auto;
	min-width:320px;
    }
}



/* おしらせ -------- */

#topnews {
margin:0 0 3em 0;
border-top:4px solid #777777;
}

#topnews ul {
margin:0 0 1.5em 0;
overflow:hidden;
}

#topnews ul li {
font-size:16px;
}

.topnews1 {
float:left;
color:#000;
width:110px;
padding:6px 0 4px 10px;
border-right:1px solid #777;
text-align:left;
}

.topnews2 {
float:left;
width:180px;
color:#000;
padding:8px 0 4px 0;
}

.topnewsbox {
padding:0 0 0 140px;
margin:0 0 1em 0;
}

.topnewsbox dl {
overflow:hidden;
font-size:12px;
margin:0 0 0.5em 0;
}

.topnewsbox dt {
width:15%;
float:left;
padding:1px 8px;
background-color:#DDB8A2;
}

.topnewsbox dd {
width:78%;
float:right;
line-height:1.4;
padding:0;
text-align:left;
}

.topnewsbox dd a {
color:#333;
}


@media screen and (max-width: 640px) {
	#topnews {
	margin:0 0 2em 0;
	}
	.topnewsbox {
	padding:0;
	margin:0;
	}
	#topnews ul {
	background-image:url(../images/title_bg.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	}
	#topnews ul li.topnews1 {
	width:90px;
	padding:6px 0 4px 10px;
	font-size:12px;
	}
	#topnews ul li.topnews2 {
	width:150px;
	padding:6px 0 4px 0;
	font-size:14px;
	}
	.topnewsbox dl {
	width:90%;
	margin:0 auto 0.5em auto;
	min-width:310px;
	}
	.topnewsbox dt {
	width:22%;
	}
	.topnewsbox dd {
	width:70%;
	}
}


/* セミナー -------- */

#topseminar {
border-top:4px solid #777777;
margin:0 0 3em 0;
overflow:hidden;
}

#topseminar ul {
margin:0 0 1.5em 0;
overflow:hidden;
}

#topseminar ul li {
font-size:16px;
}

.topseminarbox_igaku {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate1.jpg);
background-repeat:no-repeat;
background-position:right 6px;
}

.topseminarbox_eiyou-yakugaku {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
}

.topseminarbox_sika {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate3.jpg);
background-repeat:no-repeat;
background-position:right 6px;
}

.topseminarbox_doubutu {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate4.jpg);
background-repeat:no-repeat;
background-position:right 6px;
}


@media screen and (max-width: 640px) {
	#topseminar {
	margin:0;
	}
	#topseminar ul {
	background-image:url(../images/title_bg.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	}
	#topseminar ul li.topnews1 {
	width:90px;
	padding:6px 0 4px 10px;
	font-size:12px;
	}
	#topseminar ul li.topnews2 {
	width:150px;
	padding:6px 0 4px 0;
	font-size:14px;
	}
	.topseminarbox_igaku {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #8DA938;
    }
	.topseminarbox_eiyou-yakugaku {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #B75BB9;
    }
	.topseminarbox_sika {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #4AA6C4;
    }
	.topseminarbox_doubutu {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #B28500;
    }
}


.topseminarbox_igaku h1 {
font-size:14px;
line-height:1.2;
color:#8DA938;
}

.topseminarbox_eiyou-yakugaku h1 {
font-size:14px;
line-height:1.2;
color:#B75AB8;
}

.topseminarbox_sika h1 {
font-size:14px;
line-height:1.2;
color:#4AA5C4;
}

.topseminarbox_doubutu h1 {
font-size:14px;
line-height:1.2;
color:#B28500;
}

.topseminarbox_igaku h2,.topseminarbox_eiyou-yakugaku h2,.topseminarbox_sika h2,.topseminarbox_doubutu h2 {
font-size:18px;
line-height:1.3;
font-weight:normal;
margin:0 0 0.5em 0;
padding:0 50px 0 0;
}

#topseminar p {
font-size:12px;
}

.textbox {
padding:16px 30px 20px 20px;
text-align:left;
}

/* トップページセミナー情報 -------------------------------- */

.searchbox_igaku {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate1.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_igaku_2 {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate1_2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_eiyou-yakugaku {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_eiyou-yakugaku_2 {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate2_2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_sika {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate3.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_sika_2 {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate3_2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_doubutu {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate4.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_doubutu_2 {
width:49.5%;
height:180px;
float:left;
border:1px dotted #CCC;
background-image:url(../images/cate4_2.jpg);
background-repeat:no-repeat;
background-position:right 6px;
cursor:pointer;
}

.searchbox_igaku h1,.searchbox_igaku_2 h1 {
font-size:14px;
line-height:1.2;
color:#8DA938;
}

.searchbox_eiyou-yakugaku h1,.searchbox_eiyou-yakugaku_2 h1 {
font-size:14px;
line-height:1.2;
color:#B75AB8;
}

.searchbox_sika h1,.searchbox_sika_2 h1 {
font-size:14px;
line-height:1.2;
color:#4AA5C4;
}

.searchbox_doubutu h1,.searchbox_doubutu_2 h1 {
font-size:14px;
line-height:1.2;
color:#B28500;
}

.searchbox_igaku h2,.searchbox_igaku_2 h2,.searchbox_eiyou-yakugaku h2,.searchbox_eiyou-yakugaku_2 h2,.searchbox_sika h2,.searchbox_sika_2 h2,.searchbox_doubutu h2,.searchbox_doubutu_2 h2 {
font-size:18px;
line-height:1.3;
font-weight:normal;
margin:0 0 0.5em 0;
padding:0 50px 0 0;
}


@media screen and (max-width: 640px) {
	.searchbox_igaku,.searchbox_igaku_2 {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #8DA938;
    }
	.searchbox_eiyou-yakugaku,.searchbox_eiyou-yakugaku_2 {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #B75BB9;
    }
	.searchbox_sika,.searchbox_sika_2 {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #4AA6C4;
    }
	.searchbox_doubutu,.searchbox_doubutu_2 {
	clear:both;
	width:100%;
	margin:0 auto;
	min-width:320px;
	border:none;
	border-top:4px solid #B28500;
    }
}