body {
	overflow-y: scroll;
	background: rgb(230,218,179);
	background-attachment: scroll; /* 背景スクロール管理 */
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS UI ゴシック","ＭＳ Ｐゴシック",sans-serif;
	color: #85432C;
	font-size: 80%;
	line-height: 1.6;
	margin: 0pt;
	padding: 0pt;
	text-align: center;
	display: block;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
  }

  html, body { 
	width:100%;
	height: 100%;
  }

  ::selection {
    color: white;
    background: #449B8A; /* Safari */
    text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  }
  ::-moz-selection {
    color: white;
    background: #449B8A; /* Firefox */
    text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
  }

  A:link {
	color: #3CA454;
  }

  A:visited {
	color: #B74964;
  }	

  A:link.l {
	color: #D96E81;
	background-color: #FFE7D0;
  }

  A:visited.l {
	color: #D96E81;
	background-color: #FFE7D0;
  }

  A:hover.l {
	color:#91ab64;
	background-color: #FFE7D0;
  }

  A:active.l {
	color: #dfb2f3;
	background-color: #FFE7D0;
  }

  A.l {
	text-decoration: none;
	font-weight: bold;
  }

  A {
	text-decoration: none;
	font-weight: bold;
  }

  #fl_dl { 
	width: 360px;
	height: 112px;
	margin: 0 auto;
  }

  #fl_01 {
	float: left; 
	width: 88px;
	padding: 28px 0 66px 0;
	margin: 0;
	background-image: url(../pict/fl_01.gif) ;
  }

  #fl_02 {
	float: left;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #755766;
	padding: 55px 0 39px 0;
	margin: 0;
	width: 184px;
	background-image: url(../pict/fl_02.gif);
  }

  #fl_03 {
	width: 88px;
	float: right;
	background-image: url(../pict/fl_03.gif);
  }

   #fl_03 ul.down {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 112px;
	overflow: hidden;
  }

  #fl_03 ul.down li {
	width: 88px;
	margin: 0;
	padding: 0;
  }

  #fl_03 ul.down a {
	display: block;
	height: 80px;
	width: 88px;
	padding: 0 0 0 0;	
	color: #FFFFFF;
	background-image: url(../pict/fl_03_3.gif);
	background-position: left top;
	text-decoration: none;
	text-align: center;
  }

  #fl_03 ul.down a:hover {
	background-position: right top;
  }

  #fl_03 ul.flat li{
	list-style: none;
	padding:  0 0 0 0;
	margin: 0;
	width: 88px;
	height: 112px;
	background-image: url(../pict/fl_01.gif);
  }

  #fl_03 ul.flat2 li{
	list-style: none;
	padding: 0;
	margin: 0 0 0 88px ;
	width: 272px;
	background-image: url(../pict/fl_02.gif);
  }

  #cl {
	height:60px;
	clear: both;
  }

  #m_dl {
	clear: both;
	width: 270px;
	margin: 0 auto;
  }
  
  #m_dl ul {
 	list-style: none;
	margin: 0;
	padding: 0;
  }

  #m_dl li {
	background: #80A25A url(../pict/ha.gif) left center no-repeat;
	border-top: 2px solid #C4F380;
	border-bottom: 2px solid #C4F380;
	margin-bottom: 10px;
	padding: 0;
  }

  #m_dl a {
	background: #C4F380 url(../pict/has.gif) left center no-repeat;
	display: block;
	color: #3CA454;
	border-top: 2px solid #80A25A;
	border-bottom: 2px solid #80A25A;
	margin: 0;
	padding: 2px 0 2px 20px;
  }

  #m_dl a:hover {
	color:#C4F380;
	background-image: none;
	background-color: transparent;
  }

 #header_fixed {
	position: fixed; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 85px;
	z-index:3;
  }

  #header {
	background: #FFEDBA url(../pict/kabe01.png);
	padding: 13px 0 20px;		/* ロゴの位置 */
	height: 47px; 
	width:100%;
  }

  #logo { 
	background: url(../pict/logo3.png) center top no-repeat;
	height: 100%;
	width: 100%;
	margin: 0 0 10px 0 ;
	padding:  21px 0 22px 0;
  }


  div#footer_fixed {
	position: fixed;
	bottom: 12px;
	left: 0px;
	width: 100%;
	height: 95px;
	z-index:2;
  }

  div#footer {
	background: rgb(255, 237, 186) url(../pict/kabe01.png);
	border-top: 2px solid #FFEDAB;
	padding: 42px 0 20px;				/* 上下の隙間 */
	height: 78px;					/* 高さ */
	width: 100%;
  }

  div#footer_2 { 
	border-top: 2px solid rgb(198, 208, 180);
	background-color: rgba(13,74,85,0.45);/* フッターの色 #0A455D*/
	height: 131px;
	width: 100%;
	margin: auto;
  }

