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

/*-TOP PAGE header ----*/

div#theader {
margin:0;
padding:0;
width:780px;
height:546px;
text-align: center;
border-bottom:1px solid #999999;
}

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

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

/*-TOP MAIN MENU ---------*/
div#tmenu {
position:relative;
top:202x; /*-＋＋＋＋＋＋＋＋＋＋＋これがないとなぜか上下にずれる--*/
margin:10px 0 0 0 ;
padding:0;
width:780px;
height:23px;
font-size: 14px;
padding: 0px;
background-image : url(imgs/common/sitemenu/menubg.gif);
background-color:#999999;
color:#444444;
}

/*-OTHER MAIN MENU ---------*/
div#omenu {
position:relative;
top:0px; /*-＋＋＋＋＋＋＋＋＋＋＋これがないとなぜか上下にずれる--*/
margin:10px 0 0 0 ;
padding:0;
width:780px;
height:23px;
font-size: 14px;
padding: 0px;
background-image : url(imgs/common/sitemenu/menubg.gif);
color:#444444;
}

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

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


/*-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
-------------------------------------------------*/
/* TOP header--*/
div#theader h1 {
width:780px;
height:163px;
}
div#theader h1 img{
margin:0;
padding:10px 10px 0 10px;
}
div#theader h1 img a{
text-decoration:none;
border:none;
}


/* OTHER header--*/
div#aheader h1 {
width:780px;
height:95px;
}
div#aheader h1 img{
margin:0;
padding:20px 10px 0 10px;
}
div#aheader h1 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 \*/


/* =HEADER TOP MENU
-------------------------------------------------*/
div.menu a{
color: #444444;
text-decoration: none;
display: block;
padding: 0px;
line-height: 23px;
width: 130px;
}

.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	width:130px; /*★*/
	border: 0;
	display: block;
	float: left;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)*/
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {
top: 0;
left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility:visible;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
	height:23px;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(imgs/common/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	width:130px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

.menu, .menu ul li {
	color: #444444;
	height:23px;
	background-image : url(imgs/common/sitemenu/menubg.gif);
	background-color:#999999;
}

.menu ul {
	width: 130px;
}

.menu a {
	text-decoration: none;
	color: #444444;
	padding: 0em 0.5em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #cc0000;
	background-image : url(imgs/common/sitemenu/menubg2.gif);
	background-color:#cccccc;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #ccc;
}
.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.menu>li:first-child>a, .menu li + li + li li:first-child>a {
color:#cc0000;
}

/* =CONTENTS TOP
-------------------------------------------------*/
/* =TOP news--*/
div#tnews {
margin:0;
padding:10px 15px 10px 10px;
float:left;
width:400px;
}

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

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


/* =TOP Newslist新着情報リスト--*/

#tnews h3 {
margin:20px 0 10px 10px;
}

#tnews div.tnewslist {
margin: 0 10px 10px 25px;
padding:0;
}

#tnews div.tnewsdate {
margin: 10px 0 0 0; padding:0;
color:#666666;
font-size:9px;
line-height:1.3;
}
#tnews div.tnewsdate a {
color:#666666;
}

#tnews h4 {
margin:0 0 8px 0px;
padding:0 0 0 2px;
text-indent:0em;
font-weight:100;
font-size:13px;
line-height:1.1;
letter-spacing:normal;
}
#tnews h4 a {
text-decoration:none;
color: #000000;
}

#tnews h4 a:hover {
text-decoration:none;
color:#3399ff;
}

/* =TOP topics--*/
div#ttopics {
margin:0;
padding:10px 0px 5px 0px;
float:right;
width:350px;
}

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

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

/*トピックのバナー*/
#ttopics div.tbanner a img{
margin:5px 0 5px 0;
padding:0;
width:315px;
border:0;
}
#ttopics div.banner a:hover img{
opacity:0.8;
	filter: alpha(opacity=80);
}

