@charset utf-8;

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

#linksLeft {
position: fixed;
top:120px;
float: left;
width:220px;
text-align: left;
margin-top: 5px;
margin-left: 20px;
}
@media only screen and (max-width:785px) {
#linksLeft {
margin-left: 35px;}
}

#linksNavi {
	display:block;
}
#linksNavi li a {
display:block;
width:220px;
height:36px;
overflow: hidden;
}

#linksRight {
float: right;
width: 65%;
text-align: left;
margin-right: 15px;
margin-bottom: 70px;
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;     /* 枠線の装飾 */
}
@media only screen and (max-width:785px) {
#linksRight {
width: 60%;
margin-right: 0px;}
}
.subtitle {
position: absolute;
font-family: 'Michroma', "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, メイリオ, sans-serif;
font-size: 43px;
color:#666666;
line-height: 120%;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
overflow: hidden;
}
#linksRight .banner {
margin-top: 60px;
}
#linksRight .banner .item {
font-size: 12px;
color:#888888;
line-height: 140%;
}
#linksRight .banner .item img {
width:70%;
height:auto;
/*outline: solid 1px #000000;*/
}
#linksRight .banner  .item span {
font-size: 15px;
color:#ffffff;
line-height: 140%;
margin-right: 30px;
}