/*

EDIT BY FUNATO@REGRAPHY 2007-03-3-27 


*/

* {
margin: auto;
padding: 0;
text-align:left;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body {
background-color: #EDEEE8;
font-size: 100%;
}
.clear {
clear:both;
}
/*\*/
a {
 overflow: hidden; 
}/**/

hr,h1,h2 {
font-size:1em;
color:#61412c;
}
h3{
font-size:0.8em;
color:#61412c;
margin-bottom:3px;
}
.12{
font-size:12px;
}
.topicsdate {
background:url(../image/point2.gif) no-repeat;
background-position:0% 50%;
margin-top:0px;
margin-left:20px;
padding-left:10px;
}
.topicstitle {
margin:2px;
}
.topicstitlenew {
margin:2px;
background:url(../image/new.gif) no-repeat;
background-position:0% 50%;
margin-left:27px;
padding-left:5px;
}

#sitebox {
text-align:left;
width: 990px;
background:url(../image/back_site990_3.gif) repeat-y;
padding-left:6px;
overflow: hidden;
}
#header {
width: 850px;
height: 235px;
margin:0px;
}
#sitename {
width: 180px;
height: 235px;
float: left;
background-image: url(../image/en/sitename180_235e01.gif);
background-repeat: no-repeat;
}
#sitename_k {
width: 180px;
height: 235px;
float: left;
background-image: url(../image/en/sitename180_235k01.gif);
background-repeat: no-repeat;
}
#sitename_c {
width: 180px;
height: 235px;
float: left;
background-image: url(../image/en/sitename180_235c01.gif);
background-repeat: no-repeat;
}
#flash {
width: 670px;
height: 235px;
float: right;
}
#leftcontents {
margin: 0;
padding: 0;
width: 180px;
float: left;
}
#mainmenu {
width: 180px;
height: 335px;
}
#mainmenu ul{ 
margin: 0; 
padding: 0; 
list-style: none;
position: absolute;
text-indent: -12345px;
}
#mainmenu ul a{ 
display:block; 
}
li#menu01 a{
background:url(../image/bot01_180_33.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 33px;
}
li#menu01 a:hover{ 
background-position: right; 
}
li#menu02 a{
background:url(../image/bot02_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu02 a:hover{ 
background-position: right; 
} 
li#menu03 a{
background:url(../image/bot03_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu03 a:hover{ 
background-position: right; 
} 
li#menu04 a{
background:url(../image/bot04_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu04 a:hover{ 
background-position: right; 
} 
li#menu05 a{
background:url(../image/bot05_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu05 a:hover{ 
background-position: right; 
} 
li#menu06 a{
background:url(../image/bot06_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu06 a:hover{ 
background-position: right; 
} 
li#menu07 a{
background:url(../image/bot07_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu07 a:hover{ 
background-position: right; 
} 
li#menu08 a{
background:url(../image/bot08_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu08 a:hover{ 
background-position: right; 
} 
li#menu09 a{
background:url(../image/bot09_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 30px;
}
li#menu09 a:hover{ 
background-position: right; 
} 
li#menu10 a{
background:url(../image/bot10_180_31.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 31px;
}
li#menu10 a:hover{ 
background-position: right; 
} 
li#menu12 a{
background:url(../image/bot12_180_30.gif);
background-repeat: no-repeat;
background-position: left;
width: 180px;
height: 31px;
}
li#menu12 a:hover{ 
background-position: right; 
}
#bnr {
margin: 10px 0 0 36px;
}
#readsite {
margin: 70px 0 0 24px;
}

.leftbnr {
margin: 5px 0 0 0;
}
#maincontents {
width: 850px;
float: left;
/*border: 1px solid #0000ff;*/


}
#maintop {
width: 668px;
height: 195px;
float: left;
margin-bottom:12px;
/*border: 1px solid #00ff00;*/


}
#topics {
width: 460px;
height: 170px;
float: left;
background:url(../image/title_new440_38.gif);
background-repeat: no-repeat;
padding-top:20px;
font-size:0.8em;
}
#topics td {
font-size:0.8em;
}

