@charset "utf-8";

/*--------------------------------------------------------------------
 Reset 
 -------------------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, a, address, em, font, img, small, strong, ol, ul, li,table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

html {
	    overflow: auto;
}

img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
	border-style:none; 
	font-size:10px;
}

a {
	-webkit-tap-highlight-color: transparent;
}

strong {
	font-weight: bold;
}

ol, ul, li {
	list-style: none;
}

table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}


/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}

    
html,body{
    width: 100%;
}


body{
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	min-width:1060px; 
	background-image : url();
	background-repeat: repeat;
}

body.about{
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
	min-width:1060px; 
	background-image : url();
	background-repeat: repeat;
}


/* メインメニュー */

 #logo_navi{
	background-image: none;
height: 53px;
}

 #logo_navi2{
	background-image: none;
height: 10px;
}

#headerBannerL img{
	position: fixed;
}

#headerBannerL #banner01{
	left:10px;
	top:0px;
	z-index: 30;
}

/* ヘッダー */
#header_top{
width:100%;
	background-image : url(../../img/head_logo.jpg);
	background-repeat: repeat-x;
	height:65px;
	}


#wrap-slide{
width:100%;
	background-image : url(../../img/bkground2.jpg);
	background-repeat: repeat;
	}
	
.header_topva{
width:1200px;
	background-image: url() ;
	background-repeat: no-repeat;
		height:65px;
	}

p.topLogo {
  margin: 0;
  padding: 5px 0 0 150px;
font-size: 0;
  float: left;
  z-index:100;

}


#topMenu {
  margin: 0;
  padding: 0px 0px 0 0;
width:450px;
  float: right;
font-size: 0;
 list-style-type: none;
  z-index:100;
  position: relative;
}


#topMenu li {
  margin: 20px 0px 0 0px;
  padding: 0px;
  float: left;
  list-style: none;

} 

#topMenu li.switch {
  margin:20px 0px 0 10px;
} 

#topMenu li.ac {
  margin: 20px 0px 0 230px;
} 

div.testb{background-color:#FEA00B;}
	
/* ヘッダー */
div#header	{
	width:100%; height:53px; text-align:center; margin:0 auto;top:0; left:0; z-index:10;  background:url(../../img/menu_back.jpg); background-repeat:repeat;
}


div#header.fixed {
	position: fixed;
	left: 0;
	top: 0;
}

.header2	{
background-image: none; position:relative;
}

.photo-s{
    width: 100%;
    height: auto; 
    position:relative;
}

.photo-s img{
    width:100% !important;
    max-width: 100% !important;
    height: auto !important;}

#containerInner{
margin-left: auto; margin-right: auto;
width: 990px; 
z-index:100;
 }

/* 上メニュー */
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0px 0 0px 0;
  background: ;
  color: #010101;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

.dropmenu li.n-menu_1{
	padding:0px 0px 0px 0px; 
width:76px;
height:53px;
}

.dropmenu li.n-menu_2{
	padding:0px 0px 0px 0px; 
width:200px;
height:53px;
}

.dropmenu li.n-menu_3{
	padding:0px 0px 0px 0px; 
width:130px;
height:53px;
}

.dropmenu li.n-menu_4{
	padding:0px 0px 0px 0px; 
width:140px;
height:53px;
}

.dropmenu li.n-menu_5{
	padding:0px 0px 0px 0px; 
width:104px;
height:53px;
}

.dropmenu li.n-menu_6{
	padding:0px 0px 0px 0px; 
width:132px;
height:53px;
}

.dropmenu li.n-menu_7{
	padding:0px 0px 0px 0px; 
width:99px;
height:53px;
}

.dropmenu li.n-menu_8{
	padding:0px 0px 0px 0px; 
width:99px;
height:53px;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px 13px 15px;
width:240px;
  border-top: 1px solid #fff;
  background: #D7FBF9;
  text-align: left;
}
.dropmenu li ul li.first a{
  border:none;}

