﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.rollover01 { 
text-align:center;
float:left;
width:200px;
height:40px;
padding:0px 10px;
margin-left: 23px;
}
.rollover01 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/aka1.gif) no-repeat left bottom;
display:block;
width:200px;
height:40px;
}
.rollover01 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/ao1.gif) no-repeat left bottom;} 

.rollover02 {
text-align:center;
float:left;
width:200px;
height:40px;
padding:0px 10px;
}
.rollover02 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/aka2.gif) no-repeat left bottom;
display:block;
width:200px;
height:40px;
}
.rollover02 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/ao2.gif) no-repeat left bottom;}

.rollover03 {
text-align:center;
float:left;
width:352px;
height:42px;
padding:10px 68px 0px 68px;
}
.rollover03 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/koukaiseminar.png) no-repeat center bottom;
display:block;
width:352px;
height:42px;
}
.rollover03 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/koukaiseminar2.png) no-repeat center bottom;}

.iryo
{
display:none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.rollover01 { 
text-align:center;
float:left;
width:200px;
height:40px;
padding:0px 10px;
margin-left: 55px;
}
.rollover01 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/aka1.gif) no-repeat left bottom;
display:block;
width:200px;
height:40px;
}
.rollover01 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/ao1.gif) no-repeat left bottom;} 

.rollover02 {
text-align:center;
float:left;
width:200px;
height:40px;
padding:0px 10px;
margin-left:55px;
}
.rollover02 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/aka2.gif) no-repeat left bottom;
display:block;
width:200px;
height:40px;
}
.rollover02 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/ao2.gif) no-repeat left bottom;}

.rollover03 {
text-align:center;
float:left;
width:352px;
height:42px;
padding:10px 68px 0px 68px;
}
.rollover03 a { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/koukaiseminar.png) no-repeat center bottom;
display:block;
width:352px;
height:42px;
}
.rollover03 a:hover { 
background:url(https://www.pref.tottori.lg.jp/secure/458197/koukaiseminar2.png) no-repeat center bottom;}

.iryo
{
display:none;
}
}
