@charset "utf-8";
/*基本*/

/*リンク*/
a:link{text-decoration:none;}
a:vlink{text-decoration:none;}
a:alink{text-decoration:none;}
a:hover{text-decoration:none;}

/* 全体設定 */
html {
	overflow-x: hidden;
}

body {
    font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック","sans-serif","ＭＳ 明朝","ＭＳ Ｐ明朝","serif","メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, ;
	font-size: 20px;
letter-spacing: 0.5em;
line-height: 180%;
font-weight: 600;
background:#fffff0;
color: #000000;
margin-left: 1em;   
padding: 0px;
  }

/* 見出し設定 */
/*  H1 {line-height:1.8em;}*/
/*  H1 { text-align: center }*/
/*  H2 { text-align: center }*/

address {
	font-style:normal;
	padding-left: 40px;
}

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

div, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

  H1, H2, h3, H4, H5, H6{
line-height: 150%;
 font-weight: bold ;
/*  color:#800000;*/  /*maroon {*/

margin-top: 2%;
margin-right: 0;
margin-bottom: 1%;
margin-left: 0;
}

  H1 {
 /* font-size: xx-large  */
font-size: 250%; 
}

  H2 {
/* font-size: x-large */
font-size: 200%; 
}

  H3 {
/* font-size: large */
font-size: 150%; 
}

h4 {
font-size: 120%; 
}

h5 {
font-size: 100%; 
}

h6 {
font-size: 80%; 
}



h5 {

img {
margin: 20px ;
border: none;
}

PRE { white-space: pre }

ul {
list-style: none;
font-weight: bold;
margin-left: 1em;   
margin-bottom: 1em;

}

ol {
font-weight: bold;
margin-left: 1em;   
margin-bottom: 1em;
}

p,li,select {
	font-size: 20px;
letter-spacing: 0.5em;
line-height: 200%;
font-weight: 600;
/* margin-bottom: 1em; */
}

/*IDで指定 */
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}


#top{
  border:1px solid #333333;
  margin:10px;
  padding:10px;
  }

#bottom{
  border:1px solid #333333;
  margin:10px;
  padding:10px;
  background:#aaddff;
  } 

#copy{
  color:#333333;
  text-decoration:none;
  text-align:center;
  line-height:1em;
  margin:0;
  background:#fcc3c3;
  padding:2px;
  display:block;
  } 

#table-01 {
    width: 800px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

/* class 指定 */

.p3 {
text-indent:3em;
}

/*クリア*/
.imgleft  { float: left  }

.imgright { float: right }
.clelef { clear: left }

.clerig { clear: right } 

.clebot { clear: both }

.border10gv {
border-style:groove;  /*枠線のスタイルはgroove（溝）*/
border-color:#ffc0cb;  /*枠線の色はピンク、pinkでもいいです*/
border-width:10pt;  /*枠線の太さ（幅）10ポイント*/
padding:10pt; /*枠線と中の文字との間隔10ポイント*/
}

/*bottomに空白をmarginで追加*/
.bottom_sp_mg0 {
margin-bottom: 0em;
}

.bottom_sp_mg0.5 {
margin-bottom: 0.5em;
}

.bottom_sp_mg1 {
margin-bottom: 1em;
}

.bottom_sp_mg1.5 {
margin-bottom: 1.5em;
}

.bottom_sp_mg2 {
margin-bottom: 2em;
}

.bottom_sp_mg3 {
margin-bottom: 3em;
}

.bottom_sp_mg5 {
margin-bottom: 5em;
}

.bottom_sp_mg8 {
margin-bottom: 8em;
}

.bottom_sp_mg10 {
margin-bottom: 10em;
}

.bottom_sp_mg15 {
margin-bottom: 15em;
}

.bottom_sp_mg20 {
margin-bottom: 20em;
}

.bottom_sp_mg25 {
margin-bottom: 25em;
}

.bottom_sp_mg30 {
margin-bottom: 30em;
}
/*上 下 左 右に2emの空白設定*/
.mt2 {Margin-top: 2em; }

.mb2 {Margin-bottom: 2em; }