/* フッター内の文字 */
  #footer * {
	color: rgb(230, 238, 204); font-size: 8pt; 
	text-shadow:
	-1px -1px 1px #63813F,
	1px -1px 1px #63813F,
	-1px 1px 1px #63813F,
	1px 1px 1px #63813F;
  }

  #scr_top {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-y: hidden;
	overflow-x: visible;
	min-height: 100%;
  }

  #scrt {
	height:88px; 
	margin: 0;
	padding: 0;
  }
  
  #scrm {
	margin: 0 0 74px 0;
	padding: 0;
  }

  .space { 
  	margin:48px;

  }

  #scrb {
	background: url(../pict/scr_04_m.png)  bottom center repeat-y;
	height:64px; 
	margin: 0 auto;
	padding: 0px;

  }

  #scrb p {
	padding: 18px;
	margin: 0px;

  }

  body > #scr_top {
	height: auto;
  }

  .menu_fixed {
	top: 15px;
	position: fixed;
	z-index:10;
	width: 100%;
	margin: 0 auto;
	padding: 3px 40px 3px 0px ;
	list-style-type: none;
  }

  #menu {
    overflow: hidden;
	text-indent: 100%;
 	white-space: nowrapnormal;
  }

  #menu ul{
	background-color:#567F88;
	border:solid 1px #84A29D;
	border-width:2px 0px 2px 0px;
    white-space: normal;
    overflow: visible;
    text-indent: 0;
	padding:0;
	margin:20px 0 0 0;
	display:block;
  }

  .menu_menu{
	color: #564373;
	line-height: 1px;
	font-size: 10pt; 
	letter-spacing: 0.1em;
	padding: 0px 0px 1px 1px;
	text-shadow:
	-1px -1px 2px #E2C58D,
	 1px -1px 2px #E2C58D,
	-1px  1px 2px #E2C58D,
	 1px  1px 2px #E2C58D;
  }

     #mbc {
     height: 308px;
     margin-top:5px;
    padding-top: 3px;
	color: #ffebb8;
	position: static; 
	display: inline-block;
	text-align:center;
  }
   
	#mbc .waku{
	background: url(../pict/obi.jpg) left top no-repeat;
	padding-top: 3px;
	color: #ffebb8;
	height: 22px;
	width: 320px;
	margin:10px 0 0 0px;
	background-color: #A9183F;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #A9183F;
	box-shadow: 2px 2px 4px 1px #871B32;
	-webkit-box-shadow: 2px 2px 4px 1px #871B32;
	text-align:center;
     
   }

    #mbc .hen{
    padding-top: 20px;
	background: url(../pict/window2.png) left top no-repeat;
	color: #ffebb8;
    height: 270px;
	width: 280px;
	background-color: rgb(107,60,43);
	border-radius: 12px;
	-webkit-border-radius:12px;
	border: 2px solid #FFBE16;
	box-shadow: 0px 2px 4px 1px #6C0518;
	-webkit-box-shadow: 0px 2px 1px 3px #6C0518;
	text-align:center;

  }
	#mbc .hen:hover{
		color: #ffebb8;
  }


	#mbc a{
		padding:0;
		margin:0;
   }

    #mbc .ga:hover{

    border-top: 3px solid #FFD6D6;
    border-bottom: 3px solid #FFD6D6;
    border-left: 12px solid #FFD6D6;
    border-right: 12px solid #FFD6D6;
    border-radius: 4px;
	-webkit-border-radius: 4px;
  }  
  
  #mbc img{
  
	margin-top:4px;
	border-top: 3px solid rgba(196,52,103,0.6);
	border-bottom: 3px solid rgba(196,52,103,0.6);	
	border-left: 12px solid rgba(196,52,103,0.6);
	border-right: 12px solid rgba(196,52,103,0.6);
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
  }
   .clap {
	margin: 0 auto;
	width: 110px;
	font-size: 75%;
  }
 
  .clap a {
	background: url(../pict/web_clap01.gif) left no-repeat;
	display: block;
	color: #3CA454;
	height: 20px;
	padding: 6px 1px 26px 30px;
	margin: 0;
  }

  .clap a:hover {
	color: #ffffff;
	height: 20px;
	background: url(../pict/web_clap02.gif) left no-repeat;
  }
  
   .t_image{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ffffff;
	box-shadow: 0px 0px 4px 1px #A36D34;
	-webkit-box-shadow: 0px 0px 4px 1px #A36D34;
  }

  .n_image{
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #A36D34;
	box-shadow: 2px 2px 4px 1px #A36D34;
	-webkit-box-shadow: 2px 2px 4px 1px #A36D34;
  }

  .mail{
	border-radius: 16px;
	-webkit-border-radius: 16px;
	box-shadow: 2px 1px 5px 1px #A36D34;
	-webkit-box-shadow: 2px 1px 5px 1px #A36D34;
  }

  .ty { 
	width: 496px;
  }
 
  table{
	border: 0; margin: 0; padding: 0;
  } 

  .tbl3 {
	min-width:430px;
	color: #E6F6F8; font-size: 95% ; background-color: #63B0B9;
	margin-left:auto; margin-right:auto; padding:2px; text-align: center;
	box-shadow: 0px 0px 4px 1px #A36D34;
	-webkit-box-shadow: 0px 0px 4px 1px #A36D34;
  }
  
  TD.t3 {
	color: #63B0B9; font-size: 95% ;background-color: #E6F6F8;
	margin-left:auto; margin-right:auto; padding:2px; text-align:center;
  }

  TD.t4 {
	color: #63B0B9; font-size: 103% ;background-color: #C5E5E9;
	margin-left:auto; margin-right:auto; padding:1px; text-align:center;
  }
  
    
  TD a {
	color: #3CA454;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
  }

  TD a:link {
	color: #3CA454;
  }

  TD a:hover {
	color: #73cbb7; 
  }

  TD a:visited {
	color: #d06f88;
  }	

  TD a:active {
      color: #d06f88;
  }
  
  TH { 
	 color:  #FFF9EF; 
  }
  
  
 #koushin_w {
	height:100px; 
 	text-align:center;
 	padding:0;
 	margin:0 0 20px 0;;
 	
  }	 
  .whats_new {
	 background-color: rgba(249,146,114,0.4);
  }
  
  dl#koushin { 
  border-color:#3B3534;
  border-style: solid ;
  border-width: 4px 14px 4px ;
   	text-align: left; vertical-align: top;
 	 background: rgb(112,92,81);
	margin:0 auto; padding: 0;  
	position: relative; top: 0px; left:0px; 
	width: 410px; height: 80px; 
	overflow-y: scroll;
  }

  dl#koushin dt {
	font-weight: bold;
	color: #FFF9EF;
	width:88px;
	clear:left;
	float:left;
	margin:0 auto;
	padding: 2px 0px 0px 0px;

  }

  dl#koushin dd {
	color: #ffebb8;
	margin:0 auto;
	padding:2px 0px 0px 80px;
	border-bottom: 1px dashed #4A403D; 

  }


   .line5 {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	font-size: 9pt ;
	letter-spacing: 0.1em;
	margin:0 0px 0 0;
	background: url(../pict/line5.png) center top no-repeat;
  }
  
   .line6 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	font-size: 9pt ;
	letter-spacing: 0.1em;
	margin:0px 0px 0 0px;
	padding-bottom:20px;
	background: url(../pict/u_line2.png) left top no-repeat;
  }

  .line { 
	width: 270px;
	height: 88px;
	padding: 0 0 0 0;	
	background: url(../pict/line.png) left bottom repeat-x; text-align: center;}

  h1.line2 {
	overflow: hidden;
	font-size: 9pt ;
	letter-spacing: 0.1em;
	margin-bottom:0;
	text-align: center;
	background: url(../pict/hinichi2.png) left top no-repeat;
  }

  .hinichi {
	float: left;
	width: 137px;
	color: #FDFFF3; 
	text-shadow: 2px 2px 4px #7dcfd1,
	-2px 2px 4px #7dcfd1,
	2px -2px 4px #7dcfd1,
	-2px -2px 4px #7dcfd1;
	padding: 12px 1px 14px 4px;
  }
  
  .nikki_title {
	float: left;
	font-size:11pt;
	padding: 6px 1px 14px 5px;
	color: #FFF0D5;
	text-shadow: 1px 1px 1px rgba(30, 43, 31, 0.9);
  }

  .category {
	display: block;
	color: #49699C; 
	text-align:  right;
	width: 100%;
	padding: 0; 
	margin:4px 0 0 0;
  }

  h1.line2:before,
  h1.line2:after {
   content: "";
   display: table;
  }

  h1.line2:after {
 	   clear: both;
  }
  
  h1.line3 {
	width:444px;
	display: inline-block;
	overflow: hidden;
	letter-spacing: 0.1em;
	border:0;
	font-size:14pt;
	padding: 6px 1px 14px 0px;
	color: #FFF0D5;
	text-shadow: 1px 1px 1px rgba(30, 43, 31, 0.9);
	text-align: center;
	background: url(../pict/midashi.png) left top no-repeat;
  }

  #miru li {
	margin: 0 auto;
	padding:0;
	font-size: 10pt ;
	letter-spacing: 0.1em;
	display: inline-block;
	color: #ffebb8;
	list-style-type: none;
    text-align: center;
  }

  #miru a {
	display: block;
	color: #ffebb8;
	text-shadow: 2px 2px 2px #2f2408,
	-2px 2px 2px #352706,
	2px -2px 2px #352706,
	-2px -2px 2px #352706;
	height: 20px;
	width:68px;
	margin: auto;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
  }

  #miru a:hover {
	display: block;
	color: #ffffff; 
	text-shadow: 2px 2px 4px #7dcfd1,
	-2px 2px 4px #7dcfd1,
	2px -2px 4px #7dcfd1,
	-2px -2px 4px #7dcfd1;
	height: 20px;
	width:68px;
	margin: 0;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
  }

  #miru img {
	display:none;
  }

  #yomaigoto {
	width: 450px;
	overflow: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	margin-right: 20px;
	text-align: left;
	height: 200px;
	padding: 0pt;
  }

  #yomaigoto2 {
	width: 450px;
	overflow: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	margin-right: 20px;
	text-align: left;
	height: 200px;
	padding: 0pt;
  }

  #yomaigoto3 {
	position: static;
	width: 430px;
	overflow: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	overflow-x: hidden;
	text-align: left;
	padding: 0pt;
	border-top: 0px solid #80A25A;
  }
  
  	#go_to_top {
	width: 100%;
	margin: 0 auto;
  }

 #top_n_o {
	width:100%;
	text-align: center;
	padding-top: 0px; 
  	position: absolute;
	color: #9A2B23; font-size: 98%;
	margin-left:-32px ;
	margin-top:8px ;

  }

  #go_to_top ul {
	 display: table;
  	 margin: 0 auto;
  	 display: -webkit-flex;
     display:flex;
   justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
 #go_to_top li{
	width:80px;
	padding-left: 0;
    list-style-type:none;
    text-align:center;
  }

    #go_to_top a {
	width:110px;
	padding-top: 5px;
	padding-bottom:2px;
	display: block;
	color: #ffebb8;
	height: 20px;
	background-color: rgba(129,172,122,0.5);
	text-shadow: 2px 2px 2px #415A49,
	-2px 2px 2px #84B281,
	2px -2px 2px #84B281,
	-2px -2px 2px #84B281;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #A36D34;
	box-shadow: 2px 2px 4px 1px #A36D34;
	-webkit-box-shadow: 2px 2px 4px 1px #A36D34;
	margin: auto;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-ms-transition: 0.4s;
  }

  #go_to_top a:hover {
	width:110px;
	padding-top: 3px;
	padding-bottom:2px;
	display: block;
	color: #ffffff; 
	background-color: rgba(85,125,96,0.9);
	text-shadow: 2px 2px 4px #7dcfd1,
	-2px 2px 4px #7dcfd1,
	2px -2px 4px #7dcfd1,
	-2px -2px 4px #7dcfd1;
	height: 20px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	border: 1px solid #A36D34;
	box-shadow: 2px 2px 4px 1px #A36D34;
	-webkit-box-shadow: 2px 2px 4px 1px #A36D34;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
  }
  

  #count1 {
	margin: 0pt;
	padding: 11px 0 7px 0;
	background: url(../pict/ct_waku01.gif) center top no-repeat;
  }

  img.count2 {
	margin: 0 0 3px 0;
	padding: 13px 32px 7px 32px;
	background: url(../pict/ct_waku_t.gif) center top no-repeat;
  }

  img.count3 {
	margin: 0 0 3px 0;
	padding: 13px 32px 7px 32px;
	background: url(../pict/ct_waku_y.gif) center top no-repeat;
  }

  #notice {
	margin-left: 0px ;
	margin-top: 4px ;/* 文字の位置 上下の調整 */
	padding-top: 1px; 
  	position: static;
	color: #9A2B23; font-size: 98%;
  }

  #notice1 p {
	display:inline-block;
	width:380px;
	font-size: 98%;
	margin:0 0 24px 0;
	padding: 6px 0 4px 0;
	color: #fff1be;
	border-color:#3B3534;
	border-style: solid ;
	border-width: 4px 24px 4px ;
	background: rgb(112,92,81);
 }

  #notice ul {
   	text-align:center;
	list-style-type: none;
	
  }

  #notice li {
  	background-color: #ffffff; 
	margin-left: 0px ;
	padding-left: 0px;
	background: url(../pict/has.gif) center 80px no-repeat;
	
  }

  #copyright {
    padding-top: 1px; 
	width:98%;
	text-align: center;
  }

  #copyright p {
	margin: 0px;
	padding: 0px;
  }
 
  .bar1 {
  min-width: 430px;
  padding: 1px;
  margin:0;
  border-top: 2px solid rgb(200,101,128);
  border-bottom: 2px solid rgb(161,151,91);
}
  
  small { 
   color: #436573; 
   font-size: 100%;
  }

  .bg01 {
	color: #CE0068;
  }
  
  .bg02 {
	color: #567f88;
  }
  
  .bg03 {
	color: #134885;
  }

  .bg04 {
	color: #3F806D;
  }

  .bg05 { 
	color: #436573;
  }
  
  .moz_midori {
	color: #3F806D;
	font-size: 9pt ; font-weight: bold;
	letter-spacing: 0.1em;
  }
  
    div .rakugaki {
	padding-top:12px;
	margin-bottom:0px;
	width: 430px;
	text-align: left;
	font-size: 11pt ; font-weight: normal;
	letter-spacing: 0.1em;
	overflow-x: hidden;
  }
  
  .dot_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

  #p1::before {
	display: inline-block;
	content: "";
	width: 300px;
	height: 171px;
	padding:25px 34px 0 34px ;
	background: url(../pict/oka_rion02.jpg) bottom no-repeat;
 }

    #p2::before {
	display: inline-block;
	content: "";
	width: 216px;
	height: 168px;
	padding:20px 10px 0 10px;
	background: url(../pict/chikage01.gif) bottom no-repeat;
  }

    #p3::before {
	display: inline-block;
	content: "";
	width: 48px;
	height: 48px;
	padding:80px 31px 0px 31px;
	background: url(../pict/sphire01.gif) bottom no-repeat;
  }
    #p4::before {
	display: inline-block;
	content: "";
	width: 336px;
	height: 176px;
	padding:22px 16px 0px 16px;
	background: url(../pict/rion01.gif) bottom no-repeat;
  }
    #p5::before {
	display: inline-block;
	content: "";
	width: 278px;
	height: 200px;
	padding:10px 45px 0px 45px;
	background: url(../pict/oka_rpg01.jpg) bottom no-repeat;
  }
    #p6::before {
	display: inline-block;
	content: "";
	width: 170px;
	height: 200px;
	padding:10px 10px 0px 10px;
	background: url(../pict/oka_rpg02.jpg) bottom no-repeat;
  }
    #p7::before {
	display: inline-block;
	content: "";
	width: 120px;
	height: 80px;
	padding:70px 18px 0px 18px;
	background: url(../pict/pen01.gif) bottom no-repeat;
  }
    #p8::before {
	display: inline-block;
	content: "";
	width: 368px;
	height: 120px;
	padding:40px 0px 0px 0;
	background: url(../pict/old01.gif) left bottom no-repeat;
  }
  
  #p101::before {
	display: inline-block;
	content: "";
	width: 382px;
	height: 128px;
	padding-top:42px;
	background: url(../pict/pekoe02.jpg) bottom no-repeat;
 }
  #p102::before {
	display: inline-block;
	content: "";
	width: 128px;
	height: 128px;
	padding-top:42px;
	background: url(../pict/pekoe01.jpg) bottom no-repeat;
 }
 
  #p103::before {
	display: inline-block;
	content: "";
	width: 395px;
	height: 240px;
	padding-top:0px;
	background: url(../pict/uso01.jpg) bottom no-repeat;
 }
   #p104::before {
	display: inline-block;
	content: "";
	width: 320px;
	height: 240px;
	padding:0px 24px 0 24px;
	background: url(../pict/uso02.jpg) bottom no-repeat;
 }
    #p105::before {
	display: inline-block;
	content: "";
	width: 182px;
	height: 158px;
	padding:34px 10px 0 10px;
	background: url(../pict/uso05.jpg) bottom no-repeat;
 }
    #p106::before {
	display: inline-block;
	content: "";
	width: 140px;
	height: 160px;
	padding:34px 2px 0 2px;
	background: url(../pict/kuru01.gif) bottom no-repeat;
 }
    #p107::before {
	display: inline-block;
	content: "";
	width: 252px;
	height: 112px;
	padding:54px 58px 0 58px;
	background: url(../pict/botsu01.gif) bottom no-repeat;
 }
    #p108::before {
	display: inline-block;
	content: "";
	width: 384px;
	height: 220px;
	padding: 0px 0px 20px 0px;
	background: url(../pict/mystya_game01.jpg) bottom no-repeat;
 }
  .dot_box p {
	position: relative;
	height: 252px;
	text-align: center;
	color: rgb(230, 238, 204);
	text-shadow:
	-1px -1px 1px #568FA5,
	1px -1px 1px #568FA5,
	-1px 1px 1px #568FA5,
	1px 1px 1px #568FA5;
	font-weight: bold;
	font-size: 11pt;
	padding: 6px;
	margin:0px 4px 4px 0;
	border:solid 3px;
	border-color:#55838F;
	border-radius: 6px;
	-webkit-border-radius: 6px;	
	background:#78998B;
}
  .dot_box p::after {
	display: inline-block;
	position: absolute;
	height: 26px;
	background: #476A85;
	content: attr(dot_name)"";
	text-align: center;
	color: rgb(230, 238, 204);
	text-shadow:
	-1px -1px 1px #568FA5,
	1px -1px 1px #568FA5,
	-1px 1px 1px #568FA5,
	1px 1px 1px #568FA5;
	font-weight: bold;
	font-size: 11pt;
	padding: 4px 0 0px 0;
	left:0px;
	bottom: -0px;
	width:100%;
	background-image: url(../pict/obi04.png);
  }
  
  .bg_line07::after
  {
  line-height: 25px;
	display: inline-block;
	position: absolute;
	height: 26px;
	background: #476A85;
	content: attr(dot_name)"";
	text-align: center;
	color: rgb(230, 238, 204);
	text-shadow:
	-1px -1px 1px #568FA5,
	1px -1px 1px #568FA5,
	-1px 1px 1px #568FA5,
	1px 1px 1px #568FA5;
	font-weight: bold;
	font-size: 11pt;
	padding: 4px 0 0px 0;
	left:0px;
	bottom: -0px;
	width:100%;
	background-image: url(../pict/obi04.png);
  }
  
  .dot_box2{
	position:relative;
	height:300px;
	text-align:left;
	padding:0;
	margin:4px 0 4px 0px;
	border:0px;
}

