@charset "utf-8";
/* CSS Document */
* {
font-family: "lr oSVbN", Osaka, "qMmpS Pro W3";
letter-spacing: 0px;
font-size: 12px;
line-height: 18px;
color: #333;
padding: 0px;
margin: 0px;
border: none;
}

.hide {
display: none;
}

#bigwrapper{
width:100%;
height:100%;
}

#wrapper {
position:relative;
background: url(../sub/img/sub_bg01.jpg) center top no-repeat scroll; 
width: 1000px;
height:100%;
}

#subflash{
width: 810px;
height: 256px;
}

#logo{
	position:relative;
/*left: expression((document.body.clientWidth/2)-520);*/
	top: -210px;
	left: -310px;
	width: 380px;
	height: 180px;

}

/*subbody*/
#subwrapper{
/*position:relative;*/
margin-top: -180px;
width: 810px;
}

#subtable01{
position:relative;
float:left;
background: url(../sub/img/subimg_01.gif) left top no-repeat ;
width: 810px;
height: 18px;
}

#subtable02{
position:relative;
float:left;
padding:0px 20px 0px 20px;
background: url(../sub/img/subimg_02.gif) left top repeat-y ;
width: 810px;
}


#subtable03{
float:left;
position:relative;
background: url(../sub/img/subimg_03.gif) left top no-repeat ;
width: 810px;
height: 30px;
}


/*subleft*/

#subleftwrapper{
float:left;
position:relative;
background:url(../sub/img/subimg_05.gif) left top repeat-y;
width:176px;
height:100%;
}

#subleft01{
float:left;
position:relative;
background: url(../sub/img/leftttl_02.gif) left top no-repeat;
width: 176px;
height: 55px;
}

#subleft02{
background: url(../sub/img/2_subimg_.gif) left top no-repeat;
float:left;
position:relative;
width: 176px;
}

#subleft03{
float:left;
position:static;
bottom:0;
background:url(../sub/img/subimg_06.gif) left top no-repeat;
width: 176px;
height: 11px;
}



/*menu*/
#menu01{
float:left;
position:relative;
margin:15px 0px 0px 0px;
width:176px;
height:17px;
}

.menu02{
background: url(../sub/img/sttl_14.gif) center top no-repeat;
float:left;
margin: 4px 0px 4px 0px;
position:relative;
width:176px;
height:4px;
}

#menu03{
float:left;
position:relative;
margin: 0px;
width:176px;
height:17px;
}

#menuend{
float:left;
position:relative;
background: url(../sub/img/subimg_08.gif )center top no-repeat;
width:176px;
height:35px;
}



/*addinfo*/
#addinfo{
float:left;
position:relative;
margin-top: 80px;
width:170px;
height:230px;
}



/*内容*/
#subrightwrapper{
float:left;
margin-left:20px;
position:relative;
width:575px;
}

#title{
background: url(../sub/img/ttl_02.gif) left top no-repeat;
position:relative;
padding-bottom:15px;
height:34px;
float:left;
width:574px;
}

#naiyo{
padding-left:17px;
position:relative;
float:left;
width:560px;
}

#titlenavi{
position:relative;
float:right;
margin: 8px 10px 0px 0px;
font-family:"ＭＳ ゴシック", "Osaka-等幅","Arial";
letter-spacing:-1px;
font-size:12px;
color:#666666;
text-align:right;
width: 350px;
height:20px;
}

#subtitle{
position:relative;
float:left;
padding-bottom:8px;
}

#map01{
background:url(../sub/img/2_map01.gif) top center no-repeat;
position:relative;
float:left;
margin-bottom:15px;
width: 538px;
height:229px;
}

#map02{
background:url(../sub/img/2_map02.gif) top center no-repeat;
position:relative;
float:left;
margin-bottom:15px;
width: 538px;
height:229px;
}

#map03{
background:url(../sub/img/2_map03.gif) top center no-repeat;
position:relative;
float:left;
margin-bottom:15px;
width: 538px;
height:229px;
}

#map04{
background:url(../sub/img/2_map04.gif) top center no-repeat;
position:relative;
float:left;
margin-bottom:15px;
width: 538px;
height:229px;
}

#info_01 {
position:relative;
float:left; 
width: 538px;
padding: 0px;
margin: 0px 0px 10px 0px;
}

#info_01 li{
float: left;
height: 24px;
}

li.li_01 {
text-align:left;
float: left;
list-style: none;
width: 80px;
}

li.li_02 {
background: url(../sub/img/2_img11.gif) top ;
float: right;
font-size: 12px;
color:#666666;
list-style: none;
text-align:left;
width: 458px;
line-height:22px;
}

#btn{
float:right;
position:relative;
width:500px;
height:40px;
padding-top:10px;
text-align:right;
}

/*bottom*/

#bottom{
position:relative;
float:left;
width:1000px;
height:63px;
}


#foodall {
margin-top: 10px;
width: 538px;
float:left;
position:relative;
}


