@charset "UTF-8";

@font-face {
	font-family: font1;
       src: url('JBEM__S.eot?') format('oldIE'),
       url('JBEM__S.woff') format('woff'),url(JBEM__S.ttf) format("truetype");
}

@font-face {
	font-family: font1;
	src: url(JBEM__S.eot);
}

input[type=text] {
       width:195px;
       height:20px;
}

h1 {
      color: #ffffff;
      background-color: #ff7fbf;
      font-size: 14px;
      margin: 0 auto;
       text-align: center;
}

h2{
	color: #000000;
	font-size: 14px;
	margin: 0px auto;
}

h3{
	font-size: 55px;
	font-weight: normal;
	font-family: font1;
  
}

h4 {
  color: #009966;
  font-size: 14px;
  margin: 0px auto;
}

img{
       max-width: 100%;
       height: auto;
}

body, p, td{
	font-size: 14px;
	font-family: Verdana, "Droid Sans", Roboto, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
       line-height: 1.8;
}

body{
	color: #000000;
	background-color: #FFFFFF;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%;
}

html,body{

      margin:0;
      padding:0 5px;

}

.marker {
       background: linear-gradient(transparent 75%, #c1e0ff 75%);
}

hr.shita {
       height: 1px;
       border: none;
       border-top: 1px #c0c0c0 solid;
       margin-bottom: 3px 0;
}

hr.ue {
       height: 1px;
       border: none;
       border-top: 1px #c0c0c0 solid;
       margin-top: 3px 0;
}

.red{
       color: #ff3932;
}

.size_18{
	font-size: 18px;
}

.size_18mono{
	font-size: 18px;
}

.size_14{
	font-size: 14px;
}

.size_10{
	font-size: 10px;
}

.gray{
       color: #C0C0C0;
}

a{
	color: #0E1BBB;
	text-decoration: none;
       font-weight:bold;
}

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

table{
       width:100%;
       table-layout: fixed;
       border-collapse: collapse;
       border: 1px #000 solid;
}

td{
       border-collapse: collapse;
       border: 1px #000 solid;
       text-align: center;
       vertical-align: middle;
}

p.right{
       text-align: right;
}

p.center{
       text-align: center;
}

p.haba_14{
       margin-top: 0;
       margin-left: 14px;
}

p.haba_17{
       margin-top: 0;
       margin-left: 17px;
}

p.no {
       display:inline;
}

.kasen{
     border-bottom:1px solid;
     padding-bottom:1px;
}

.btn{
	  
       background: #EEE;
       border: 1px solid #DDD;  
       border-radius: 4px;  
       -moz-border-radius: 4px;  
       -webkit-border-radius: 4px;  
       color: #111;  
       width: 100px;
       padding: 10px;  
} 

.ue_10{
	margin-top: 10px;
}

li {
       list-style: none;
       margin-top: -1px;
       margin-left: -40px;
       padding-top: 10px;
       padding-bottom: 10px;
       padding-left: 5px;
       border-top:1px solid #CCC;
       border-bottom:1px solid #CCC;
}

/*ACCORDION*/
div.accordion {
  width: 100%;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #6a86c8;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #000099;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #a2d1dd;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  background-color: #79c9b8;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #67ab9c;
}