@media screen and (min-width:  769px){
img{
	max-width:100%;
height:auto;
width:auto;
}
div#photo p span.photo{

display: block;

color : #000000;
font-size : 20px;
font-weight: normal;
  margin-top : -30px;
  clear : both;
  float : right;
}

body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#main{
	width:80%;
}

#header{
	height:85px;
}

#header1{
	float:left;
}

#column{
	padding-top:10px;
padding-left:5px;
width:150px;
float:left;
}

#cont{
	text-align:left;
padding-top:10px;
margin-left:5px;
margin-right:5px;
width:80%;
float:right;
}

#cont1{
	text-align:left;
width:50%;
background-color:blue;
color:#FFF;
}

#footer{
	clear:none;
text-align:center;
border-style:none;
}

#menu li{
	list-style:none;
float:left;
height:inherit;
display:block;
}

ul#menu li a{
	background-image:url(gazou/img1.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
background-size:auto auto;
background-origin:padding-box;
background-clip:border-box;
display:block;
border-color:green;
border-style:solid;
border-width:1px;
padding:2px 2px 2px 20px;
}

ul#menu li a:hover{
	color:red;
background-image:url(gazou/img1.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:2px 0;
background-size:auto auto;
background-origin:padding-box;
background-clip:border-box;
background-color:green;
}

.c-both{
	clear:both;
margin:0;
padding:0;
}

.red{
	color:red;
}

.green{
	color:#6C9;
}

a{
	color:blue;
text-decoration:none;
}

a:hover{
	color:orange;
}

ul#menu{
	width:100%;
}

#table{
	display:table;
}

.row{
	display:table-row;
}

.row >div{
	display:table-cell;
border:1px solid;
margin:5px;
padding:5px;
}
.hf1{
	border : 1px solid #aa0000;
text-align: left;
color : #000000;
background-color : #ffffff;
font-size : 18px;
padding: 4px 4px 4px 5px;
width : 50%;
}
.hf1{
	display:block; border-left: solid 8px #aa0000; padding-left:10px;
}

}





/*-------------------------------------*/
/* ★スマートフォン★*/
/*-------------------------------------*/
@media screen and  (max-width: 768px){
img{
	max-width:100%;
height:auto;
width:auto;
}
div#photo p span.photo{

display: block;

color : #000000;
font-size : 20px;
font-weight: normal;
  margin-top : -30px;
  clear : both;
  float : right;
}

body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

#main{
	width:100%;
}

#header{
	width:100%;
}

#header1{
	float:left;
}

#column{
	padding-top:10px;
padding-left:5px;
width:100%;
float:left;
}

#cont{
	text-align:left;
padding-top:10px;
margin-left:5px;
margin-right:5px;
width:100%;
float:right;
}

#cont1{
	text-align:left;
width:100%;
background-color:blue;
color:#FFF;
}

#footer{
width:100%;
	clear:none;
text-align:center;
border-style:none;
}

#menu li{
	list-style:none;
float:left;
height:inherit;
display:block;
}

ul#menu li a{
	background-image:url(gazou/img1.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:0 0;
background-size:auto auto;
background-origin:padding-box;
background-clip:border-box;
display:block;
border-color:green;
border-style:solid;
border-width:1px;
padding:2px 2px 2px 20px;
}

ul#menu li a:hover{
	color:red;
background-image:url(gazou/img1.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:2px 0;
background-size:auto auto;
background-origin:padding-box;
background-clip:border-box;
background-color:green;
}

.c-both{
	clear:both;
margin:0;
padding:0;
}

.red{
	color:red;
}

.green{
	color:#6C9;
}

a{
	color:blue;
text-decoration:none;
}

a:hover{
	color:orange;
}

ul#menu{
	width:100%;
}

#table{
	display:table;
}

.row{
	display:table-row;
}

.row >div{
	display:table-cell;
border:1px solid;
margin:5px;
padding:5px;
}
.hf1{
	border : 1px solid #aa0000;
text-align: left;
color : #000000;
background-color : #ffffff;
font-size : 18px;
padding: 4px 4px 4px 5px;
width : 50%;
}
.hf1{
	display:block; border-left: solid 8px #aa0000; padding-left:10px;
}


}