.dropmenu li ul li.last a{
  border-bottom: 1px solid #ffffff;}

.dropmenu li:hover > a{
  background: #D7FBF9;
}
.dropmenu li ul li a:hover{
  background: #fff;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



	
 #slide_navi{
	background-image: none;
z-index:1;
  
}


.img_a {
display:none;
}

/*トップ写真*/
div.photo{
	margin: 0px auto;　padding: 0px;
    z-index:1;
    	position: relative;
}

.container-news{
	width: 1020px; margin-left: auto; margin-right: auto;  
	margin-top:20px;
}


/*トップ以外の上写真*/
.header-sec{
background-image: none; position:relative;
padding:0;
}

/* 一番上画像 */
.tp-img{
    position:relative;
    width:100%;
    line-height: 0;
    border-bottom:1px solid #11A20D;
}
.tp-img span{
    position:absolute;
    bottom:1%;
    left:1%;
    width:600px;
    
}

.tp-img img{
    width:100% !important;
    max-width: 100% !important;
    height: auto !important;
}

div.content-n{
	width: 740px; float: right; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;
    align: center; 

}

div.right-image{
padding: 0;
align: center;

}


div.contents{
	width: 1000px; margin-left: auto; margin-right: auto; align: center; padding-top: 20px; padding-bottom: 0px; 
}

div.contents2{
	width: 1000px; margin-left: auto; margin-right: auto; align: center; padding-top: 20px; padding-bottom: 0px; 
}


/* パンくずリスト*/

div#pan_s{
	width: 980px; 
margin-left: auto; 
margin-right: auto; 
margin-top:15px;
margin-bottom:15px;
align: center;
}



ol.topic-path{
	margin: 0;
list-style-type: none; /* リストマーク非表示 */
padding: 0px 5px 5px 3px;
font-size: 12px;
}
/* リスト項目 */
ol.topic-path li{
display: inline;/* 項目を横並び */
	padding-right: 12px;
background: url(../../img/path.gif) no-repeat right; 
}
/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 25px;
background: url(../../img/pan-home.png) no-repeat left;
}

ol.topic-path li.mid{
	padding-left: 8px;
background: url(../../img/path.gif) no-repeat right;
}

ol.topic-path li.last{
	padding-left: 8px;
	background:none;
}

/* リンクエリア */
ol.topic-path li a{
	padding-right: 18px;
background: url(../../img/path.gif) no-repeat right; /* ���L���i���j */
}

ol.topic-path li a{
	color: #7E4905;
}

ol.topic-path li a:hover{
	color: #FAA708;
}


div.frame-top{
	background-image : url(../../img/middlemenu_up.png); 
background-repeat: no-repeat;
padding: 0;
height:54px;
margin-bottom:10px;
}



div.frame-h{
	background-image : url(../../img/middlemenu_up.png); 
background-repeat: no-repeat;
padding: 0;
height:68px;
margin-top:15px;
margin-bottom:0;
}


div.mainarea{
width: 920px;
margin-left: auto;
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px;
padding: 0px 10px 5px 10px;
}

div.l-main{
width: 350px;
margin-left: auto;
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px;
padding: 10px 0px 5px 0px;
float:left;
}

div.r-main{
width: 520px;
margin:0 0 0 15px;
padding: 10px 10px 5px 10px;
float:left;
}


div.l2-main{
width: 520px;
margin-left: auto;
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px;
padding: 10px 0px 5px 0px;
float:left;
}

div.r2-main{
width: 350px;
margin:0 0 0 15px;
padding: 10px 10px 5px 10px;
float:left;
}

div.l3-main{
width: 600px;
margin-left: auto;
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px;
padding: 10px 0px 5px 0px;
float:left;
}

div.r3-main{
width: 310px;
margin:0 0 0 10px;
padding: 10px 0px 0px 0px;
float:left;
}


div.l4-main{
width: 100px;
margin:0 auto 22px auto;
padding: 16px 0px 5px 50px;
float:left;
}

div.r4-main{
width: 720px;
margin:0 0 22px 10px;
padding: 10px 0px 5px 0px;
float:left;
}



div.frame-bottom{
padding: 0 0 10px 0px;
align: center;
height:16px;
}

/* サイドバー */
div.sidebar{
	width: 240px; float: left; margin-top: 0px; margin-left: 10px; margin-bottom: 5px; padding: 0;
}

div.sidebar iframe#side{
	width: 240px; height:350px;
}

div.sidebar iframe#side2{
	width: 230px; height:2030px;
}

div.content3{
	width: 720px; float: right; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;
    align: center; 
}



