@charset "UTF-8";

/*index.html専用(guide.htmlより抜粋〉
-----------------------------------------*/

/*一覧　左ナビはcommon（indexでも使用しているため）
-----------------------------------------*/
section > h2,
#subMenu h2 {
font-size: 16px;
margin-bottom: 10px;
padding: 5px;
color: #0991B3;
background-color: #E6ECED;
background-image: -webkit-linear-gradient(left, #E6ECED, #FFF);
background-image: -moz-linear-gradient(left, #E6ECED, #FFF);
background-image: -ms-linear-gradient(left, #E6ECED, #FFF);
background-image: linear-gradient(left, #E6ECED, #FFF);
}
section > h2:before {
content: "";
display: block;
float: left;
width: 10px;
height: 10px;
margin: 4px 5px 0 0;
background: url(../img/icon1.png) no-repeat;
background-size: contain;
}
#subMenu h2 {
color: #333;
padding: 10px;
margin-bottom: 0;
border: 1px solid #CCC;
border-left: none;
border-right: none;
}


p.indent {
margin-left: 2em;
text-indent: -1em;
}

p.clover{
font-size:10px;
}

p.clover img{
padding:0;
margin: 0;
float:left;
max-width:5%;
height:auto;
}

/*画像のリサイズ。「R」は外観写真、「RR」はカレンダー、「QR」はQRコード、「r」はそれ以外
-----------------------------------------*/

p.rimage img { 
width: 100%; 
height: auto;
}

p.Rimage img { 
width: 100%; 
height: 80%;
}

p.RRimage img { 
width: 90%; 
height: auto;
}

p.QR img { 
width: 60%; 
height: auto;
}