/*
Theme Name: Hokkaido heritage
Theme URI: http://www.www.www/
Description: Hokkaido heritage
Author: notherncross inc.
*/

/* =Layout 
-------------------------------------------------*/
div#wrapper {
margin: -14px auto 0 auto;
width:780px;
padding:0;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
}

/*-OTHER PAGEs header ----*/

div#aheader {
margin:0;
padding:0;
width:780px;
height:138px;/*-＋＋＋＋＋＋＋＋＋＋＋これがヘッダーの上からの位置--*/
text-align: center;
}


/*-COMMON Container ----*/
div#container {
position:relative;
top:0px; /*--＋＋＋＋＋＋＋＋＋＋これがないとなぜか上下にずれる--*/
margin:0;
padding:0;
width:780px;
text-align: left;
vertical-align:top;
}

/* CSSハック COMMON Container--*/
#container:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#container: { display: inline-block;}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* end hides from IE-mac \*/

/*-COMMON Footer ----*/
div#footer {
margin:0px 0 0px 0px; /*-上のマージンがないと上にずれ、position指定するとcontainerからはみだす--*/
padding:0 0 40px 0;
width:780px;
}

/* CSSハックCOMMON Footer--*/
#footer:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#footer: { display: inline-block;}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
/* end hides from IE-mac \*/

/* =COMMON
-------------------------------------------------*/
body {
margin:0;
padding: 0;
font-family:Arial,Helvetica,sans-serif,"Osaka","Osaka","MS PGothic";
text-align: left;
font-size: 12px;
line-height: 1.5;
background-repeat:repeat-y;
background-position:center;
background-color:#ffffff;
color:#000000;
}
p {
margin:0;
padding:0;
text-align:left;
font-size:1;
}
a {
text-decoration:none;
color:#000000;
}
a:visited {
color:#000000;
}
a img {
text-decoration:none;
border:none;
}


/* =HEADER
-------------------------------------------------*/
div#aheader  {
width:780px;
height:125px;
border-bottom:1px dotted #999999;
}
div#aheader img{
margin:0;
padding:20px 10px 0 10px;
}
div#aheader img a{
text-decoration:none;
border:none;
}


/*-COMMON Container ----*/
div#container {
position:relative;
top:21px; /*--＋＋＋＋＋＋＋＋＋＋これがないとなぜか上下にずれる--*/
margin:0;
padding:0;
width:780px;
text-align: left;
}

/* CSSハック COMMON Container--*/
#container:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#container: { display: inline-block;}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* end hides from IE-mac \*/

/*-COMMON Footer ----*/
div#footer {
margin:35px 0 0px 0px; /*-上のマージンがないと上にずれ、position指定するとcontainerからはみだす--*/
padding:0 0 40px 0;
width:780px;
}

/* CSSハックCOMMON Footer--*/
#footer:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#footer: { display: inline-block;}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
/* end hides from IE-mac \*/




/* =CONTENTS TOP
-------------------------------------------------*/

/* =NEWS SINGLE
-------------------------------------------------*/
div#htitle {
position:relative;
top:0px;
height:45px;
margin:-10px 0 0 0px;
padding:0 0 0 0px;
border-bottom: #cccccc 1px solid;
}
h2 {
position:relative;
top:10px;
left:20px;
background-image : url(http://www.northerncross.co.jp/heritage-form/arrowbox_big.gif);
background-repeat: no-repeat; 
margin:5px 0 0 0px;
padding:0px 0 0 0;
width:720;
text-indent:1.5em;
line-height:1;
text-align:left;
font-weight:bold;
color:#333333;
font-size:17px;
letter-spacing:1px;
}
div#htitle:after {
clear:both;
}

div#hcont {
margin:25px auto 0 auto ;
padding:0;
float:left;
width:780px;
text-align:center;
}
div#hcont p {
margin:5px 25px 10px 25px;
padding:0;
text-align:center;
}
/* CSSハックTOP content----*/
#hcont:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#hcont: { display: inline-block;}

/* Hides from IE-mac \*/
* html #hcont {height: 1%;}
/* end hides from IE-mac \*/

.red {
font-size:10px;
color:#ff0000;
}
div#form {
width:560px;
margin:0 auto 0 auto;
padding:0;
text-align:center;
}
div#form table {
width:500px;
margin:0 30px 10px 30px;
padding:0;
border:1px solid #999999;
text-align:left;
}
div#form td {
margin:0;
padding:10px;
vertical-align:top;
}

div#form input {
margin:5px 0 0 0;
padding:0;
width:200px;
}

.bot {
width:80px;
}
div#form textarea {
width:300px;
height:200px;
}


/* =FOOTER
-------------------------------------------------*/
/* copyrights */
#copyrights {
margin:0px 0 0 0 ;
padding:5px 0 5px 15px;
width:765px;
height:16px;
font-size: 12px;
background-image : url(http://www.northerncross.co.jp/heritage-form/footerbg.gif);
color:#000000;
}

/* office */
#office {
margin:0;
padding:15px 3px 0px 15px;
width:755px;
font-size: 10px;
color:#000000;
}
#office p {
line-height: 1.3;
}
#office a {
text-decoration: underline;
color:#0099ff;
}
#office a:hover {
text-decoration: none;
color:#ccffff;
}
#office a:hover {
text-decoration: underline;
color:#0099ff;
}


/* =cleafix　これを利用する
-------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix: { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* end hides from IE-mac \*/