p.frame-top-news{
	background-image : url(../../img/middlemenu_ue_ne.png); 
background-repeat: no-repeat;
padding: 0;
height:113px;
margin-bottom:0;
}


p.mama-news{
padding: 0;
margin-bottom:0;
}




div.footer-menu	{
height: 34px; 
background-color  : #0C9BD7;
padding: 14px 0px 0px 0px;  
}


div.footer-navi{
margin:0px auto;    
width:1000px;
}


#footerMenu {
  margin: 0;
  padding: 0;
  float: right;
}
#footerMenu li {
  margin: 0;
  padding: 0 14px;
  float: left;
  list-style: none;
  color : #ffffff;
  font-size :12px;
} 


#footerMenu li a {
  color : #ffffff;
} 

#footerMenu li a:hover {
  color : #FBF678;
} 



/*  トップへリンク*/
#pageTop_a{
	background:#09C2F7;
	border-radius:5px;
	color:#fff;
	padding:10px;
	position:fixed;
	bottom:50px;
	right:20px;
	font-size:12px;
	z-index:150;
	}
#pageTop_a:hover{
	background:#063ECC;
	}





.bg-img{padding : 10px 0 0 0;
background-color: #fff;}

p.ski-mp{
 padding: 15px 40px 15px 40px;
 text-align: center;
}

.clear { clear:both; }  
.clear hr { display:none; }  


div.bgframe{width: 950px; 
margin-left: auto; 
margin-right: auto; 
align: center;}

div.frame-top-b{
	background-image : url(../../img/middlemenu_ue-b.png); 
background-repeat: no-repeat;
padding: 0;
height:54px;
margin-left:auto; margin-right:auto;
margin-bottom:0;
}

div.m_tab2-b{
	background-image : url(../../img/middlemenu_naka-b.png); background-repeat: repeat-y;
	}

div.frame-middle{
margin:0;
padding: 0;
}

.bgmain{
width: 870px;
margin: 0 auto;
padding: 10px 0px 5px 0px;
}

.bgmain-r{
width: 900px;
margin: 0 auto;
padding: 10px 0px 5px 0px;
}

.bring{width:820px; padding:5px 20px 5px 20px;
background-color:#DDFCFE; margin:10px auto 0 20px; }

p.bringlist{padding:12px 5px; border-bottom: 1px solid #ccc;}

span.ft{font-weight:bold; font-size:16px;
font-family: 'Noticia Text', serif;}


/* サイトマップ */
ul.sitemap2{
padding: 0 0 0 10px; width: 32%; float:left;}

.sitemap2 li.linksyu{

margin-top: 10px;
font-size: 12px;

}

.sitemap2 li.linksyu p{
font-weight: bold;
font-size: 13px;
padding:8px 0;
color:#4B4B4C;
}

.sitemap2 li.linksyu a{
color:#4B4B4C;
}

.sitemap2 li.linksyu ul{
margin: 0px 0 25px 2px;
line-height: 185%;
width: 98%;
}

.sitemap2 li.linksyu ul li a{
color:#4B4B4C;
padding:5px 0 0 10px;
}

.sitemap2 li.linksyu ul li{
background: url(../../img/bottomarrow2.png) no-repeat;
color:#4B4B4C;
margin-left:20px;
padding-top: 5px;
padding-right: 5px;
padding-left: 12px;
}


table.toi{
	width:710px;
	margin:0 auto;
	border-collapse:collapse;
}
table.toi td{
	border:1px solid #b1b1b1;
	font-size:90%;
	color:#000000;

	text-align:left;
	padding: 20px 5px 20px 10px;
}


table.toi td.s_Cel{
background-color:#E8F9F9;
	padding: 20px 5px 20px 10px;
	line-height:200%;
}
table.toi th{
text-align:left;
	font-size:90%;
	color:#000000;
font-weight: normal;
	border:1px solid #b1b1b1;
	padding: 20px 5px 20px 10px;}

table.toi th.l_Cel{
	width:212px;

}
table.toi th.n_Cel{
	width:212px;
background-color:#E8F9F9;
}


table.toi td.but{
	border:1px solid #ffffff;
	height:40px;
	text-align:center;
	font-size:100%;
	padding: 15px 5px 5px 10px;
}

p.sub_buttun{
text-align: center;
padding: 20px 0 10px 0;}

.way{padding: 20px 0 20px 0;}