﻿body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: #000000;
	text-decoration: none;
        margin-left: 1em;
        margin-right: 1em;
        margin-top: 0pixel;
        margin-bottom: 1em;
}

font{}
font.y{
	font-family:suns-serif,"MS　Pゴシック","Osaka",;
	font-weight: bolder;
	font-size: medium;
	color:orange;}
a {
	text-decoration: none;
	color: #0000FF;
}


a:active {
	text-decoration: underline;
	color: #3399FF;
}
a:hover {
	text-decoration: underline;
	color: #3399FF;
}
a:visited {
	color: #0000FF;
}
div{}
#nav {
	text-align: right;
	font-size: small;
	margin: 0.5em 1em 0 0;
	color: #708090;
}
.block {
	margin-bottom:10px;
	margin-left:20px;
	padding: 10px;
	border: 3px double #0050B2;
	background-color: #F5F5F5
}
.joron_b {
	margin-bottom:10px;
	margin-left:20px;
	padding: 10px;
}
b.gray {
display:block;	margin:2em 0em 1em;
	letter-spacing: 0.1em;
	color:#778899; }
dl{
	margin: 1em;
	line-height:1.3em;
}
dt{	margin-left: 1em;}
.b {	color:#336666; }
.bld {	font-weight:bold }

em {
	font-style: normal;
	text-decoration: underline;
}

h1 {
	margin-bottom:0.5em;
	line-height:1.3em;
	text-align: center;
	font-family: sun-serif;
	font-weight: bolders;
	color: #708090; 
}
.space {
letter-spacing:0.2em;
}
h1.nyumon {
	margin:0em 0em 0em 0.3em;
	line-height:1em;
	text-align: center;
	font-family: sun-serif;
	font-weight: bolders;
	font-style: italic;
	color: #708090; 
}
h1.sub
{
	text-align: center;
	font-family: sun-serif,Osaka,'MS　ゴシック','MS　Pゴシック';
	font-weight: bolders;
	font-size: x-large;
	color: #000000;
	margin-top:0em;
	margin-bottom:1.5em;
	letter-spacing:0.2em;
border:dotted 1px #000000; padding:0.8em;margin:1em 0em
}
h1.sub2
{
	text-align: center;
	font-family: sun-serif,Osaka,'MS　ゴシック','MS　Pゴシック';
	font-weight: bolders;
	font-size: medium;
	color: #708090;
	margin-top:0em;
	margin-bottom:1.5em;
	letter-spacing:0.2em
}

.sup
{
	text-align: center;
	font-family: sun-serif,Osaka,'MS　ゴシック','MS　Pゴシック';
	font-weight: bolders;
	font-size: medium;
	color: #708090;
	margin-top:1em;
	margin-bottom:-1em;
	letter-spacing:0.2em
}
h1.sec
{
	text-align: center;
	font-family: sun-serif,Osaka,'MS　ゴシック','MS　Pゴシック';
	font-weight: bolders;
	font-size: large;
	color: #708090;
	margin-top:0em;
	margin-bottom:1em;
	letter-spacing:0.2em
}
h2 {
	text-align: right;
	font-weight: bolders;
	font-size: large;
	color: #708090; 
	padding: 5px
}
.sub
{
	text-align: right;
	font-family: sun-serif,Osaka,'MS　ゴシック','MS　Pゴシック';
	font-weight: bolders;
	font-size: small;
	color: #708090;
	margin-top:-1em;	margin-bottom:1.5em;
	letter-spacing:0.2em
}
h3 {
	text-align: left;
	font-weight: bold;
	font-size: medium;
	color: #778899;
	background-color: #F5F5F5;
	letter-spacing: 0.3em;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	margin: 0px 0px 15px 0px;
	padding: 4px 3px 4px 15px;
}
.abst
 {
	text-align: left;
	font-weight: bold;
	font-size: medium;
	color: #F5F5F5
	background-color: #FFFFFF;	border:1px thin #C0C0C0;letter-spacing: 0.1em;
	margin: 0.5em 0 0em ;
	padding: 0.5em 1.5em
}
h4{
	color: #778899;;
	background-color: #F5F5F5;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.3em;
	border-bottom: 1px solid #778899;
	margin: 2px;
	padding: 5px 3px 4px 15px;
}
h5{
	color: #778899;;
	background-color: #F5F5F5;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.3em;
	border-bottom: 0px solid #778899;
	margin: 2px;
	padding: 5px 3px 4px 15px;
}
hr{
	margin: 1em;
	padding:  2px;
	border: 1px none #666;
	border-top: 1px dotted #C0C0C0;
    	clear:left; }

img.sapporo {
	text-decoration: 
none;border:none
}

li.list {	line-height:1.2em;margin-bottom:0.3em}
ol{
	margin-left: 0;}
p {	
	line-height: 1.5em;
	margin: 0.7em 2em;
}
p.prespace {
	text-indent: 1em;margin:1.5em 1em; line-height:1.3em;

}
small{
font-size:xx-small;
}

strong {
	font-weight: bolder
}

table{
}
table#trance{
	height:100px;
	vertical-align:middle;
	text-align: center;
	margin:auto;margin-bottom : 10px;
}
table#map{
	background-color: #FFFFFF;
	width:700px; height:auto; vertical-align:top;
	margin : auto
}

