@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/

}

body {
	background-image:url(Fantasias_Gm85.png);	/*ページ全体の背景*/
	background-repeat:repea;		/*背景画像を縦横に繰り返す*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
	-webkit-text-size-adjust: 100%;  /*viewpoint対策 */
	font-family:  "じゅん 201", sans-serif, serif;
}

div#page {
	width:1030px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#e4e4e4;		/*内容全体の背景色*/
	overflow: hidden;
}

/*============================================
ヘッダ
============================================*/
div#header {background-color:#fef1df;		/*ヘッダ部分の背景色*/}

h1 {
	padding:10px 0px 10px 20px;		/*見出し内容の位置調整　上右下左*/
	font-size: 40px; /* ブログ公開時32px*/
}
h1 a {text-decoration:none;} 			/*リンクの下線を無くす*/

/*============================================
メインメニュー
============================================*/
.dropmenu {
	list-style:none;
	width: 1080px;
	margin-left: 2px;
	padding: 0px;
}
.dropmenu:before, .dropmenu:after{
    content: "";
    display: table;
}
.dropmenu:after{clear: both;}
.dropmenu li{
    position: relative;
    width: 204px ;
    float: left;
    margin: 0 ;
    padding: 0;
    text-align:center;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.dropmenu li a{
    display:block;
    margin: 0;
    padding: 14px 0 14px;
    background-color:#af9776;
    color: #333333;
    font-size: 18px;
    line-height: 1;
    text-decoration:none;
}
.dropmenu li p{
    display:block;
    margin: 0;
    padding: 14px 0 14px;
    background-color:#d4d4d4;
    color: #333333;
    font-size: 18px;
    line-height: 1;
    text-decoration:none;
}
.dropmenu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.dropmenu li ul li{width: 204px ;}

.dropmenu li:hover > a{background: #8e7653;}
.dropmenu li a:hover{background: #8e7653;}

#menu li ul li{
    overflow: hidden;
    height: 0;
    transition: .2s;
}
#menu li:hover ul li{
    overflow: visiblen;
    height: 100%;
}


/*============================================
トップページ用　まえがき
============================================*/
div#preface {padding:50px 0px 10px 250px;}

/*============================================
トップページ用　最新ニュース
============================================*/
div#news {padding:10px 0px 10px 250px;}

/*============================================
トップページ用　最新コンテンツ
============================================*/
div#newcont {padding:10px 0px 0px 250px;}
ul.imgbox {margin-top: 10px;}
ul.imgbox li {float: left; list-style:none; }
ul.imgbox li img {width: 200; height: 150; margin-right: 20px;}

div#context{padding:10px 0px 0px 250px;	 overflow: hidden;}
ul#textc {list-style:none;}
ul#textc p {font-size: 80%;}
li.textbox {
    float: left;
    display:inline;
    margin-right: 20px;
    width: 200px;
}
.clear{clear:both;}  /* ボックス並び解消用*/
.End_img1{margin: 10px 0  0 900px ;}
/*============================================
トップページ用　注記
============================================*/
div#tnotes {padding:10px 0px 10px 250px;}

/*============================================
トップへ戻る
============================================*/
ul#retc {margin-top: 10px; list-style:none;}

ul#retc a {
    text-decoration:none;
	text-align:center;
	/* font-family:sans-serif, serif;	フォントの種類*/
	display:block; /* １ボタンにする為に必須 */
}

li.retbox {
    padding:5px;
	width: 1060px;
	background-color:#fef1df;
}

/*============================================
サブメニュー用
============================================*/
div#subme {
    width:200px;
    margin:10px 0px 0px 4px;
    float:left;
}

ul#submenu1 {
	list-style:none;
	overflow: hidden;
}

