body{
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  background-color: #fff;
  color: #000000;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

  -webkit-text-size-adjust: 100%;


}



a:link {
  color: #048704;
  text-decoration: none;

}

a:visited {
  color: #048704;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #00b8fd;
}

hr{
  border-bottom:1px dotted #048704;
  width: 680px;

}




.p_instead {

  margin: 3px 6px; 

}


.header .header-content,
.menu .menu-content,
.main .main-content,
#footer .footer-content{
    width: 1000px;   /*コンテンツ部分の横幅*/
    margin: auto;
}

.header{
    background-color: #ffffff;
}

.header .header-content{
    background-color: #ffffff;
}

.menu{
    background-color: #048704;

}  

.menu .menu-content{
    background-color: #ffffff;
}

.main{
    background-color: #ffffff;
}

.main .main-content{
    background-color: #ffffff;
}

.footer{
    background-color: #000;
}
.footer .footer-content{
    background-color: #f2f2f2;
}


#main_moto{
	background: #ffffff;
	width: 100%;
	overflow: hidden;
}

#main_h{
	background: #ffffff;
	width: 790px;
	/*padding: 0 2%;*/
	float: left;
	/*border-right:1px solid #eee;*/
	/*padding-bottom: 32768px;
	margin-bottom: -32768px;*/


}
#main_s{
	background: #ffffff;
	width: 200px;
	/*padding: 0 2%;*/
	float: right;
	/*padding-bottom: 32768px;
	margin-bottom: -32768px;*/

}


#footer{
    background-color: #048704;


}

#footer a:link {
  color: #ffffff;
  text-decoration: none;

}

#footer a:visited {
  color: #ffffff;
  text-decoration: none;
}



.img_block img{
     display: block;
     margin:auto;
   padding:5px;

}


[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-1 img { 
/*
width: 50%; height: 100%; 
*/
     display: block;

     margin:auto;

}
.img-flex-2 img { width: 49%; height: 100%; }
.img-flex-3 img { width: 32%; height: 32%; }
.img-flex-4 img { width: 24%; height: 24%; }

/* ---------------------------------------- レイアウトに関する指定 */



.socialbuttons div {
	  float: right;
	}

#cse-search-box {
    width: 252px !important;
    float: right;
    margin-top: 7px;
    margin-right: 11px;
}
#cse-search-box table.gsc-search-box td.gsc-input {
    padding: 0 !important;
}
#cse-search-box input[type="text"] {
    height: 25px;
    padding: 0 !important;
    width: 189px;
    float: left;
    margin-left: 18px;
}
#cse-search-box input[type="submit"] {
  background-color: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    float: right;
    height: 25px;
    margin-left: 0 !important;
    width: 40px;
}


/* -- 企業名 ショップ名 サイト名 -- */
.logo {
  font-size: 1.8em;
  margin-bottom: 0.5em;
margin:0 2px;

}

.logo a {
  text-decoration: none;
  background-color: #ffffff;
  color: #0099ff;
}

.logo a:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #ff0000;
}

/* ---------------------------------------- #globalnaviの指定 */

.globalnavi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  font-size: 12px;
  font-weight: bold;
  background: #048704;
  border-bottom: 1px solid #048704;
  zoom: 1;
}
.globalnavi ul:before {
  content: '';
  display: block;
}
.globalnavi ul:after {
  content: '';
  display: table;
  clear: both;
}
.globalnavi li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 4px;
}
.globalnavi li a {
  display: block;
  float: left;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 15px 7px 15px;
  border-bottom: 3px solid transparent;
}
.globalnavi li a:hover {
  color: #99999;
  border-bottom: 3px solid #ecf1af;
}
.globalnavi li.active a {
  display: inline;
  /*border-bottom: 3px solid #ecf1af;*/
  float: left;
  margin: 0;
  background: #eee;

}

#nav    {
    margin:0 auto;
    text-align:center
}
 
#nav li {
    width:20%;
    display:inline-block;
    /display:inline;
    /zoom:1;
    vertical-align:middle;
}
 
#nav li a   {
    display:block;
    width:100%;
    color:#000;
    text-decoration:none;
    padding:5px 0
    background:#fff;
    border:1px solid #ccc;
}
 
#nav li a:hover {
    color:#fff;
    background:#dd0000;
}
 
#nav li a.active    {
    color:#fff;
    background:#dd0000;
}


/* ---------------------------------------- #contents内の指定 */

.top_come{

  font-size: 13px;
  margin: 0px 5px; 

}


.midashi {
position: relative;
padding-left: 1.7em;/*アイコン分のスペース*/
line-height: 1.3;
font-size: 16px;
font-weight:bold;
padding-top: 6px;

}

.midashi:before{ 
font-family: "Font Awesome 5 Free";
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.0em;/*サイズ*/
left: 7px;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #048704; /*アイコン色*/
padding-top: 5px;

}


h1#page1 {
position: relative;
padding: 0.0em 0.0em 0.0em 0.2em;/*アイコン分のスペース*/
font-size: 24px;

}