.ml2 {Margin-left: 2em; }

.mr2 {Margin-right: 2em; }


/*topに空白をmarginで追加*/

.top_sp_mg1 {
margin-top: 1em;
}

.top_sp_mg2 {
margin-top: 2em;
}

.top_sp_mg3 {
margin-top: 3em;
}

.top_sp_mg5 {
margin-top: 5em;
}

.top_sp_mg8 {
margin-top: 8em;
}

.top_sp_mg10 {
margin-top: 10em;
}

.top_sp_mg15 {
margin-top: 15em;
}

.top_sp_mg20 {
margin-top: 20em;
}

.top_sp_mg25 {
margin-top: 25em;
}

.top_sp_mg30 {
margin-top: 30em;
}

/*rightに空白をmarginで追加*/
.right_sp_mg3 {
margin-right: 3em;
}

.right_sp_mg5 {
margin-right: 5em;
}

.right_sp_mg8 {
margin-right: 8em;
}

.right_sp_mg10 {
margin-right: 10em;
}

.right_sp_mg15 {
margin-right: 15em;
}

.right_sp_mg20 {
margin-right: 20em;
}

.right_sp_mg25 {
margin-right: 25em;
}

.right_sp_mg30 {
margin-right: 30em;
}

.right_sp_auto {
margin-right: auto;
}

/*leftに空白をmarginで追加*/
.left_sp_mg3 {
margin-left: 3em;
}

.left_sp_mg5 {
margin-left: 5em;
}

.left_sp_mg8 {
margin-left: 8em;
}

.left_sp_mg10 {
margin-left: 10em;
}

.left_sp_mg15 {
margin-left: 15em;
}

.left_sp_mg20 {
margin-left: 20em;
}

.left_sp_mg25 {
margin-left: 25em;
}

.left_sp_mg30 {
margin-left: 30em;
}


.left_sp_auto {
margin-left: auto;
}

/*行の高さ変更空白をline_heightで追加*/
.sp_lh3 {
line-height: 3em;
}

.sp_lh5 {
line-height: 5em;
}

.sp_lh8 {
line-height: 8em;
}

.sp_lh10 {
line-height: 10em;
}

.sp_lh15 {
line-height: 15em;
}

.sp_lh20 {
line-height: 20em;
}

.sp_lh25 {
line-height: 25em;
}

.sp_lh30 {
line-height: 30em;
}

/*文字のサイズ指定*/
.moji20 {
	font-size: 20px;
letter-spacing: 0.5em;
line-height: 200%;
	font-weight: bold;
margin-bottom: 1em;
  }

.moji24 {
	font-size: 24px;
letter-spacing: 0.5em;
line-height: 200%;
	font-weight: bold;
margin-bottom: 1em;
  }

.moji30 {
	font-size: 30px;
letter-spacing: 0.5em;
line-height: 200%;
	font-weight: bold;
margin-bottom: 1em;
  }

.moji36 {
	font-size: 36px;
letter-spacing: 0.5em;
line-height: 200%;
	font-weight: bold;
margin-bottom: 1em;
  }

/*文字を太字細字にする*/
.font-w1 {
font-weight: 100;
}

.font-w2 {
font-weight: 200;
}

.font-w3 {
font-weight: 300;
}

.font-w4 {
font-weight: normal;
}

.font-w400 {
font-weight: 400;
}

.font-w5 {
font-weight: 500;
}

.font-w6 {
font-weight: 600;
}

.font-w7 {
font-weight: bold;
}
.font-w700 {
font-weight: 700;
}

.font-w8 {
font-weight: 800;
}

.font-w9 {
font-weight: 900;
}

.font-wlr {
font-weight: lighter;
}

.font-wbr {
font-weight: bolder;
}
/*文字　相対文字の大きさ */
.fs-xxs { font-size: xx-small; }
.fs-xs { font-size: x-small; }
.fs-s { font-size: small; }
.fs-m { font-size: medium; }
.fs-l { font-size: large; }
.fs-xl { font-size: x-large; }
.fs-xxl { font-size: xx-large; }
.fs-xxxl { font-size: xxx-large; }
.fs-sr { font-size: smaller; }
.fs-lr { font-size: larger; }

