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


#all {
margin: 0 auto; width: 100%;}


img{
margin-bottom:4px;
}


body {

font-family: "Helvetica" , "游ゴシック" , "Yu Gothic" , sans-serif;
line-height: 1.8em;
font-size:  0.8em;
color: #333333;


webkit-touch-callout:none; // リンク長押しのポップアップ(※1)を無効化
webkit-user-select:none; // テキスト長押しの選択ボックス(※2)を無効化


user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

}



body{  
    margin: 0;  
    padding: 100px 0 50px 0;  
}  
* html body{  
    overflow: hidden;  
}   
div#headerArea {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100px;  
    background-color: #fff;  
    color: #fff;
z-index: 2;
}  

* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
} 




hr {
  border: solid 1px #ffffff;
  border-top-color: #F3F2A7;
  color: #ffffff;
      width:                     100%;/*ラインの長さ*/
}






table#title {
width: 100%;
padding:0px;

}

td#title, th#title {
padding: 10px 0px 0px 0px;
}



table#navi {
width: 100%;
}

td#navi, th#navi {
padding: 10px 10px 10px 10px;
}



table#text {
width: 100%;

border-collapse:collapse;
border:0px;

}

td#text, th#text {
padding: 120px 0px 60px 0px;
}








h1#title{
height:1%;
text-align:left;
border-bottom:1px solid #ffffff;
}

h1{
font-size:150%;
font-family:"serif","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "ＭＳ 明朝", serif;

}

h1:first-letter {
color:#F3F2A7;
font-size:140%;
font-family:"serif","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "ＭＳ 明朝", serif;

}




h2#title{
height:1%;
text-align:right;
border-bottom:1px solid #ffffff;
}

h2{
font-size:150%;
color:#999999;
font-family: 'Bitter', serif;

}

h2:first-letter {
color:#6BBED5;
font-size:140%;
font-family:"serif","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝", "ＭＳ 明朝", serif;

}



}