.bg_oka{
		margin:0;
		padding:10px 0px 0 227px;
		display: inline-block;
		position: absolute;
		height:260px;
		width:186px;
		background:#78998B;
	}

.bg_line01{
		margin-left:-220px;
		position: absolute;
		display: inline-block;
		list-style: none;
		height:244px;
		width:400px;
		background: url(../pict/bg_oka01.png) repeat-x 0 0;
		background-size: auto 100%;
		animation:bg-slider 32s linear infinite;
}

@keyframes bg-slider{
 from {background-position:0 0;}
 to {background-position:-320px;}
}

.bg_line02{
		margin-left:-220px;
		margin-top:118px;
		display: inline-block;
		list-style: none;
		position:absolute;
		height:28px;
		width:400px;
		background: url(../pict/bg_oka02.png) repeat-x 0 0;
		background-size: auto 100%;
		animation:bg-slider 22s linear infinite;
}

.bg_line03{
		margin-left:-220px;
		display: inline-block;
		list-style: none;
		position:absolute;
		height:244px;
		width:400px;
		background: url(../pict/bg_oka03.png) repeat-x 0 0;
		background-size: auto 100%;
		animation:bg-slider 20s linear infinite;
}

.bg_line04{
		margin-left:-220px;
		display: inline-block;
		list-style: none;
		position:absolute;
		height:244px;
		width:400px;
		background: url(../pict/bg_oka04.png) repeat-x 0 0;
		background-size: auto 100%;
		animation:bg-slider 17s linear infinite;
}

