@charset "shift_JIS";
/* PCとスマホ共通に適用するCSS */
body { 
	margin:0; 
	padding:0; 
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ;  
	font-size:15px; 
}
#wrapper {
	width:100%; 
  max-width:1010px; 
  min-width:310px;
	margin:0 auto; 
  padding:0;
  overflow:auto;
  word-break:break-all;
  display:flex;
  flex-direction:column;
  align-items:center;
	/*background-color:#E0E0FF;*/
}
#header {
	width:100%; 
  max-width:990px; 
	margin: 0; 
  padding:0;
	/*background-color:#EE8888;*/
}
#languagemenu {
  /*float:right;*/
	width:92%;
	margin-top:20px; 
	padding-right:80px; 
	text-align:right;
	display:flex;
  flex-direction:row;
  justify-content:flex-end;
  /*background-color:#0099D0;*/
}
.topic { 
  width:75px;
  margin: 0 2px;
	line-height:150%; 
	padding:3px; 
	border: 2px solid #006600; 
	background-color:#006600; 
	color:#FFFFFF; 
	font-size:15px; 
	font-weight:bold;
	text-align:center; 
	text-decoration:none;
}
.df, .df2 { 
  width:45px;
  margin: 0 2px;
	line-height:150%; 
	padding:3px; 
	border-top: 2px solid #A0A0A0; 
	border-right:2px solid white; 
	border-bottom:2px solid white; 
	border-left:2px solid #A0A0A0;
	background-color:#E0E0E0; 
	color:#000000; 
	font-size:13px; 
	text-align:center; 
}
.df2 { 
  width:75px;
  font-weight:bold;
}
.eg {
  width:45px;
  margin: 0 2px;
	line-height:150%; 
	padding:4px 7px;
  border:2px solid #006600;	
  color:#FFFFFF; 
	font-size: 13px;
	text-align:center; 
	text-decoration:none;
  background-color:#006600; 
  /*border-color:#006600;*/
}
:hover.eg, :hover.topic { 
	border-top:2px solid white; 
	border-right:2px solid gray; 
	border-bottom:2px solid gray; 
	border-left:2px solid white; 
	color:black;
	background-color:#13FFB2;
}
#hed1 {
  width:100%;
	/*text-align:left;*/
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  /*background-color:#FFFF00;*/
}
#hs1{
  width:365px;
  margin:0 0;
  padding:0;
	/*background-color:#FF0000;*/
}
#ha1{
  max-width:320px;
  margin:0;
  padding:0 0 0 45px;
  font-size:12px;
  font-weight:normal;
	/*background-color:#FF99FF;*/
}
#ha2a {
  width:365px; 
  margin:0;
  padding-left:0;
	color:black; 
	font-size: 32px; 
	font-weight: bold; 
	text-align:left; 
	/*background-color:#00FFD0;*/
}
#ha2b {
	width:10%; 
  min-width:100px;
	margin:8px 0 0 0; 
  padding-left:6px;
	color:black; 
  line-height: 160%;
	font-size: 23px; 
	font-weight: bold; 
	text-align:left; 
	/*background-color:#FFFFFF;*/
}
img.zlogo {
  width:31px;
  height:auto;
}
#ha3{
	width:590px;
  margin:0;
  padding:8px 0 0 0;
	color:#006600; 
  font-size:18px;
  font-weight:bold;
	text-align:center; 
	/*background-color:#FF00FF;*/
}
#contents {
	width:100%;
	margin:0;
	padding-top:8px;
  display:flex;
  flex-wrap:nowrap;
  flex-direction:row;
  justify-content:space-between;
  /*background-color:#AAFFAA;*/
}
#leftframe {
  width:365px;
	margin:12px 10px 0 10px; 
  display:flex;
  flex-wrap:nowrap;
  flex-direction:column;
  align-items:center;
  /*background-color:#00FFFF;*/
}
#photoframe {
  margin:0 0 0 0;
	/* border:1px solid #006600; */
}
#photoframe0 {
  margin:20px 0 0 0;
  padding:10px 0 0 0;
  text-align:center;
  /* background-color:#13FFB2; */ 
}
.photoframe1 {
  margin:0 0 0 0;
}
img.zpic {
  width:365px;
  height:auto;
	/* border:1px solid #006600; */
}
.phototitle {
	margin-top:6px;
	margin-bottom:0;
	padding-bottom:8px;
	text-align:center;
}
#rightframe {
	max-width:590px;
  /*margin-top:-10px;*/
  margin-top:-8px;
	margin-right:10px;
  margin-left:0; 
	padding-bottom:7px; 
  display:flex;
  flex-wrap:nowrap;
  flex-direction:column;
  align-items:start;
	/*background-color:#FFFFFF;*/
}
.h2 {
  /*float:left;*/
  width:100%;
  margin:10px 0 0 0;
  font-size:18px;
  font-weight:bold;
	/*background-color:#00EEEE;*/
}
.underline{
  /*float:left;*/
  width:100%;
  height:3px;
  margin:0;
  border-top:1px solid #006600;
  border-bottom:3px solid #006600;
}
.singleline{
  /*float:left;*/
  width:100%;
  height:0;
  margin:0;
  padding:0;
  border-bottom:1px dotted #006600;
}
.description {
  width:100%;
	line-height:150%;
	margin:8px 0 4px 0;
	text-align:left;
	text-indent:0;
  /*background-color:#FFFFFF;*/
}
#profile { 
  /*float:left;*/
  width:100%;
	margin:8px 0 4px 0;
  display:flex;
  flex-direction:column;
  /*background-color:#FF00FF;*/
}
.para {
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:start;
  /*background-color:#DDDDFF;*/
}
.f0, .f1, .f2, .f3 { 
	width:105px; 
	line-height:140%;
	margin:0 0 6px 15px;
	padding:6px 0 0 0;
	text-indent:0;
  /*background-color:#FFFFFF;*/
}
.f1 { 
  width:200px;
}
.f2 { 
	text-indent:5px;
}
.f3 { 
	width:0;
}
.s0, .s1, .s2, .s3 { 
	line-height:140%;
	margin:0 15px 7px 0;
	padding:6px 10px 0 15px;
	text-indent:0;
  word-break:normal;
  /*background-color:#DDFFDD;*/
}
.s0 { 
	padding-left:15px;
  text-indent:-15px;
}
.s2 { 
	padding-left:0px;
}
.s3 { 
	width:65%; 
  padding-left:0;
}
.list { 
	width:97.5%; 
	line-height:140%;
	margin:0 0 8px 0;
	padding-left:15px;
  text-indent:-15px;
  /*background-color:#DDFFDD;*/
}
#productfoto {
	max-width:990px;
	margin:0 10px;
	padding:0;
  /*background-color:#FF0000;*/
}
.Lunderline{
  width:100%;
  height:3px;
  margin:0;
  border-top:1px solid #006600;
  border-bottom:3px solid #006600;
}
#photoarea{
  width:100%;
	/*padding-left:4px;*/
  text-align:center;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:stretch;
  /*background-color:#DDFFFF;*/
}
.photoframep0 {
  max-width:390px;
  margin:25px 0 0 0;
  padding-bottom:8px;
  /*width:100%;*/
	/*border:1px solid #006600;*/
  text-align:center;
  /*background-color:#DDDDDD;*/
}
#sarea{
  max-width:620px;
  width:60%;
	padding-left:4px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  /*background-color:#FFDDFF;*/
}
.photoframep1 {
  width:190px;
  margin:5px 5px 0 0;
  padding-bottom:5px;
	/*border:1px solid #006600;
  background-color:#EEEEEE;*/
}
.photoframep2 {
  width:190px;
  margin:20px 0 0 0;
  padding-bottom:5px;
	/*border:1px solid #006600;*/
  /*background-color:#FFFFFF;*/
}
img.pasmbl {
  max-width:385px;
  /*width:100%;*/
  height:auto;
	/* border:1px solid #006600; */
}
img.pparts {
  width:190px;
  height:auto;
	/* border:1px solid #006600; */
}
#footer {
	width:95%;
  line-height:150%;
	margin:25px auto 0 auto;
	padding-top:10px;
	padding-bottom:10px;
  text-align:center;
  color:white;
  overflow:auto;
  word-break:normal;
  display:flex;
  flex-direction:row;
  justify-content:center;
  flex-wrap:wrap;
	background-color:#006600;
}
.com {
  margin:0;
  padding:0;
	/*background-color:#006600;*/
}
.contactinfo {
  margin:0 0 0 10px;
  padding:0;
	/*background-color:#006600;*/
}
.phone {
  margin:0 0 0 10px;
  padding:0;
	/*background-color:#006600;*/
}
#copyright {
	max-width:1010px;
	margin:0 10px;
	padding:0;
  width:95%;
  text-align:right;
  /*background-color:#AAAAFF*/
}
a.rn {
  width:80px;
  margin:3px 0 0 5%;
  padding:2px 0;
  color:#FFFFFF; 
	text-decoration:none;
	background-color:#00AA00;
}
a:hover.rn { 
	color:black;
	background-color:#13FFB2;
}

