h1.header{
margin:0;
padding:0;
width:780px;
height:318px;
background:url(../img/index/header.jpg) no-repeat 0 0;
text-indent:-9999em;
}
h1.header a{
margin:0;
padding:0;
width:780px;
height:318px;
background:url(../img/index/header.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.cont{
clear:both;
width:780px;
margin:0;
padding:20px 0 0 0;
background:url(../img/index/header-bg.jpg) no-repeat 0 0;
overflow:hidden;
}

h2{
width:555px;
height:285px;
margin:20px 0 40px 0;
text-indent:-9999em;
line-height:100%;
font-size:10px;
background:url(../img/index/main.jpg) no-repeat 0 0;
}

.box {
clear:both;
width:560px;
margin:0;
padding:0;
    overflow: hidden;
}

.box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .box {
    height: 1em;
    overflow: visible;
}
/**/

.box1{
float:left;
width:270px;
margin:0;
padding:0;
background:url(../img/pub/a-n.gif) repeat-x bottom left;
    overflow: hidden;
}

.box1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .box1 {
    height: 1em;
    overflow: visible;
}
/**/
.box1 h3{
width:270px;
height:28px;
margin:0 0 10px 0;
padding:0;
background:url(../img/index/news-bar.gif) no-repeat 0 0;
text-indent:-9999em;
display:block;
}
.box1 h3 a{
width:270px;
height:28px;
margin:0;
padding:0;
background:url(../img/index/news-bar.gif) no-repeat 0 0;
text-indent:-9999em;
display:block;
}

h4{
margin:0 0 4px 0;
padding:0 0 0 20px;
font-size:1em;
line-height:150%;
color:#333333;
font-weight:normal;
background:url(../img/pub/p-icon.gif) no-repeat 0 2px;
}
h4 a{
color:#333333;
}
h4 a:hover{
color:#FF6600;
}

.box2 {
float:right;
width:270px;
margin:0;
padding:0;
background:url(../img/pub/a-n.gif) repeat-x bottom left;
    overflow: hidden;
}

.box2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .box2 {
    height: 1em;
    overflow: visible;
}
/**/
.box ul{
margin:0;
padding:0;
list-style:none;
}
.box li{
margin:0 0 6px 0;
padding:0 0 0 20px;
color:#333333;
line-height:150%;
font-size:0.85em;
background:url(../img/pub/p-icon.gif) no-repeat 0 1px;
}
.box li a{
color:#333333;
}
.box li a:hover{
color:#FF6600;
}
.box2 h3{
margin:0 0 10px 0;
padding:0;
height:28px;
background:url(../img/index/blog-bar.gif) no-repeat 0 0;
text-indent:-9999em;
}
.box2 h3 a{
height:28px;
background:url(../img/index/blog-bar.gif) no-repeat 0 0;
display:block;
}
.hitou{
clear:both;
width:559px;
margin:20px 0 0 0;
padding:0 0 10px 0;
background:url(../img/index/hitou-bg.jpg) no-repeat 0 0;
background-color:#CCCCCC;
}
.hitou h3{
width:559px;
height:70px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
background:url(../img/index/hitou-bg.jpg) no-repeat 0 0;
display:block;
}
.hitou h3 a{
width:559px;
height:70px;
margin:0;
padding:0;
text-indent:-9999em;
background:url(../img/index/hitou-bg.jpg) no-repeat 0 0;
display:block;
}
.hitou p{
margin:0;
font-size:0.8em;
padding:0 145px 5px 35px;
}
p.hito {
width:270px;
height:33px;
margin:10px 0 10px 35px;
padding:0;
text-indent:-9999em;
font-size:10px;
background:url(../img/index/hitou2.jpg) no-repeat 0 0;
}


.sightseeing{
width:560px;
margin:20px 0 0 0;
padding:0 0 20px 0;
background:url(../img/index/sightseeing-bg.jpg) no-repeat 0 0;
    overflow: hidden;
}

.sightseeing:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sightseeing {
    height: 1em;
    overflow: visible;
}
/**/
.sightseeing h3{
width:560px;
height:62px;
line-height:100%;
margin:0;
padding:0;
font-size:10px;
background:url(../img/index/sightseeing-bg.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.sightseeing h3 a{
width:560px;
height:45px;
background:url(../img/index/sightseeing-bg.jpg) no-repeat 0 0;
display:block;
}
p.i-icon {
margin:0 0 2px 0;
padding:0 0 0 20px;
color:#333333;
line-height:150%;
font-size:0.85em;
background:url(../img/pub/p-icon.gif) no-repeat 0 1px;
}
p.syo {
margin:0 0 12px 0;
padding:0;
color:#666666;
}
p.syo a {
color:#666666;
}
p.syo a:hover {
color:#FF6600;
}
.box img{float:left; margin-right:10px;}
.box{
clear:both;
margin:0 0 5px 0;
padding:0;
overflow:hidden;
}
.bgblack {
clear:both;
width:553px;
padding:0px 0 7px 8px;
margin:0 0 5px 0;
background-color:#000000;
    overflow: hidden;
}

.bgblack:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .bgblack {
    height: 1em;
    overflow: visible;
}
/**/

.bgblack img{
float:left;
margin:7px 7px 0 0;
border:0;
}
.bgblack h3{
float:left;
width:121px;
height:204px;
margin:7px 7px 0 0;
padding:0;
background:url(../img/index/photo-b.jpg) no-repeat 0 0;
text-indent:-9999em;;
}
.bgblack h3 a{
width:121px;
height:204px;
background:url(../img/index/photo-b.jpg) no-repeat 0 0;
display:block;
}
.bgblack h3 a:hover{
background:url(../img/index/photo-b.jpg) no-repeat right 0;
}
p.phototxt{
font-size:0.75em;
color:#666666;
}
p.phototxt a{
color:#666666;
}
p.phototxt a:hover{
color:#ff6600;
}

.i-tel{
width:560px;
height:55px;
background:url(../img/index/i-tel.jpg) no-repeat 0 0;
margin:30px 0 0 0;
}
.i-tel:after{
			content:"";
			display:block;
			clear:both;
			height:1px;
			overflow:hidden;
			}
/*\*/
* html .i-tel{
	height: 1em;
	overflow: visible;
}
.i-tel h5{
margin:0; padding:0;
float:left;
width:210px;
height:55px;
background:url(../img/index-i-tel.jpg) no-repeat 0 0;
text-indent:-9999em; 
}
p.rt2 a{
float:left;
width:163px;
height:44px;
background:url(../img/index/i-tel.jpg) no-repeat -240px -11px;
margin:11px 0 0 30px;
text-indent:-9999em;
display:block;
}

p.rt2 a:hover{
background:url(../img/index/i-tel.jpg) no-repeat -240px bottom;
}

p.rt3 a{
float:left;
width:132px;
height:44px;
background:url(../img/index/i-tel.jpg) no-repeat -410px -11px;
text-indent:-9999em;
display:block;
margin:11px 0 0 8px;

}
p.rt3 a:hover{
background:url(../img/index/i-tel.jpg) no-repeat -410px bottom;
}


.tyuibox {
clear:both;
margin:0 0 30px 0;
padding:15px 15px 5px 15px;
border:#FFCC00 5px solid;
}
.tyuibox h3 {
margin:0 0 10px 0;
padding:0;
font-size:0.85em;
color:#990000;
line-height:150%;
}