.bg_line05{
		margin-left:-220px;
		display: inline-block;
		list-style: none;
		position:absolute;
		height:244px;
		width:400px;
		background: url(../pict/bg_oka05.png) repeat-x 0 0;
		background-size: auto 100%;
		animation:bg-slider 16s linear infinite;
}

.bg_line06{
}

.bg_line07{
text-align: center;
line-height: 300px;
		padding:40px 0 -40px 0 ;
	height:292px;
	width:410px;
	border:solid 3px;
	border-color:#55838F;
	border-radius: 6px;
	-webkit-border-radius: 6px;	
		margin-left:-228px;
		margin-top:-36px;
		display: inline-block;
		list-style: none;
		position:absolute;
		background: url(../pict/layer01.png) left no-repeat ;
}

  div.kiji {
	padding-top:0;
	width: 430px;
	text-align: left;
	font-size: 11pt ; font-weight: normal;
	letter-spacing: 0.1em;
	overflow-x: hidden;
  }

  div.kiji p {
	text-align: left;
	line-height: 26px;
	margin: 0;
	padding-bottom:3px;
	background: url(../pict/u_line.gif);
  }

  #kiji_t {

	padding: 21px 0px 0px 0px;
	background: url(../pict/kiji_t2.png) center bottom no-repeat;
  }

  #kiji_m {
	padding: 1px 20px 4px 19px;
 	background: url(../pict/kiji2.png) left top repeat-y;
  }

  #kiji_b {
	padding: 21px 0px 0px 0px;
	margin: 0 0 8px 0;
 	background: url(../pict/kiji_b2.png) center top no-repeat;
  }

  .kiji a {
	color: #3CA454;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
  }

  .kiji a:hover {
	color: #73cbb7; 
  }

  .kiji a:visited {
	color: #d06f88;
  }	

  .kiji a:active {
      color: #d06f88;
  }
  
	.attention{
	display: inline-block;
	margin: 22px 0px 29px 8px;
	line-height: 26px;
	padding: 2px 14px 22px 14px;
	width:90%;
	color:#84A29D; 
	border:dotted 2px #84A29D;
	font-weight: normal;
	background-color:rgba(255,249,226,0.5);
}

 /* 記事内 見出し */
 
 .gra {
  margin:16px 0 0 0;
  padding:4px 0 4px 0px;
  -webkit-mask-image: linear-gradient(to left, transparent,black 256px);
  mask-image: linear-gradient(to left, transparent, black 256px);
}
 
  #kiji_m h2 {
  color:#F5F2D7;
  font-size:120%;
  height:41px;
  text-shadow: 1px 1px 1px rgba(30, 43, 31, 0.9);
  margin:0;
  padding:8px 0 0 10px;
  border:0px;
  background: url(../pict/f3_3.png) left top repeat-x;
  }
  
  .moz {
	font-size: 10pt ; font-weight: bold;
	letter-spacing: 0.1em;
  }

  .moz2 {
	font-size: 11pt ; font-weight: bold;
	letter-spacing: 0.1em;
  }

  .moz3 {
	text-shadow:
	-1px -1px 2px #FFC381,
	1px -1px 2px #FFC381,
	-1px 1px 2px #FFC381,
	1px 1px 2px #FFC381;
  }
  
  .moz3_2 {
	text-shadow:
	-1px -1px 2px #ffe293,
	1px -1px 2px #ffe293,
	-1px 1px 2px #ffe293,
	1px 1px 2px #ffe293;
  }
  

 /* 見出し装飾 */
  .moz4 {

	font-size: 11pt; color: #564373;
	margin: 0 0 1px 0;
	padding: 8px 0 8px 0;
	text-shadow:
	-1px -1px 2px #ffe293,
	1px -1px 2px #ffe293,
	-1px 1px 2px #ffe293,
	1px 1px 2px #ffe293;
	clear: both;
  }
  
 /*  仮運営中 */
  .moz5 {
	text-shadow:
	-1px -1px 2px #E2C58D,
	 1px -1px 2px #E2C58D,
	-1px  1px 2px #E2C58D,
	 1px  1px 2px #E2C58D;
  }