/*トピックのタイトルと画像*/
#ttopics dl{
    margin:0px;
    margin-left:15px;
	margin-right:15px;
    margin-bottom:5px;
    padding:8px 0 8px 8px;
    float:left;
    width:135px;
	height:40px;
    font-size:13px;
	color:#333333;
	border-bottom:1px #c0c0c0 solid;
}
#ttopics dl a {
text-decoration:none;
border-bottom:1px #c0c0c0 solid;
}
#ttopics dl a:visited {
color:#333333;
}

#ttopics dt{
width:135px;
margin:0;
padding:0px;
border:none;
text-align:right;
}
#ttopics dt a {
margin-bottom:5px;
text-decoration:none;
border:none;
}
#ttopics dd{
width:135px;
margin:0;
padding:0;
text-align:left;
}
#ttopics dd a {
margin-bottom:5px;
text-decoration:none;
border:none;
}
#ttopics dd a img {
width:38px;
border:none;
}
#ttopics dd a:hover img {
border:none;
opacity:0.8;
filter: alpha(opacity=80);
}

/* =TOP topics の twitter --*/
div#ttwitter {
margin-left:30;
padding:10px 0px 5px 0px;
float:right;
width:350px;
}


/* =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("imgs/common/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:0;
padding:0;
float:left;
width:585px;
}

/* 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 \*/


div#single {
margin:0px 50px 30px 40px;
padding-bottom:2px;
font-size:15px;
line-height:1.6;
}
div#single a {
border-bottom:1px #777777 dotted;
}
div#single p {
margin:0;
padding:5px;
}
div#single img {
margin:0;
padding:0 0 5px 0;
border:1px #cccccc solid;
}

div.singlemeta {
margin-top:2px;
padding-bottom:2px;
height:40px;
font-size:10px;
color:#777777;
}
div.singlemeta a {
color:#999999;
border-bottom:1px #999999 dotted;
}

/* =NEWS DATE
-------------------------------------------------*/
div#date {
margin:0px 50px 30px 40px;
padding-bottom:2px;
font-size:15px;
line-height:1.6;
}
div#date a {
}
div#date p {
margin:0;
padding:5px;
}

div#date h3 { /*-＋＋＋＋＋これはアーカイブの年月を示すタイトルリンク--*/
margin-top:2px;
padding-bottom:2px;
height:30px;
font-weight:100;
font-size:10px;
color:#777777;
}
div.date h3 a {
color:#999999;
}

div#date h4 {/*-＋＋＋＋これは各年月アーカイブ内の記事タイトルリンク--*/
margin:0 0 8px 0px;
padding:0 0 0 2px;
text-indent:0em;
font-weight:200;
font-size:13px;
line-height:1.6;
letter-spacing:1px;
}
div#date h4 a {
text-decoration:none;
color: #000000;
border:none;
}
#date div.datelist {
margin: 0 10px 10px 0px;
padding:0;
}

#date div.datedate {
margin: 10px 0 0 0; padding:0;
color:#666666;
font-size:9px;
line-height:1.5;
}
#date div.datedate a {
color:#666666;
}

/* =HERITAGE
-------------------------------------------------*/
div#hthead {
margin:0;
padding:4px;
width:100%;
height:15px;
text-align:center;
font-size:11px;
border-bottom:1px #999999 solid;
}

div#hthead ul {
margin:3px 25px 0 25px;
padding:0;
float:left;
display:inline;
text-align:center;
list-style-type:none;
}
div#hthead li {
float:left;
text-align:left;
line-height:1;
}
div#hthead li a {
display:block;
margin:0 30px 0 5px ;
padding:0;
color:#000000;
font-weight:normal;
}
div#hthead li a:hover {
color:#cccccc;
}

span.h2mini {
margin:0;
font-size:10px;
font-weight:normal;
}

div#isancont {
position:relative;
top:-20px;
margin:0;
padding:0;
float:left;
width:575px;
}

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

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



#isancont h5 {
width:320px;
margin:5px 0 0 10px;
padding:0px 0 0 0;
height:25px;
text-indent:1.5em;
line-height:1;
text-align:left;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
background-image : url("imgs/common/arrowbox_mini.gif") ;
background-repeat: no-repeat; 
}

