@charset "utf-8";

/*________________________________________________________ リセット _____*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color: #000;
background: #FFF;
font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
* font-size:small;
* font:x-small;
text-align: left;
}
html,
body{
height: 100%;
}
ol, ul {
list-style: none;
}
img{
vertical-align: top;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
sup{
font-size: 77%;
}
sub{
font-size: 77%;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}



/*________________________________________________________ class _____*/
.clearfix{
zoom:1;
display: inline-block;
}
.clearfix:after{
content:".";
display: block;
clear:both;
height:0px;
line-height:0; 
visibility:hidden;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}

.clear{clear:both;}
.left{float: left;}
.right{float: right;}



/*________________________________________________________ link _____*/

a{
}
a:hover{
}
a img{
border: none;
margin: 0;
padding: 0;
}



/*________________________________________________________ base _____*/
#wrapper{
position: absolute; 
top: 50%; 
left: 50%; 
margin-left: -450px; 
margin-top: -265px; 
width: 900px; 
height: 500px;
}

.left{
width:220px;
}
.right{
width:600px;
text-align:left;
}


.junoyama{
    margin-top: 100px;
}
.junoyama img{
    width: 150px;
}
.mainimg{
    margin-top: 85px;
}
.mainimg img{
    width: 100%;
}
.copyright{
    text-align: right;
    margin-top: 20px;
    font-size: 10px
}

#wrapper .left h1{
	padding-bottom:58px;
}
#wrapper .left p{
	padding-top:73px;
}

#wrapper ul{
width:160px;
}
#wrapper ul li{
float:left;
height:40px;
}
#wrapper ul li#navi1{
width:120px;
margin-bottom:14px;
}
#wrapper ul li#navi2{
width:160px;
}
#wrapper ul li a{
display:block;
overflow:hidden;
}
#wrapper ul li#navi1 a:hover{
background: url(../images/navi1_o.gif) no-repeat;
text-indent:-9999px;
}
#wrapper ul li#navi2 a:hover{
background: url(../images/navi2_o.gif) no-repeat;
text-indent:-9999px;
}