body{
	background-color:#fff;
}

/* ------------clearfix ------------ */

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*
  height: auto;
  overflow: hidden;
  */
}

/* ------------img ------------ */

.imgf {
	float: left;
	margin-right: 15px;
}

.imgr {
	float: right;
	margin-left: 15px;
}

.imgmt {
	margin-top: 15px;
}

.imgmb {
	margin-bottom: 15px;
}

/* ------------img link ------------ */

a:hover img  {  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
} 

#topbanner a:hover{  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
} 

#navi a:hover{  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
} 

.fontsize a:hover{  
opacity: 0.8;  
filter: alpha(opacity=80);  
-ms-filter: "alpha( opacity=80 )";  
} 


/* ------------header ------------ */

#header{
	width: 1100px;
	text-align: center;
	margin: 28px auto 0px auto;
	padding: 0px;
}

#header h1{
	width: 392px;
	height: 38px;
	background-image: url(../img/01.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float:left;
}

#header h1 a{
  width: 392px;
  height: 38px;
  display: block;
  text-indent: -9999px;
}

#header .fontsize{
	float:right;
	margin: 15px 0px 0px 0px;
}

#header .fontsize p{
	width: 107px;
	height: 12px;
	background-image: url(../img/02.gif);
	background-repeat: no-repeat;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	float: right;
}

#header .fontsize ul{
	margin: 0px 0px 0px 18px;
	padding: 0px;
    float: right;
}

#header .fontsize li {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
    float: left;
}

#header .fontsize li{
	text-indent: -9999px;	
}

#header .fontsize li a{
	text-indent: -9999px;	
}

#header .fontsize #f01 a{
	background-image: url(../img/04.gif);
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 23px;
	background-repeat: no-repeat;
	display: block;
}

#header .fontsize #f02 a{
	background-image: url(../img/05.gif);
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 36px;
	background-repeat: no-repeat;
	display: block;
}

#header .fontsize #f03 a{
	background-image: url(../img/06.gif);
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 27px;
	background-repeat: no-repeat;
	display: block;
}

#header .fontsize #f04{
	background-image: url(../img/03.gif);
	margin: 0px 10px 0px 0px;
	padding: 0px;
	height: 15px;
	width: 61px;
	background-repeat: no-repeat;
	display: block;
}


/* ------------navi ------------ */

#navi {
	width: 1100px;
	height: 66px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:center;
}

#navi ul {
  margin: 0px;
  padding: 0px;
}

#navi li {
  margin:0;
  padding:0;
  float: left;
  display: block;
  }

#navi li a {
  margin:0;
  padding:0;
  text-indent: -9999px;
  text-decoration: none;
}

#navi .n01 a:link, #navi .n01  a:visited{
	background-image: url(../img/07.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 219px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n01 a:hover, #navi .n01  a:active{
	background-image: url(../img/07.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 219px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n02 a:link, #navi .n02  a:visited{
	background-image: url(../img/08.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n02 a:hover, #navi .n02 a:active{
    background-image: url(../img/08.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n03 a:link, #navi .n03  a:visited{
	background-image: url(../img/09.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n03 a:hover , #navi .n03 a:active{
	background-image: url(../img/09.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n04 a:link, #navi .n04  a:visited{
	background-image: url(../img/10.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n04 a:hover , #navi .n04 a:active{
	background-image: url(../img/10.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 220px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n05 a:link, #navi .n05  a:visited{
	background-image: url(../img/11.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 221px;
	background-repeat: no-repeat;
	display: block;
}

#navi .n05 a:hover , #navi .n05 a:active{
	background-image: url(../img/11.gif);
	margin: 0px;
	padding: 0px;
	height: 66px;
	width: 221px;
	background-repeat: no-repeat;
	display: block;
}

/* ------------eyecatch ------------ */

#eyecatchbg{
	width: 100%;
	height: 380px;
	margin: 20px 0px 0px 0px;
	padding:0;
	background-color: #f2f2f0;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	text-align:center
}

#eyecatch{
	width: 1400px;
	height: 380px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center
}



/* ------------topbanner ------------ */

#topbanner{
	width: 1100px;
	margin: 35px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#topbanner ul {
  margin: 0px;
  padding: 0px;
}

#topbanner li a {
  margin:0;
  padding:0;
  float: left;
  text-indent: -9999px;
  text-decoration: none;
   display: block;
}

#topbanner .t01 a:link, #topbanner .t01  a:visited{
	background-image: url(../img/13.jpg);
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t01 a:hover, #topbanner .t01  a:active{
	background-image: url(../img/13.jpg);
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t02 a:link, #topbanner .t02  a:visited{
	background-image: url(../img/14.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t02 a:hover, #topbanner .t02  a:active{
	background-image: url(../img/14.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t03 a:link, #topbanner .t03  a:visited{
	background-image: url(../img/15.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t03 a:hover, #topbanner .t03  a:active{
	background-image: url(../img/15.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t04 a:link, #topbanner .t04  a:visited{
	background-image: url(../img/16.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#topbanner .t04 a:hover, #topbanner .t04  a:active{
	background-image: url(../img/16.jpg);
	margin: 0px 0px 0px 20px;
	padding: 0px;
	height: 200px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}


/* ------------wrap ------------ */

#wrap{
    padding: 0px ;
	width: 1100px;
	text-align: center;
	margin: 45px auto 0px auto;
}


/* ------------content ------------ */

#wrap #content{
    padding: 0px;
	width: 820px;
	margin: 0px;
	float:left
}

#wrap #content .info{
    padding: 0px;
	margin: 0px;
	text-align:left;
}

#wrap #content .info h2{
    padding: 0px;
	margin: 0px;
}

#wrap #content .info p{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 180%;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align:right;
}

#wrap #content .info ul{
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#wrap #content .info li {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 160%;
	padding: 8px 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#wrap #content .info .date, #wrap #content .info .detail {
	display: block;
}

#wrap #content .info .date {
	clear: both;
	float: left;
	width: 80px;
	color: #333;
	background-image: url(../img/26.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
}

#wrap #content .info .detail {
	width: 680px;
	margin-left: 140px;
	color: #333;
}

