/* BODY 部分 */
BODY {
  margin: 10px;
  background-color: #F0FFF0;
}

DIV {
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
/*  font-family:"Verdana","Arial", "Helvetica", sans-serif;*/
/*  font-family: 'Nimbus Roman No9 L','Times New Roman',serif;*/
}

#jp {
  font-family: sans-serif;
}

form {
     margin:0px;
}

/* リンク関連 */
a:link {
  color: #007000;
/*  font-weight: 700;*/
  text-decoration: none;
}
a:visited {
  color: #005500;
/*  font-weight: 700;*/
/*  text-decoration: none;*/
}
a:hover {
  color: #00000;
 background-color: #66bb00;
/*  font-weight: 700;*/
/*  text-decoration: underline;*/
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

ul{
   list-style-type: none;
}

/* ヘッダー上部 */
#head {
  width: 720px;
  text-align: left;
  padding: 0;
  margin-bottom: 5px;
}

/* Title */
#title{
  color: #008800;
  font-weight: 900;
  font-size: 24pt;
  margin-left: 30px;
}

/* Title (small)*/
#title_s{
  color: #008800;
  font-weight: 900;
  font-size: 18pt;
  text-align: left;
}

/* main 枠組み*/

#main{ 
   width: 800px;     
}

#main_left {
   float: left;
   width: 170px;     
}
#main_right {
   float: left;
   width: 550px;     
}


/* 右の項目 サブタイトル */
.sub1{
  width: 535px;
  color: #222222;
  font-weight: 900;
  font-size: 14pt;
  text-align: left;
  background-color: #CCEECC;
  padding: 0px;
  padding-left: 3px;
  position: relative;
}

.sub1:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-top: 10px solid #CCEECC;
}

.sub1r{
  width: 513px;
  color: #222222;
  font-weight: 900;
  font-size: 14pt;
  text-align: left;
  background-color: #CCEECC;
  padding: 0px;
  padding-left: 5px;
  margin-left: 20px;
  position: relative;

}

.sub1r:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-top: 10px solid #CCEECC;
}

/* 右の項目 詳細 */
.sub2{
  width: 520px;
  color: #111111;
  font-size: 9pt;
  background-color: #FFFFFF;
  padding: 5px;
  margin-left:20px;
}

/* 右の項目 注意書き等 */
.sub3{
  width: 520px;
  font-size: 9pt;
  background-color: #FFFFFF;
  padding-left: 20px;
}

.sub3 a{
  border-bottom: 1px solid #007000;
}

.sub4{
  font-size: 9pt;
  background-color: #FFFFFF;
  padding-left: 0px;
}



/* 左の項目 詳細 */
.sub_l{
  color: #E2DA00;
  font-size: 10pt;
  font-weight: 600;
  padding: 0px;
  margin-left: 10px;

}

.sub_lw{
  color: #E2DA00;
  font-size: 10pt;
  margin-left: 10px;
  padding: 0px;
}

/* 左の項目 内のリストに適応 */

.sub_l li {
    color:#FFFFFF
}



.line {
  color: #CCEECC;
  font-size: 1pt;
  background-color: #CCEECC;
  height: 1px;
  border: 0px;
  border-color: #CCEECC;
  margin-left: 20px;
}

/* 表 */

#table1{
  width: 600px;
  font-size: 8pt;
/*  float: left;*/
/*  overflow: hidden;*/
  text-align: left;
  background-color: #F0FFF0;
  padding: 2px;
  padding-top: 0px;

  border: 1px solid #111111;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-spacing: 0px
}

th{
  border: 1px solid #444444;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  background-color: #F8F8F3
}



td{
  border: 1px solid #444444;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;

}

.strong{
font-weight: bold;}

.txt_center{
text-align:center;}

.ml-30{
  margin-left:-30px;
  }



span.fs80p {font-size: 80%;}
span.fs50p {font-size: 50%;}

.strGreen {
  color: #008800;
  font-weight: 900;
}
.strGreen14i {
  color: #008800;
  font-weight: 900;
  font-size: 14pt;
  font-style: italic;
}
.strGreen14 {
  color: #008800;
  font-weight: 900;
  font-size: 14pt;
}
.strGreen16i {
  color: #008800;
  font-weight: 900;
  font-size: 16pt;
  font-style: italic;
}
.strGreen16 {
  color: #008800;
  font-weight: 900;
  font-size: 16pt;
}
.strGreen20i {
  color: #008800;
  font-weight: 900;
  font-size: 20pt;
  font-style: italic;
}
.strGreen20 {
  color: #008800;
  font-weight: 900;
  font-size: 20pt;
}
.strGreen24 {
  color: #008800;
  font-weight: 900;
  font-size: 24pt;
}

.strGreen24i {
  color: #008800;
  font-weight: 900;
  font-size: 24pt;
  font-style: italic;
}

/* ボタンの背景色の変わるボタン */

.button_s {
	display: inline-block;
	/*width: 200px;
	line-height: 54px;
	height: 54px;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	/* 背景色の変更 */
	background-color: #eeeeee;
	color: #111111;

}
.button_s::before,
.button_s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_s,
.button_s::before,
.button_s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* 背景色の変更設定 */
.button_s:hover {
	background-color: #CCEECC;
}

/* 基本のボタン */

.button {
	display: inline-block;
	/*width: 200px;
	line-height: 54px;
	height: 54px;
	text-align: center;*/
	text-decoration: none;
	outline: none;
	color: #111111;

}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* 基本のボタン 2*/

.button2 {
	display: inline-block;
	/*width: 200px;
	line-height: 54px;
	height: 54px;
	text-align: center;*/
	text-decoration: none;
	outline: none;
	color: #AAAAAA;

}

.button2:link ,.button2:visited {
	color: #FF5588;
}


.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button2:hover{
	background-color: #DDDDDD;
}



/* 吹き出し */

#sd_box div {
  position: relative;
}

.arrow_box {
  font-size: 9pt;
  display: none;
  position: absolute;
  padding: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;  
  border-radius: 3px;
  background: #CCEECC;
  color: #111;
  opacity: .9;
}

.arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 30%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #CCEECC;
  border-width: 10px;
  pointer-events: none;
  content: " ";
  opacity: .9;
}

span:hover + p.arrow_box {
  display: block;
}