@charset "UTF-8"

#top{
  clear : both;
  background-color : white;
  padding-bottom : 5px;
}

#head{
  height : 18px;
  background-color : black;
  clear : both;
  padding-top : 2px;
  width : 100%;
  padding-bottom : 2px;
}

#site-name{
  float : left;
  font-size : 12px;
  margin-left : 10px;
}

#site-name a{
  color : white;
  text-decoration : none;
}

#head-navi{
  padding-right : 20px;
  float : right;
  font-size : 12px;
}

#head-navi li{
  float : left;
  margin-left : 10px;
}

#head-navi li a{
  color : white;
  text-decoration : none;
}

#headline{
  clear : both;  
  height : 90px;
  margin-bottom : 10px;
  width : 100%;
}

#title-33{
  float : left;
  clear : left;
  margin-top : 15px;
}

#common-navi{
  margin-top : 12px;
  clear : right;
  float : right;
  height : 82px;  
}

#common-navi li{
  float : left;
  margin-left : 10px;
  background-color : white;
}

#gnavi-33{
  text-align : center;
  background-color : #ff8080;
  width : 1000px;
  margin-bottom : 10px;
}

#gnavi-33 ul{
	font-size: 0;
	margin-right : 0px;margin-bottom : 8px;margin-left : 0px;
	padding: 0;
	list-style: none;
}

#gnavi-33 li{
	box-sizing: border-box;
	width : 200px;
	font-size:18px;
	display: inline-block;
	border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #000000;border-right-color : #000000;border-bottom-color : #000000;border-left-color : #000000;
	background-color : #ff8080;
}

#gnavi-33 li a{
	text-decoration: none;
	padding : 12px;
	color : white;
	display: block;
	font-size : 15px;
}

#gnavi-33 li a:hover{
	background: #ffacac;
}

#gnaviA-33{
  text-align : center;
  background-color : #000080;
  height : 50px;
}

/* --- パンくず --- */
ol.topicPath{
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 3px 0px 3px 10px;
	list-style-type: none;
	font-size: 80%;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color : #d2d2ff;
	border-left-color : #d1d1e9;
	background-color: white;
  width : 985px;
}

ol.topicPath li{
	display: inline;
}

ol.topicPath li a{
	margin-right: 6px;
  text-decoration : none;
}
/* --- パンくず --- */

#undermenu-33{
	margin-bottom : 30px;
	padding-top : 10px;
	padding-left : 2%;
	padding-right : 2%;
	background-color : white;
}

/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {
#comenu-33{
	margin-bottom : 30px;
	padding-left : 2%;
	padding-right : 2%;
	background-color : white;
}

#comenu-33 p{
	
    background-color : #6464ff;
    padding-top : 20px;
    padding-bottom : 8px;  
    margin-left : -2%;  
    padding-right : -2%;  
    width : 104%;  
    font-size : 26px;
    font-weight : bold;  
    color : white;  
    margin-bottom : 20px;
  }

#comenu-33 p img{
	
    margin-left : 2%;    
    width : 40px;
    height : 40px;  
    margin-right : 10px;
  }



.underA{
  float : left;
  width : 30%;
  margin-right : 5%;
  background-color : white;
  margin-bottom : 20px;
}

.underB{
	background-color: white;
  width : 30%;
  float : left;
  margin-bottom : 20px;
}

.underC{
	background-color: white;
	width : 30%;
	clear : right;
	float : right;
  margin-bottom : 20px;
}

.underm{
	margin-bottom : 15px;
}

.underm li +li{
	
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #e7e7e7;	
}

.underm a{
	display: block;
	padding: 6px 5px;
	color: gray;
	text-decoration: none;
	position: relative;
	background-color: white;
	font-size: 12px;
	font-weight: bold;
}

.underm a:hover{
	background: #e7e7e7;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	text-decoration: none;
}

.underm a::after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cecece;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cecece;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.under01{
	padding-bottom : 4px;
	border-bottom-width : 2px;
	border-bottom-style: solid;
	border-bottom-color : #ff8080;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 8px;
	color: gray;
}

.under02{
	padding-bottom : 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color : #ffa953;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	padding-top : 8px;
	color: gray;
}

