Author: agent "cmsdoc"
@charset "utf-8";
/*++++++コンテンツ+++++*/


* { margin: 0px; padding: 0px;}
img   { border: none; 	
        margin:0;
        padding:0;}

body {
        text-align:center;
        font-size:12px;
        font-style:normal;
        font-weight:nomal;
	background-image:url("img/body_html_bg.jpg");
	background-position: left top;
        margin: 0px; 
padding: 0px;
font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;
}

#all {
	width: 870px;
	text-align: left;
	margin: 0px auto;
}

a {
  color:#666;
  font-family: Osaka, Verdana, sans-serif;
  text-decoration:none;
  font-size:0.75em;
  }


a:hover, a:active {
	color: #568aa2;
        font-size:0.75em;
         }

p {
   font-size:0.75em;
   line-height:150%;
   color:#666;
   font-family: Osaka, Verdana, sans-serif;
   }

li {
	text-decoration:none;
        margin:0;
        padding:0;
        list-style:none;
}
ul {
	text-decoration:none;
        margin:0;
        padding:0;
        list-style:none;
}

h1 {
    font-size:12px;
}

h2 {
    font-size:12px;
}

div {margin:0; padding:0;}
/*++++++ヘッダー++++++*/

#header {
        background:url(img/logo.jpg);
        width:870px;
        height:125px;
        background-repeat:no-repeat;
	margin:0;
        padding:0;

        }

#header h1{
	padding:20px 0 0 17px;
        margin:0;
        font-weight:normal;
        color:#cccccc;
        }

#contact { float:right;
           margin:0 25px 0 0 ;
}

#h_navi {
	width: 870px;
        margin:0;
        padding:0;
}

#h_navi ul {
	margin:0;
	padding:0;
	list-style: none;
        }

#h_navi li,#h_navi a{	
        float: left;
	display: block;
	width: 145px;
	height: 55px;
	margin:0;
        padding:0;
	background: url(img/h_navi.jpg);
        text-indent: -9999px;
        }



#h_navi02 a {	text-indent: -9999px;
                 background-position: -145px 0 ;}

#h_navi03 a {	text-indent: -9999px;	
                 background-position: -290px 0 ;}

#h_navi04 a {	text-indent: -9999px;
                         background-position: -435px 0 ;}

#h_navi05 a {	text-indent: -9999px;
                         background-position: -580px 0 ;}

#h_navi06 a {	text-indent: -9999px;
                         background-position: -725px 0 ;}

#h_navi01 a:hover {	text-indent: -9999px;
                        background-position: -0px -55px ;}

#h_navi02 a:hover {	text-indent: -9999px;
                         background-position: -145px -55px ;}

#h_navi03 a:hover {	text-indent: -9999px;
                        background-position: -290px -55px ;}

#h_navi04 a:hover {	text-indent: -9999px;
                        background-position: -435px -55px ;}

#h_navi05 a:hover {	text-indent: -9999px;
                        background-position: -580px -55px ;}

#h_navi06 a:hover {	text-indent: -9999px;
                        background-position: -725px -55px ;}

#h_navi .h_navi01_on a {	text-indent: -9999px;
                        background-position: -0px -55px ;}

#h_navi .h_navi02_on a {	text-indent: -9999px;
                         background-position: -145px -55px ;}

#h_navi .h_navi03_on a {	text-indent: -9999px;
                        background-position: -290px -55px ;}

#h_navi .h_navi04_on a {	text-indent: -9999px;
                        background-position: -435px -55px ;}

#h_navi .h_navi05_on a {	text-indent: -9999px;
                        background-position: -580px -55px ;}

#h_navi .h_navi06_on a{	text-indent: -9999px;
                        background-position: -725px -55px ;}

#top {
      width:870px;
      float:left;
      background-color:#ffffff;
      height:350px;
      margin:0;
      padding:0;
}

