@charset ‘UTF-8′;

* { margin : 0 ; padding : 0 ; }

img { /*イメージの青枠、サイズ、マージン*/
border-style:none; 
max-width: 100%; 
height:auto;
margin: 0px 0px 0px 0px;
}

body{
text-align:center;
margin-left: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#ffffff;
font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
font-style: normal;
font-size : 12px;
color: #6f5436;
font-weight: lighter;
line-height : 200%;
letter-spacing: 1px;
}

.all{
text-align:center;
padding:0% 0%;
margin:20px;
line-height:2.5;
letter-spacing:2px;
font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;}
  

.h1 { /* 見出し */
font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
font-size:140%;
color: #6f5436;
line-height : 250%;
letter-spacing: 1px;
font-weight: lighter;
}


.h2 { /*見出し2 */
padding:2% 0% 0% 0%;
font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
font-size:120%;
color: #6f5436;
line-height : 150%;
letter-spacing: 1px;
font-weight: lighter;
}


.h3 { /* 見出し3 */
padding:1% 0% 1% 0%;
font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
font-size:100%;
color: #fff;
line-height : 250%;
letter-spacing: 3px;
font-weight: lighter;
text-align:center;
}

.p { /* 本文 */
padding:3% 0% 0% 0%;
font-size:100%;
color: #6f5436;
line-height : 200%;
font-weight: lighter;
text-align:left;
}

.p2 { /* 本文2 */
padding:3% 0% 0% 0%;
font-size:100%;
color: #6f5436;
line-height : 150%;
font-weight: lighter;
text-align:left;
}

p .hidari { /* 左回り込み */
	float: left;
	margin-right:0px;
	}
.clear { /* クリア */
    clear: both;
}

hr { /* ライン */
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #6f5436; /* 線色 */
height: 1px; /* 高さ */
margin-bottom: 20px;}

.copyright
{ /* コピーライト */
padding:5% 0% 2% 0%;
font-size:85%;
color: #6f5436;
font-weight: center;
line-height : 170%;
letter-spacing: nomal;}

a:link { /* リンク */
font-size:100%;
color: #6f5436;
text-decoration: none;
}   
a:visited { /* 既に見たリンク */
font-size:100%;
color: #6f5436;
text-decoration: none;
}
a:active { /* クリック時のリンク */
font-size:100%;
color: #ed6d35;
text-decoration: none;
} 
a:hover { /* カーソルが上にある時のリンク */
font-size:100%;
color: #ed6d35;
text-decoration: none;
}

a .hover_img1{
transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
}
a:hover .hover_img1{
opacity: 0.7;/*要素の透明度を指定*/
filter: alpha(opacity=70); /*ie6、7の透明度指定*/
-ms-filter: alpha(opacity=70); /*ie8の透明度指定*/
}

a.hon:link { /* 本文リンク */
font-size:100%;
color: #ed6d35;
text-decoration:none;
border-bottom:1px dotted #ed6d35;
}   
a.hon:visited { /* 既に見た本文リンク */
font-size:100%;
color: #ed9136;
text-decoration:none;
border-bottom:1px dotted #ed6d35;
}
a.hon:active { /* クリック時の本文リンク */
font-size:100%;
color: #ea553a;
text-decoration:none;
border-bottom:1px dotted #ed6d35;
} 
a.hon:hover { /* カーソルが上にある時の本文リンク */
font-size:100%;
color: #ea553a;
text-decoration:none;
border-bottom:1px dotted #ed6d35;
}

a.mida:link { /* 見出しリンク */
font-size:140%;
color: #ed6d35;
text-decoration:none;
}   
a.mida:visited { /* 既に見た見出しリンク */
font-size:140%;
color: #ed9136;
text-decoration:none;
}
a.mida:active { /* クリック時の見出しリンク */
font-size:140%;
color: #ea553a;
text-decoration:none;
} 
a.mida:hover { /* カーソルが上にある時の見出しリンク */
font-size:140%;
color: #ea553a;
text-decoration:none;
}


.list-table { /* PCで2列・スマホで1列 */
  width: 840px;
  border: solid 1px #ffffff;
  border-collapse: collapse;
}
.list-table tbody th {
  width:50%;
  padding: 3%;
  text-align: left;
  background: #ffffff;
  border: solid 1px #ffffff;

  font-size:100%;
  color: #6f5436;
  line-height : 200%;
  font-weight: lighter;


}
.list-table tbody td {
  width:50%;
  padding: 3%;
  background: #fff;
  border: solid 1px #ffffff;

  font-size:100%;
  color: #6f5436;
  line-height : 200%;
  font-weight: lighter;
}

@media only screen and (max-width: 479px) {
 
  .list-table {
    border-top:none;
  }
  .list-table tbody tr {
    display: block;
    background: #fff;
  }
  .list-table tbody th {
    display: list-item;
    border: none;
    list-style: none;
    width: 96%;
    border-top: solid 1px #ffffff;
    
  }
  .list-table tbody td {
    display: list-item;
    border: none;
    list-style: none;
    width: 96%;
	  }
}


@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width:auto;　
}
#container{
width:100%;
}
}


@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
}


@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}
}


ul {/*リストの2行目から揃う*/
list-style-position: outside;
}



.clearfix:after {/* クリアフィックス */
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* MacIE begin \*/
*+html div.clearfix{height: 1%;}
* html div.clearfix{height: 1%;}
.clearfix {display: block;}
/* Mac IE end */
* html .clearfix {/* IE 6 に適用 */
zoom: 1;
}