.under03{
	padding-bottom : 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color : #50ef50;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	padding-top : 8px;
	color: gray;
}

.under04{
	padding-bottom : 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color : #8080ff;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	padding-top : 8px;
	color: gray;
}

.under05{
	padding-bottom : 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color : #b164ff;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	padding-top : 8px;
	color: gray;
}

.under06{
	padding-bottom : 4px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color : #ff88ff;
	text-align: center;
	background-color: white;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	padding-top : 8px;
	color: gray;
}

.undermenu-typeA{
  margin-bottom : 15px;
}

/* --- パンくず --- */

ol.topicPath{
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 3px 0px 3px 10px;
	list-style-type: none;
	font-size: 80%;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color : #d2d2ff;
	border-left-color : #d1d1e9;
	background-color: white;
  width : 985px;
}

ol.topicPath li{
	display: inline;
}

ol.topicPath li a{
	margin-right: 6px;
  text-decoration : none;
}
/* --- パンくず --- */

}

/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

#pc-header{
	
  clear: both;	
  width : 1000px;  
  display : none;
}

#gnavi-33{
  display : none;
}

#comenu-33{
	margin-bottom : 30px;
	padding-top : 20px;
	padding-left : 1%;
	padding-right : 1%;
	background-color :#6464ff;
    margin-left : 1%;
    margin-right : 1%;padding-bottom : 20px;
}

#comenu-33 p{
	  
    font-size : 17px;
    font-weight : bold;  
    color : white;  
    text-align : center;  
    margin-top : 10px;
    margin-bottom : 10px;
  }

#comenu-33 p img{
    display : none;
  }

.underm{
	
	margin-bottom : 15px;	
    margin-left : 10px;
    margin-right : 10px;
  }

.underm li +li{
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #e7e7e7;	
}

.underm a{
	
	display: block;	
	padding : 10px 5px 10px 12px;	
	color : #454545;	
	text-decoration: none;	
	position: relative;	
	background-color: white;	
}

.underA a:hover{
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	text-decoration: none;
}

.underm a::after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cecece;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cecece;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.under01{
	
	padding-bottom : 10px;	
	border-bottom-width : 2px;	
	border-bottom-style: solid;	
	border-bottom-color : #ff8080;	
	text-align: center;	
	background-color : #ffffff;	
	font-size : 14px;	
	padding-top : 10px;	
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
  }

.under02{
	padding-bottom : 10px;
	border-bottom-width : 2px;
	border-bottom-style: solid;
	border-bottom-color : #ffa953;
	text-align: center;
	background-color : #ffffff;
	font-size: 14px;
	padding-top : 10px;
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
}

.under03{
	padding-bottom : 10px;
	border-bottom-width : 2px;
	border-bottom-style: solid;
	border-bottom-color :#50ef50;
	text-align: center;
	background-color : #ffffff;
	font-size: 14px;
	padding-top : 10px;
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
}

.under04{
	
	padding-bottom : 10px;	
	border-bottom-width : 2px;	
	border-bottom-style: solid;	
	border-bottom-color : #8080ff;	
	text-align: center;	
	background-color : #ffffff;	
	font-size : 14px;	
	padding-top : 10px;	
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
  }

.under05{
	
	padding-bottom : 10px;	
	border-bottom-width : 2px;	
	border-bottom-style: solid;	
	border-bottom-color : #b164ff;	
	text-align: center;	
	background-color : #ffffff;	
	font-size : 14px;	
	padding-top : 10px;	
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
  }

.under06{
	
	padding-bottom : 10px;	
	border-bottom-width : 2px;	
	border-bottom-style: solid;	
	border-bottom-color : #ff88ff;	
	text-align: center;	
	background-color : #ffffff;	
	font-size : 14px;	
	padding-top : 10px;	
	color : #454545;
	margin-left : 10px;
	margin-right : 10px;
  }

/* --- パンくず --- */

ol.topicPath{
	
	display: none;	
}
/* --- パンくず --- */


}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?n7stu6');
  src:  url('fonts/icomoon.eot?n7stu6#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?n7stu6') format('truetype'),
    url('fonts/icomoon.woff?n7stu6') format('woff'),
    url('fonts/icomoon.svg?n7stu6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}