ul#submenu1 a {
	text-decoration:none; 			/*リンクの下線を無くす*/
	/* font-family:sans-serif, serif;	フォントの種類*/
    display:block;                  /* １ボタンにする為に必須 */
}
ul#submenu1 a:hover {background-color:#8e7653;} /* マウスがボタンに入った時の色*/
li.smenubox0 {
	padding:2px;
	background-color:#d2bfa3;
	border: 1px solid #ffffff;
}
li.smenubox1 a{
	padding:2px;
	background-color:#fef1df;
	border: 1px solid #ffffff;
}
li.smenubox1 p{
	padding:2px;
	background-color:#d4d4d4;
	border: 1px solid #ffffff;
}


/*============================================
各ページ用
============================================*/
/*---コンテンツ---*/
div#genme {padding:40px 0px 10px 250px;}

.MP_img1{
	margin: 10px 0  10px 30px ;
	width:200px;  height: 193px;
}

/*============================================
各ページの表用
============================================*/
.RSI2_tb1{padding:5px 0px 5px 50px;}
.RSI2_tb1 table {
width: 630px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.RSI2_tb1 td {border: 1px #000000 solid; text-align: center;}
.RSI2_tb1 th {border: 1px #000000 solid; text-align: center;}

.ST1_tb1{padding:5px 0px 5px 10px;}
.ST1_tb1 table {
width: 670px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST1_tb1 td {border: 1px #000000 solid; text-align: left;}
.ST1_tb1 th {border: 1px #000000 solid; text-align: left;}
.SW1_I1{width:80px;}
.SW1_I2{width:220px;}
.SW1_I3{width:220px;}
.SW1_I4{width:150px;}
.ST2_tb1{padding:5px 0px 5px 40px;}
.ST2_tb1 table {
width: 400px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb1 td {border: 1px #000000 solid; text-align: left;}
.ST2_tb1 th {border: 1px #000000 solid; text-align: left;}
.ST2_tb2{padding:5px 0px 5px 40px;}
.ST2_tb2 table {
width: 680px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb2 td {border: 1px #000000 solid; text-align: left;}
.ST2_tb2 th {border: 1px #000000 solid; text-align: left;}
.SW1_60{width:60px;}
.SW1_80{width:80px;}
.SW1_100{width:100px;}
.SW1_120{width:120px;}
.SW1_130{width:130px;}
.SW1_150{width:150px;}
.SW1_200{width:200px;}
.SW1_420{width:420px;}

.ST2_tb3{padding:5px 0px 5px 40px;}
.ST2_tb3 table {
width: 450px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb3 td {border: 1px #000000 solid; text-align: center;}
.ST2_tb3 th {border: 1px #000000 solid; text-align: center;}

.RSI2_tb2{padding:5px 0px 5px 50px;}
.RSI2_tb2 table {
width: 400px;
height: 60px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.RSI2_tb2 td {border: 1px #000000 solid; text-align: center;}
.RSI2_tb2 th {border: 1px #000000 solid; text-align: center;}

.ST2_tb4{padding:5px 0px 5px 40px;}
.ST2_tb4 table {
width: 500px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb4 td {border: 1px #000000 solid; text-align: center;}
.ST2_tb4 th {border: 1px #000000 solid; text-align: center;}

.ST2_tb5{padding: 5px 0px 5px 80px;}
.ST2_tb5 table{
width: 520px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb5 td{border: 1px #000000 solid; text-align: center;}

.ST2_tb6{padding: 5px 0px 5px 80px;}
.ST2_tb6 table{
width: 390px;
height: 80px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb6 td{border: 1px #000000 solid; text-align: center;}

.ST2_tb7{padding: 5px 0px 5px 80px;}
.ST2_tb7 table{
width: 390px;
height: 55px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb7 td{border: 1px #000000 solid; text-align: center;}

.ST2_tb8{padding: 5px 0px 5px 80px;}
.ST2_tb8 table{
width: 260px;
height: 55px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb8 td{border: 1px #000000 solid; text-align: center;}

.ST2_tb9{padding: 5px 0px 5px 80px;}
.ST2_tb9 table{
width: 520px;
height: 55px;
border: 1px #000000 solid;
border-collapse: collapse;
}
.ST2_tb9 td{border: 1px #000000 solid; text-align: center;}
/*============================================
テスト用
============================================*/
div#Test_preface {
	padding:50px 0px 10px 250px;
	font-family:  sans-serif, serif;
}
div#Test_preface1{
	padding:50px 0px 10px 250px;
	font-family:  "Shin Go Regular", sans-serif, serif;
}

div#Test_preface2 {
	padding:50px 0px 10px 250px;
	font-family:  "source-han-sans-japanese", sans-serif, serif;
}

div#Test_preface3 {
	padding:50px 0px 10px 250px;
	font-family: 'Noto Sans Japanese', sans-serif;
}

div#Test_preface4 {
	padding:50px 0px 10px 250px;
	font-family: 'Yu Gothic', sans-serif;
}

div#Test_preface5 {
	padding:50px 0px 10px 250px;
	font-family: 'MS PMincho', sans-serif;
}

div#Test_preface6{
	padding:50px 0px 10px 250px;
	font-family: 'HGS明朝B', sans-serif;
}

.Tst_img1{margin: 10px 0  0 670px ;}

.font_jun201{font-family: "Jun 201"}
.font_jun501{font-family: "Jun 501"}
.font_Reisho101{font-family: "Reisho 101"}

/*============================================
書体用
============================================*/
@font-face {
  font-family: "myFont1";
  src: url("kana66.eot?") format('eot'),
       url("kana66.woff") format('woff'),
       url("kana66.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass1{
  font-family: "myFont1";
}

@font-face {
  font-family: "myFont2";
  src: url("kanji66.eot?") format('eot'),
       url("kanji66.woff") format('woff'),
       url("kanji66.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass2{
  font-family: "myFont2";
}

@font-face {
  font-family: "myFont3";
  src: url("kana77.eot?") format('eot'),
       url("kana77.woff") format('woff'),
       url("kana77.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass3{
  font-family: "myFont3";
}

@font-face {
  font-family: "myFont4";
  src: url("kanji77.eot?") format('eot'),
       url("kanji77.woff") format('woff'),
       url("kanji77.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass4{
  font-family: "myFont4";
}

@font-face {
  font-family: "myFont5";
  src: url("kana55.eot?") format('eot'),
       url("kana55.woff") format('woff'),
       url("kana55.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass5{
  font-family: "myFont5";
}

@font-face {
  font-family: "myFont6";
  src: url("kanji55.eot?") format('eot'),
       url("kanji55.woff") format('woff'),
       url("kanji55.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass6{
  font-family: "myFont6";
}

@font-face {
  font-family: "myFont7";
  src: url("kana88.eot?") format('eot'),
       url("kana88.woff") format('woff'),
       url("kana88.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass7{
  font-family: "myFont7";
}

@font-face {
  font-family: "myFont8";
  src: url("kanji88.eot?") format('eot'),
       url("kanji88.woff") format('woff'),
       url("kanji88.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass8{
  font-family: "myFont8";
}

@font-face {
  font-family: "myFont9";
  src: url("kana99.eot?") format('eot'),
       url("kana99.woff") format('woff'),
       url("kana99.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClass9{
  font-family: "myFont9";
}

@font-face {
  font-family: "myFontA";
  src: url("kanji99.eot?") format('eot'),
       url("kanji99.woff") format('woff'),
       url("kanji99.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClassA{
  font-family: "myFontA";
}

@font-face {
  font-family: "myFontB";
  src: url("Koingk.eot?") format('eot'),
       url("Koingk.woff") format('woff'),
       url("Koingk.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClassB{
  font-family: "myFontB";
}

@font-face {
  font-family: "myFontC";
  src: url("Koinkk.eot?") format('eot'),
       url("Koinkk.woff") format('woff'),
       url("Koinkk.ttf") format('truetype');
       font-weight: normal;
       font-style: normal;
}
.myFontClassC{
  font-family: "myFontC";
}