@charset "UTF-8";

#p_title {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 35px;
	margin-top: 35px;
	text-align: center;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;	
}

#p_index {
	float: left;
	height: auto;
	width: 100%;
	/*overflow: auto;*/
}    
/*
.p_pic img {
	width: 100%;
	height: auto;
}

@media screen and (max-width:520px) {
.p_pic {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	height: auto;
	margin-bottom: 5%;
}
}

@media screen and (min-width:521px) and (max-width:980px) {
.p_pic {
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-right: 0%;
	height: auto;
	margin-bottom: 2%;
}
}

@media screen and (min-width:981px) and (max-width:2000px)  {
.p_pic {
	float: left;
	width: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	height: auto;
	margin-bottom: 1%;
}
}
*/

.canai_nishinomiya a ,.mon a ,.izushi_ichika a ,.assjhengano a ,.ekimaru_ashiya a ,.tsujiri_hankyuumeda a ,.tsujiri_ujihontensalon a ,.hamachidori a , .tsujiri_expocity a ,.ekimaru_kyoto a ,.tsujiri_sogochiba a ,.tsujiri_kawasaki a ,.kagura a 
,.bridge a ,.ekimaru_yamashina a ,.tsujiri_kitasennju a ,.le_jardin a ,.tsujiri_tokyuginza a ,.tsujiri_hankyukobe a ,.kohama a ,.macocorofarm a ,.umitsuki a ,.by_the_sea a ,.tsujiri_hakata a ,.kobegeihinkan a ,.wai a ,.tsujiri_shinosaka a ,.tsujiri_honten1 a ,.tsujiri_honten2 a ,.hair_ripple a ,.marine_snow a ,.kirin a ,.moon_jelly a ,.avalon a ,.hooters2013 a ,.otokarite a  {
	float: left;
	padding-top: 16%;
	padding-left: 23%;
	background-repeat: no-repeat;
	background-size: 100%;
	margin-left: 1.6%;
	/*margin-right: 5px;*/
	transition: 1.0s;
	display: block;
}


/*@media screen and (max-width:520px) {
    .hamachidori a , .tsujiri_expocity a ,.ekimaru_kyoto a ,.tsujiri_sogochiba a ,.tsujiri_kawasaki a ,.kagura a 
,.bridge a ,.ekimaru_yamashina a ,.tsujiri_kitasennju a ,.le_jardin a ,.tsujiri_tokyuginza a ,.tsujiri_hankyukobe a ,.kohama a ,.macocorofarm a ,.umitsuki a ,.by_the_sea a ,.tsujiri_hakata a ,.kobegeihinkan a ,.wai a ,.tsujiri_shinosaka a ,.tsujiri_honten1 a ,.tsujiri_honten2 a ,.hair_ripple a ,.marine_snow a ,.kirin a ,.moon_jelly a ,.avalon a ,.hooters2013 a ,.otokarite a  {
    padding-top: 60%;
	padding-left: 90%;
	margin-left: 5%;
    }
}*/
@media screen and /*(min-width:521px) and */(max-width:980px) {
	#p_index {
		width: 98.5%;
		margin-left: 2%;
}    
	
