@charset "Shift_JIS";
h1{
	margin:0 auto;
	padding:0;
}
h1 img{
	margin:0 auto;
	display:block;
	width:100%;
}
.canInfo{
	margin:10px 1% 5% 1%;
	padding:0;
}
.canInfo table,.canInfo th,.canInfo td{
	border-collapse: collapse;
	padding:5px;
}
.canInfo table{
	margin:0 0 10px 0;
	width:100%;
}
.canInfo table,.canInfo th,.canInfo td{
	border: 1px solid #CCC;
}
.canInfo th{
}
.thTitle{
	width:4em;
	background:#e6e2d7;
	text-align:center;
	font-weight:bold;
	
}
.canTitle{
	background:#ffcc7f;
	text-align:left;
	
}
.canTitle a{
	text-shadow:none;
}
.canOpen:before{
	content:"\53D7\4ED8\4E2D\FF01";
	padding:1px 0 1px 4px;
	background:#ff0099;
	color:#FFF;
	text-shadow:none;
	width:5em;
	text-align:center;
	font-weight:bold;
	margin-right:5px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	font-size:14px;
	border: 1px solid #FFF;

}
.canClose:before{
	content:"\53D7\4ED8\7D42\4E86";
	padding:1px 3px 1px 3px;
	background:#FFF;
	color:#ff0099;
	border: 1px solid #ff0099;
	text-shadow:none;
	width:5em;
	text-align:center;
	font-weight:bold;
	margin-right:5px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	font-size:14px;
}
.komeIndent{
	padding-left:1em;
	text-indent:-1em;
	display:block;
}
/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.line2{
	background:url(../img/line.png) repeat-x center;

}
.acc-btn{
	background-color: #b5e3fa;
	color:#FFF;
	border: 1px solid #0ba3ef;
	text-align:left;
	margin-bottom:0;
}
.acc{
	margin:0 0 10px 0;
}
.acc h2{
	font-weight:bold;
	font-size:12px !important;
	color:#0ba3ef;
	margin-top:0;
}

.acc h2 span.open{
	background: url(../img/open.png) no-repeat right center;
	background-size:20px;
	display:block;
}
.acc h2 span{
	background: url(../img/close.png) no-repeat right center;
	background-size:20px;
	display:block;
}

.acc-contents{
	display:none;
	padding:10px 0 20px 0;
	display:none;
}
.grada-btn{
	margin:0 auto;
	width:16em;
	position:relative;
	background:#fff;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	padding-right:28px;
}
.oubo{
	text-align: center;
}

.grada-btn:hover {
    text-decoration: none;
    opacity: 0.7;
}

.grada-btn a:after{
	position:absolute;
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/arrow.png);
	background-size: contain;
	vertical-align: middle;
	right:10px;
	top:9px;
}  
.grada-orange{
	background : -moz-linear-gradient(50% 0% -90deg,rgba(255, 175, 0, 1) 0%,rgba(255, 108, 0, 1) 100%);
	background : -webkit-linear-gradient(-90deg, rgba(255, 175, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(255, 175, 0, 1) ),color-stop(1,rgba(255, 108, 0, 1) ));
	background : -o-linear-gradient(-90deg, rgba(255, 175, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
	background : -ms-linear-gradient(-90deg, rgba(255, 175, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAF00', endColorstr='#FF6C00' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(255, 175, 0, 1) 0%, rgba(255, 108, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAF00',endColorstr='#FF6C00' , GradientType=0); 
	padding-top:4px;
	padding-bottom:4px;
	border: 1px solid #FFAF00;
  }
.grada-orange{
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}
.grada-btn a{
	text-decoration:none;
	display: block;
	color:#FFF;
	font-weight:bold;
}
.red{
	color:#ff0033;
}

  .list-mark{
    font-size: 11px;
    margin-top: 0.5em;
	  margin-left:10px;
}

    .list-mark a {
      position: relative;
      padding: 0 0 0 10px;
      display: inline-block; }
      .list-mark a:before {
        content: "";
        border-color: transparent;
        border-style: solid;
        border-top-width: 4px;
        border-right-width: 0;
        border-bottom-width: 4px;
        border-left-width: 6px;
        border-left-color: #0ba2ef;
        vertical-align: middle;
        display: inline-block;
        margin: 0 0 0 0;
        position: absolute;
        left: 0;
        top: 5px; 
		  border-left-color: #0ba2ef;
}
     





