#topics a{
color:#dd4444;
}
#topics a:hover{
color:#FF0000;
text-decoration:none;
}
.storytitle{
margin-left:27px;
line-height:1.3em;
margin-bottom:4px;
background:url(../image/topicback.gif) no-repeat;
}
#bnr02 {
width: 173px;
height: 134px;
margin: 35px 15px 0 20px;
float: right;
}
.access {
position: absolute;
text-indent: -99999px;
width: 173px;
height: 59px;
background:url(../image/bnr_access173_59.gif);
background-repeat: no-repeat;
}
.map {
position: absolute;
text-indent: -99999px;
margin: 59px 0 0 0;
width: 173px;
height: 75px;
background:url(../image/bnr_map173_75.gif);
background-repeat: no-repeat;
}
.info {
width: 653px;
margin: 0 0 10px 8px;
}
.table01 {
background-color: #E1DBCD;
}
.table02 {
background-color: #F1EEE9;
}
.table02r {
text-align:right;
background-color: #F1EEE9;
padding-right:6px;
padding-bottom:3px;
}
.infotitle {
margin: 5px 0 3px 11px;
}
.image {
margin: 5px 2px 8px 2px;
}
.image2 {
margin: 8px 2px 8px 2px;
}
.table02 p {
width: 121px;
margin: 3px 0 3px 3px;
line-height: 14px;
color: #61412b;
font-size: 0.625em;
}
.infotext {
font-weight: bold;
font-size: 1.2em;
}
#copyrightbox {
width: 850px;
height: 73px;
float:left;
}
#regraphy {
width: 180px;
height: 73px;
float: left;
background-image: url(../image/regraphy180_73.gif);
background-repeat: no-repeat;
}
#regraphy a {
text-indent: -99999px;
position: absolute;
margin: 0;
width: 180px;
height: 73px;
}
#copyright {
width: 670px;
height: 73px;
float: left;
background-color: #E0DDD4;
}
#copyright p {
margin: 5px 0 0 18px;
line-height: 15px;
font-size: 0.625em;
color:#646464;
}
#copyright a {
color: #646464;
text-decoration: none;
}
#copyright a:hover {
color: #ff0000;
text-decoration: underline;
}
#banner {
/* これ以降Mac IE 5には適用されない \*/
float:left;
width:-200px;
margin: -803px 0 0 0px;
/* これ以降Mac IE 5にも適用される */
/* これ以降Mac IE 5のみに適用される \*//*/
margin: -803px 0 0 0px;
/* これ以降Mac IE 5以外にも適用される */
html[xmlns] p { position: absolute; margin: -803px 0 0 850px;}
}
#banner ul{ 
margin: 0; 
padding:0; 
list-style: none;
position: absolute;
text-indent: -12345px;
}
#banner ul a{ 
display:block;
}
li#bana01 a{
background:url(../image/tab01_90_18.gif);
background-repeat: no-repeat;
width: 90px;
height: 18px;

}
li#bana02 a{
background:url(../image/tab02_90_18.gif);
background-repeat: no-repeat;
margin: 3px 0 0 0;
width: 90px;
height: 18px;
}
li#bana03 a{
background:url(../image/tab03_90_18.gif);
background-repeat: no-repeat;
margin: 3px 0 0 0;
width: 90px;
height: 18px;
}
li#bana04 a{
background:url(../image/tab04_90_18.gif);
background-repeat: no-repeat;
margin: 3px 0 0 0;
width: 90px;
height: 18px;
}
li#bana05 a{
background:url(../image/advertise.gif);
background-repeat: no-repeat;
margin: 40px 0 0 14px;
width: 150px;
height: 60px;
}
li#bana06 a{
background:url(../image/advertise.gif);
background-repeat: no-repeat;
margin: 2px 0 0 14px;
width: 150px;
height: 60px;
}
li#bana07 a{
background:url(../image/advertise.gif);
background-repeat: no-repeat;
margin: 2px 0 0 14px;
width: 150px;
height: 60px;
}
li#bana08 a{
background:url(../image/advertise.gif);
background-repeat: no-repeat;
margin: 2px 0 0 14px;
width: 150px;
height: 50px;
}
li#bana_ex a{
background:url(../image/advertise_text.gif);
background-repeat: no-repeat;
margin: 2px 0 15px 14px;
width: 150px;
height: 20px;
}