.canai_nishinomiya a ,.mon a ,.izushi_ichika a ,.assjhengano a ,.ekimaru_ashiya a ,.tsujiri_hankyuumeda a ,.tsujiri_ujihontensalon a ,.hamachidori a , .tsujiri_expocity a ,.ekimaru_kyoto a ,.tsujiri_sogochiba a ,.tsujiri_kawasaki a ,.kagura a 
,.bridge a ,.ekimaru_yamashina a ,.tsujiri_kitasennju a ,.le_jardin a ,.tsujiri_tokyuginza a ,.tsujiri_hankyukobe a ,.kohama a ,.macocorofarm a ,.umitsuki a ,.by_the_sea a ,.tsujiri_hakata a ,.kobegeihinkan a ,.wai a ,.tsujiri_shinosaka a ,.tsujiri_honten1 a ,.tsujiri_honten2 a ,.hair_ripple a ,.marine_snow a ,.kirin a ,.moon_jelly a ,.avalon a ,.hooters2013 a ,.otokarite a  {
    padding-top: 30.5%;
	padding-left: 44%;
	margin-left: 3%;
    }
}
    
 
.canai_nishinomiya a {
	background-image: url(../img/01.project/36.canai_nishinomiya_off.png);
}   
.canai_nishinomiya a:hover {
	background-image: url(../img/01.project/36.canai_nishinomiya_on.png);
}     
.mon a {
	background-image: url(../img/01.project/35.mon_off.png);
}   
.mon a:hover {
	background-image: url(../img/01.project/35.mon_on.png);
} 
.izushi_ichika a {
	background-image: url(../img/01.project/34.izushi_ichika_off.png);
}   
.izushi_ichika a:hover {
	background-image: url(../img/01.project/34.izushi_ichika_on.png);
}   
.assjhengano a {
	background-image: url(../img/01.project/33.assjhengano_off.png);
}   
.assjhengano a:hover {
	background-image: url(../img/01.project/33.assjhengano_on.png);
} 
.ekimaru_ashiya a {
	background-image: url(../img/01.project/32.ekimaru_ashiya_off.png);
}   
.ekimaru_ashiya a:hover {
	background-image: url(../img/01.project/32.ekimaru_ashiya_on.png);
} 
.tsujiri_hankyuumeda a {
	background-image: url(../img/01.project/31.tsujiri_hankyuumeda_off.png);
}   
.tsujiri_hankyuumeda a:hover {
	background-image: url(../img/01.project/31.tsujiri_hankyuumeda_on.png);
}  
.tsujiri_ujihontensalon a {
	background-image: url(../img/01.project/30.tsujiri_ujihontensalon_off.png);
}    
.tsujiri_ujihontensalon a:hover {
	background-image: url(../img/01.project/30.tsujiri_ujihontensalon_on.png);
} 
.hamachidori a {
	background-image: url(../img/01.project/29_hamachidori_off.png);
}