h1#page1:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: -moz-linear-gradient(to right, rgb(70, 180, 115), #ecf1af);
background: -webkit-linear-gradient(to right, rgb(70, 180, 115), #ecf1af);
background: linear-gradient(to right, rgb(70, 180, 115), #ecf1af);
}



h2#page1 {

position: relative;/*相対位置*/

padding: 0.6em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.1;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 1px eee;
border-bottom: dotted 1px eee;
background: #eee;
font-size: 18px;
color: #000;/*文字色*/
    border-radius: 4px;


}

h2#page1:before{ 
font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f144";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.4em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #059d37; /*アイコン色*/
}


h2#page2 {

position: relative;
padding: 0.0em 0.0em 0.0em 0.2em;/*アイコン分のスペース*/
font-size: 22px;


}

h2#page2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: -moz-linear-gradient(to right, rgb(209, 200, 100), #ecf1af);
background: -webkit-linear-gradient(to right, rgb(209, 200, 100), #ecf1af);
background: linear-gradient(to right, rgb(209, 200, 100), #ecf1af);
}


h3#page1 {

position: relative;/*相対位置*/
padding: 0.6em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
color: #ff6a6a;/*文字色*/
border-top: dotted 1px gray;
border-bottom: dotted 1px gray;
background: #fffff4;
font-size: 16px;

}

h3#page1:before{ 
font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f06a";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0.25em;/*アイコンの位置*/
top: 0.5em;/*アイコンの位置*/
color: #ff6a6a; /*アイコン色*/
}



h4{
  position: relative;
  color: white;
  background: #048704;
  line-height: 1.3;
  padding: 0.6em 0.5em 0.5em 1.8em;
font-size: 16px;
    border-radius: 4px;

}

h4:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  content: "\f044";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
top: 0.5em;/*アイコンの位置*/

}



h5#page1 {
   margin-bottom:5px;
   font-size:16px;
   border-bottom:1px solid #ccc;
   padding-left: 5px;/*アイコン分のスペース*/
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.3;
}

h5#page1:before{ 
font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f058";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 5;/*アイコンの位置*/
color: #059d37; /*アイコン色*/
}

h5 {
   margin-bottom:5px;
   font-size:16px;
   border-bottom:1px solid #ccc;
   padding-left: 5px;/*アイコン分のスペース*/
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}

h5:before{ 
font-family: "Font Awesome 5 Free";/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #059d37; /*アイコン色*/
}


h6 {
   margin-bottom:5px;
   font-size:14px;
   border-bottom:1px dotted #ccc;
}



.surround{
    font-weight:bold;
    border: 1px solid #999;
    display: inline-block;
    background-color: #eee;
    border-radius: 4px;
    color: #000;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;

}

.t_iphone{
    border: 1px solid #999;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_and{
    border: 1px solid #999;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_pc{
    border: 1px solid #999;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    color: #000;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_basic{
    border: 1px solid #000000;
    display: inline-block;
    background-color: #000000;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_advance{
    border: 1px solid #00a8ff;
    display: inline-block;
    background-color: #00a8ff;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_verifi{
    border: 1px solid #ff0000;
    display: inline-block;
    background-color: #ff0000;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_explai{
    border: 1px solid #009900;
    display: inline-block;
    background-color: #009900;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_relation{
    border: 1px solid #ffcc00;
    display: inline-block;
    background-color: #ffcc00;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}

.t_title{
    border: 1px solid #eeeeee;
    display: inline-block;
    background-color: #eeeeee;
    border-radius: 4px;
    color: #fff;
  margin: 0px 2px 0px 2px;
  padding: 0px 3px 0px 3px;
   font-size:11px;
	font-weight: bold;

}


.check{
   font-style: italic;
   /*font-weight:bold;*/
   font-size:90%;

}


#topicPath {
	background:#eeeeee;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:13px;
	border-radius: 4px;

}


#pageTop{

	font-size:13px;
}


.bold {
font-weight: bold;
display: inline-block;
_display: inline;
}

.line{

  border-bottom: 1px dotted #cccccc;

    }

.position{

  margin: 1px 6px 1px 6px;

}

.page_{

    background-color: #F8F6ED;


}

.point{

    display: inline-block;
    color: #ff0000;


}

.point2{

    display: inline-block;
    color: #052693;


}

/*---------------------------------------------------------*/



table.table111 {
   width:100%;
   border-collapse:collapse;
}

table.table111 th {
   padding:5px;
   font-size:13px;
   text-align:center;
   border:1px solid #aaa;
   background:#F8F6ED;
}

table.table111 td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
}

table.table222 {
   width:100%;
   border-collapse:collapse;
}

table.table222 th {
   padding:5px;
   font-size:13px;
   text-align:center;
   border:1px solid #aaa;
   background:#F8F6ED;
}

table.table222 td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
   text-align:center;

}


table.table333 {
   width:100%;
   border-collapse:collapse;
}

table.table333 th {
   padding:5px;
   font-size:13px;
   text-align:center;
   border:0px solid #aaa;
   background:#F8F6ED;
}

table.table333 td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:0px solid #aaa;
   /*text-align:center;*/

}

table.table444 {
   width:100%;
   border-collapse:collapse;
}

