@charset "utf-8";
/*カラー*/
.color_brown1 {
  color: #990000;
}

.color_green {
    color: #00fd54;
  }

  .color_darkgreen {
    color: #009a5b;
  }

  .color_orange1 {
  color: #fd7700;
}

.color_pink1 {
  color: #e05b78;
}

.color_blue1 {
  color: #0000cc;
}

.color_mura1 {
  color: #990099;
}

.color_red {
    color: #FF0000;
  }
/*文字色、背景色*/
.white_black {
    color :#ffffff;
    background-color:black;
}

.light_blue{
    background: #c2edff;/*背景色*/
}

/*ボックス*/
.box1 {
	width:100%;
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background: #ffffff;
}

.box2 {
    padding: 10px;
    color: #2c2c2f;
    background: #f9ebeb;
}

.box2_left {
	float: left;
	margin:0;
	padding: 0px;
	color: #2c2c2f;
	background: #f9ebeb;
}

/*幅*/
.width300p{
	width: 300px;
}

.width500p{
	width: 500px;
}

/*フォント*/
body {
    font-family: "游ゴシック";
/*    background-color: #e5ede9*/
    background-image:url(../images/w6b.gif);
}

/*フォントサイズ*/
.font8px {
    font-size: 8px;
}

.font10px {
    font-size: 10px;
}

.font12px {
    font-size: 12px;
}

.font14px {
    font-size: 14px;
}

.font16px {
    font-size: 16px;
}

.font18px {
    font-size: 18px;
}

.font20px {
    font-size: 20px;
}

.font22px {
    font-size: 22px;
}

.font24px {
    font-size: 24px;
}

.font26px {
    font-size: 26px;
}

.font36px {
    font-size: 36px;
}

/*fontweight*/
.fontweight_bold {
font-weight: bold;
}

/*マージン*/
.margin1_1{
	margin:0.5em;
	padding:0;
	line-height: 1.2em;
	display:inline-block;
}

.marginleft20p{
	margin-left: 20px;
}

/*配置*/

p.left {
    text-align: left; 
}

p.center {
    text-align: center; 
}

p.right {
    text-align: right; 
}
/*見出し*/
h1 {
    background: #c2edff;/*背景色*/
    padding: 0.5em;/*文字まわり（上下左右）の余白*/
  }
/* デフォルトマークをなしにする */
ul.kigou01 {
	list-style-type: none;
    margin-left: 0;
}
/* 任意のマーク */
ul.kigou01 li::before {
	content: "◆ " ;
}
.button {
    display       : inline-block;
    border-radius : 5%;          /* 角丸       */
    font-size     : 18pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 12px 12px;   /* 余白       */
    background    : #000066;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .3s;         /* なめらか変化 */
    box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
    border        : 2px solid #000066;    /* 枠の指定 */
  }
  .button:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #000066;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
  }