/*input 文字の設定 */
input[type="text"] ,input[type="email"] {
	width:70%;
	font-size: 20px;
letter-spacing: 0.5em;
line-height: 200%;
margin-bottom: 1em;
}

/*下線*/

.maroon_u {
border-color: #800000;
border-width: 3px;
}

.coral_u {
border-color: #ff7f50;
}


/*文字カラー*/
.c_black { color:#000000; }
.c_blue { color:#0000ff; }
.c_gray { color:#808080; }
.c_green { color:#008000; }
.c_navy { color:#000080; }
.c_olive { color:#808000; }
.c_purple { color:#800080; }
.c_red { color:#ff0000; }
.c_teal { color:#008080; }
.c_white { color:#ffffff; }
.c_yellow { color:#ffff00; }
.c_aquamarine { color:#7fffd4; }
.c_beige { color:#f5f5dc; }
.c_brown { color:#a52a2a; }
.c_chocolate { color:#d2691e; }
.c_coral { color:#ff7f50; }
.c_cornflower { color:#bfefdf; }
.c_cyan { color:#00ffff; }
.c_darkblue { color:#00008b; }
.c_darkbrown { color:#da0b00; }
.c_darkcyan { color:#008b8b; }
.c_darkgoldenrod { color:#b8860b; }
.c_darkgray { color:#a9a9a9; }
.c_darkgreen { color:#006400; }
.c_darkmagenta { color:#8b008b; }
.c_darkolivegreen { color:#556b2f; }
.c_darkred { color:#8b0000; }
.c_darksalmon { color:#e9967a; }
.c_darkseagreen { color:#8fbc8b; }
.c_darkturquoise { color:#00ced1; }
.c_darkviolet { color:#9400d3; }
.c_deeppink { color:#ff1493; }
.c_firebrick { color:#b22222; }
.c_fuchsia { color:#ff00ff; }
.c_gold { color:#ffd700; }
.c_hotpink { color:#ff69b4; }
.c_indianred { color:#cd5c5c; }
.c_indigo { color:#4b0082; }
.c_ivory { color:#fffff0; }
.c_khaki { color:#f0e68c; }
.c_lavender { color:#e6e6fa; }
.c_lightblue { color:#add8e6; }
.c_lightcoral { color:#f08080; }
.c_lightcyan { color:#e0ffff; }
.c_lightgoldenrodyellow { color:#fafad2; }
.c_lightgreen { color:#90ee90; }
.c_lightgrey { color:#d3d3d3; }
.c_lightpink { color:#ffb6c1; }
.c_lightsalmon { color:#ffa07a; }
.c_lightseagreen { color:#20b2aa; }
.c_lime { color:#00ff00; }
.c_magenta { color:#ff00ff; }
.c_maroon { color:#800000; }
.c_mediumblue { color:#0000cd; }
.c_mediumpurple { color:#9370db; }
.c_mediumturquoise { color:#48d1cc; }
.c_mediumvioletred { color:#c71585; }
.c_midnightblue { color:#191970; }
.c_orange { color:#ffa500; }
.c_pink { color:#ffc0cb; }
.c_plum { color:#dda0dd; }
.c_rosybrown { color:#bc8f8f; }
.c_saddlebrown { color:#8b4513; }
.c_salmon { color:#fa8072; }
.c_sandybrown { color:#f4a460; }
.c_seagreen { color:#2e8b57; }
.c_silver  { color:#c0c0c0; }
.c_skyblue { color:#87ceeb; }
.c_snow { color:#fffafa; }
.c_tomato { color:#ff6347; }
.c_turquoise { color:#40e0d0; }
.c_violet { color:#ee82ee; }
.c_whitesmoke { color:#f5f5f5; }
.c_yellowgreen { color:#9acd32; }
/*文字寄席*/
.t_left { text-align: left; }
.t_right { text-align: right; }
.t_center { text-align: center; }
.t_jstf { text-align: justify; }
.jstfa { text-align: justify-all; }