.hamachidori a:hover {
    background-image: url(../img/01.project/29_hamachidori_on.png);	
}
.tsujiri_expocity a {
	background-image: url(../img/01.project/28_tsujiri_expocity_off.png);
}
.tsujiri_expocity a:hover {
    background-image: url("../img/01.project/28_tsujiri_expocity_on.png");	
}
.ekimaru_kyoto a {
	background-image: url("../img/01.project/27.ekimaru_kyoto_off.png");
}
.ekimaru_kyoto a:hover {
    background-image: url("../img/01.project/27.ekimaru_kyoto_on.png");	
}
.tsujiri_sogochiba a {
	background-image: url("../img/01.project/26.tsujiri_sogochiba_off.png");
}
.tsujiri_sogochiba a:hover {
    background-image: url("../img/01.project/26.tsujiri_sogochiba_on.png");	
}
.tsujiri_kawasaki a {
	background-image: url("../img/01.project/25.tsujiri_kawasaki_off.png");
}
.tsujiri_kawasaki a:hover {
    background-image: url("../img/01.project/25.tsujiri_kawasaki_on.png");	
}
.kagura a {
	background-image: url("../img/01.project/24.kagura_off.png");
}
.kagura a:hover {
    background-image: url("../img/01.project/24.kagura_on.png");	
}
.bridge a {
	background-image: url("../img/01.project/23.bridge2_off.png");
}
.bridge a:hover {
    background-image: url("../img/01.project/23.bridge_on.png");	
}
.ekimaru_yamashina a {
	background-image: url("../img/01.project/22.ekimaru_yamashina_off.png");
}
.ekimaru_yamashina a:hover {
    background-image: url("../img/01.project/22.ekimaru_yamashina_on.png");	
}
.tsujiri_kitasennju a {
	background-image: url("../img/01.project/21.tsujiri_kitasennju_off.png");
}
.tsujiri_kitasennju a:hover {
    background-image: url("../img/01.project/21.tsujiri_kitasennju_on.png");	
}
.le_jardin a {
	background-image: url("../img/01.project/20.le_jardin_off.png");
}
.le_jardin a:hover {
    background-image: url("../img/01.project/20.le_jardin_on.png");	
}
.tsujiri_hankyukobe a {
	background-image: url("../img/01.project/19.tsujiri_hankyukobe_off.png");
}
.tsujiri_hankyukobe a:hover {
    background-image: url("../img/01.project/19.tsujiri_hankyukobe_on.png");	
}
.tsujiri_tokyuginza a {
	background-image: url("../img/01.project/18.tsujiri_tokyuginza_off.png");
}
.tsujiri_tokyuginza a:hover {
    background-image: url("../img/01.project/18.tsujiri_tokyuginza_on.png");	
}
.kohama a {
	background-image: url("../img/01.project/17.kohama_off.png");
}
.kohama a:hover {
    background-image: url("../img/01.project/17.kohama_on.png");	
}
.macocorofarm a {
	background-image: url("../img/01.project/16.macocorofarm_off.png");
}
.macocorofarm a:hover {
    background-image: url("../img/01.project/16.macocorofarm_on.png");	
}
.umitsuki a {
	background-image: url("../img/01.project/15.umitsuki_off.png");
}
.umitsuki a:hover {
	background-image: url(../img/01.project/15.umitsuki_on.png);
}
.by_the_sea a {
	background-image: url("../img/01.project/14.by_the_sea_off.png");
}
.by_the_sea a:hover {
    background-image: url("../img/01.project/14.by_the_sea_on.png");	
}
.tsujiri_hakata a {
	background-image: url("../img/01.project/13.tsujiri_hakata_off.png");
}
.tsujiri_hakata a:hover {
    background-image: url("../img/01.project/13.tsujiri_hakata_on.png");	
}
.kobegeihinkan a {
	background-image: url("../img/01.project/12.kobegeihinkan_off.png");
}
.kobegeihinkan a:hover {
    background-image: url("../img/01.project/12.kobegeihinkan_on.png");	
}
.tsujiri_shinosaka a {
	background-image: url("../img/01.project/11.tsujiri_shinosaka_off.png");
}
.tsujiri_shinosaka a:hover {
    background-image: url("../img/01.project/11.tsujiri_shinosaka_on.png");	
}
.wai a {
	background-image: url("../img/01.project/10.wai_off.png");
}
.wai a:hover {
    background-image: url("../img/01.project/10.wai_on.png");	
}
.tsujiri_honten1 a {
	background-image: url("../img/01.project/9.tsujiri_honten1_off.png");
}
.tsujiri_honten1 a:hover {
    background-image: url("../img/01.project/9.tsujiri_honten1_on.png");	
}
.tsujiri_honten2 a {
	background-image: url("../img/01.project/8.tsujiri_honten2_off.png");
}
.tsujiri_honten2 a:hover {
    background-image: url("../img/01.project/8.tsujiri_honten2_on.png");	
}
.hair_ripple a {
	background-image: url("../img/01.project/7.hair_ripple_off.png");
}
.hair_ripple a:hover {
    background-image: url("../img/01.project/7.hair_ripple_on.png");	
}
.marine_snow a {
	background-image: url("../img/01.project/6.marine_snow_off.png");
}
.marine_snow a:hover {
    background-image: url("../img/01.project/6.marine_snow_on.png");	
}
.kirin a {
	background-image: url("../img/01.project/5.kirin_off.png");
}
.kirin a:hover {
    background-image: url("../img/01.project/5.kirin_on.png");	
}
.moon_jelly a {
	background-image: url("../img/01.project/4.moon_jelly_off.png");
}
.moon_jelly a:hover {
    background-image: url("../img/01.project/4.moon_jelly_on.png");	
}
.avalon a {
	background-image: url("../img/01.project/3.avalon_off.png");
}
.avalon a:hover {
    background-image: url("../img/01.project/3.avalon_on.png");	
}
.hooters2013 a {
	background-image: url("../img/01.project/2.hooters2013_off.png");
}
.hooters2013 a:hover {
    background-image: url("../img/01.project/2.hooters2013_on.png");	
}
.otokarite a {
	background-image: url("../img/01.project/1.otokarite_off.png");
}
.otokarite a:hover {
    background-image: url("../img/01.project/1.otokarite_on.png");	
}