table.table444 th {
   padding:5px;
   font-size:13px;
   text-align:center;
   border:1px solid #aaa;
   background:#f9f9f9;
}

table.table444 td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border:1px solid #aaa;
}



.s_gaiyo{

	text-align:left;
	line-height: 1.5em;
	color: #000000;
  margin: 2px 5px; 
  font-size: 13px;

}

.rire{

	padding: 10px 8px;
  	font-size: 15px;
	font-weight:bold;

}

.s_r_gaiyo{

	width: 750; 
	margin: 0;
	padding: 3px 5px;
	text-align:left;
	font-size: 85%;
	line-height: 1.5em;

}

.sk_t{

   width:730;
   /*margin:10px;*/
	padding: 5px 4px;
   background-color:#B0D7F2;
  font-size: 14px;
  margin: 4px 10px;
	border-radius:3px;
	font-weight:bold;


}

.sk{

  margin: 2px 10px; 
  	font-size: 13px;
	padding: 2px 1px;
  	font-size: 14px;

}


/* ---------------------------------------- #sidebar内の指定 */

/*--------------------------------
サイドメニュー：大項目
--------------------------------*/

ul.smenu{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*大項目ブロックの形成*/
ul.smenu li span{
	margin: 0px 0px 0px 0px;	/*大項目上部の間隔*/
	padding: 5px 5px;	/*大項目内のパディング*/
	width: 180px;	/*大項目ブロックの幅*/
	display: block;
	text-decoration: none;
	border-radius: 8px 8px 0px 0px;	//大項目上側の角丸半径
}

/*大項目ブロックの設定*/
ul.smenu li span{
	background-color: #048704;
	color: #ffffff;
	font-size: 15px;
	text-align:center;
	font-weight:bold;
}

/*大項目でリストが終わっている場合の追加設定*/
ul.smenu li span.smenu_end{
	border-radius: 8px 8px 8px 8px;	/*大項目上下側の角丸半径*/
}

/*--------------------------------
サイドメニュー：中項目
--------------------------------*/

ul.smenu ul{

	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*中項目ブロックの形成*/
ul.smenu ul li a{
	margin:0px;
	padding: 5px 5px;	/*中項目内のパディング*/
	width: 180px;	/*中項目ブロックの幅*/
	display: block;
	text-decoration: none;
	border-bottom: solid 1px #FFF;	/*中項目の下部罫線*/
}

/*中項目ブロックの設定*/
ul.smenu ul a{
	background-color: #f4f5f4;
	color: #4C4A48;
	font-size: 14px;
}

/*中項目ブロックの設定（マウスオーバー時）*/
ul.smenu ul a:hover{
	background-color: #ecf1af;
	color: #4C4A48;
	text-decoration: none;
	font-weight:bold;
}

/*中項目でリストが終わっている場合の追加設定*/
ul.smenu ul a.smenu_end{
	border-bottom: none;
	border-radius: 0px 0px 8px 8px;	/*中項目下側の角丸半径*/
}


/*--------------------------------
サイドメニュー：小項目
--------------------------------*/

ul.smenu ul ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*小項目ブロックの形成*/
ul.smenu ul ul li a{
	margin:0px;
	padding: 5px 5px;	/*小項目内のパディング*/
	width: 180px;	/*小項目ブロックの幅*/
	display: block;
	text-decoration: none;
	border-bottom: dotted 1px #EEEEEE;	/*小項目の下部罫線*/
}

/*小項目ブロックの設定*/
ul.smenu ul ul a{
	background-color: #FFFFFF;
	color: #4C4A48;
	font-size: 13px;
}

/*小項目ブロックの設定（マウスオーバー時）*/
ul.smenu ul ul a:hover{
	background-color: #00b8fd;
	color: #4C4A48;
	text-decoration: none;
}

/*小項目でリストが終わっている場合の追加設定*/
ul.smenu ul ul a.smenu_end{
	border-bottom: none;
	border-radius: 0px 0px 8px 8px;	//小項目下側の角丸半径
}

/*--------------------------------
フッター
--------------------------------*/

.copyright {
   padding:30px 0;
   font-style:normal;
   font-size:15px;
   text-align:center;
   color: #ffffff;

}
.enclosure{

   background:#f8f6ed;
   border-radius: 4px;
   padding:4px;

}

.page_link_t li{
   font-size:14px;
 display: inline;
 /*padding: 0.2em 15px;*/
  text-decoration: none;
  display: block;
  color: #000000;
 /* border-bottom: 1px dotted #7d7d7e;*/
  margin: 2px 5px 2px 5px;

}

.page_link_m{
   font-size:15px;
   margin-bottom:5px;
   padding:5px;
   /*color:#fff;*/
   background:#eeeeee;
   border-radius: 4px;
   font-weight:bold;

}

.page_link_f li{
   font-size:13px;
 display: inline;
 padding: 0.2em 15px;
  text-decoration: none;
  display: block;
  color: #000000;
  margin: 2px 3px 2px 3px;
}

/* 追尾バナー */
div.movable_area {
    position: relative;
}
div.movable {
    position: absolute;
    left: 0px;
    right: 0px;
}