@charset "UTF-8";

/*--------------------------------------------------
	clearfix
--------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.clearfix {
	display: inline-block;
	min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------------
	Star HTML Hack
--------------------------------------------------*/

* html body {
	font-size: x-small;
	text-align: center;}

* html div#container {
	text-align: left;}

* html div#primary {
	width: 575px;
	height: 62em;}

* html ul#navigation1 {
	width: 575px;}

* html div.topic {
	width: 163px;/* Peekaboo Bug */}

* html div.topic h2 {
	font-size: x-small;}

* html p#topbannertext {
	width: 511px;
	height: 56px;}

* html div.threetext p.text {
	height: 109px;}

* html div#profile {
	width: 535px;
	height: 268px;}

* html div#profiletext {
	height: 213px;}

* html table {
	font-size: x-small;}

* html div#schoolprimary,
* html div#schoolsecondary {
	width: 235px;}

* html address#accessprimary span {
	font-size: large;}

/*--------------------------------------------------
	basedesign
--------------------------------------------------*/

body {
	margin: 0;
	font-size: small;
	background-image: url("img/haikei.gif");}

img {
	vertical-align: bottom;}

a img {
	border: 0;}

div#container {
	width: 750px;
	margin: auto;}

div#contents {
	background-color: #2745a2;
	position: relative;/* for navigation1 */}

div#primary {
	width: 535px;
	float: left;
	padding: 60px 20px 20px;
	background-color: #ffffff;
	min-height:55em;
	/* Easiest cross-browser CSS min-height */
	height: auto !important;
	height: 55em;}

div#secondary {
	width: 165px;
	float: right;
	padding: 5px;}

/*--------------------------------------------------
	header
--------------------------------------------------*/

div#header * {
	margin: 0;}

p#headertext {
	background-color: #1286c8;
	padding: 2px;
	text-align: center;
	color: #b8dbef;}

p#headertext strong {
	font-weight: normal;}

p#headertext em {
	font-style: normal;}

/*--------------------------------------------------
	contents
--------------------------------------------------*/

div#contents strong {
	color: red;}

div#contents em {
	font-style: normal;
	color: red;}

p.attention {
	margin-left: 1em;
	text-indent: -1em;
	color: red;}

div#primary p {
	line-height: 1.5em;}

div#primary ul,
div#primary ol,
div#primary dl,
div.topic ul,
div.topic ol,
div.topic dl {
	line-height: 1.3em;}

div#primary li,
div#primary dt,
div#primary dd,
div.topic li,
div.topic dt,
div.topic dd {
	margin-top: 0.2em;}

p.text {
	text-indent: 1em;}

div.gradationbox {
	margin-top: 1.5em;
	width: 515px;
	background-image: url("img/gradationbox1.gif");
	background-position: top;
	background-repeat: no-repeat;}

div.gradationinner {
	padding: 10px;
	background-image: url("img/gradationbox2.gif");
	background-position: bottom;
	background-repeat: no-repeat;}

div.gradationinner h3 {
	margin-top: 0;
	font-size: small;
	color: #28b8db;}

div.gradationinner p {
	margin: 0;}

table {
	width: 100%;
	border: solid 1px #c0c0c0;
	border-collapse: collapse;}

caption {
	padding-bottom: 5px;
	text-align: left;}

caption span {
	color: green;}

table * {
	line-height: 1.3em;}

th, td {
	padding: 5px;
	border: solid 1px #c0c0c0;}

th.th1 {
	background-color: #bde2fb;
	width: 80%;}

th.th2 {
	background-color: #e0e0e0;}

td.td1 {
	background-color: #ebf6fe;}

td.td2 {
	background-color: #f3f3f3;
	text-align: right;}

td span {
	color: #999999;}

td.td3 {
	background-color: #fff9ec;
	text-align: center;}

/*--------------------------------------------------
	navigation
--------------------------------------------------*/

ul#navigation1 li,
ul#navigation2 li {
	list-style-type: none;}

ul#navigation1 img,
ul#navigation2 img {
	border: 0;}

ul#navigation1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 555px;
	margin: 0;
	padding-left: 20px;
	background-image: url("img/haikei_mbt.gif");
	background-repeat: repeat-x;}

ul#navigation1 li {
	float: left;}

ul#navigation2 {
	margin: -5px -5px 0;
	padding-left: 0;}

