@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
padding: 0;
}
.body {
margin: 0;
padding: 0;
background-image: url(../img/bg_img.gif);
font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
font-size: 62.5%;
color: #4D4D4D;
line-height: 1.7em;
text-align: center;
}
  
/* --- general --- */
  
h1 {
	height: 15px;
    margin: 0 auto;
    font-size: 0.9em;
	color: #FFF;
	text-align: center;
	background-color: #754C24;
   }
h2 {
margin: 0 0 0.5em 0;
font-size: 1.5em;
font-weight: normal;
}
h3 {
margin: 0 0 1em 0;
color: #333;
font-size: 1.2em;
}
h4 {
margin: 0 0 0.5em 0;
font-size: 1.5em;
}
 
p {
font-size: 1em;
margin-bottom: 1.5em;
color: #630;
text-align: left;
}
  
ul {
padding: 0;
font-size: 1.2em;
}
ol {}

/* --- link --- */
  
a {
color: #630;
}
a:visited {
color: #630;
text-decoration: none;
}
a:hover {
color: #600;
text-decoration: none;
}

/* --- header --- */



#header {
	width: 800px;
	height: 115px;
	margin: 0 auto;
	padding: 0;
    }
#logo {
	width: 255px;
	height: 115px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../img/logo.gif);
    }
#logo a {
	display: block;
	width: 255px;
	height: 115px;
	margin: 0;
	padding: 0;
	text-indent: -9999em;
    }
#h_tel {
	width: 297px;
	height: 81px;
	margin-top: 0;
	padding: 0;
	float: right;
	background-image: url(../img/tel_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
    }
#h_tel address {
	width: 297px;
	height: 81px;
	text-indent: -9999em;
    }
#openclose { float: right; width: 297px; height: 30px;}
#openclose span { width: 297px; height: 30px; margin: 0; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; }

/* --- navigation --- */

#navi_bg {
	width: 800px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../img/navi_bg_img.gif);
	}

#navi {
clear: both;
width: 800px;
height: 55px;
margin: 0 auto;
padding: 0;
}
#navi ul { margin:0; padding:0; list-style-type:none; }
#navi li { margin:0; padding:0; float:left; }
#navi a { height:55px; display:block; }
#navi span { position:absolute; top:-1000px; }

.home a { width:160px; background:url(../img/home_bt.gif) top no-repeat; }
 .home a:hover, .home a.current { background:url(../img/home_bt.gif) bottom no-repeat; }

.menu a { width:160px; background:url(../img/menu_bt.gif) top no-repeat; }
 .menu a:hover, .menu a.current { background:url(../img/menu_bt.gif) bottom no-repeat; }

.profile a { width:160px; background:url(../img/profile_bt.gif) top no-repeat; }
 .profile a:hover, .profile a.current { background:url(../img/profile_bt.gif) bottom no-repeat; }

.toi a { width:160px; background:url(../img/toi_bt.gif) top no-repeat; }
 .toi a:hover, .toi a.current { background:url(../img/toi_bt.gif) bottom no-repeat; }

.map a { width:160px; background:url(../img/map_bt.gif) top no-repeat; }
 .map a:hover, .map a.current { background:url(../img/map_bt.gif) bottom no-repeat; }



	
/* --- contents --- */

#container { width: 800px;
             margin: 3px auto 0 auto;
            }

#content { width: 800px;
           margin: 0 auto;
		   padding: 10px 0 0 0;
         }
#content_l {
	       float: left;
		   width: 300px;
           margin: 0;
		   padding: 0;
         }
#news { width:300px; margin: 0; padding: 0; text-align: left;}
#news h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/h2_style1.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#news dl { width: 290px; margin: 10px 0; border-bottom: #630 dotted 1px;}
#news dt { margin: 0; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.1em; color: #630; font-weight: bold; text-indent: 2em; background-image: url(../img/dt_style1.gif); background-position: left; background-repeat: no-repeat;}
#news dd { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #630;}
#content_c {
	       float: left;
		   width: 300px;
           margin: 0;
		   padding: 0;
         }
#cam { width:300px; margin: 0; padding: 0; text-align: left;}
#cam h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/h2_style2.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#cam dl { width: 290px; margin: 10px 0; border-bottom: #630 dotted 1px;}
#cam dt { margin: 0; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.1em; color: #630; font-weight: bold; text-indent: 1.2em; background-image: url(../img/dt_style2.gif); background-position: left; background-repeat: no-repeat;}
#cam dd { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #630;}

#content_r {
	       float: right;
		   width: 200px;
		   height: 200px;
           margin: 0;
		   padding: 0;
         }
#blog_bt { display: block; width: 200px; height: 200px;}
#blog_bt a { display: block; width: 200px; height: 200px; background: url(../img/blog_bt.gif); background-position: top; text-indent: -9999em;}
#blog_bt a:hover { display: block; width: 200px; height: 200px; background: url(../img/blog_bt.gif); background-position: bottom; text-indent: -9999em;}