#main_navi{
           background:url(img/main.jpg);
           background-repeat:no-repeat;
           margin:0 0 10px 0;
           padding:0;
           text-indent:-9999px;
           width:870px;
           height:300px;
           float:left;
}

#navi {
	width: 255px;
        margin:0 0 0 10px;
        padding:0;
}

#navi ul {
	margin:0;
	padding:0;
	list-style: none;
        }

#navi li,#navi a{	
        float: left;
	display: block;
	width: 255px;
	height: 84px;
	margin:0;
        padding:0;
	background: url(img/main_navi.jpg);
        text-indent: -9999px;
        }



#navi02 a {	text-indent: -9999px;
                 background-position: 0 -84px; }

#navi03 a {	text-indent: -9999px;	
                 background-position: 0 -168px; }

#navi04 a {	text-indent: -9999px;	
                 background-position: 0 -252px; }

#navi01 a:hover {	text-indent: -9999px;
                        background-position: -255px 0;}

#navi02 a:hover {	text-indent: -9999px;
                         background-position: -255px -84px;}

#navi03 a:hover {	text-indent: -9999px;
 
                       background-position: -255px -168px ;}

#navi04 a:hover {	text-indent: -9999px;
                        background-position: -255px -252px ;}


/*++++++メインコンテンツ++++++*/

#main {
	width:870px;
	margin:0 0 10px 0;
        float:left;
        padding:0 0 50px 0;
        background-color:#ffffff;
	}
/*++++++コンテンツ++++++*/	
#bn {
     width:870px;
     margin:0;
     padding:0;
     float:left;
        background:#ffffff;
        background-repeat:repeat;
}

#bn table{
     margin:0 0 15px 8px;
}


/*++++++newsboxコンテンツ++++++*/
#rbox {
float:right;
width:600px;
margin:0;
padding:0;
}

.newsbox{
         float:right;
         width:600px:
         margin:0;
         padding:0;
        background-color:#ffffff;
        background-repeat:repeat;
}
.news {
         float:left;
         width:600px:
         margin:0;
         padding:0;
        background-color:#ffffff;
        background-repeat:repeat;
}
.news h2 {
         background:url(img/news_ti.jpg);
         background-repeat:no-repeat;
         width:585px;
         height:35px;
         margin:10px 0 0 0;
         padding:0;
         text-indent:-9999px;
}

.news ul{
         margin:0;
         padding:0;
         text-decoration:none;
}

.news li {
         background:url(img/liback.jpg);
         background-repeat:no-repeat;
         line-height:250%;
         padding:0 0 0 35px;
         margin:0 0 0 10px;
         text-decoration:none;
         color:#568aa2;
}

.newsbox table {
         width:585px;
         margin:15px 0 0 0;
}

.blogbox{
         float:left;
         width:600px:
         margin:0;
         padding:20px 0 20px 0;
        background-color:#ffffff;
        background-repeat:repeat;
}

.blogbox ul{
         margin:0;
         padding:0;
         text-decoration:none;
}

.blogbox li {
         background:url(img/liback.jpg);
         background-repeat:no-repeat;
         line-height:250%;
         padding:0 0 0 35px;
         margin:0 0 0 10px;
         text-decoration:none;
         color:#568aa2;
}

/*++++++leftboxコンテンツ++++++*/
#rightbox {
	float:left;
	margin:5px 0 0 10px;
	padding:0px;
	width:250px;
        background:#ffffff;
        background-repeat:repeat;
        display:inline;
}

#rightbox img {
margin:5px 0 0 0;
}

#rightbox td{
color:#666666;
valign:top;
}
/*++++++フッター++++++*/
#foot {width:870px;
       margin:0 auto;
       text-align:left;
       padding:0 0 0 10px;
       color:#666;
       font-size:12px;
}

#foot address{
text-align:center;
font-size:12px;
font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3, sans-serif;
font-style:normal;
margin:10px 0 10px 0;
}

.maintitle {
background-color:#3399cc;
color:#ffffff;
margin:10px 0 0 0;
padding:3px;
}