@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
	height:100%;
		background:url(../images/bg.gif) repeat;
}
body/**/ {
	font-size: /**/small;
}
p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/
a,a:visited {
	color: #383f44;
}
a:hover {
	color: #383f44;
	text-decoration: none;
}
a img {
	border: none;
}
.clear{
	clear: both;
}
.clear hr{
	display: none;
}

.cl{
    display: inline-block;  
   }
/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper{

	background-color: #ffffff;
  	width: 800px;  /*横幅*/
	text-align:center;
	margin: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ
+++++++++++++++++++++++++++++++++++++++++++*/
#main-top{
	width:798px;
	text-align:center;
	margin: auto;
	height:223px;
	}
	
#gnavi1 {
	text-align: left;
	width: 798px;
	height: 45px;
}

    #gnavi1 ul {
	    list-style-type: none;
	    margin: 0px;
    }

        #gnavi1 ul li {
	        float: left;
	        height: 45px;
	        width: 133px;
        }

        #gnavi1 ul li a {
	        background: url(../images/navi_top1.gif) no-repeat scroll 0 0;
	        height: 45px;
	        display: block;
	        width: 133px;
        }

        #gnavi1 ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #gnavi1 ul li.home a {background-position: 0px 0px;}
       	#gnavi1 ul li.eat a {background-position: -133px 0px;}
        #gnavi1 ul li.sidasi a {background-position: -266px 0px;}
        #gnavi1 ul li.event a {background-position: -399px 0px;}
		#gnavi1 ul li.kanko a {background-position: -532px 0px;}
		#gnavi1 ul li.acsess a {background-position: -665px 0px;}
        #gnavi1 ul li.home a:hover  {background-position: 0px -45px;}
       	#gnavi1 ul li.eat a:hover  {background-position: -133px -45px;}
        #gnavi1 ul li.sidasi a:hover  {background-position: -266px -45px;}
        #gnavi1 ul li.event a:hover  {background-position: -399px -45px;}
		#gnavi1 ul li.kanko a:hover  {background-position: -532px -45px;}
        #gnavi1 ul li.acsess a:hover {background-position: -665px -45px;}

/*++++++++++++++++++++++++++++++++++++++++++
メイン
+++++++++++++++++++++++++++++++++++++++++++*/
#main{
	text-align: left;
	margin: auto;
	width: 800px;
}


/*++++++++++++++++++++++++++++++++++++++++++
ＴＯＰ(トピック)
+++++++++++++++++++++++++++++++++++++++++++*/

#main .main_topic{
	text-align: left;
	width: 800px;
	margin-top:10px;
}

#main .main_topic .con1 {
	background: url(../images/topic_bg.gif) repeat-y;
}

	#main .main_topic .con1 table{
		width:700px;
		margin-left:50px;
		font-size:14px;
		line-height:25px;
	}
	#main .main_topic con1 td{
		width:320px;
		}

#main .main_topic .con2 {
	background: url(../images/topic2_bg.gif) repeat-y;
	padding:15px;
	line-height:25px;
}

 
/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header{
	text-align: left;
	width: 800px;
	height: 70px;
    background: url(../images/banner.jpg) no-repeat scroll 0 0;
}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ２
+++++++++++++++++++++++++++++++++++++++++++*/

#gnavi2 {
	text-align: left;
	width: 798px;
	height: 39px;
}

    #gnavi2 ul {
	    list-style-type: none;
	    margin: 0px;
    }

        #gnavi2 ul li {
	        float: left;
	        height: 39px;
	        width: 133px;
        }

        #gnavi2 ul li a {
	        background: url(../images/navi1.gif) no-repeat scroll 0 0;
	        height: 39px;
	        display: block;
	        width: 133px;
        }

        #gnavi2 ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
        #gnavi2 ul li.home a {background-position: 0px 0px;}
       	#gnavi2 ul li.eat a {background-position: -133px 0px;}
        #gnavi2 ul li.sidasi a {background-position: -266px 0px;}
        #gnavi2 ul li.event a {background-position: -399px 0px;}
		#gnavi2 ul li.kanko a {background-position: -532px 0px;}
		#gnavi2 ul li.acsess a {background-position: -665px 0px;}
        #gnavi2 ul li.home a:hover  {background-position: 0px -39px;}
       	#gnavi2 ul li.eat a:hover  {background-position: -133px -39px;}
        #gnavi2 ul li.sidasi a:hover  {background-position: -266px -39px;}
        #gnavi2 ul li.event a:hover  {background-position: -399px -39px;}
		#gnavi2 ul li.kanko a:hover  {background-position: -532px -39px;}
        #gnavi2 ul li.acsess a:hover {background-position: -665px -39px;}

/*++++++++++++++++++++++++++++++++++++++++++
お食事/仕出し
+++++++++++++++++++++++++++++++++++++++++++*/
#main .menu{
	width:739px;
	margin:10px 30px;
	background:url(../images/bg_1.gif) repeat-y;
}

#main .menu h2{
	background:#8add54;
	padding:5px;
	color:#12942b;
	}
	
#main .menu .images{
	text-align:center;
	}

#main .menu dl{
	margin:20px;
	_margin:10px;
	padding: 0px;
	float: left;
	width: 200px;
	font-size: 12px;
	padding-top: 1px;
}

#main .menu2{
	width:739px;
	margin:10px 30px;
	background:url(../images/bg_2.gif) repeat-y;
}

#main .menu2 h2{
	background:#ffda00;
	padding:5px;
	color:#f65a0a;
	}
	
#main .menu2 .images{
	text-align:center;
	}