#contents2 {
	width:100%;
	margin:0;
	padding-top:8px;
  display:flex;
  flex-wrap:nowrap;
  flex-direction:column;
  align-content:flex-start;
  /*background-color:#AAFFAA;*/
}
iframe[src$=".pdf"]{
    width:100%;
    height:100vh;
}

@media(max-width: 984px) {
  #contents, #hed1 {
    justify-content:center;
  }
  #rightframe, #ha3 {
    width:55%;
  }
  .s0 { 
  	width:70%;
  }
  #sarea{
    width:48%;
  }
}
@media(max-width: 878px) {
  #rightframe, #ha3 {
    width:50%;
  }
  .list {
    width:95%;
  }
  .s0 { 
  	width:65%;
  }
}
@media(max-width: 789px) {
  #rightframe, #ha3 {
    width:45%;
  }
  .s0 { 
  	width:60%;
  }
  #sarea{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
  }
}
@media(max-width: 718px) {
  #wrapper {
    max-width:600px;
    /*min-width:320px;*/
    width:100%;
  }
  #header {
    width:97%;
    margin:0 1.5%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  #languagemenu {
    margin-bottom:8px;
    padding:0;
    display:flex;
    justify-content:center;
  }
  .df, a.eg	{
    width:70px;
  	font-size: 18px ;
  }
  #hed1 {
  	max-width:365px; 
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  #ha3{
  	width:365px; 
  }
  #contents {
    flex-direction:column;
    justify-content:center;
  }
  #leftframe {
    width:97%;
    margin:0 1.5%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  #rightframe, #hd1 {
    max-width:590px;
    width:97%;
    margin:0 1.5%;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .s0 { 
  	width:79%;
  }
  #photoarea{
    flex-direction:column;
    align-items:center;
  }
  #footer {
    flex-direction:column;
    align-items:center;
  }
}
@media(max-width: 660px) {
  .s0, .s1 { 
    /*float:left;*/
  	width:65%; 
  }
  img.pasmbl {
    width:100%;
    height:auto;
  }
  #footer {
    /*overflow:visible;*/
  }
  a.rn {
    font-size:15px;
  }
}
@media(max-width: 385px) {
  img.zlogo {
    width:25px;
    height:auto;
  }
  #hs1, #hd1 {
    width:100%;
    margin:0;
  }
  #ha1 {
    width:70%;
    padding-left:19%;
  }
  #ha2a {
    width:100%;
    margin:0;
    font-size:26px;
    text-align:center;
  }
  #ha2b {
    width:10%;
    font-size:18px;
    padding-left:3px;
  }
  #ha3 {
    width:97%;
  }
  img.zpic {
    width:100%;
    height:auto;
  }
  .s0 { 
  	width:57%;
  }
  .list { 
  	width:95%; 
  }
  #sarea{
    flex-direction:column;
    align-items:center;
  }
  .contactinfo {
    font-size:14px;
  }
}