.exs {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #B7E1FF;     /* 背景色     */
  color         : maroon;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
   /* transition    : .3s;        なめらか変化 */
  /* box-shadow    : 6px 6px 3px #666666;  影の設定 */
  border        : 2px solid #000066;    /* 枠の指定 */
}
.exs:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 文字色     */
  background    : #35B5FF;     /* 背景色     */
}
h1 {
  color:white;
  background: #FF75DE;/*背景色*/
padding: 0em;/*文字まわり（上下左右）の余白*/
margin-top: 0px ;
}
/*----------変更 青から赤-----------------------------------------
  h1{
color:white;
background-color:3DC1FF;0526FF
padding: 0.5em;/*文字まわり（上下左右）の余白*/
margin-top: 2px ;
}
--------------------------------------------------------*/
h2 {
  color:white;
  background: #FF75DE;/*背景色*/
}
h3{
font-size:20px;
color:white;
background-color:#63BBFF;
padding: 0em;/*文字まわり（上下左右）の余白*/
margin: 0px ;
}

/*--------------------------------------------------------
  共通・１つのボタン hazime
--------------------------------------------------------*/
.bo04 a{

  display:block;
  background-color : B7E1FF;
  width : 180px;
  height : 50px;
  color : maroon;
  font-size : 15pt;
  font-family : monospace;
   line-height   : 2.5em;         /* 1行の高さ  */
  float : center;border-width : 2px;border-style : none;border-color : B7E1FF;
  font-weight : bold;
  text-align : center;
  text-decoration: none;
  background-position : center;
  padding :0px ;
}

.bo04 a:hover{
   color : F9F9FF;
   background-color : 3DC1FF;

}
/*--------------------------------------------------------
  共通・１つのボタン
--------------------------------------------------------*/
.bo03 a{

  display:block;
  background-color : B7E1FF;
  width : 150px;
  height : 50px;
  color : maroon;
  font-size : 15pt;
  font-family : monospace;
   line-height   : 2.5em;         /* 1行の高さ  */
  float : center;border-width : 2px;border-style : none;border-color : B7E1FF;
  font-weight : bold;
  text-align : center;
  text-decoration: none;
  background-position : center;
  padding :0px ;
}

.bo04 a:hover{
   color : F9F9FF;
   background-color : 3DC1FF;


}
/*--------------------------------------------------------
  共通・単なるリンク文字
--------------------------------------------------------*/

.rink a{
	/*リンクされた文字*/
    color:0000ff;
    font-style:normal;
    text-decoration:underline;
}
.rink a:link{
	/*未訪問のリンク*/
    color:0000ff;
    font-style:normal;
   /* text-decoration:none;*/
  padding-top : 0px;
  margin-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 10px;
  position : inherit;
}
.rink a:visited{
	/*訪問後のリンク*/
    color:#934C7B;
     /* text-decoration:none;*/
}
.rink a:hover{
	/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
     /* text-decoration:none;*/
}
.rink a:active{
	/*クリック中*/
    text-decoration:none;
}

/*--------------------------------------------------------
  table商品一覧 中央　枠なし
--------------------------------------------------------*/

.ta01 {
 width: 50%;
 text-align: center;

 border-spacing: 0;
}
.ta01 th {
 padding: 0px;

}
.ta01 td {
 padding-left:20px; 

}
/*--------------------------------------------------------
  table 右　枠なし
--------------------------------------------------------*/
.ta011 {
 width: 50%;
 text-align: right;
 border-spacing: 0;
padding-bottom: 0px;
}

/*--------------------------------------------------------
  table送料　枠あり　右
--------------------------------------------------------*/
.ta02 {
 width: 100%;

border-collapse: collapse; /* 隣接するセルの罫線を重ねて表示する */
 border-spacing: 0;
}
.ta02 th {
text-align: right;
 padding: 5px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
.ta02 td {
text-align: right;
 padding: 5px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
/*
/*--------------------------------------------------------
  table商品一覧 中央　フォーム 枠あり
--------------------------------------------------------*/
.ta03 {
 width: 50%;
 text-align: center;
 border-spacing: 0;
}
.ta03 th {
 text-align: left;
 padding: 5px;
border: 1px ;
}
.ta03 td {
 text-align: left;
 padding: 5px;
border: 1px ;
}
/*--------------------------------------------------------
  table　左　枠あり
--------------------------------------------------------*/
.ta04 {
 width: 50%;
 text-align: left;
 border-spacing: 1;
border: 1px ;
}

.ta04 th {

 padding: 5px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
.ta04 td {

 padding: 5px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
/*--------------------------------------------------------
  table05　左　枠あり 100%; 商品の説明用
--------------------------------------------------------*/
.ta05 {
 width: 100%;
 text-align: left;
 border-spacing: 1;
border: 1px ;
}

.ta05 th {

 padding: 10px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
.ta05 td {

 padding: 10px;
border: 1px ;
border: 1px solid #000000; /* 境界線を実線で指定する */
}
/*--------------------------------------------------------
  文字色#4169e1  大きさ
--------------------------------------------------------*/
.aka {
	color: #e60033; 
}
.ao {
	color:#0000ff;
}
.cha {
	color: #752100;
}
.size_bic{
    font-size:  150%;    /* 文字サイズ指定 */
}
.size_hu{
    font-size:  90%;    /* 文字サイズ指定 */
}
.size_small{
    font-size:  65%;    /* 文字サイズ指定 */
}
/*--------------------------------------------------------
  セレクト
--------------------------------------------------------*/

.box select{
                  width: 150px;
                  font-size: 20px;
 }

.inb input[type="radio"]{
  transform: scale(1.3); /* 2.5倍 */
  margin:10px;
}

.inb label {
font-size: 18pt; 
}
  textarea{
    width: 600px;
    height: 100px;
  }

.00exs{
     width: 150px;
    height: 60px;

    font-size: 20pt; 
    padding: 10px;
    box-sizing: border-box;
    color:#e60033;
    border: 0px solid #68779a;
    background: #cbe8fa;
    cursor: pointer;

.exb input[type="button"]{
    width: 100px;}