p.hlead  {
margin:0;
padding:15px 25px 10px 25px;
color:#666666;
font-size:14px;
font-weight:bold;
line-height:1.3;
border-bottom:1px #999999 dashed ;
}
div.htitem {
margin:0;
padding:20px 25px 2px 25px;
color:#666666;
font-size:14px;
font-weight:bold;
}

dl {
width:320px;
margin:0 0 10px 0;
padding:0 10px 10px 10px;
text-align:left;
}
dt {
width:325px;
font-size:11px;
letter-spacing:-1px;
line-height:1.3;
}

dd {
width:295px;
margin:15px 5px 5px 0px;
text-align:left;
font-size:11px;
}

/*概要、見学スポットなどのタイトルの飾り \*/
#ht1 {
position:relative;
top:0;
margin-top:20px;
padding:0 0 20px 0;
}

#ht1:after {
clear:both;
}

div.htcont {
margin:0;
padding:2px 0 0 25px;
width:560px;
height:16px;
font-size:12px;
color:#ffffff;
background-color:#CC3300;
letter-spacing:2px;
font-weight:normal;
}

div.htsum {
margin:0;
padding:15px 25px 20px 25px;
width:530px;
border-bottom:1px dotted #999999;
}

div.hteach {
margin:0;
padding:15px 25px 20px 25px;
width:530px;
border-bottom:1px dotted #999999;
}



/*概要部分 \*/
div#hmainph {
float:left;
margin:0;
padding:20px 0px 10px 10px;
width:310px;
text-align:center;
}
div#hmainph img {
width:300px;
}
div#hmaintxt {
float:right;
margin:20px 25px  0 0;
padding:5px 0 10px 0px;
width:200px;
}
#hmaintxt p {
text-indent:1em;
line-height:1.7;
margin:0;
padding:0;
}
#hmainmaplink {
float:right;
margin:0; padding:20px 0 0 0;
width:220px;text-align:right;
border-top:1px dotted #999999;
}
#hmainmaplink a img {
border:none;
}

#hmainmaplink:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#hmainmaplink: { display: inline-block;}

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

#hmainmaplink h4 {
font-size:13px;
font-weight:bold;
width:300px;
margin:0 0 0 12px;
padding:0 0 0 22px;
background-position: 0 3px;
background-image:url(imgs/common/arrowbox_mini.gif);
background-repeat:no-repeat;
}

/*見学スポット \*/

#ht2 {
position:relative;
top:0;
}

#ht2a {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt2a {
float:left;
width:330px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}

#htph2a {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph2a img {
margin-top:-30px;
width:180px;
}

#htph2a:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph2a: { display: inline-block;}

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


#ht2a table {
display:inline;
}

#ht2a td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht2a td.tt {
margin:0;
padding:5px 0 5px 0px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht2a td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}


#ht2b {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt2b {
float:left;
width:335px;
margin:0 10px 0 0;
padding:0;
line-height:1.5;
color:#777777;
}
#httxt2b h4 {
width:325px;
margin:5px 0 0 10px;
padding:0px 0 0 0;
height:25px;
text-indent:1.5em;
line-height:1;
text-align:left;
font-weight:bold;
letter-spacing:1px;
color:#333333;
background-image : url("imgs/common/arrowbox_mini.gif") ;
background-repeat: no-repeat; 
}

#htph2b {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph2b img {
margin-top:-30px;
width:180px;
}

#htph2b:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph2b: { display: inline-block;}

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

#ht2b table {
display:inline;
}

#ht2b td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht2b td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht2b td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}


#ht2c {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt2c {
float:left;
width:330px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}

#htph2c {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph2c img {
margin-top:-30px;
width:180px;
}

#htph2c:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph2c: { display: inline-block;}

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


#ht2c table {
display:inline;
}

#ht2c td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht2c td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht2c td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}

#ht2d {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt2d {
float:left;
width:330px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}

#htph2d {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph2d img {
margin-top:-30px;
width:180px;
}

#htph2d:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph2d: { display: inline-block;}

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


#ht2d table {
display:inline;
}

#ht2d td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht2d td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht2d td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}


#ht2e {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt2e {
float:left;
width:330px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}

