/* initialize and formatting */
* 
{
  margin: 0;
  padding: 0;
  font-size: 98%;
  font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", 
Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
text-align:justify;
text-justify:inter-ideograph ;
}


a, a:link, a:visited {
  color:purple ;
  background-color: transparent;
  text-decoration: none;
}

a:hover, a:active {
  color: #ff9900;
}

ul {
  margin-bottom: 1em;
  list-style-type: none;
  list-style-position: outside;
}

dl, dd {
  margin-bottom: 0.5em;
}
p {
  margin-bottom: 1em;
  margin-right:10px;
  margin-left:10px;
  font-size: 95%;
}



/* common styles */

body {  
background:#000000 url(../image/photo3-back.gif)  fixed   right no-repeat ;
}

h1{
color:#ffffff;
font-size:50px;
margin:30px 10px 10px 10px;
}

div#container {
  width: 760px;
  height: auto;
  min-height:600px;
  color: #ffffff;
  background:url(../image/) repeat;
  div-align:left;
}

div#navi{
width:140px;
height:auto;
float:left;
padding-left:10px;
}


div#contents{
height:auto;
width:610px;
float:right;
}



h2{
border-bottom:#333333 solid 3px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
margin-top:30px;
}




img{
border:none;
}
p.skipLink, p.hPhrase {
  display: none;
}

p.fClear {
  clear: both;
  height: 0;
}


p#sitefooter{
text-align:center;

}

img.title{
margin:20px 0px 20px 170px;
}

img.soon{
margin-top:40px;
margin-left:80px;
margin-bottom:30px;
}

p{
margin-left:80px;
margin-right:20px;

}

p#back{
text-align:right;
font-size:150%;
}
p#back a{
color:purple;
}

p#back a:hover{
color:orange;
}

img.photo1{
margin-top:10px;
margin-left:80px;
float:left;
}
img.photo2{
margin-top:10px;
margin-left:10px;
float:right;
}

div#photo{
width:760px;
height:180px;
}

li a:hover{
color:green;
}

li {
color:black;
}

h4{
margin-left:80px;
margin-right:20px;
font-size:180%;
color:#FFFF00;
}