li#mobile_qr a{
background:url(../image/qrcode.gif);
background-repeat: no-repeat;
margin: 2px 0 0 36px;
width: 75px;
height: 75px;
}
li#mobile_ex a{
margin: 0px 0 0 14px;
width: 130px;
height: 100px;
line-height:130%;
text-indent: 12345px;
font-size:0.7em;
color:#666666;
}

/* sub title */
.subtitle {
margin: 10px 0 0 15px;
padding-left:15px;
padding-top:7px;
width: 800px;
height: 38px;
background-image: url(../image/subtitle850_38.gif);
background-repeat: no-repeat;
}
.subtitle p {
margin: 0 0 0 25px;
line-height: 38px;
color: #61412c;
font-size: 1em;
font-weight: bold;
}
.subtitle2 {
margin: 10px 0 0 20px;
width: 630px;
height: 38px;
background-image: url(../image/subtitle2.gif);
background-repeat: no-repeat;
}

.subtitle2 p {
margin: 0 0 0 25px;
line-height: 38px;
color: #61412c;
font-size: 0.9em;
font-weight: bold;
}
.subtitle3 {
clear:both;
margin: 0px 0 0 5px;
padding-left:15px;
padding-top:11px;
width: 378px;
height: 18px;
padding-left:30px;
background-image: url(../image/subtitle3-3.gif);
background-position:0px 7px;
background-repeat: no-repeat;
}

.subtitle4 {
/*clear:both;*/
margin: 0px 0 0 5px;
padding-left:15px;
padding-top:11px;
/*width: 270px;*/
height: 18px;
padding-left:30px;
background-image: url(../image/subtitle3-3.gif);
background-position:0px 7px;
background-repeat: no-repeat;
}
.subtitle3 p {
margin: 0 0 0 0;
line-height: 38px;
color: #61412c;
font-size: 0.8em;
font-weight: bold;
}

.textarea {
font-size:0.8em;
margin: 10px 0 10px 20px;
padding: 10px 0 10px 0;
/*width: 800px;*/
/*background-color: #eff0ea;*/
}

.explain ul {
margin: 0; 
padding: 0; 
list-style: none;
margin-left:25px;
}
.explain ul li {
font-size:0.8em;
line-height:150%;
background:url(../image/point2.gif) no-repeat;
padding-left:13px;
background-position:0px 6px;
}
.explain a:link {
color:#CC3300;
}
.explain a:hover {
color:#FF0000;
}

.explain a:visited {
color:#CC6600;
}

.textareasub3{
margin: 0px 0 10px 20px;
padding: 3px 0 10px 0;
width: 630px;
/*background-color: #eff0ea;*/
}

.textareasub3 p {
margin: 0 15px 0 15px;
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}


