@charset "utf-8";
/* CSS Document */

/*
Theme Name: Kyushu community College
Theme URI: http://www.mcoco.co.jp
Description:サザンアートスタジオのテーマです。
Author: Kyushu community College
Version: 1.0
*/


/*共通部分*/
body{font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;margin:0px;padding:0px;vertical-align:top;
vertical-align:top; letter-spacing: 0.05em;background:#DEDEDE;}
td{text-align:left;}
img{vertical-align:top; display:block; border:none;}
hr{
clear:both;
visibility:hidden;
height:0px;
margin:0px;
border:none;}
p{padding:0px;
margin:0px;}

.textM{
	font-size:80%;
	color:#333;
	line-height:135%;}
	
.textS{
	font-size:60%;
	color:#333;
	line-height:150%;}
	
.textS a{color:#333;}
.textS a:hover{color:#FF9900;}

.textM a{color:#333;}
.textM a:hover{color:#F90;}

.white{color:#FFFFFF;}
.red{color:#FF0000;}

h1{padding:0; margin:0; width:780px; overflow:hidden;}


/*レイアウト*/
#container{
width:800px;
border:#000000 1px solid;
margin:auto;}

#head{
background-color:#000000;
}

#head ul{padding:0px; margin:0px; list-style:none; top:0px; left:0px;width:950px;
height:139px;position:relative;} 
#head li{padding:0px; margin:0px;}

a.toplogo{display:block;width:399px;height:89px;
background-image:url(images/common/top_logo.gif);
text-indent:-9999px;overflow:hidden;}
a:hover.toplogo{background-position:0px -89px;}

a.tm_access{display:block;width:88px;height:39px;
position:absolute;top:0px;left:577px;
background-image:url(images/common/tm_access.gif);text-indent:-9999px;overflow:hidden;}
a:hover.tm_access{background-position:0px -39px;}

a.tm_sitemap{display:block;width:113px;height:39px;position:absolute;
top:0px;left:665px;background-image:url(images/common/tm_sitemap.gif);
text-indent:-9999px;overflow:hidden;}
a:hover.tm_sitemap{background-position:0px -39px;}

a.tm_contact{display:block;width:172px;height:39px;
position:absolute;top:0px;left:778px;
background-image:url(images/common/tm_contact.gif);text-indent:-9999px;overflow:hidden;}
a:hover.tm_contact{background-position:0px -39px;}

.headbar{top:89px; left:0px; position:absolute;}


a.hm1{display:block;width:158px;height:38px;
position:absolute;top:101px;left:0px;
background-image:url(images/common/hm_1.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm1{background-position:0px -38px;}

a.hm2{display:block;width:158px;height:38px;
position:absolute;top:101px;left:158px;
background-image:url(images/common/hm_2.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm2{background-position:0px -38px;}

a.hm3{display:block;width:159px;height:38px;
position:absolute;top:101px;left:316px;
background-image:url(images/common/hm_3.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm3{background-position:0px -38px;}

a.hm4{display:block;width:158px;height:38px;
position:absolute;top:101px;left:475px;
background-image:url(images/common/hm_4.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm4{background-position:0px -38px;}

a.hm5{display:block;width:159px;height:38px;
position:absolute;top:101px;left:633px;
background-image:url(images/common/hm_5.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm5{background-position:0px -38px;}

a.hm6{display:block;width:158px;height:38px;
position:absolute;top:101px;left:792px;
background-image:url(images/common/hm_6.gif);text-indent:-9999px;overflow:hidden;}
a:hover.hm6{background-position:0px -38px;}


#main{
background:#FFFFFF;
padding:10px;}

#foot{background:#000000; position:relative; width:950px; height:70px;}

.footbar{top:0px; left:0px; position:absolute;}
a.footlogo{display:block;width:261px;height:43px;
position:absolute;top:7px;left:0px;
background-image:url(images/common/foot_logo.gif);text-indent:-9999px;overflow:hidden;}
a:hover.footlogo{background-position:0px -43px;}
.foottext{width:324px; padding:10px 0px;position:absolute;top:7px;left:270px; color:#FFFFFF; font-size:11px;}
.foottext a{color:#FFFFFF;}
.foottext a:hover{color:#FFFF66;}
.foottel{display:block;width:365px;height:43px;
position:absolute;top:7px;left:585px;
background-image:url(images/common/foot_tel.gif);text-indent:-9999px;overflow:hidden;}
.cr{display:block;width:366px;height:12px;
position:absolute;top:55px;left:291px;
background-image:url(images/common/foot_cr.gif);text-indent:-9999px;overflow:hidden;}

.imgbtmspace{
margin-bottom:10px;}

.kengakubtn{
margin:10px auto;}

.flow{margin:auto;}

.admissionbtn{
margin:10px auto;}

.leftcontents{
margin-left:10px;
margin-top:10px;
widows:450px;
float:left;}

.rightcontents{
margin-right:10px;
margin-top:10px;
widows:450px;
float:right;}
.leftcontents p{
padding:5px;
margin-bottom:10px;}


#lefttopcontents{
margin-top:10px;
widows:450px;
float:left;}

#righttopcontents{
margin-top:10px;
widows:450px;
float:right;}

#news{
display:block;
width:485px;
margin-bottom:20px;}

a.news_t{display:block;width:485px;height:26px;
background-image:url(images/top/top_news.gif);text-indent:-9999px;overflow:hidden;}
a:hover.news_t{background-position:0px -26px;}

#news dl{width:410px; display:block; padding:5px; margin:3px; padding-left:60px;}
#news dt{padding:0px; margin:0px; font-size:70%; display:block; color:#666666;}
#news dd{padding:0px; margin:0px;}
#news .day{color:#5f9429;}
#news dd a{color:#333; font-size:80%;}
#news dd a:hover{color:#FF6600;}
.schoolnews{background:url(images/top/top_10.gif) top left no-repeat;}
.pronews{background:url(images/top/top_08.gif) top left no-repeat;}

/*news*/

#sidebar{width:200px;float:left;}
#sidebar dl{padding:0px;margin:0px;}
#sidebar dt{padding:0px;margin:0px;}
#sidebar dd{padding:0px;margin:0px;}

h3{
padding:5px;
margin:0px;
background:#999999;
color:#FFFFFF;
font-size:12px;
text-align:center;}

#newsside{
background:#FFFFFF;
border:#CCCCCC 1px solid;
padding-bottom:5px;
}

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

#newsside li{
font-size:80%;
line-height:130%;
color:#333333;
display:block;
padding:5px;
margin:0px;
list-style:none;border-bottom:#CCCCCC 1px dotted;}

#newsside a{
color:#333333;
text-decoration:none;
}

#newsside a:hover{
color:#FF6600;}

.newsdate{
font-size:10px;
color:#999999;}

#searchform{
padding:5px;
margin:0px;}

#contents{width:720px;float:right;}

a.toindex{
display:block;
width:720px;
height:60px;
text-indent:-9999px;
overflow:hidden;
background-image:url(images/common/news_title.gif);
margin-bottom:10px;}
a:hover.toindex{background-position:0px -60px;}

.entrydate{
display:block; width:706px; padding:7px; text-align:right; font-size:11px; color:#666666;}
.entry{display:block; margin-top:10px;}
h2{padding:0; margin:0;}
.entrytitle{display:block; border-left:#FF9900 5px solid; width:705px; height:31px; font-size:14px; font-weight:bold; padding:5px; line-height:31px; border-bottom:#333333 1px dotted;}
#eventmain{background:url(images/common/contents_bg.gif) repeat-y #FFFFFF; padding:10px;}
#entrymain{background:url(images/common/contents_bg.gif) repeat-y #FFFFFF; padding:10px;font-size:80%;
line-height:150%;}
.entryfoot{background:url(images/common/contents_foot.gif) no-repeat bottom; height:10px;}

/*Pagenavi*/
.tablenav {
	color: #2583ad;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

.singlenavi a{
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

.singlenavi a:hover {
	color:white;
	background: #328ab2;
}

/*講師紹介*/

.teachername{
display:block;
font-size:14px;
color:#FF6600;
padding:5px;
border-bottom:#F0F0F0 3px solid;
font-weight:bold;}

.teacher{
display:block;
padding:5px;
border:#CCCCCC 1px solid;
margin-bottom:10px;}

.shozoku{
display:block;
padding:5px;
margin:3px 0px;
background:#FEFCE9;
font-size:12px;
line-height:135%;
color:#333333;
font-weight:bold;}

.shutuen{
display:block;
padding:5px;}

.teacherimg{
width:150px;
display:block;
margin:3px 5px;
float:left;}

.teacherprofile{
width:755px;
display:block;
float:right;}

.btmmargin{
display:block;
margin-bottom:10px;}

.henshuchu{
display:block;
width:900px;
height:500px;
line-height:20px;
margin:auto;
text-align:center;}