/*--------------------------------------------------
	secondary
--------------------------------------------------*/

.topic {
	margin: 10px 0 0;
	color: #dde0ff;}

div.topic {
	margin: 1em auto 0;
	padding: 5px;
	border: solid 1px #dde0ff;}

div.topic h2 {
	margin: -3px -3px 0;
	padding: 2px;
	background-color: #dde0ff;
	text-align: center;
	font-size: small;
	color: #2745a2;}

div.topic ul {
	margin: 0;
	padding-left: 0px;
	list-style-type: none;}

div.topic a {
	color: #dde0ff;}

div.topic a:hover {
	color: #ffffff;
	position: relative;
	top: 1px;
	left: 1px;}

/*--------------------------------------------------
	footer
--------------------------------------------------*/

address#footer {
	border-top: double #000099 4px;
	padding: 2px;
	background-color: #ffffff;
	text-align: right;
	font-style: normal;
	color: #000099;}

/*--------------------------------------------------
	index.html
--------------------------------------------------*/

div#mimai {
	border: solid 1px #cccccc;
	padding: 10px;
	background-color: #efefef;}

div#mimai p {
	margin: 0;}

p#mimainame {
	text-align: right;}

p#mimaiattention {
	margin-top: 1.3em !important;
	text-align: center;}

div#topbanner {
	position: relative;/* for topbannertext */}

p#topbannertext {
	position: absolute;
	top: 142px;
	left: 4px;
	margin: 0;
	padding: 5px;
	width: 517px;
	height: 46px;
	overflow: auto;
	line-height: 1.1em !important;
	color: #13296b;}

p#topbannertext span {
	font-weight: bold;}

div#seo {
	padding: 10px;
	border: solid 1px #c0c0c0;
	background-image: url('img/seobox.gif');
	background-repeat: repeat-x;
	margin-bottom: 1.5em;}

div#seo h2 {
	margin-top: 0px;}

div#seoprimary {
	width: 256px;
	float: left;}

div#seoprimary h3 {
	margin: 0px;
	text-align: center;
	color: #ff0033;}

div#seosecondary {
	width: 256px;
	float: right;}

div#seosecondary h3 {
	margin: 0px;
	text-align: center;
	color: #4477ee;}

span.rank1 {
	color: red;
	font-weight: bold;}

span.rank2 {
	color: orange;
	font-weight: bold;}

span.rank3 {
	color: gold;
	font-weight: bold;}

div#seo p.attention {
	margin-bottom: 0px;
	text-align: right;}

div#information {
	width: 535px;}

div#information h2 {
	margin: 0;}

div#information dl {
	margin: 0;
	padding: 0 5px 5px;
	height: 12.5em;
	overflow: auto;
	border-bottom: solid 5px #1baed8;
	background-color: #e9f6fa;
	color: #13296b;}

div#information dt,
div#information dd {
	margin-top: 5px;}

div#information dt {
	float: left;
	clear: both;
	width: 6.5em;
	font-weight: bold;}

div#information dd {
	margin-left: 6.5em;}

/*--------------------------------------------------
	wakarutodekiru.html
--------------------------------------------------*/

div.three {
	width: 515px;
	margin: 1.5em 0px 0px 0px;}

div.three * {
	margin: 0px;}

div.threetext {
	width: 366px;
	float: right;}

div.threetext p.text {
	height: 99px;
	padding: 5px;
	overflow: auto;
	background-color: #d6fbfb;
	background-image: url("img/g_blue.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	line-height: 1.4em !important;}

p.threepic {
	float: left;}

/*--------------------------------------------------
	lecturer.html
--------------------------------------------------*/

p#bun {
	float: left;
	padding-right: 10px;}

p#sign {
	float: right;
	padding-left: 10px;}

