/*
<http://www.hsa.co.jp>
:created "2011-10-25";
:update "2012-08-31"
:author [Hokkai Services Corp.];
*/

/* @global structure
------------------------------------------------------- */
*{margin: 0; padding: 0;}

body {background-color: #FFF; text-align: center; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

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

.c01 {max-width: 1260px; min-width: 1000px; width:1000px; margin: 0 auto; background-color: #fff; }
.header {width:100%; height:80px; border-bottom: solid 1px #ccc; text-align: left;}
.globalnavi {width: 100%; height: 50px; text-align: left;}
.sidemenu {width: 20%; height:300px; float:left;  text-align:left;}
.sidemenu p{margin:10px; font-size:90%;}
.subcontents {width: 180px; float:left; text-align: left;}

#info {margin: 10px 20px; width:100%; text-align:left;}
#info img{border:none;}
#info h1{padding:5px;font-size:90%;color:#1e1e1e;}
#info p{padding:5px;font-size:85%;color:#1e1e1e;}

/* contents class
------------------------------------------------------- */
.c02 {width:100%;padding:2px;}
.c02 img{border:none;}
.b02 {width:100%;height:50px; padding:2px;background-image: url("../images/hokkai_bg_2011.jpg");background-repeat: no-repeat;}

.c03 {margin:10px 10px; width: 48%; float:left;}
.c03b {text-align: left;}
h1.bl{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px #0099FF;}
h1.re{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px #FF3399;}
h1.gr{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px #99CC00;}
h1.gr2{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px #66CC33;}
h2.or {margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px orange;}
h2.gr{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px green;}
h2.bl{margin:10px;padding:0px 15px;font-size:120%;color:#666; border-left: solid 7px blue;}
p{margin:5px;padding:3px;line-height:150%;color:#000;font-size:90%;}
ul{margin: 0 0 0 2.5em;padding: 0;}
ol{margin: 0 0 0 2.5em;padding: 0;}
li{font-size:90%;}
dl{margin:15px 5px 10px 30px; font-size:90%;}
img.bt {margin: 10px 5px 10px 30px; border:none;}

.c04 {margin:10px 0;width: 100%; float:left; text-align: left;}
.c04 h1{margin:10px;padding:5px 15px;font-size:130%;color:#666666; border-left: solid 15px #FF3399;}
.c04 h2{margin:10px;padding:5px 15px;font-size:100%;color:#333333; border-left: solid 15px #FF6633; }
.c04 p{margin:10px;padding:5px;line-height:150%;color:#000;font-size:95%;}
.c04 img{margin:10px; border:none; float:left;}

.c05 {margin:20px 10px 20px 20px; width: 90%; text-align: left;}

.c07 {margin:10px 0;width: 100%; float:left; text-align: left;}
.c07 h1{margin:10px;padding:0px 15px;font-size:120%;color:#666666; border-left: solid 15px #FF3399;}
.c07 h2{margin:12px 25px;padding:3px 7px;font-size:95%;color:#333333;}
.c07 h3{margin:12px 25px;padding:3px 7px;font-size:95%;color:#333333; border-left: solid 5px #FF6633; }
.c07 p{margin:7px 25px;padding:5px;line-height:150%;color:#000;font-size:90%;}
.c07 img{margin:10px; border:none; float:left;}
.c07 ol{margin: 0 0 0 50px;}
.c07 li{list-style-type: decimal; font-size:90%;}
.c07 dl{margin:15px 5px 10px 30px;  }
.c07 dt{width: 80%; padding:5px; font-size:100%;font-weight:700; border-bottom:solid 1px #ccc;}

.c07 dd{margin:7px; padding:5px;font-size:90%;}
dt.gr{color:#339900;}
dt.bl{color:#3366CC;}

/* company profile
------------------------------------------------------- */
.c06 h1{margin:10px;padding:5px 15px;font-size:130%;color:#666; border-left: solid 15px #FF3399;}
.c06 h2{margin:12px 5px 0px 5px;font-size:85%;}
.c06 p{margin:2px 0px 2px 5px;padding:5px;line-height:150%;color:#000;font-size:80%;}
.c06 dl{margin:10px 5px; width:100%; font-size:90%;}
.c06 dt{width:20%; float:left; padding: 1em; }
.c06 dd{width:80%; padding:1em; border-top:solid 1px #ccc;}


/* 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;}

/* @globalnavi
------------------------------------------------------- */
#tabs {font-size: 100%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#tabs ul{list-style: none; margin: 0px; padding: 7px 0;border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; font-weight: bold; white-space: nowrap;}
#tabs ul li{display: inline; margin: 0 35px;}
#tabs a{text-decoration: none;padding: 0 0 3px;border-bottom: 4px solid #FFF;color: #999;}
#tabs a#current{border-color: #FF99FF; color: #06F;}
#tabs a:hover{border-color: #FF99FF; color: #666;}

/* @submenu
------------------------------------------------------- */
#sub {font-size: 16px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#sub ul{list-style: none; margin: 0px; padding: 7px 0; font-weight: bold; white-space: nowrap;}
#sub li{margin:20px;}
#sub a{text-decoration: none;padding: 0 0 3px;border-bottom: 4px solid #FFF;color: #999;}
#sub a#current{border-color: #FF99FF; color: #06F;}
#sub a:hover{border-color: #FF99FF; color: #666;}

/* @footer
------------------------------------------------------- */
.footer {width:100%; height:80px; clear: both; border-top: solid 1px #ccc; text-align: left;}
.footer img{margin: 5px; border: none;}

address {margin: 10px; font-size: 9pt;}


/* 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_canvas {height: 100%;}
#map_canvas p{font-size:75%;}