#wrap #content .info a:link { text-decoration: none; color: #0085ce;}
#wrap #content .info a:visited { text-decoration: none; color: #0085ce;}
#wrap #content .info a:active { color: #0085ce;}
#wrap #content .info a:hover { text-decoration: underline; color: #0085ce;}


#wrap #content .example{
    padding: 0px;
	margin: 50px 0px 0px 0px;
	text-align:left;
}

#wrap #content .example h2{
    padding: 0px;
	margin: 0px;
}

#wrap #content .example #mysliderbg{
    padding: 10px;
	margin: 15px 0px 0px 0px;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
}

#wrap #content .example #myslider{
    padding: 0px;
	margin: 0px 0px 0px 0px;
}

#wrap #content .example .slider img{
  border: 0px;
  margin: 3px;
}


/* ------------side ------------ */

#wrap #side{
    padding: 0px ;
	width: 260px;
	margin: 0px 0px 0px 20px;
	float:left
}

#side ul {
  margin: 0px;
  padding: 0px;
}

#side li a {
  margin:0;
  padding:0;
  float: left;
  text-indent: -9999px;
  text-decoration: none;
   display: block;
}

#side .s01 a:link, #side .s01  a:visited{
	background-image: url(../img/18.jpg);
	margin: 0px;
	padding: 0px;
	height: 159px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}

#side .s01 a:hover, #side .s01  a:active{
	background-image: url(../img/18.jpg);
	margin: 0px;
	padding: 0px;
	height: 159px;
	width: 260px;
	background-repeat: no-repeat;
	display: block;
}


/* ------------footer ------------ */

#footerbg{
	width: 100%;
	margin: 150px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	background-color: #3d3d3c;
	text-align: center;
}

#footerbg #footer{
	padding: 30px 0px 30px 0px;
	width: 1100px;
	margin: 0px auto 0px auto;
}

#footerbg #footer .logo{
	width: 255px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float:left;
}

#footerbg #footer .logo h3{
    padding: 0px;
	margin: 0px 0px 10px 0px;
}

#footerbg #footer .logo p{
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 180%;
	padding: 0px;
	margin: 0px;
	color: #fff;
}

#footerbg #footer .footernavi{
	width: 770px;
	padding: 0px;
	margin: 0px 0px 0px 75px;
	float:left;
	text-align:left;
}

#footerbg #footer .footernavi ul.fnavi{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(../img/22.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#footerbg #footer .footernavi li{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 160%;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	color: #fff;
	list-style-type: none;
	float:left;
}

#footerbg #footer .footernavi a:link { text-decoration: none; color: #fff;}
#footerbg #footer .footernavi a:visited { text-decoration: none; color: #fff;}
#footerbg #footer .footernavi a:active { color: #fff;}
#footerbg #footer .footernavi a:hover { text-decoration: underline; color: #fff;}

#footerbg #footer .footernavi .inquiry{
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}

#footerbg #footer .footernavi .inquiry ul{
	padding: 0px;
	margin: 0px;
}

#footerbg #footer .footernavi .inquiry li{
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	list-style-type: none;
	float:left;
}

#footerbg #copy{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align:center;
	background-color:#000;
}

#footerbg #copy p{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 160%;
	padding: 0px;
	margin: 0px;
	color: #666;
}