html,body {color:#333;font-size:14px;line-height:1.6em}
.container {
  max-width: none !important;
  width: 970px;
  text-align:justify;
}
#main {width:850px;margin-left:auto;margin-right:auto;}
#top h1 {font-size:12px;color:#333;font-weight: bold;}
#bodys {width:850px;margin:0px;}
#logo {width:850px;height:100px;margin:0px;}
#sidemenu {width:200px;float:left;}
#contents {float:left;width:650px;font-size:14px;color:#666;text-align:left;}
#footer {border-top:1px solid #999;width:850px;clear:both;margin:10px 0 0 0;padding: 20px 0 0 0 ;text-align: center;}
#copy {margin-top:10px;font-size:12px;color:#999;text-align: center;}
.sidemenub {width:180px;height:36px;font-size:16px;margin:0px;padding:10px 0px 0px 0px ;}
.maphaikei {width:180px;height:160px;background:url("img/maphaikei.jpg") center center no-repeat;margin:0px;padding:0 0 0 0;}
#contents h1 {font-weight: bold;margin  : 0px 0xp 0px 0px ; padding : 0px 0px 0px 0px ;background: transparent url("img/images/h1_01.jpg") center left no-repeat;line-height:18px;}
#contents h1 span {display: block;margin : 0px 0px 0px 20px; padding: 10px 20px 10px 0px ; background: transparent url("img/images/h1_02.jpg") center right no-repeat; font-size:18px;  color:#66C;}
th {}
td {}
table.yaku_meibo {background-color:#fff;margin-left:20px;}
table.yaku_meibo td {background-color:#fff;text-align:left;vertical-align:top;padding:5px;}
table.yaku_meibo td.yaku {border-right:1px dashed #ccc;color:#63c;}
table.ta5 {font-size:13px;margin:0px;padding:0px;width:849px;}
table.ta5 tr.ki {background-color:#fff;}
table.ta5 tr.gu {background-color:#edf;}
table.ta5 td {padding:3px;border:1px solid #ccc;}
table.ta5 td.ce84 {padding:3px;text-align:left;color:#000;font-weight: bold;}
table.ta5 td.ce101 {padding:3px;text-align:left;font-weight: bold;font-size:13px;}
table.ta5 td.ce123 {padding:3px;text-align:left;color:#36c;font-weight: bold;font-size:13px;}
table.ta5 td.ce124 {padding:3px;text-align:center;color:#36c;}
table.ta5 th {margin:0px;padding:3px;background-color:#36c;color:#fff;border-right:#fff solid 1px;}

#cMap {position: relative;width:850px;height:600px; }

img.nonimage { display: none; }

dl#cMapb {
  width:900px;height:600px;
  position: relative;margin: 0;
  padding: 0;background: transparent url("img/kensousaimap220729.svg") top left no-repeat;background-size: 900px 600px;
}
dl#cMapb dt { margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dl#cMapb dd { margin: 0; padding: 0; position: absolute;  font-size: 85%; color:#666;text-align:left;line-height:1.0em;}
dl#cMapb dd.cssmap {}
dl#cMapb dd.cssmap a {
  
  position: absolute;  text-decoration: none;
}

dl#cMapb dd.cssmap a:hover { 
  
  background-color: rgba(255,0,0,0.4);
background-size: background-size: 900px 600px;
}
dl#cMapb dd.cssmap a:hover span {	display: block;	text-indent: 0;	vertical-align: top;	color: #333;	background-color: #F4F4F4;	font-weight: bold;	position: absolute;	border: 1px solid #BCBCBC;	top: 100%;	left: 1px;	margin: 0;	padding: 3px;	width: 230px;}

dl#cMapb dd.cssupmap { }
dl#cMapb dd.cssupmap a{ position: absolute;  text-decoration: none; }
dl#cMapb dd.cssupmap a span { display: none; }

dl#cMapb dd.cssupmap a:hover span {	display: block;	text-indent: 0;	vertical-align: top;	color: #333;	background-color: #F4F4F4;	font-weight: bold;	position: absolute;	border: 1px solid #BCBCBC;	bottom: 100%;	margin: 0;	padding: 3px;	width: 230px;}

dl#cMapb dd.cssmap a:hover span , dl#cMapb dd.cssupmap a:hover span {display: none; }
img.fronticon {border:1px solid #999 ; padding :2px;vertical-align: text-top;float:left;margin-right:3px;}
div.iinkai {float:left;margin-left:40px;width:270px;margin-top:10px;}
div.iinkai h2 {background-color:#333;background-image:url("img/iinkai.gif");text-align:center;font-weight: bold;color:#fff;}
div.iinkai  div.iinkai_bt {border:1px solid #63c;}


#globalnavi{
  margin: 0;
  padding: 0;
  width: 850px;
  height: 36px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#globalnavi li {
  float: left;
  width: 141.5px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  text-align: center;
  display:block;
  padding: 0.5em 0;
  width: 100%;
  background-color: #059696;
  color: white;
  text-decoration: none;
}

#globalnavi a:hover{
  background-color: #84cccc;
  color: black;
}
h1.aaaa {
	font-weight: bolder;
	text-shadow: 2px 2px #ccc;
}
.obi2  {
	margin:0 auto;
	display: block;
	padding: 4px;
	background-color: #7CC4E7;
	color: #000;
	font-weight:bold;
	text-align: center;
	width: 80%;
	border-radius: 4px;
}

.qapage h2 , .manpage h2 {
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
.qapage h2:before , .manpage h2:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.qapage h2:after , .manpage h2:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
.qapage h3 {
	border-bottom: 1px solid #aaa;
	margin: 15px 0;
	padding: 5px 0;
	position: relative;
	
}
.qapage h3 span {
	
}
.qapage h3 span:before {
	content: "Q.";
	font-size: 1.6em;
	color: #82dfdf;
}
.qapage .answ {
	padding: 4px 20px;
}
.qapage .answ:before {
	font-size: 1.6em;
	content: "A.";
	color: #059696;
}
.qapage h3:before,
.qapage h3:after {
	content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
 
.qapage h3:after {
	left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
.qapage h3:before {
	content: "";
	left: 39px; 
    border: 11px solid transparent;
    border-top: 11px solid #999;
}

.toppage h2{
    position: relative;
    color: #fff;
    background: #0b7272;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 -1.8em 1.5em -1.8em;
    padding: 0.8em;
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
}
 
.toppage h2:after,
.toppage h2:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
 
.toppage h2:before{
    right: 0;
    border-left: 5px solid #333;
}
 
.toppage h2:after{
    left: 0;
    border-right: 5px solid #333;
}


.row {
	text-align: left;
	margin-bottom:15px;

}
.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
	display: table;
	content: " ";
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float:left;display: block;
}
.col-xs-12 {
	width:100%;
}
.col-xs-6 {
	width:50%;
}
.col-xs-4 {
	width:33.33333333%;
}
.col-xs-3 {
	width:25%;
}
.img-responsive {
	width:100%;
}