@charset "Shift_JIS";
/******************** 基本設定 ********************/
body {background:#ebebeb; padding:0px; margin:0px;}
body,td,div {
	font-size:12px;
	line-height:16px;
	color:#555555;
	background-repeat: no-repeat;
}

a {color:#555555; overflow:hidden;}
a:Hover {color:#ff0000; text-decoration:underline;}

h1,h2,h3,h4,h5,ul,li,p,dl,dd,dt {margin:0px; padding:0px;}
ul,li {list-style:none;}
img {border-width:0px;}
.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px;}


/******************** レイアウト ********************/
#flame {background:#FFFFFF; width:810px; margin:0px auto 0px auto; padding:0px 20px 17px 20px; border:solid 1px #dadada; border-top:none;}
#head {background:url(http://template.o-hara.sc/files/honko/head.gif) no-repeat; height:113px;}
#contents-flame {width:810px; margin:0px auto 0px auto; padding:18px 0px;}
#contents-flame #side {width:174px; float:left;}
#contents-flame #contents {width:620px; float:right;}
#foot {background:url(http://template.o-hara.sc/files/honko/foot.gif) no-repeat; text-align:center; padding:13px; font-weight:bold;}

#contents-flame2 {width:620px; margin:0px auto 0px auto; padding:18px 0px;}
#contents-flame2 #side {width:174px; float:left;}
#contents-flame2 #contents {width:620px; float:right;}


/******************** ヘッダー ********************/
#head h1 {padding:3px 3px 3px 7px; display:block; font-size:12px; font-weight:normal;}
#head .head-left {float:left;width:100px;}
#head ul {padding:35px 20px 0px 0px; width:600px; float:right;}
#head ul li {display:inline; line-height:18px;}
#head ul li a {padding:0px 8px 0px 6px; color:#FFFFFF; text-decoration:none; border-right:1px solid #FFFFFF;}
#head ul li a:hover {text-decoration:underline;}

/******************** サイド ********************/
/********** 学校名 **********/
#side .side-school {display:block; border-top:solid 1px #f28787; border-left:solid 1px #f28787; border-right:solid 1px #f28787; border-bottom:solid 2px #0f0f0f; text-align:center; padding:6px 0px 3px 0px; color:#FFFFFF; font-size:14px; font-weight:normal; margin-bottom:8px; background:url(http://template.o-hara.sc/files/kakuko/side-sctit.gif) no-repeat #d60012;}

/********** メニュー **********/
#side ul li {background:url(http://template.o-hara.sc/files/kakuko/k-side_titbg.gif) no-repeat;}
#side ul li a {display:block; padding:6px 5px 7px 16px; color:#444444; text-decoration:none; font-weight:bold;}
#side ul li a:hover {color:#CC0000; text-decoration:underline;}
/********** QR **********/
#side .qr {border:solid 1px #cccccc; background:#eeeeee; margin-top:8px;}
#side .qr dl {margin:5px;}
#side .qr dl dd {width:75px; float:left;}
#side .qr dl dt {width:78px; float:right;}
/********** 講座 **********/
#side .koza {padding:18px 0px 0px 0px;}
#side .koza strong {line-height:16px; display:block; font-weight:normal; padding:4px 2px 7px 14px; border-bottom:1px dotted #a4a4a4;}
#side .koza .kouza-i00 {background:url() no-repeat 0px 0px;}
#side .koza .kouza-i01 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i01.gif) no-repeat 0px 7px;}
#side .koza .kouza-i02 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i02.gif) no-repeat 0px 7px;}
#side .koza .kouza-i03 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i03.gif) no-repeat 0px 7px;}
#side .koza .kouza-i04 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i04.gif) no-repeat 0px 7px;}
#side .koza .kouza-i05 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i05.gif) no-repeat 0px 7px;}
#side .koza .kouza-i06 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i06.gif) no-repeat 0px 7px;}


/******************** トップページ ********************/
/********** メイン **********/
#contents .main-flame {width:426px; float:left;}
#contents .main-flame .main {border:solid 1px #b0b0b0;}
#contents .main-flame .main h2 {font-size:16px; color:#333333; padding:6px 5px 4px 10px; background:#ffdbc0; display:block;}
#contents .main-flame .main dl {margin:10px;}
#contents .main-flame .main dd {width:230px; float:left; display:block; line-height:20px;}
#contents .main-flame .main dt {width:160px; float:right; display:block;}
/********** 広告バナー **********/
#contents .bana {width:184px; float:right;}
#contents .bana dl {margin-bottom:10px;}
#contents .bana dd {text-align:center;}

/********** 施設紹介 **********/
#contents .shisetsu {border:solid 1px #b0b0b0; background:url(http://template.o-hara.sc/files/kakuko/k-top_shisetsu-bg.gif) no-repeat; margin-top:15px; padding:0px 12px 15px 12px;}
#contents .shisetsu ul {margin-top:45px;}
#contents .shisetsu ul li {padding:0px 0px 15px 15px; display:block; width:130px; float:left;}
#contents .shisetsu ul li dl dd em {font-style:normal; background:#2e2e2e; display:block;}
#contents .shisetsu ul li dl dd a {color:#FFFFFF; display:block; padding:3px 3px 2px 5px; color:#FFFFFF;}
#contents .shisetsu ul li dl dd p {padding-top:3px;}
/********** 新着情報 **********/
.top-news-tit {
	display:block;
	text-indent:-6666px;
	background:url(images/hakodate_kougi-btn.gif) no-repeat bottom;
	height:40px;
}
.top-news-list {display:block; padding-left:510px;}
.top-news-list a {display:block; text-indent:-6666px; background:url(http://template.o-hara.sc/files/kakuko/k-top_nt-btn.gif); height:23px; margin:-27px 0px 4px 0px;}
.top-news {border:2px solid #dddddd;}
.top-news ul {padding:2px; background:#FFFFFF; border:1px solid #999999}
.top-news ul li {display:block; margin-bottom:3px; border-bottom:1px dotted #999999; background:url(http://template.o-hara.sc/files/kakuko/k-top_nt-line.gif) repeat-y;}
.top-news ul li em {color:#FFFFFF; padding:4px 0px 3px 8px; font-style:normal; display:block; float:left; width:70px;}
.top-news ul li p {display:block; padding:3px 3px 2px 0px; float:right; width:520px;}
.top-news ul li a:hover {display:block; text-decoration:underline;}
/********** イベント情報 **********/
.top-ev-tit {display:block; text-indent:-6666px; background:url(http://template.o-hara.sc/files/kakuko/k-top_ev-tit.gif) no-repeat bottom; height:40px;}
.top-ev-list {display:block; padding-left:510px;}
.top-ev-list a {display:block; text-indent:-6666px; background:url(http://template.o-hara.sc/files/kakuko/k-top_ev-btn.gif); height:23px; margin:-27px 0px 4px 0px;}
.top-ev {border:2px solid #dddddd;}
.top-ev .top-ev_tab {background:#999999;}
.top-ev .top-ev_tab td {background:#FFFFFF;}
.top-ev .top-ev_tit td {background:#f1f1f1; text-align:center; vertical-align:middle;}
.top-ev .day,.top-ev .you {width:8%; background:#f1f1f1; text-align:center;}
.top-ev .day-h,.top-ev .you-h {width:8%; background:#ffdfe0; text-align:center;}
.top-ev .shi {width:20%; text-align:left; padding:3px 5px 3px 6px;}
.top-ev .nai {widows:64%; text-align:left; padding:0px;}
.top-ev .nai a {text-align:left; display:block; padding:3px 5px 3px 6px; color:#333333;}
.top-ev .nai a:hover {background:#FFFFCC;}
.top-ev strong {line-height:16px; display:block; font-weight:normal; padding:0px 2px 2px 14px;}
.kouza-i01 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i01.gif) no-repeat 0px 3px;}
.kouza-i02 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i02.gif) no-repeat 0px 3px;}
.kouza-i03 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i03.gif) no-repeat 0px 3px;}
.kouza-i04 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i04.gif) no-repeat 0px 3px;}
.kouza-i05 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i05.gif) no-repeat 0px 3px;}
.kouza-i06 {background:url(http://template.o-hara.sc/files/kakuko/k-top_kouza-i06.gif) no-repeat 0px 3px;}

/********** 講義日程情報 **********/
.top-sapporo-tit {display:block; text-indent:-6666px; background:url(images/k-top_nt-tit.gif) no-repeat bottom; height:60px;}
.top-ev-tit_sapporo {display:block; text-indent:-6666px; background:url(images/k-top_nt-tit.gif) no-repeat bottom; height:60px;}
.top-ev_sapporo {border:2px solid #dddddd; margin:-10px 0px 0px 0px;}
.top-ev_sapporo .top-ev_tab {background:#999999;}
.top-ev_sapporo .top-ev_tab td {background:#FFFFFF;}
.top-ev_sapporo .top-ev_tit td {background:#f1f1f1; text-align:center; vertical-align:middle;}
.top-ev_sapporo .nai {widows:64%; text-align:left; padding:0px;}
.top-ev_sapporo .nai a {text-align:left; display:block; padding:3px 5px 3px 6px; color:#333333;}
.top-ev_sapporo .nai a:hover {background:#FFFFCC;}
.top-ev_sapporo strong {line-height:16px; display:block; font-weight:normal; padding:0px 2px 2px 14px;}


/******************** 新着情報 ********************/
/********** 一覧 **********/
.news-arr {background:#707070; color:#FFFFFF;}
.news-arr a {font-weight:bold; color:#FFFFFF; text-decoration:none;}
.news-arr a:hover {text-decoration:underline;}
/********** 詳細 **********/
.news-info {padding:7px; background:#FFFFFF; border:1px solid #999999}
.news-tit {display:block; text-indent:-6666px; background:url(http://template.o-hara.sc/files/kakuko/k-top_nt-tit.gif) no-repeat bottom; height:40px;}
.news-info .news-info_tit {background:#696969; padding:3px 3px 2px 6px; font-size:12px; font-weight:normal; color:#FFFFFF;}
.news-info .news-info_img {text-align:center;}
.news-info .news-info_img img {margin:30px auto 30px auto; display:block;}
.news-info .news-info_copy {background: url(http://template.o-hara.sc/files/kakuko/news-info_cpbg.gif) repeat-x; padding:15px; line-height:20px;}
.news-info .news-info_em {text-align:center; padding:20px 0px; font-style:normal; background:#e6e6e6; display:block;}
.news-info .news-info_copy2 { repeat-x; padding:15px; line-height:20px;}


/******************** イベント情報 ********************/
/********** 一覧 **********/
.ev-arr {background:#707070;}
.ev-arr td {color:#FFFFFF; font-size:14px; font-weight:bold;}
.ev-arr a {color:#FFFFFF; text-decoration:underline; font-size:12px;}
.kensaku-a {border:3px double #CCCCCC; background: #FCF4DA; width:100%; margin:0px; color:#444444; display:block;}
.kensaku-a td {padding:5px;}
.kensaku-a em {font-size:14px; color:#FF0000; font-style:normal; font-weight:bold;}

/********** 詳細 **********/
.ev-info {padding:7px; background:#FFFFFF; border:1px solid #999999}
.ev-tit {display:block; text-indent:-6666px; background:url(http://template.o-hara.sc/files/kakuko/ev-tit.gif) no-repeat bottom; height:40px;}
.ev-info .ev-info_tit {background:#696969; padding:3px 3px 2px 6px; font-size:12px; font-weight:normal; color:#FFFFFF;}
.ev-info .ev-info_em {text-align:center; padding:20px 0px; font-style:normal; background:#e6e6e6; display:block;}
.ev-info .ev-info_flame {padding:18px;}
.ev-info .ev-info_flame .ev-info_tab {float:left; background:#cbcbcb; width:565px;}
.ev-info .ev-info_flame .ev-info_tab .tab01 {width:25%; background:#686868; padding:3px 3px 2px 5px; color:#FFFFFF;}
.ev-info .ev-info_flame .ev-info_tab .tab02 {width:75%; background:#FFFFFF; padding:3px 3px 2px 5px;}
.ev-info .ev-info_flame .ev-info_tab .tab03 {background:#FFFFFF; padding:5px; line-height:18px;}
.ev-info .ev-info_flame .ev-info_tab .tab04 {background:#dbdbdb; padding:7px; line-height:18px;}
.ev-info .ev-info_flame .ev-info_tab .tab04 .btn {display:block; text-align:center; padding:10px;}
.ev-info .ev-info_flame .ev-info_tab .tab04 img {float:none; border:none;}
.ev-info .ev-info_flame .ev-info_img {width:266px; float:right; text-align:center;}
.ev-info .ev-info_flame .ev-info_img img {border:1px solid #c6c6c6;}



/******************** MAP・アクセス ********************/
.map-info {padding:26px; background:#FFFFFF; border:1px solid #999999}
.map-tit {display:block; text-indent:-6666px;background:url(http://template.o-hara.sc/files/kakuko/k-top_map-tit.gif) no-repeat bottom; height:40px;}
.map-info .map-tab {background:#cbcbcb; margin-top:11px;}
.map-info .map-tab td {background:#FFFFFF; padding:3px 5px 2px 5px;}
.map-info .map-tab .map-tab_tit {background:#686868;}
.map-info .map-tab .map-tab_tit h3 {color:#FFFFFF; font-size:14px; padding:4px 6px 3px 5px;}
.map-info .map-tab .map-tab_left {width:20%; background:#686868; color:#FFFFFF;}
.map-info .map-tab .map-tab_right {width:80%;}


.kaiko {
	background: url(images/img_all_kaiko.png);
	background-repeat: no-repeat;
	height: 400px;
	width: 580px;
}