/* レビュー見出し、紹介など */


.box1{/*囲い*/
  border: 1px solid gray;
  background-color: #ffffff;/*背景色*/
  margin: 1em 12%;
  padding: 7px;
  }

.title1{/*タイトル部分*/
  background-color: #bddfde;/*背景色*/
  color: #666666;/*文字色*/
  margin: 5px;
  padding: 5px 10px;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  }

.text1{/*紹介内容*/
  margin: 5px;
  padding: 1px;
  text-align: left;
  }

.text2{/*下に破線付き*/
  margin: 5px;
  padding: 3px;
  text-align: left;
  border-width : 0px 0px 1px 0px;
  border-style : dashed ;
  border-color : gray;
  }

.img-left1{/*画像左寄せ、10ピクセル*/
  float: left;
  margin: 10px;
  }


/*テーブル*/

.tbl1{/*テーブル。直線*/
  border: 1px solid gray;
  border-collapse: collapse
}


/*レビュータイトル別一覧*/

.title2{/*タイトル部分*/
  border: 1px solid gray;
  background-color: #bddfde;/*背景色*/
  color: #666666;/*文字色*/
  margin: 5px;
  padding: 2px 1em;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  }

.box-dash1{/*破線囲い、上下空き、中央寄り*/
  border-style: dashed;
  border-width: 1px;
  margin: 1.5em 1px 1.5em 1px;
  padding: 10px 15px;
  border-color: #gray;/*枠の色*/
  }

/*タイトル*/

.title3{/*タイトル、メニュー。下に破線*/
  border-width : 0px 0px 1px 0px;
  border-style : dashed ;
  border-color : gray;
  padding-left : 1em;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  margin : 1.5em 0px;
}

.title4{/*タイトル。白地にグレイの直線で薄く囲む*/
  border-width : 1px;
  border-style : solid ;
  border-color : gray;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  padding-left : 1em;
  margin : 1.5em 5px;
  background-color: #f5f5f5;
  color: #717171;/*文字色*/
}





/*box1、text1と組み合わせてボックスに*/

.title5{/*下に破線付き*/
  margin: 5px;
  padding: 3px;
  text-align: left;
  border-width : 0px 0px 1px 0px;
  border-style : dashed ;
  border-color : gray;
  color:gray;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  }


/*サイト案内、更新メモ*/

.title6{/*タイトル。直線で囲む、左にマーク*/
  margin : 1px 12%;
  border-width : 1px;
  border-style : solid ;
  border-color : #666666;
  border-left-width : 15px;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  padding-left : 1em;
  color: #717171;/*文字色*/
}

.box2{/*透明の囲い*/
  margin : 1px 12%;
  padding: 1.5em 2em;
  text-align: left;
  }

.box3{/*透明の囲い、スペース小*/
  margin : 1px 12%;
  padding: 0.5em 2em;
  text-align: left;
  }

.title7{/*タイトル。左と下に破線*/
  border-left: 1px dashed gray;
  border-bottom: 1px dashed gray;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  padding : 0px 5px 5px 7px;
  margin : 1em 1px ;
  color: #717171;/*文字色*/
}

.text4{/*上下に破線ライン、文字左寄せ*/
  padding: 0.8em;
  text-align: left;
  border-width : 1px 0px;
  border-style : dashed ;
  border-color : #8f8f8f;
  }

.text5{/*紹介内容*/
  margin: 5px;
  padding: 1px;
  text-align: right;
  }


.bstyle1 {/*下に破線*/
  border-bottom: 1px dashed gray;
}


.title8{/*緑、囲み*/
  margin: 1.5em 11%;
  border-width : 1px;
  border-style : solid ;
  border-color : #666666;
  background-color : #bddfde;
  color : gray;
  padding-left : 1em;
  font-weight : bold;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
}

.title9{/*章タイトル*/
  margin: 1em 13%;
  border-width : 0px 0px 2px 15px;
  border-style : solid ;
  border-color : #C8C8C8;
  padding-left : 1em;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
}

.text6{/**/
  margin: 1em 13%;
  padding: 5px;
  text-align: left;
  }

.box-dash2{/*破線囲い、上下空き、中央寄り*/
  border-style: dashed;
  border-width: 1px;
  border-color: gray;
  margin: 1.5em 13%;
  padding: 10px 15px;
  }


.box-dot1{/*点線囲い、上下空き、中央寄り*/
  border-style: dotted;
  border-width: 2px;
  border-color: gray;
  margin: 1.5em 13%;
  padding: 10px 15px;
  }


.title10{/*章タイトル*/
  margin: 1em 13%;
  border-width : 0px 0px 1px 12px;
  border-style : solid ;
  border-color : #666666;
  padding-left : 1em;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
}




.title11{/*緑にグレイ枠、グレイ太文字*/
margin: 1.5em 11%;
border-width : 1px;
border-style : solid ;
border-color : #666666;
background-color : #bddfde;
color : gray;
padding-left : 1em;
font-weight : bold;
font-family: Arial,sans-serif;
letter-spacing: 0.1em;/*文字間隔*/
span.style2
color: #666666;
}


.title12{/*タイトル。白地にグレイの直線で薄く囲む*/
  border-width : 1px;
  border-style : solid ;
  border-color : gray;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;/*文字間隔*/
  padding-left : 1em;
  margin : 1.5em 11%;
  background-color: #f5f5f5;
  color: #717171;/*文字色*/
}




.title13{/*緑にグレイ枠、グレイ太文字*/
margin: 1.5em 1px;
border-width : 1px;
border-style : solid ;
border-color : #666666;
background-color : #bddfde;
color : gray;
padding-left : 1em;
font-family: Arial,sans-serif;
letter-spacing: 0.1em;/*文字間隔*/
span.style2
color: #666666;
}