@charset "UTF-8";

/*--reset--------------------------------------------------------------------*/

.textbox{ width:960px;
    text-align:center; 
    color:black;
  
}


.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;   
gap: 5px 15px; /* 余白 */ 
margin-left: auto;
    margin-top: 10px;
margin-bottom:50px;    
background-color:#f1f1f1;
padding:4% 0% 2% 9%;    
}

.container-2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;   
gap: 5px 5px; /* 余白 */ 
padding-left:5px;   
}


.hr1{ width:60%;
    align-content:center;  
    margin:1.5em 20% 1.5em 20% ;
}



h2 { 
	margin-bottom:5px;
    line-height: 150%;
    font-size:200%;
	font-weight:normal;
    color:#009EDB;
}

h4 { 
	margin-bottom:5px;
    line-height: 150%;
	font-weight:normal;
}


p { 
	margin: 0 0 10px 0;
    line-height: 200%; 
    color:black;

}

.caption{ 
	margin-bottom:4px;
    line-height: 100%;
    font-size: 6px;
    font-weight: bold;
      margin-left: 1rem;
  text-indent: -1rem;
}

.sub {
    vertical-align: sub;
    font-size:5px;
}


.description
{line-height: 180%; 
  vertical-align: middle; 
}


table td,th{
	border-collapse:collapse;
	border-spacing:0;
    
}

.icon{
width:"100px";
}


address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}


/*--font--------------------------------------------------------------------*/


a{
	color:black;
	text-decoration:none;
}


a:visited{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}

img{
  border:none;
}


/*-----------------------------------*/
a{
	color:black;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#36c;
	text-decoration:underline;
}
/*--img-------*/
img{
	border: none;
	text-align: left;
}



/*--clear--*/
.clear{
  clear:both;
}

.koumoku{ margin: 0.2em 0px;
    text-align: left;
}

/*----h----*/
h2{
  font-size:16px;
  font-weight:bold;
}


h4{
  font-size:14px;
  font-weight:medium;
  margin-left: 1rem;
  text-indent: -1rem;
}


/*------wrap----*/
#wrap{
	width:960px;
	margin:0 auto;
}

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


#header{
	position:relative;
	text-align:left;
}
/*------logo----*/
#logo{
	margin:38px 0 0 0;
}

/*------gnav----*/
#gnav{
}

#gnav li{
	float:left;
}

#gnavs ul{ float:inherit

}

#gnavs {

	
}



/*------snav----*/
#snav{
	position: absolute;
	top: 1px;
	right: 5px;
	width: auto;
	height: 23px;
	text-align:right;
    font-family: "メイリオ";
	font-size: 14px;
	color: #7A7373;
}

#snav li{
	float:left;
}

#snav a{
	color:#fff;
	text-decoration:underline;
}

#snav a:visited{
	color:#fff;
	text-decoration:underline;
}

#snav a:hover{
	color:#fff;
	text-decoration:none;
}

/*------snav----*/
#snav2{
	position:absolute;
	top:45px;
	right:446px;
}

#snav2 li{
	float:left;
}


#pnav2{
	position: absolute;
	top: 285px;
	right: 5px;
}

#pnav2 li{
	float:left;
}

/*------gnav----*/
#gnav{
}

#gnav li{
	float:left;
}

#gnavs ul{ float:inherit

}

#gnavs {

	
}

body{
	font:13px/1.231 "Lucida Grande", "Hiragino Kaku Gothic Pro", "ҥ饮γѥ Pro W3", "ͣ Хå", sans-serif;
	line-height:1.4;
	text-align:center;
	color:black;
	background:url(../img/common/bg.jpg) top repeat-x #fff;
}

/*-----------------------------------*/
a{
	color:black;
	text-decoration:none;
}

a:visited{
	color:#333;
	text-decoration:none;
}

a:hover{
	color:#36c;
	text-decoration:underline;
}
/*--img-------*/
img{
	border: none;
	text-align: left;
}

/*--clear--*/
.clear{
  clear:both;
}



/*------flashbox----*/
#flashbox{
	clear:both;
}

/*------contents----*/
#contents{
}

/*------leftblc----*/
#leftblc{
	float:left;
	width:390px;
}

/*------centerblc----*/
#centerblc{
	float:left;
	width:307px;
	margin:0 5px;
}


/*------rightblc----*/
#rightblc{
	float:left;
	width:193px;
	text-align:left;
}

#rightblc ul{
	margin-bottom:10px;
}

/*------footer----*/
#footer{
	clear:both;
	border-top:1px solid #ccc;
	padding:5px 0 0 0;
}




/*------pnkz----*/
#pnkz{
}
/*------float----*/
.fl_r{
	float:right;
}

.fl_l{
	float:left;
}

.clear{
	clear:both;
}

/*------align----*/
.tx_r{
	text-align:right;
}

.bdrd{
	width:305px;
	border-bottom:2px solid #930;
	text-align:left;
	vertical-align:middle;
}

.geo{
	font-size:11px;
	line-height:1.4;
	margin:0 0 5px 0;
	text-align:left;
	color:#999;
}

.imageCover1 {
    position: relative;
    width: 960px;
    height: 515px;
}

.imageCover1 .baseImage {
    width: 900px;
    height: 493px;
}

.imageCover1 .coverImage {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 960px;
	height: 515px;
	background-image: url(topmain.jpg);
}



.imageCover2 {
    position: relative;
    width: 900px;
    height: 340px;
}

.imageCover2 .baseImage2 {
    width: 900px;
    height: 340px;
}

.imageCover2 .coverImage2 {
    position: absolute;
    top: 2px;
    left: -29px;
    width: 900px;
    height: 340px;
}

#titlecaption{
	font-size:22px;
	color:#228BAB;
	font-weight:bold;
	line-height:30px;
	
}