#food_01 { 
position:relative;
width: 538px;
height:29px;
padding: 0px;
list-style: none;
}

#food_01 li{
height:29px;
list-style: none;
float:left;
}

li.fli_01 a {
background:url(../sub/img/2_tabb01.gif) top left no-repeat;
height:29px;
width:87px;
position:relative;
float: left;
list-style: none;
}

li.fli_02 a {
background:url(../sub/img/2_tabb02.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_03 a {
background:url(../sub/img/2_tabb03.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_04 a {
background:url(../sub/img/2_tabb04.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_05 a {
background:url(../sub/img/2_tabb05.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_06 a {
background:url(../sub/img/2_tabb06.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_01 a:hover {
background:url(../sub/img/2_tabb01_on.gif) top left no-repeat;
height:29px;
width:87px;
position:relative;
float: left;
list-style: none;
}

li.fli_02 a:hover {
background:url(../sub/img/2_tabb02_on.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_03 a:hover {
background:url(../sub/img/2_tabb03_on.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_04 a:hover {
background:url(../sub/img/2_tabb04_on.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_05 a:hover {
background:url(../sub/img/2_tabb05_on.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_06 a:hover {
background:url(../sub/img/2_tabb06_on.gif) top left no-repeat;
height:29px;
width:86px;
position:relative;
float: left;
list-style: none;
}

li.fli_07 {
background: url(../sub/img/2_img01.gif) top left no-repeat;
height:29px;
width:20px;
position:relative;
float: left;
list-style: none;
}


#food_02 { 
position:relative;
width: 538px;
height:11px;
}

#food_02 li{
height:11px;
list-style: none;
}

li.fbg01 {
background: url(../sub/img/2_img02.gif) top left no-repeat;
position:relative;
list-style: none;
float: left;
width: 538px;
}


#food_03 { 
position:relative;
width: 538px;
}

#food_03 li{
list-style: none;
}

li.fbg02 {
background: url(../sub/img/2_img03.gif) repeat-y ;
position:relative;
list-style: none;
float: left;
width: 538px;
}

#food_04 { 
position:relative;
width: 538px;
height:13px;
}

#food_04 li{
height:13px;
list-style: none;
}

li.fbg03 {
background: url(../sub/img/2_img04.gif) top left no-repeat;
position:relative;
list-style: none;
float: left;
width: 538px;
}


/*bottom*/

#bottom{
position:relative;
float:left;
width:1000px;
height:63px;
}




/*
#navi {
height: 22px;
width: 900px;
}

#navi li{
list-style: none;
display: inline;
float: left;
}

#navi li a{
display: block;
float: left;
height: 14px;
list-style: none;
}

#navi li.n0 {
height: 22px;
width: 730px;
}

#navi li.n1 a{
background: url(../img/img_sitemap.gif)  no-repeat left top;
height: 21px;
width: 78px;
}

#navi li.n2 a{
background: url(../img/img_contactus.gif)  no-repeat left top;
height: 21px;
width: 92px;
}

#logo { height: 35px;  width: 900px; padding-bottom:7px}

#logo li{
list-style: none;
display: inline;
}

#logo li a{
list-style: none;
display: block;
float: left;
}

#logo li.logoimg a {
margin-left: 20px;
height: 35px;
width: 138px;
background: url(../img/logo.gif) no-repeat  left top;
}

#mainlayout01 { background:url(../swf/img/main_img.jpg) no-repeat left top; width:900px; height: 300px;}

#mainlayout03 { position:relative; width:900px;  height:11px;background:url(../img/mainimg01.gif) no-repeat left top }

#mainlayout04 { position:relative; width:900px; height:348px; background:url(../img/mainimg02.gif) repeat-y left top; }

#mainlayout05 { position:relative; width:900px; height:13px; background:url(../img/mainimg03.gif) no-repeat left top; }


#main01{
position:relative; float:left; width:179px; height: 319px; background: url(../img/mainimg05.gif ) no-repeat left top; padding-left : 7px ; margin-top: 18px;
}

#main01 li{
list-style: none;
display: inline;
}

#main01 li a{
list-style: none;
display: block;
float: left;
}

#main01 li.banner01 a {
margin-top:13px;
height: 53px;
width: 165px;
background: url(../img/main_site01.gif) no-repeat  left top;
}
#main01 li.banner01 a:hover {
margin-top:13px;
height: 53px;
width: 165px;
background: url(../img/main_site01_1.gif) no-repeat  left top;
}


#main01 li.banner02 a {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site02.gif) no-repeat  left top;
}
#main01 li.banner02 a:hover {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site02_1.gif) no-repeat  left top;
}

#main01 li.banner03 a {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site03.gif) no-repeat  left top;
}
#main01 li.banner03 a:hover {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site03_1.gif) no-repeat  left top;
}

#main01 li.banner04 a {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site04.gif) no-repeat  left top;
}
#main01 li.banner04 a:hover {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site04_1.gif) no-repeat  left top;
}

#main01 li.banner05 a {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site05.gif) no-repeat  left top;
}
#main01 li.banner05 a:hover {
margin-top:4px;
height: 53px;
width: 165px;
background: url(../img/main_site05_1.gif) no-repeat  left top;
}

#main01 li.banner06 a {
margin-top:2px;
height: 23px;
width: 165px;
background: url(../img/mainimg04.gif) no-repeat right top;
}

#main02{
position:relative; float:left; width:357px; margin:18px 0px 0px 48px ; height: 319px;
}

#kezibang_img1 {
background: url(../img/mainimg06.gif) no-repeat left top;
height: 30px;
width: 357px;
}

#kezibang_img2 {
position:relative;
float:left; 
background: url(../img/mainimg07.gif) no-repeat left top;
margin-top: 20px;
height: 30px;
width: 357px;
}

#banner_img1 {
position:relative;
float:left; 
background: url(../img/m_banner01.gif)  no-repeat left top;
margin-top: 25px;
height: 68px;
width: 357px;
}

#kezibang_01 {
position:relative;
float:left; 
height: 18px;
width: 357px;
}

#kezibang_01 li{
float: left;
background: url(../img/mainimg19.gif) ;
}

li.li_01 {
float: left;
list-style: none;
padding-left: 2px;
width: 15px;
}

li.li_02 {
float: left;
color: #676666;
font-size: 12px;
list-style: none;
text-align:left;
width: 280px;
}

li.li_03 {
float: left;
color: #9dabad;
font-size: 11px;
font:Arial, Helvetica, sans-serif;
letter-spacing: 0px;
list-style: none;
text-align: right;
width: 60px;
}

li.li_04 {
float: left;
list-style: none;
padding-left: 2px;
width: 10px;
}

li.li_05 {
float: left;
color: #676666;
font-size: 12px;
list-style: none;
text-align:left;
width: 200px;
}

#kezibang_img3 {
position:relative;
float:left; 
background: url(../img/mainimg09.gif) no-repeat left top;
height: 30px;
width: 215px;
}

#kezibang_03 {
position:relative;
float:left; 
height: 18px;
width: 215px;
}

#kezibang_03 li{
float: left;
background: url(../img/mainimg20.gif) ;
}

#kezibang_img4 {
margin-top: 18px;
position:relative;
float:left; 
height: 84px;
width: 215px;
}

#kezibang_img4 li{
list-style: none;
display: inline;
float: left;
}

#kezibang_img4 li a{
display: block;
float: left;
list-style: none;
}

#kezibang_img4 li.bi1 a{
background: url(../img/m_banner02.gif) no-repeat left top;
position:relative;
float: left;
width: 108px;
height: 84px;
}

#kezibang_img4 li.bi2 a{
background: url(../img/m_banner03.gif) no-repeat left top;
position:relative;
float: left;
width: 105px;
height: 84px;
}



#kezibang_img5 {
float: left;
margin-top: 22px;
float:left; 
background: url(../img/m_banner04.gif) no-repeat left top;
height: 93px;
width: 215px;
}

#main03{
position:relative; float:left; width:215px; margin:18px 0px 0px 48px ; height: 319px;
}

#mainbox{
position:relative; float:left; width:877px; height: 340px; padding-left : 23px;
}



#bottombox { width:900px }

#bottom {
padding-top:20px;
height: 13px;
width: 460px;
}

#bottom li{
list-style: none;
display: inline;
color: #fff;
}

#bottom li a{
color: #fff;
display: block;
font-size: 10px;
float: left;
list-style: none;
}

#bottom li.b1 a{
background: url(../img/mainimg12.gif)  no-repeat center top;
height: 13px;
width: 71px;
float: left;
}

#bottom li.b2 a{
background: url(../img/mainimg13.gif)  no-repeat center top;
height: 13px;
width: 96px;
float: left;
}

#bottom li.b3 a{
background: url(../img/mainimg14.gif)  no-repeat center top;
height: 13px;
width: 56px;
float: left;
}

#bottom li.b4 a{
background: url(../img/mainimg15.gif)  no-repeat center top;
height: 13px;
width: 56px;
float: left;
}

#bottom li.b5 a{
background: url(../img/mainimg16.gif)  no-repeat center top;
height: 13px;
width: 74px;
float: left;
}

#bottom li.b6 a{
background: url(../img/mainimg17.gif)  no-repeat center top;
height: 13px;
width: 74px;
float: left;
}

#bottomb7 {
position:relative;
background: url(../img/mainimg18.gif)  no-repeat center top;
height: 13px;
width: 6px;
float: left;
list-style: none;
}

#bottombox01 { height: 50px;  width: 900px; padding-top:5px}

#bottombox01 li{
list-style: none;
display: inline;
}

#bottombox01 li a{
list-style: none;
display: block;
}

#bottombox01 li.btmimg a {
height: 39px;
width: 619px;
background: url(../img/bottom.gif) no-repeat  left top;
}