p#beforesign {
	width: 357px;
	float: left;}

div#profile {
	position: relative;/* for profileh3 */
	clear: both;
	width: 442px;
	height: 213px;
	margin-top: 1.5em;
	padding: 48px 7px 7px 86px;
	background-image: url("img/bg_profile.gif");
	background-repeat: no-repeat;}

div#profile h3 {
	position: absolute;
	top: 12px;
	left: 94px;
	margin: 0;
	font-size: 18px;}

div#profiletext {
	height: 193px;
	overflow: auto;
	padding: 10px;}

div#profiletext p {
	margin: 0;}

/*--------------------------------------------------
	courseguide.html
--------------------------------------------------*/

ul#coursemenu {
	margin: 1.5em 0;
	padding: 0px;
	list-style-type: none;
	line-height: 2em;}

ul#coursemenu li {
	display: inline;}

ul#coursemenu span {
	color: orange;}

h3.coursecaption {
	border: double 5px #148ecc;
	font-size: small;
	color: #ffffff;}

h3.coursecaption span {
	display: block;
	margin: 0px;
	padding: 2px;
	background-color: #148ecc;}

div.homepagecourse h4 {
	margin-bottom: 2px;}

div.homepagecourseinner {
	border: solid 1px #a7a7a7;}

div.homepagecoursetext {
	border-top: solid 1px #a7a7a7;
	padding: 5px;}

div.homepagecoursetext p.text {
	margin: 0px;}

p.time {
	margin: 0px;
	padding: 5px;}

div#html div.homepagecoursetext {
	background-color: #dff3fd;}

div#seobase div.homepagecoursetext {
	background-color: #feefdd;}

div#builder div.homepagecoursetext {
	background-color: #e2f4eb;}

div#blog div.homepagecoursetext {
	background-color: #fde5e5;}

p.pagetop {
	margin-top: 5px;
	text-align: right;
	color: #aaaaaa;}

p.pagetop a {
	color: gray;}

/*--------------------------------------------------
	school.html
--------------------------------------------------*/

div#schoolprimary,
div#schoolsecondary {
	margin-top: 1.5em;
	width: 220px;}

div#schoolprimary {
	float: left;
	padding-left: 15px;}

div#schoolsecondary {
	float: right;
	padding-right: 15px;}

div#access {
	width: 515px;
	margin-top: 1.5em;
	background-image: url("img/bg_accessbody.gif");
	background-repeat: repeat-y;}

div#access h3 {
	margin: 0;}

div#accessinner {
	padding: 10px;
	background-image: url("img/bg_accessbottom.gif");
	background-position: bottom;
	background-repeat: no-repeat;}

address#accessprimary {
	float: left;
	margin: 0px;
	padding-right: 10px;
	width: 202px;
	border-right: dashed 1px #28b8db;
	line-height: 1.3em;
	font-style: normal;}

address#accessprimary span {
	font-size: x-large;
	color: red;}

p#accesssecondary {
	float: right;
	margin: 0px;
	width: 280px;}

div#access p.attention {
	margin-bottom: 0px;}

/*--------------------------------------------------
	payment.html
--------------------------------------------------*/

dl#paymentlist dt {
	border-bottom: dashed 1px #28b8db;}

dl#paymentlist dt span {
	font-weight: bold;
	color: #28b8db;}

dl#paymentlist dd {
	margin-bottom: 1.5em;
	text-align: right;}

tr#summation * {
	border-top: double 3px #ffcccc;}

/*--------------------------------------------------
	instructor.html
--------------------------------------------------*/

div.instructortext {
	width: 373px;
	float: right;}

p.instructorpicture {
	float: left;
	padding-right: 10px;}

p.instructorpicture img {
	border: solid 1px #28b8db;}

/*--------------------------------------------------
	sitemap.html
--------------------------------------------------*/

ul#sitemap {
	line-height: 1.3em;
	background-image: url("img/mascot.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

ul#sitemap ul {
	margin-bottom: 1.3em;}