#gotop_bt { clear: both; width: 800px; height: 23px; margin: 0 auto; padding: 30px 0 0 0;}
#gotop_btin { float: right; width: 116px; height: 23px; margin:0;}
#gotop_btin a { display: block; width: 116px; height: 23px; margin: 0; background-image: url(../img/gotop_bt.gif); text-decoration: none; text-indent: -9999em;}
.fix { clear: both;}
		 
/* --- footer --- */
#footer { width: 100%;
          height: 236px;
          margin: 0;
		  background-color: #F9E3AB;
		  text-align: center;
		  background-image: url(../img/footer_bg.gif);
		  background-repeat: repeat-x;
         }
#footer_top { width: 800px;
              height: 85px;
			  margin: 0 auto;
			  padding:0 ;
			  background-image: url(../img/footertop_bg.gif);
			  background-position: bottom;
			  background-repeat: no-repeat;
             }

#footer_m_r { width: 200px;
              height: 16px;
			  margin: 0;
			  padding: 55px 0 0 600px;
             }
#footer_m_r a { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; text-indent: -0.5em; text-decoration: none; font-style: normal;}
#footer_m_r a:hover { color: #600; text-decoration: none; font-style: normal;}
#footer_un { width: 800px;
              height: 110px;
			  margin: 0 auto;
			  padding:0 ;
			  text-align: left;
             }
#footer_un_l { width: 300px; height: 110px; float: left;}
#footer_un_l address { margin-top: 5px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; text-decoration: none; font-style: normal;}
#footer_un_l address a { color: #900; text-decoration: none; font-style: normal;}
#footer_un_r { width: 180px; height: 110px; float: right;}
#footer_un_r ul { width: 180px;
              margin: 0;
			  padding-top: 5px;
	          list-style-type: none;
             }	
#footer_un_r li {
			  margin: 0 10px 0 0;
			  border-bottom: #630 dotted 1px;
             }
#footer_un_r li a {
	          color: #630;
			  text-decoration: none;
             }
#footer_un_r li a:hover {
	          color: #600;
			  text-decoration: none;
             }

#copy { width: 800px; height: 29px; margin: 0 auto; padding: 0; background-image: url(../img/copyright_bg.gif); background-position: center; background-repeat: no-repeat;} 
#copy span { display: block; width: 800px; height: 29px; text-indent: -9999em;} 

/* --- map --- */

#ad { width:300px; margin: 0; padding: 0; text-align: left;}
#ad h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/ads.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#ad address { margin: 20px 0;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; text-decoration: none; font-style: normal; }

#open { width:300px; margin: 0; padding: 0; text-align: left;}
#open h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/open.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#open p { margin: 20px 0;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; text-decoration: none; font-style: normal; }

/* --- menu --- */

#menu1 { width:300px; margin: 0; padding: 0; text-align: left;}
#menu1 h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/h2_menu.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#menu1 p { margin: 10px 0;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 0.8em; color: #630; text-decoration: none; font-style: normal; }
#menu1 dl { width: 270px; margin: 10px 0; border-bottom: #630 dotted 1px;}
#menu1 dt { margin: 0; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.1em; color: #630; font-weight: bold; text-indent: 2em; background-image: url(../img/dt_style1.gif); background-position: left; background-repeat: no-repeat;}
#menu1 dd { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #630;}
.min  { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 0.7em; color: #630;}

.red  { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #C00;}


#menu2 { width:300px; margin: 0; padding: 0; text-align: left;}
#menu2 h2 { display: block; width:300px; height:34px; margin: 0; background-image: url(../img/h2_spa.gif); background-position: left; background-repeat: no-repeat; text-indent: -9999em;}
#menu2 p { width:280px; margin: 8px 0;font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; line-height: 110%; }
#menu2 dl { width: 270px; margin: 10px 0; border-bottom: #630 dotted 1px;}
#menu2 dt { margin: 0; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.1em; color: #630; font-weight: bold; text-indent: 2em; background-image: url(../img/dt_style1.gif); background-position: left; background-repeat: no-repeat;}
#menu2 dd { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #630;}
.red  { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #C00;}
.min1  { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 0.9em; color: #620;}
/* --- toi --- */
#toi_un { width: 800px; margin: 0 auto; text-align: center;}
#toi_un p { width: 680px; margin: 0 auto 30px auto; padding: 10px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.4em; color: #630; line-height: 110%; text-align: left; border: #630 dotted 1px; }

/* --- sitemap --- */
#site_map { width: 800px; margin: 0 auto; text-align: left;}
#site_map ul { width: 800px; margin-bottom: 30px; text-align: left; list-style-type: none;}
#site_map li { margin-bottom: 10px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.3em; color: #630;}
#site_map li a { text-decoration: none;}

/* --- policy --- */
#po { width: 800px; margin: 0 auto; text-align: left;}
#po h2 { margin-top: 20px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.4em; color: #630; line-height: 110%; text-align: left; }
#po ul { width: 800px; margin-bottom: 20px; text-align: left; list-style-type: none;}
#po li { margin-bottom: 10px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1em; color: #630;}
#po p { width: 680px; margin: 0 auto; padding: 10px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 1.2em; color: #630; line-height: 110%; text-align: left; border: #630 dotted 1px; }