#htph2e {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph2e img {
margin-top:-30px;
width:180px;
}

#htph2e:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph2e: { display: inline-block;}

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


#ht2e table {
display:inline;
}

#ht2e td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht2e td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht2e td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}
/*イベント・体験 \*/

#ht3 {
position:relative;
top:0;
}

#ht3a {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt3a {
float:left;
width:335px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}
#httxt3a h4 {
width:325px;
margin:5px 0 0 10px;
padding:0px 0 0 0;
height:25px;
text-indent:1.5em;
line-height:1;
text-align:left;
font-weight:bold;
letter-spacing:1px;
color:#333333;
background-image : url("imgs/common/arrowbox_mini.gif") ;
background-repeat: no-repeat; 
}

#htph3a {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph3a img {
margin-top:-30px;
width:180px;
}

#htph3a:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph3a: { display: inline-block;}

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


#ht3a table {
display:inline;
}

#ht3a td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht3a td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht3a td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}


#ht3b {
float:left;
width:560px;
margin:0 15px 0 5px;
padding:10px;
line-height:1.5;
}

#httxt3b {
float:left;
width:335px;
margin:0 10px 0 0;
padding:0;
color:#777777;
line-height:1.5;
}
#httxt3b h4 {
width:325px;
margin:5px 0 0 10px;
padding:0px 0 0 0;
height:25px;
text-indent:1.5em;
line-height:1;
text-align:left;
font-weight:bold;
letter-spacing:1px;
color:#333333;
background-image : url("imgs/common/arrowbox_mini.gif") ;
background-repeat: no-repeat; 
}

#htph3b {
float:right;
width:190px;
margin:10px 5px 5px 5px;
padding:25px 0 0 10px;
}
#htph3b img {
margin-top:-30px;
width:180px;
}

#htph3b:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#htph3b: { display: inline-block;}

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


#ht3b table {
display:inline;
}

#ht3b td {
border-bottom:1px dotted #999999;
vertical-align:top;
}
#ht3b td.tt {
margin:0;
padding:5px 0 5px 5px;
width:90px;
vertical-align:top;
font-weight: bold;
line-height:1.4;
vertical-align:top;
}
#ht3b td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 5px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}

/*問合せ・ＵＲＩ \*/

div#ht4 {
position:relative;
top:0;
}
div#ht4 h5 {
width:450px;
margin:15px 0 0px 25px;
padding:0;
height:12px;
text-indent:1.5em;
line-height:1;
text-align:left;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
background-image : url("imgs/common/arrowbox_mini.gif") ;
background-repeat: no-repeat; 
}
div#ht4 p {
margin:0;
padding:5px 5px 0px 25px;
color:#666666;
}

#ht4 table {
margin-left:25px;
width:500px;
}

#ht4 td {
border-top:1px dotted #999999;
vertical-align:top;
}
#ht4 td.tt {
margin:0;
padding:5px 10px 5px 0px;
width:230px;
vertical-align:top;
line-height:1.4;
vertical-align:top;
}
#ht4 td.tlist {
margin:0;
padding:5px 0 5px 15px;
width:200px;
vertical-align:top;
background-position: 0 8px;
background-image:url(imgs/common/sk.gif);
background-repeat:no-repeat;
}





/*clearfix \*/
#ht1:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#ht1: { display: inline-block;}

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

#ht2:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#ht2: { display: inline-block;}

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

#ht3:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#ht3: { display: inline-block;}

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

#ht4:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#ht4: { display: inline-block;}

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


/* =CONTENTS FOOT LINK
-------------------------------------------------*/

/*シングルページ*/
div#footlink {
width:100%;
height:30px;
margin:20px 0 20px 0;
padding:0;
vertical-align:bottom;
border-top:1px #999999 dashed;
border-bottom:1px #999999 dashed;
}
div#footlink ul {
float:left;
display:inline;
margin:10px 15px 0 35px;
padding-top:-3px;
height:20px;
list-style-type:none;
}
div#footlink li {
float:left;
text-align:left;
line-height:1;
}
div#footlink li a {
display:block;
width:400px;
color:#999999;
font-size:13px;
font-weight:bold;
}
div#footlink li a:hover {
color:#FF8040;
}
div#footlink li#prev a {
margin:0;
padding:0;
background-image : url(imgs/common/arrowbox_toLeft.gif);
background-repeat: no-repeat; 
}

