/*?S??
-------------------------------------------------------------*/
body{
	background: #f3f3f3;
	margin: 0px;
	padding: 0px;
}

#all {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: #fff;
	border-right: 1px solid #900;
	border-left: 1px solid #900;
	border-top-color: #900;
	border-bottom-color: #900;
}

a:link,a:visited {
	color: #060;
}
a:hover {
	color: #ff0000;
}


/*?w?b?_?[
-------------------------------------------------------------*/
#header {
	height: 110px;
	width: 760px;
	margin: 0px auto;
	padding: 10px 0px 0px;
	background: url(../images/header.jpg) no-repeat;
}

#header h1 {
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 30px 0 0 40px;
	color: #ffffff;
}

#header a {
	color: #FFFFFF;
	text-decoration: none;
}

#header p {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 450px;
	padding: 10px 0px 0px 45px;
	margin: 0px;
}


/*?i?r
-------------------------------------------------------------*/
div#navi{
	z-index: 1;
	width: 700px;
	height: 15px;
}

div#navi p{
	margin: 0px 0 0 16px;
	font-size: 8.5pt;
	line-height: 14pt;
}


/*?E
-------------------------------------------------------------*/
#contents { background-image: url(../images/contents_backgrand.jpg); background-repeat: repeat; background-position: center 0; float: right; width: 520px; margin: 0; padding: 10px 10px 10px 0; }

.title {
	font-size: 12px;
	color: #006600;
	background: url(../images/h2.jpg) no-repeat;
	margin: 0px 20px 0px 0px;
	padding: 5px 0px 5px 25px;
	height: 20px;
}
.title h2 {
	font-size: 14px;
	color: #ffffff;
	margin: 3px;
	padding: 0px;
	width: 330px;
	clear: right;
	float: left;
}

.text {
	font-size: 12px;
	line-height: 1.6em;
	color: #000000;
	margin: 0px 20px 10px 10px;
	padding: 5px;
}

.title2 {
	font-size: 12px;
	color: #006600;
	background: url(../images/h3.jpg) no-repeat;
	margin: 0px 20px 0px 0px;
	padding: 1px 0px 5px 25px;
	height: 20px;
}
.title2 h3 {
	font-size: 12px;
	color: #ffffff;
	margin: 3px;
	padding: 0px;
	width: 330px;
	clear: right;
	float: left;
}


/*??
-------------------------------------------------------------*/
#left { background-image: url(../images/kiso_magome.jpg); background-repeat: no-repeat; background-position: center; float: left; width: 180px; margin: 0; padding: 10px 0 10px 10px; }

.title3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: url(../images/h4.jpg) no-repeat;
	margin: 0px;
	height: 22px;
	width: 182px;
	padding-left: 20px;
	padding-top: 9px;
}

#left ul {
	margin: 0px;
	padding: 3px 3px 3px 10px;
	list-style: none;
}

#left li { font-size: 12px; margin: 0; padding: 0 0 10px; text-align: left; }

#left p {
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	margin: 5px  3px 10px 5px;
	padding: 0px;
}


/*?t?b?^?[
-------------------------------------------------------------*/
#footer { color: #aaa096; text-align: center; margin: 0; padding: 5px 0; clear: both; width: 760px; font-size: 0.8em; line-height: 130%; background: url(../images/footer.gif) repeat-y 50% bottom; }

#footer a {
	color: #f1eed4;
	text-decoration: none;
}

#footer a:hover {
	color: #ff0000;
}


/*?????̑???
-------------------------------------------------------------*/
.b{ font-weight: bold; }
.t { font-family: "MS UI Gothic"; line-height: 160%; }
/*--?????̐F*/
.black{ color: #000!important; }
.red{ color: #ff0000!important; }
.blue{ color: #0000dd!important; }
.green{ color: #008000!important; }
.yellow{ color: #ffff00!important; }
.navy{ color: #1F26A9!important; }
.gray{ color: #ccc!important; }
.orange{ color: #ff6600!important; }
.pink{ color: #ff0080!important; }
.purple{ color: #660099!important; }
.olive{ color: #808000!important; }
.lime{ color: #00ff00!important; }
.aqua{ color: #167FA6!important; }
.win{ color: #cc0000!important; }

/*--?????̑傫??*/
.f8{ font-size: 8px!important; }
.f9{ font-size: 9px!important; }
.f10{ font-size: 10px!important; }
.f11{ font-size: 11px!important; }
.f12{ font-size: 12px!important; }
.f13{ font-size: 13px!important; }
.f14{ font-size: 14px!important; }
.f15{ font-size: 15px!important; }
.f16{ font-size: 16px!important; }
.f18{ font-size: 18px!important; }
.f20{ font-size: 20px!important; }
.f22{ font-size: 22px!important; }
.f24{ font-size: 24px!important; }


/*???s?@?????̊Ԋu
-------------------------------------------------------------*/

/*--?????̏??̊Ԋu*/
.m0-t{ margin-top: 0px!important; }
.m10-t{ margin-top: 10px!important; }
.m20-t{ margin-top: 20px!important; }
.m30-t{ margin-top: 30px!important; }
.m40-t{ margin-top: 40px!important; }
.m50-t{ margin-top: 50px!important; }
.m60-t{ margin-top: 60px!important; }
.m70-t{ margin-top: 70px!important; }
.m80-t{ margin-top: 80px!important; }


/*--?????̉??̊Ԋu*/
.m0-b{ margin-bottom: 0px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m100-b{ margin-bottom: 100px!important; }


/*?????̈ʒu
-------------------------------------------------------------*/
.al-c{ text-align: center!important; }
.al-r{ text-align: right!important; }
.al-l{ text-align: left!important; }


/*?摜?ƕ???
-------------------------------------------------------------*/

/*--???ɉ摜?A?E?ɕ???*/

.left{ float: left; margin: 0 30px 20px 0!important; }

/*--?E?ɉ摜?A???ɉ摜*/

.right{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*???C??
-------------------------------------------------------------*/
hr{
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 1px 0 0 0;
	height: 1px;
	border-style: solid none none none;
	color: #ccc;
}