@charset "utf-8";

/*   基本スタイル  */
* {
	margin: 0;
	padding: 0;
	img: 0px;
}

a{color:#282C21;text-decoration:none;}
a:link {color:#282C21;text-decoration:none;}
a:visited {color:#4E358F;text-decoration:none;}
a:hover {color:#FA3440;text-decoration:underline;}
a:active {text-decoration:none;}

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
    font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	
    color: #282C21;
	background-color: #c4f6fe;
	background-image: url("images/bg.gif") ;
	background-position: center top ;
	background-repeat: repeat-y ;
height: 100%;

}




/*   2段組レイアウト  */
#wrapper {
	width: 960px;
	background-color: #ffffff;
margin: 0 auto;
}

/*  ヘッダ画像  */
#header {
	width: 960px;
    height: 95px;
    text-align: left;
}

/*  上部コピー  */
#topcopy {
margin-left: auto;
margin-right: auto;
width:930px;
    padding: 5px 0px 5px 0px;
	text-align: left;
	font-size: 80%;
}

/*  外枠  */
#body {
margin-left: auto;
margin-right: auto;
width:930px;
text-align: left;
}

/*  メイン  */
#main {
	float: right;
	width: 720px;
    text-align: left;
	overflow: hidden;
}

/*  ナビ  */
#navi {
	float: left;
	width: 190px;
	text-align: left;
}

#navi img {
border: none;
vertical-align: bottom;
}

/*   フッター  */
#footer1 {
clear: both;
text-align: left;
width: 930px;
padding: 10px 0px 0px 0px;

}

#footer1 #fnavi {
   margin: 20px 0px 5px 0px ;
   padding: 0;
  list-style: none;
  width: 930px;
  height: 16px;
}

#footer1 #fnavi li {
 float: left; 
}

#footer1 #fnavi img {
border: none;
vertical-align: bottom;
}


.line {
clear: both;
width: 930px;
height: 20px;
background:url(images/line.gif) no-repeat left top;
}

#name{

font-size: 110%;
font-weight: bold;
padding: 0px 0px 5px 0px;
}

#add{
font-size: 90%;
padding: 0px 0px 10px 0px;
}

#copyright{
font-size: 75%;
padding: 0px 0px 10px 0px;
}

/*   メインのイメージ部 */
#mainimage {
width:720px;
height:388px;
}

/*   めにゅー  */
ul#menu{
    list-style:none;
    width:100%;
    margin:0px 0px 5px 0px ;
    padding:0px;
    vertical-align: bottom;
}

ul#menu li{
    list-style:none;
    width:192px;
    margin:0px;
    padding:0px; 
}

ul#menu a{
    display:block;
    width:192px;
    height:37px;
    }
    
#menu a span{display:none;}

a.news{
    background-image:url(images/icon1.gif);
}
a:hover.news{
    background-position:0px -37px;
}

a.miho{
    background-image:url(images/icon2.gif);
}
a:hover.miho{
    background-position:0px -37px;
}

a.map{
    background-image:url(images/icon3.gif);
}
a:hover.map{
    background-position:0px -37px;
}

a.couse{
    background-image:url(images/icon4.gif);
}
a:hover.couse{
    background-position:0px -37px;
}

a.rekishi{
    background-image:url(images/icon5.gif);
}
a:hover.rekishi{
    background-position:0px -37px;
}

a.tabe{
    background-image:url(images/icon6.gif);
}
a:hover.tabe{
    background-position:0px -37px;
}

a.katudou{
    background-image:url(images/icon1.gif);
}
a:hover.katudou{
    background-position:0px -37px;
}

a.spot{
    background-image:url(images/icon7.gif);
}
a:hover.spot{
    background-position:0px -37px;
}

a.photo{
    background-image:url(images/icon8.gif);
}
a:hover.photo{
    background-position:0px -37px;
}

a.message{
    background-image:url(images/icon9.gif);
}
a:hover.message{
    background-position:0px -37px;
}

a.blog{
    background-image:url(images/icon10.gif);
}
a:hover.blog{
    background-position:0px -37px;
}

a.access{
    background-image:url(images/icon11.gif);
}
a:hover.access{
    background-position:0px -37px;
}




/*   新着情報  */
#news {  
width:720px;
background:url(images/newsbg.gif) repeat-y left top;
 overflow: hidden;

}  

#news:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #news {
    height: 1em;
    overflow: visible;
}
/**/



#news .title{  
width:720px;
}   

#news .lap{  
width:720px;
height:px;
background-color:#E9F3BF;
background:url(images/newsbg2.gif) no-repeat left top;

}  

#news .lap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #news .lap {
    height: 1em;
    overflow: visible;
}
/**/

#news .entry{  
float:left;  
width:240px;
text-align: center;
font-size:80%;
line-height: 120%;
}  

#news .all {  
margin-left: auto;
margin-right: auto;
width:220px;
}  

#news .photo { 
margin : 0px auto 3px auto ;
width:150px;

border : 1px;
border-style:solid; 
color:#cccccc
}  

#news .date { 
text-align: left;

margin-bottom: 3px;
border-width:0px 0px 1px 0px; 
border-style:solid; 
color:#888888
} 

.stylenews {color: #158F00}

#news .main{ 
text-align: left;

margin-bottom: 0px;
} 


.newsbottom {
clear:both;
height:14px;/* ←bottom.jpgの高さ*/
background:url(images/newsbottom.gif) no-repeat left bottom;
font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
line-height:1px;
}

#news img {
border: none;
vertical-align: bottom;
}



/*   アクセス、観光のアイコン  */

#topic {  
width:720px;
background:url(images/topicbg.gif) repeat-y left top;

overflow: hidden;
margin:10px 0px 0px 0px ;
}  

#topic:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #topic {
    height: 1em;
    overflow: visible;
}
/**/


#topic .top {
padding-top:43px;/* ←top.jpgの高さ*/
background:url(images/topictop.gif) no-repeat left top;
}

#topic .body {
background:url(images/topicbg.gif) repeat-y left top;
}
.topicbottom {
clear:both;
height:10px;/* ←bottom.jpgの高さ*/
background:url(images/topicbottom.gif) no-repeat left bottom;
font-size:1px;/* ←↓ ブラウザで文字サイズ拡大した際に崩れないように。*/
line-height:1px;
}


#topic .acmap{
float:left;  
width:193px;
height:130px;
padding:0px 38px 2px 11px;
}


#topic .kankou {
float:left;  
width:467px;
height:130px;
}

#topic img {
border: none;
vertical-align: bottom;
}



/*   各設定  */
p {
	margin: 0px;
}

em {
	font-weight: bold;
	font-style: normal;
}