div#footlink li#mail a {
margin:0 0 0 10px;
padding:0 0 0 20px ;
height:20px;
background-image : url(imgs/common/kumo.gif);
background-repeat: no-repeat; 
}

div#footlink li#next a {
margin:0px 0 0 40px;
padding:0;
background-image : url(imgs/common/arrowbox_toRight.gif);
background-repeat: no-repeat; 
}

/*遺産紹介ページ*/

div#htfoot {
width:100%;
height:30px;
margin:20px 0 20px 0;
padding:0;
vertical-align:bottom;
border-top:1px #999999 dashed;
border-bottom:1px #999999 dashed;
}
div#htfoot ul {
margin:10px 15px 0 35px;
padding:0;
float:left;
display:inline;
text-align:center;
list-style-type:none;
}
div#htfoot li {
float:left;
text-align:left;
line-height:1;
}
div#htfoot li a {
display:block;
margin:0px 25px 0 25px;
padding:0 0 0 20px;
background-image : url(imgs/common/kumo.gif);
background-repeat: no-repeat; 
color:#999999;
font-size:15px;
font-weight:bold;
}
div#htfoot li a:hover {
color:#cccccc;
}

/* =SIDE BAR
-------------------------------------------------*/
div#sidebar {
position:relative;
top:0px;
margin:0;
padding:15px 10px 5px 15px;
float:right;
width:167px;
height:100%;
border-left:1px #cccccc solid;
border-bottom:1px #cccccc solid;
}

/* CSSハックTOP heritage list--*/
#sidebar:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#sidebar: { display: inline-block;}

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


#sidebar ul {
margin:0 0 10px 0;
padding:0 5px 10px 0;
width:170px;
font-size:10px;
text-align:left;
}
#sidebar li {
list-style:none;
margin:3px 0 7px 0;
padding:0;
font-size:11px;
line-height:1.3;
font-weight:200;
}
#sidebar li a {
color:#CC3300;
text-decoration:none;
}
#sidebar li a:hover {
color:#FF6600;
text-decoration:none;
}
#sidebar li a:visited {
color:#CC3300;
}


/* =SIDE HERITAGE LINK LIST
-------------------------------------------------*/
div#hlinklist {
position:relative;
top:-20px;
margin:0;
padding:15px 10px 5px 15px;
float:right;
width:168px;
height:100%;
border-left:1px #cccccc solid;
border-bottom:1px #cccccc solid;
}

/* CSSハックTOP heritage list--*/
#hlinklist:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#hlinklist: { display: inline-block;}

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


#hlinklist ul {
margin:0 0 15px 0;
padding:10px 5px 10px 0;
width:170px;
text-align:left;
}
#hlinklist li {
list-style:none;
margin:0px 0 4px 0;
padding:0;
font-size:10px;
line-height:1.1;
font-weight:200;
}
#hlinklist li a {
color:#CC3300;
text-decoration:none;
}
#hlinklist li a:hover {
color:#FF6600;
text-decoration:none;
}
#hlinklist li a:visited {
color:#CC3300;
}


/* =FOOTER
-------------------------------------------------*/
/* copyrights */
#copyrights {
position:relative;
margin:0px 0 0 0 ;
padding:5px 0 5px 15px;
width:765px;
height:16px;
font-size: 12px;
background-image : url(imgs/common/footerbg.gif);
color:#000000;
}

/* office */
#office {
display:block;
float:left;
margin:0;
padding:15px 3px 0px 15px;
width:500px;
font-size: 10px;
color:#000000;
}

#handy {
display:block;
width:70px;
float:right;
margin:5px;
padding:0;
}
#office p {
line-height: 1.3;
}
#office img {
margin:2px 0 -2px 0;
padding:0;
overflow:hidden;
}
#handy img {
width:60px;
text-decoration:none;
}

/* =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 \*/