/*
<http://www.hmic.co.jp/_css/default.css>
:title "hmic web-site stylesheet";
:shortdesc "common stylesheet for xhtml pages of this site";
:created "2009-10-31";
:release [:revision "1.01"; :created "2009-10-31";]
:author [:name "Hokkaido Management Information Center Inc. Administrative Division"; :homepage <http://www.hmic.co.jp/> ];
*/

/* ==================================================== */


/* @global structure
------------------------------------------------------- */


/* docoment body
------------------------------------------------------- */
*{margin: 0; padding: 0;}

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

a{color: #006699;}
a:link{color: #006699;}
a:visited{color: #9933FF;}
a:hover{color: #006699;}

#wrap {max-width: 1260px; min-width: 1000px; width:1000px; margin: 10px auto; background-color: #fff; }
#header {max-width: 1260px; min-width: 1000px; width:1000px; height:80px; border-bottom: solid 1px #ccc; text-align: left;}
#globalnavi {width: 100%; height: 30px; text-align: left;}
#sidemenu {width: 175px; float: left;  text-align: left; }
#maincontents {width: 63%; float:left; text-align: left; border-left: solid 1px #ccc; }
#subcontents {width: 180px; float:left; text-align: left;}

#footer {max-width: 1260px; min-width: 996px; width:1000px; height:80px; clear: both; border-top: solid 1px #ccc; text-align: left;}

/* Attention
------------------------------------------------------- */
.att {color: red;}


/* logo & title
------------------------------------------------------- */
#logo img {border: none;}
#logo {position: relative; float: left; margin: 30px 10px 10px 20px;}

/* utility navi
------------------------------------------------------- */
#utilitynavi {position: relative; float: right; margin: 50px 20px 10px 10px; font-size: 75%; color: #333;}

/* sub navi
------------------------------------------------------- */
#menu {
position: relative;
float: left;
margin: 20px 5px;
padding: 2px;
font-size: 80%;
line-height: 150%;
}
#menu ul {list-style-type: none;}
#menu ul li {}
#menu img {border: none;}




/* ==================================================== */
/* Emphasis display
------------------------------------------------------- */
.comment{font-style: normal;
font-weight: bold; color: #CC0066;}

.comment2{font-style: normal;
font-weight: bold; color: #000000;}

/* @globalnavi
------------------------------------------------------- */
#tabs {font-size: 12px;}
#tabs ul{list-style: none; margin: 0px; padding: 7px 0;
border-bottom: 1px solid #CCC; font-weight: bold;
white-space: nowrap;}
#tabs ul li{display: inline; margin: 0 20px;}
#tabs a{text-decoration: none;padding: 0 0 3px;
border-bottom: 4px solid #FFF;color: #999;}
#tabs a#current{border-color: #F60;color: #06F;}
#tabs a:hover{border-color: #F60;color: #666;}

/* @Contents Docoment Images
------------------------------------------------------- */
.front_image{width:620px; height:186px; background-image: url("../images/bg091130a.gif"); background-repeat: no-repeat;}
/* @Contents Docoment
------------------------------------------------------- */
#doc {padding: 10px 5px 5px 5px; line-height: 130%; background-color: #fff; }
#doc img{margin-top: 10px;}
#doc h1{margin: 10px 0px 10px 0px; font-weight: 700; font-size:150%; color: #6666FF;}
#doc h2{margin: 10px 0px 10px 0px; font-size:120%; color: #6666FF;}
#doc h3{margin: 15px 0px 8px 0px;font-size:90%; color: #333;}
#doc p{font-size:80%; color: #333;}
#doc ul{margin: 0px; font-size: 80%;}
#doc ul li {list-style-type: square; margin: 0px 3px 0px 15px; padding: 5px 0;}

.toc {
width: 90%;
margin:10px;
padding:0px;
background-color: #CCCCFF;
border: 1px solid #6666FF;
line-height: 120%;
font-size:100%;
color:#333;
}
.toc ul{margin: 0px;}
.toc ul li {list-style-type: square; margin: 0px 3px 0px 15px; padding: 5px 0;}

.toc2 {
margin: 10px;
padding: 8px;
width: 94%;
background-color: #FFFFCC;
border: 1px solid #999966;
}
.toc2 p {margin: 15px; font-size: 100%;}
.toc2 h3 {margin: 15px; font-size: 120%;}
.toc2 ul{margin-left: 15px;}
.toc2 ul li{margin-left: 15px; font-size: 100%; list-style-type: square;}


.notice {
padding: 5px 2px 2px 5px;
line-height: 120%;
width: 175px;
clear: both;
border-bottom: dashed 1px #333;
}
.notice h1{margin: 10px 0 5px 0px; font-family: serif;  font-size:130%; color: #333;}
.notice p{font-size:77%; color: #333;}
.notice ul {list-style-type: none;}
.notice ul li{font-size: 77%; font-weight: 700;}

/* @OtherPages
------------------------------------------------------- */
#series{
text-align: left;
width: 760px;
float: left;}

#series h1{margin: 20px 0 10px 0; font-weight: 700; font-size:120%; color: #3366FF;}
#series h2{margin: 20px 0 10px 0; font-size:100%; color: #3366FF;}
#series h3{margin: 10px 0; font-size:90%; color: #333;}
#series p{margin: 10px 0; font-size:80%; color: #333;}

/* @SoftSupport&Help Pages
------------------------------------------------------- */
#support_pages{text-align: left; margin-left: 4%; width: 90%;}
#support_pages h1{margin: 20px 0 10px 0; font-weight: 700; font-size:110%; color: #3366FF;}
#support_pages h2{font-size:90%; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 3px;}
#support_pages h3{margin: 10px; font-size:90%; }
#support_pages h4{margin: 10px; font-size:90%; }

#support_pages p{margin: 10px 0; font-size:80%; color: #333;}
#support_pages ul{margin: 10px; font-size: 80%; color: #333;}
.flow { float: left;}
.applogo {margin:0; padding: 10px 15px 20px 0px; border: none; float: left;}

/* Company Information
------------------------------------------------------- */
.companyinfo {margin:20px 0;}
.companyinfo h3{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 3px;}
.companyinfo p{padding: 3px;}
.companyinfo img{border: none;}

/* container and table
------------------------------------------------------- */
.container{
width:100%;
clear: both;
margin: 15px 5px 5px 10px;
line-height: 120%;
background-color: #fff;
}
.container table{
width:100%;
font-size:80%;
margin: 10px 0px;
border-top:1px solid #6699CC;
border-left:1px solid #6699CC;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}

/* table row1 29% */
.container th.a{
width:29%;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
background-position:left top;
padding:0.3em 1em;
text-align:center;}

.container th.fix{
width:130px;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
background-position:left top;
padding:0.3em 1em;
text-align:center;}

/* table AutoSize */
.container th.b{
width:auto;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
padding:0.3em 1em;
text-align:center;}

.container th.d{
width:7px;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
padding:0.3em 1em;
text-align:center;}

/* table for hitsyousyorui */
.container th.aa{
width: 40%;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
background-position:left top;
padding:0.3em 1em;
text-align:center;}

.container th.bb{
width: auto;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
padding:0.3em 1em;
text-align:center;}

.container th.dd{
width: 2%;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
text-align:center;}

.container th.a{
width: auto;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
background-position:left top;
padding:0.3em 1em;
text-align:center;}

/* table 38% */
.container th.e{
width:38%;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
padding:0.3em 1em;
text-align:center;}

.container th.f{
width:30px;
border-right:1px solid #6699FF;
border-bottom:1px solid #9999CC;
color:#333333;
background-color:#ccc;
padding:0.3em 1em;
text-align:center;}

.container td{
border-right:1px solid #6699FF;
border-bottom:1px solid #6699FF;
padding:0.3em 0.5em;}

.container img{border: none;}
.container ul{margin:15px 15px;}
.container ul li{font-size: 80%; list-style-type: square;}

/* NumberList block container
------------------------------------------------------- */

img.left {margin:0; padding: 10px 5px; border: none; float: left;}
.numberlist { margin: 0 0 0 11em;}
.numberlist ul{margin: 0 0 0 11em;padding:1em; list-style-type: decimal;}
.numberlist ul li{font-size: 80%; list-style-type: decimal;}

.numberlist2 {margin: 0 0 0 11em;}
.numberlist2 ul{margin: 0 0 0 16em; padding:1em; list-style-type: decimal;}
.numberlist2 ul li{font-size: 80%; list-style-type: decimal;}

/* Index
------------------------------------------------------- */
#index {
margin: 10px 15px;
padding:15px;
width: 90%;
background-color: #FFFFCC;
border: 1px solid #999966;
line-height: 150%;
}
#index ul{margin-left: 20px;}
#index ul li{margin-left: 20px; font-size: 90%; list-style-type: decimal;}

#index2 {
margin: 10px 15px;
padding:15px;
width: 90%;
background-color: #CCCCFF;
border: 1px solid #666699;
line-height: 150%;
}
#index2 ul{margin-left: 20px;}
#index2 ul li{margin-left: 20px; font-size: 90%; list-style-type: decimal;}

/* Note
------------------------------------------------------- */
.note {
clear: both;
margin: 10px 15px;
padding:15px;
width: 90%;
background-color: #FFFFCC;
border: 1px solid #999966;
line-height: 130%;
}
.note p {margin: 15px; font-size: 80%;}
.note ul{margin-left: 15px;}
.note ul li{margin-left: 15px; font-size: 80%; list-style-type: square;}

.note2 {
clear: both;
margin: 10px 15px;
padding:15px;
width: 92%;
background-color: #FFFFCC;
border: 1px solid #999966;
line-height: 130%;
}
.note2 p {margin: 15px; font-size: 100%;}
.note2 ul{margin-left: 15px;}
.note2 ul li{margin-left: 15px; font-size: 100%; list-style-type: square;}

/* @footer
------------------------------------------------------- */
address {margin: 10px; font-size: 9pt;}

#footer img{margin: 5px; border: none;}

/* Footer Information
------------------------------------------------------- */
#footerinfo {
position: relative;
float: right;
text-align: right;
line-height: 150%;
margin: 20px 20px 10px 10px;
font-size: 75%; color: #333;}

/* @maps for Google Maps API
------------------------------------------------------- */
#map {text-align: left; width: 600px; height: 600px;}
#map h1{font-size:100%;}
#map p{font-size:80%;}
#popup {margin: 0 auto; background-color: #fff;}
#popup form{margin-top:20px;}

/* @error pages
------------------------------------------------------- */
.err {background-color: #CCCC99;}

#err {
margin: 30px;
padding: 10px;
width: 90%;
height: 300px;
text-align: left;
line-height: 150%;
border: 1px solid #ccc;
}

#err h1{ 
margin-top: 25px;
color: #FFB6C1;
font-size: 400%;
}
#err p{
margin-top: 35px;
}