td{
	margin: 2px;
	padding: 10px;
        vertical-align:top;}
td.left{
	text-align: left;
	margin: 2px;
	padding: 5px;}
td.clr{
	width:80px;
	background-color: #FFCC99;
}
td#back1{
	width:120px;
	background-image: url(./img/subway.gif);
    background-repeat:no-repeat;
    background-position:center center;
}
td#back2{
	width:120px;
	background-image: url(./img/man.gif);
    background-repeat:no-repeat;
    background-position:center center;
}
img{}

img.mg{
	align: center;
	border: none; 
	margin: 5px 1px 1px;
	}

img.map{
	border: none; 
	margin: 10px;
	}

/* Body部分 */
div#body {
	position: relative;
	width: 100%;
	margin-top: 1em;
}

/* 左側サイドバー */
div#side {
	font-size: medium;
	position:absolute;
	width: 25%;
	left: 10px;
	padding: 0px;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
}


div#side ul {
	list-style-image: url(./img/aa7.gif);
	list-style-type: circle;
	vertical-align: middle;
	line-height:1.3em;
}
li.this{
	list-style-image: url(./img/a7.gif);
	list-style-type: circle;
	margin-left: 15px;
    color:#C0C0C0;
    }
div#side li{
	margin-left: -15px;
}
div#side ul ul{
	list-style-image: url(./img/aa7.gif);
	list-style-type: circle;
}

.sidetitle {
	color: #778899;
	background-color: #F5F5F5;
	font-size: medium;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.5em;
	border-bottom: 1px solid #C0C0C0;
	margin: 0px;
	padding: 4px 3px 4px 15px;
}

/* 右側メインコンテンツ */
ul{}

div#contents {
	margin-left: 28%;
	padding: 0px 10px 10px 10px;
}

div#contents_2 {
	text-align: left;
	margin: auto;
	padding: 0em 2em;
}
div#contents ul{	margin-left: 1em;
        list-style-type: circle;
	}
.sublink {
	list-style-type: none;
	text-align:right;
	margin-right: 15px;
}

address{}
/* 下部フッター */
div#footer {
	font-size: x-small;
	text-align: right;
	margin: 3em 0em 0.25em;
	padding: 3px;
	border: 1px none #666;
	border-top: 1px dotted #C0C0C0;
	clear:left;
}
div#joronfooter {
	font-size: small;
	margin: auto;
	padding: 0.5em;
	border: 1px none #666;
	border-top: 1px dotted #C0C0C0;
	clear:left;
}

div#footer img.logoimg {
	float: right;
	width: 38px;
	margin-left: 7px;
}

div#footer a.webmaster {
	color:#000000;
	font-size: small;
	border-bottom-style: none;
}

/* その他 */
.quote {
	text-align: left;
	padding: 5px 20px 20px 20px;
	background-color: #F5F5F5;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #C0C0C0;
}

.posted {
	text-align: right; margin-right: 1em;
	list-style-type:none
}

div#euclidMap {
	width:43em;
	text-align: center;
	font-size: medium;
	line-height:1.5em;
	letter-spacing: 0.3em;
	border: 1px dotted #C0C0C0;
	margin: auto;
	padding: 1em
}