@charset 'utf-8';
@import url("decoration.css");
@import url("underpage.css");

* {
	margin			: 0;
	padding			: 0;
}

body {
	text-align		: center;
	background-color: #ffffff;
}

a img {
	border			: none;
}

ul {
	list-style-type	:none;
}

.map {
	border			:none;
}

.clearfix, .koukaBox, .domekakaku_Box, #domeherb_box .harbEffect_box, #domeExam_box .tenpoExam {
	height : 1%;
	}

.clearfix:after, .koukaBox:after, .domekakaku_Box:after, #domeherb_box .harbEffect_box:after, #domeExam_box .tenpoExam:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
	}

/* ==firefoxでリンクエリアが左端まで選択されてしまう現象のおまじない== */

/*\*/ a { overflow: hidden;}/**/
/* ========== base layout ========== */

#wrap {
	width			: 826px;
	text-align		: left;
	margin			: 0 auto;
}

#header {
	width			: 826px;
	height			: 73px;
	background		: url("../img/headerbg.gif") no-repeat;
	margin			: 0;
	padding			: 0;
}

#sign {
	width			: 600px;
	float			: right;
}

#navi {
	clear			: both;
	margin-bottom	: 10px;
}

#main {
	width			: 826px;
	background		: url("../img/bodybg.gif") repeat-y;
	margin			: 0;
	padding			: 0;
	zoom			: 100%;
}

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

#leftcol {
	width			: 200px;
	float			: left;
}



#localnavi {
	margin-bottom	: 10px;
}

#maincol {
	width			: 600px;
	float			: right;
	margin			: 0 10px 0 0;
}

#footer {
	width			: 826px;
	height			: 50px;
	clear			: both;
	background		: url("../img/footerbg.gif") no-repeat;
	margin			: 0 auto;
	padding			: 0 auto;
}

.dometoi {
	font-size		: 18px;
	color			: #3300FF;
	margin			: 10px 0;
}

#dometoiawase {
	text-align		: left;
}

/* ========== common decoration ========== */

.red {
	color			: #F00;
}

.orange {
	color			: #F60;
}

.yellow {
	color			: #FF0;
}

.green {
	color			: #0F0;
}

.blue {
	color			: #00F;
}

.black {
	color			: #000;
}

.white {
	color			: #FFF;
}

.bold {
	font-weight		: bold;
}

.italic {
	font-style		: italic;
}

.xx-small {
	font-size		: 40%;
}

.x-small {
	font-size		: 60%;
}

.small {
	font-size		: 80%;
}

.large {
	font-size		: 120%;
}

.x-large {
	font-size		: 140%;
}

.xx-large {
	font-size		: 160%;
}