* {
padding: 0;
margin: 0;
}

body {
background: #eee repeat-y;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
}

div#container {
width: 950px;
margin: 0px auto;
position: relative;
background: #fff;
box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.25);
}

a:link {
color: #80c4ff;
}

a:visited {
color: #4062ff;
}

a:hover {
color: #07ffff;
}

h1 {
width: 950px;
height: 584px;
background: url(../images/h1.jpg) no-repeat;
text-indent: -4096px;
}

h2 {
position: absolute;
width: 564px;
height: 177px;
text-indent: -4096px;
overflow: hidden;
}

h2.col01 {
top: 406px;
left: 374px;
background: url(../images/col01.jpg) no-repeat;
}

h2.col02 {
top: 811px;
left: 374px;
background: url(../images/col02.jpg) no-repeat;
}

p.col01, p.col02 {
position: absolute;
width: 520px;
left: 398px;
line-height: 150%;
color: #333;
-webkit-text-size-adjust: none;
}

p.col01 {
top: 495px;
font-size: 14px;
}

p.col02 {
top: 865px;
font-size: 12px;
}

p#mid {
background: url(../images/bg_mid.jpg) no-repeat;
position: relative;
width: 950px;
height: 405px;
}

p#mid img {
position: absolute;
width: 320px;
height: 180px;
}

p#mid img#img01 {
top: 22px;
left: 602px;
}

p#mid img#img02 {
top: 208px;
left: 24px;
}

p#mid span {
position: absolute;
width: 320px;
height: 180px;
font-size: 10px;
color: #fff;
font-weight: bold;
text-shadow: 0px 0px 3px #000;
}

p#mid span#img-caption01 {
top: 22px;
left: 602px;
}

p#mid span#img-caption02 {
top: 208px;
left: 24px;
}


ul {
width: 350px;
height: 216px;
position: relative;
margin-bottom: 108px;
left: 540px;
list-style: none;
}

ul li a {
height: 72px;
position: absolute;
top: 0px;
background: url(../images/ul.jpg) no-repeat;
overflow: hidden;
text-indent: -4096px;
}

ul li#application a {
width: 221px;
left: 9px;
top: 0px;
background-position: -11px 0px;
}

ul li#experience a {
width: 382px;
left: 11px;
top: 72px;
background-position: -232px 0px;
}

ul li#voice a {
width: 324px;
left: 11px;
top: 144px;
background-position: -614px 0px;
}

ul li#application a:hover {
background-position: -11px -72px;
}

ul li#experience a:hover {
background-position: -232px -72px;
}

ul li#voice a:hover {
background-position: -614px -72px;
}

address {
width: 950px;
height: 35px;
background: #000;
color: #fff;
position: relative;
font-size: 10px;
text-indent: 278px;
-webkit-text-size-adjust: none;
line-height: 35px;
}


address a#shobi-name {
position: absolute;
top: 0px;
left: 16px;
width: 262px;
height: 35px;
background: url(../images/shobi.jpg) no-repeat;
overflow: hidden;
text-indent: -4096px;
}

address a#shobi-name:hover {
background-position: 0px -35px;
}

span#tel-num {
position: absolute;
top: 0%;
right: 24px;
font-style: normal;
font-size: 12px;
}

.twitter-timeline {
margin-top: 9px;
margin-left: 22px;
float: left;
}


a#cocolo {
display: block;
background: url(../images/bnr_va_cocolo.png) no-repeat;
height: 76px;
width: 360px;
text-indent: -4096px;
overflow: hidden;
float: left;
margin-left: 560px;
margin-top: -96px;
box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.25);
}

a#cocolo:hover {
background-position: 0px -76px;
}