@charset "UTF-8";

h1 {
       color: #999999;
       font-size: 12px;
       margin: 0px;
}

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

h3 {
       color: #000000;
       font-size: 10px;
       margin: 0px;
}

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

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%;
}

.t3 {
       line-height: 1.3;
}

.t5 {
       line-height: 1.5;
}

.size_20 {
       font-size : 20px;
}

.size_18 {
       font-size : 18px;
}

.size_16 {
       font-size : 16px;
}

.size_14 {
       font-size : 14px;
}
.size_12{
       font-size : 12px;
}

.size_10 {
       font-size : 10px;
}

a {
       color: #000099;
       text-decoration : none;
}

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

a.nashi {
       text-decoration: none;
       color: #000000; 
}

a:hover.white {
       color : #ffffff;
       text-decoration : underline;
}

a:link.white {
       color: #ffffff;
}

.white {
       color: #ffffff;
       font-size : 14px;
}

.hon {
       font-family : "ＭＳ Ｐゴシック",Osaka,sans-serif;
}

.all {
       font-family : "ＭＳ Ｐゴシック",Osaka,sans-serif;
       font-size : 12px;
}

.link {
       font-weight: bold;
}

.size_10 {
       font-size : 10px;
}

.boder {
       width: 270px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8080ff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.boder2 {
       width: 170px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8080ff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

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

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

.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.marker_lime {
background: linear-gradient(transparent 60%, #66ffcc 60%);
}

.marker_water {
background: linear-gradient(transparent 60%, #66ccff 60%);
}

.marker_pink {
background: linear-gradient(transparent 70%, #ffdfef 70%);
}

/*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;
}