@charset utf-8;

#about {
position:relative;
top:120px;
margin: 0 auto 50px;
width: 100%;
display: none;
}
@media only screen and (max-width:785px) {
#about {
position:static;
display:block;
width:750px;
margin: 45px auto 50px;
display: none;}
}
#aboutBox {
margin: 0 auto;
max-width: 900px;
}

#aboutLeft {
float: left;
width:170px;
text-align: left;
margin-top: 5px;
margin-left: 35px;
}
#aboutRight {
float: right;
width: 65%;
text-align: left;
margin-right: 15px;
padding:15px 20px;
background: url(img/about_bg.png);
border-radius: 10px 10px 10px 10px;         /* CSS3 */
-moz-border-radius: 10px 10px 10px 10px;     /* Firefox */
-webkit-border-radius: 10px 10px 10px 10px;  /* Safari,Chrome */
border: 1px #1a1a1a solid;     /* 枠線の装飾 */
}
#aboutRight span {
font-family: 'Michroma', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, メイリオ, sans-serif;
font-size: 24px;
color:#444444;
line-height: 160%;
margin-bottom: 30px;
}
#aboutRight p {
font-size: 14px;
color:#ffffff;
line-height: 160%;
padding-left: 2px;
}

#catBox {
display: block;
font-size: 14px;
color:#ffffff;
margin-top: 15px;
}
.catMenu {
display: block;
float:left;
width:105px;
color:#999999;
padding-left: 2px;
}
.cattext {
display: block;
margin-left:105px;
padding-left: 2px;
}
#aboutRight #add {
font-size: 12px;
color:#777777;
margin:10px 0;
}