.textarea02 {
margin: 10px 0 0 20px;
padding: 10px 0 10px 0;
width: 630px;
/*background-color: #eff0ea;*/
}
.textarea03 {
margin: 0 0 0 20px;
padding: 10px 0 10px 0;
width: 630px;
/*background-color: #eff0ea;*/
}
.textarea04 {
margin: 10px 0 10px 20px;
padding: 10px 0 10px 0;
width: 630px;
background-color: #eff0ea;
}
.textarea03 p {
margin: 0 15px 0 15px;
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}
.grapharea {
margin: 10px 0 10px 20px;
padding: 10px 0 10px 0;
width: 630px;

}
.center {
margin: 10px 0 0 75px;
}
.center01{
text-align:center;
}
.textarea p,
.textarea04 p {
margin: 0 15px 0 15px;
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}
.textarea dt {
float: left;
margin: 0 0 0 1em;
width: 2em;
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}
.textarea dd {
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}
.textareaSitemap {
margin: 0px 0 0px 50px;
padding: 5px 0 5px 0;
width: 590px;
/*background-color: #eff0ea;*/
}
.textareaSitemap p {
margin: 0 15px 0 15px;
color: #61412c;
font-size: 0.75em;
line-height: 160%;
}
.textareaSitemap a,
.subtitle3 a {
color:#CC3300;
text-decoration: underline;
}
.textareaSitemap a:hover,
.subtitle3 a:hover {
color: #ff0000;
text-decoration: none;
}
/*本文　リンク*/
.textarea a {
color:#CC3300;
text-decoration: underline;
}
.textarea03 a {
color: #CC3300;
text-decoration: underline;
}
.textarea a:hover {
color: #ff0000;
text-decoration: none;
}
.textarea03 a:hover {
color: #ff0000;
text-decoration: none;
}
#copyrightbox {
width: 850px;
height: 73px;
float: left;
}
#regraphy {
width: 180px;
height: 73px;
float: left;
background-image: url(../image/regraphy180_73.gif);
background-repeat: no-repeat;
}
#regraphy a {
text-indent: -99999px;
position: absolute;
margin: 0;
width: 180px;
height: 73px;
}
#copyright.
#copyright_e {
width: 670px;
padding-top:30px;
height: 73px;
float: right;
background-color: #E0DDD4;
}
#copyright p {
margin: 5px 0 0 18px;
line-height: 15px;
font-size: 0.625em;
color: #646464;
}
hr{
border:0px solid;
color:#FFFFFF;
}
#copyright_e p {
text-align:right;
margin: 42px 10px 0 18px;
line-height: 15px;
font-size: 0.625em;
color:#646464;
}
#copyright_e a {
color: #646464;
text-decoration: none;
}
#copyright_e a:hover {
color: #ff0000;
text-decoration: underline;
}
#copyright a {
color: #646464;
text-decoration: none;
}
#copyright a:hover {
color: #ff0000;
text-decoration: underline;
}

.access_ex{
float:left;
margin-left:10px;
width:400px;

}
.gmaps{
margin-left:16px;
margin-top:10px;
float:left;
width:390px;
}
.ph1 {
margin: 0px 10px 0px 0;
}
#major{
clear:both;
height:100%;
min-height:100%;
}
@media print {
 html {
 
 page-break-before:auto;
      height:4300px;
   }
 body {
      height:100%;
   }

 #sitebox {
      height:100%;
   }
    #major {
      height:2800px;
   }
}
.break { page-break-before: always; }
#access{
clear:both;
}
.major_l {
clear:both;
float:left;
width:405px;
}
.major_r {
float:left;
width:405px;
}
.major_bro {
margin-left:20px;
margin-top:20px;
text-align:center;
width:135px;
height:170px;
background:url(../image/en/bg_dllpdf3.gif) no-repeat;
}
.major_bro p{
text-align:left;
margin-top:20px;
float:left;
}
.fff {
color:#FFFFFF;
text-align:left;
}
.sapporo_link {
margin-top:20px;
font-size:0.8em;
text-align:left;
padding-left:5px;
width:370px;
height:40px;
}

#rule {
clear:both;
}

.general{
float:left;
width:260px;
margin:5px;
}

.explain {
background:url(../image/en/C-002.jpg) no-repeat;
background-position:616px 0px;
padding-left:20px;
padding-right:250px;
}
.lang {
text-align:right;
margin-top:15px;
margin-right:20px;
width:340px;
}

#copyright_e {
width: 670px;
height: 73px;
float: right;
mpadding-top:20px;
background-color: #E0DDD4;
}
#gototop {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
text-align: right;
margin: 0 25px 0 15px;
margin-bottom:14px;
padding-top:5px;
border-top:1px dotted #bbbbbb;
}
#gototop img{
border:none;
}
#gototop a {
font-family: 'ＭＳ Ｐゴシック',sans-serif;
color: #555555;
text-decoration: none;
font-size: 0.8em;
}
#gototop a:hover {
color: #ff0000;
text-decoration: underline;
}