#main .menu2 dl{
	margin:20px;
	_margin:10px;
	float: left;
	width: 201px;
	height:237px;
	font-size: 12px;
	padding-top: 1px;
	background:url(../images/menu_bg.gif) no-repeat;
}
#main .menu2 dl dt{
	margin-top:45px;
	font-weight:bold;
	font-size:14px;
	}
	
#main .menu2 .images .box{
	background:#fff;
	width:425px;
	margin-bottom:10px;
	margin-left:280px;
	}	
	
/*++++++++++++++++++++++++++++++++++++++++++
イベント
+++++++++++++++++++++++++++++++++++++++++++*/

#main .event{
	width:739px;
	margin:10px 30px;
	background:#ffffff;
}

#main .event h2{
	background:#8add54;
	padding:5px;
	color:#12942b;
	}
	
#main .event dl{
	border-bottom:dashed 1px #bdbdbd;
	margin-top:10px;
	}

#main .event dl dt{
	color:#12942b;
	}
	
#main .event dl dt span{
	font-size:18px;
	font-weight:bold;
	margin-left:10px;
	padding-bottom:3px;
	}
	
#main .event dl dd{
	margin-left:80px;
	padding-bottom:10px;
	}
	
#main .event dl dd img{
	margin-left:20px;
	margin-top:5px;
	}
		
/*++++++++++++++++++++++++++++++++++++++++++
観光体験
+++++++++++++++++++++++++++++++++++++++++++*/

#main .kanko{
	width:739px;
	margin:10px 30px;
	background:#ffffff;
}

#main .kanko h2{
	background:#8add54;
	padding:5px;
	color:#12942b;
	}

#main .kanko dl{
	border:solid 1px #8ADD54;
	margin-top:10px;
	background:url(../images/kankou.gif) repeat-y;
	padding:8px 20px;
	width:600px;
	margin-left:50px;
	}
#main .kanko dl dt{
	border-bottom:dashed 1px #D5E500;
	font-size:16px;
	font-weight:bold;
	}
#main .kanko dl dd{
	margin-top:5px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
アクセス
+++++++++++++++++++++++++++++++++++++++++++*/

#main .acsess{
	width:739px;
	margin:10px;
	background:#ffffff;
}

#main .acsess h2{
	background:#8add54;
	padding:5px;
	color:#12942b;
	}
#main .acsess .map{
	width:739px;
	margin:10px 30px;
	background:#ffffff;
}
#main .acsess .map_left{
	width:250px;
	float:left;
	padding-top:50px;
	font-size:16px;
}
#main .acsess .map_right{
	width:450px;
	margin-right:29px;
	float:right;	
}
#main .acsess dl{
	border:solid 1px #8ADD54;
	margin-top:10px;
	background:url(../images/kankou.gif) repeat-y;
	padding:8px 20px;
	width:270px;
	margin-left:40px;
	float:left;
	height:20px;
	}
#main .acsess dl dt{
	font-size:16px;
	font-weight:bold;
	}
#main .acsess dl dd{
	margin:5px;
	}

/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/
#foot_body{
	text-align: center;
	width: 800px;
    color: #FFFFFF;
	background: #e6ffca;
	border:2px solid #316310;
	height:68px;
	font-size:12px;
	margin-top:10px;
}

#footer-left {
	width: 290px;
	padding:5px 0px;
	text-align:ccenter;
	border-right:2px solid #316310;
	background: #e6ffca;
	float:left;
	color:#000;
	height:58px;
}

#footer-right {
	width: 504px;
	float:right;
	text-align:ccenter;
	background: #e6ffca;
	color:#000;
	padding-top:20px;
}

/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align:				right;
	padding-right:			10px;
	padding-top:			10px;
}

.center{text-align:			center;}
.left{text-align:			left;}

/*+font+*/
.bold{font-weight:			bold;}
.c_w{color:					#FFFFFF;}
.c_b{color:					#000000;}
.c_bl{color:				#06a6ff;}
.c_r{color:				    red;}
.c_g{color:				#12942b;}
.s_11{font-size:11px}
.s_10{font-size:10px}
.s_16{font-size:16px}

/*+border+*/
.b{border:					1px solid #ccc;}
.b2{border:					1px solid #0094a0;}

/*+padding+*/
.pd3{padding:		    	3px;}
.pdl5{padding-left:			5px;}
.pdl20{padding-left:         20px;}
.pd1l50{padding-left:		150px;}
.pd7{padding:	    		7px;}
.pd10{padding:	    		10px;}
.pdb10{padding-bottom:10px;}

/*+background+*/
.bg_g{background:			#0094a0;}
.bg_bc{background:			#000000;}

/*+width+*/
.w50{width:                 50px;}
.w80{width:                 80px;}
.w100{width:                100px;}
.w150{width:                150px;}
.w170{width:				170px;}
.w180{width:				180px;}
.w300{width:                300px;}
.w410{width:				410px;}
.w440{width:				440px;}
.w450{width:				450px;}
.w541{width:				541px;}
.w544{width:				544px;}
.w540{width:				540px;}
.w740{width:				740px;}

/*+height+*/
.h100{height:               100px;}

/*+float+*/
.float_l{float:             left;}
.float_r{float:             right;}

/* ベリーショート */
#main input.text_ss
{
	width:60px;
	padding:2px;
	border:1px solid #7f9db9;
}

/*短いテキストボックス*/
input.text_s{
	width:120px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*数字用テキストボックス*/
input.number{
	width:70px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
	text-align:right;
}

/*中くらいテキストボックス*/
input.text_m{
	width:200px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

/*ちょっと長いテキストボックス*/
input.text_ml{
	width:300px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*長いテキストボックス*/
input.text_l{
	width:460px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

textarea
{
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}