HTML *
{
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック",sans-serif;
 font-size: 10pt;
 color:#666;
}

.fontsize {
position:absolute;
float:left;
vertical-align:top;
list-style:none;
top:30px;
left:784px;
width:116px;
height:19px;
}
.fontsize dl dt {
float:left;
clear:left;
width:50px;
font-size:0;
}
.fontsize dl dd {
margin-left:50px;
}

.fontsize dl dd ul {
float:left;
}

.fontsize dl dd ul li {
float:left;
padding-left:3px;
margin:0;
}

body{
 text-align: center;
 margin : 0;
 background: fixed repeat 10px 100% #fff;
 /*background:url(images/bg_dot.gif) fixed repeat 10px 100% #000;*/
 /*background: fixed repeat 10px 100% #000;*/
}

img {
 border-color: #000;
 border: 1px;
}

a {
 text-decoration: none;
 color: #FFA500;
 border-style: dotted;
 border-color: #FFA500;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-bottom-width: 0px;
}

a:hover {
 text-decoration:none;
 color:#A50;
 border-style: dotted;
 border-color: #A50;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-bottom-width: 0px;
}

a:active {
 text-decoration:none;
 color:#A50;
}

#main{
 background: #FFF;
 width:800px;
 margin:0 auto;
 text-align:left;
}

#main_padding{
 margin:0 5px;
}

.title{
 background:url(title.gif) no-repeat left #FFF;
 width : 790px;
 height : 70px;
}

.img_area{
 width: 790px;
 height: 350px;
 margin: 5px 0px 5px 0px;
 background:url(main_photo.jpg);
}

.img_area2{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(main_photo2.gif);
}

.img_area2_0201{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_01.jpg);
}

.img_area2_0202{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_02.jpg);
}

.img_area2_0203{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_03.jpg);
}

.img_area2_0204{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_04.jpg);
}

.img_area2_0205{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_05.jpg);
}

.img_area2_0206{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_06.jpg);
}

.img_area2_0207{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_07.jpg);
}

.img_area2_0208{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_08.jpg);
}

.img_area2_0209{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_09.jpg);
}

.img_area2_0210{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_10.jpg);
}

.img_area2_0211{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_11.jpg);
}

.img_area2_0212{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_12.jpg);
}

.img_area2_0213{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_13.jpg);
}

.img_area2_0214{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_14.jpg);
}

.img_area2_0215{
 width: 790px;
 height: 200px;
 margin: 5px 0px 5px 0px;
 background:url(02_15.jpg);
}

.main{
 width:560px;
 float:left;
}

.main_title{
 background:url(menu.gif) no-repeat left #FFF;
 width : 560px;
 height : 50px;
 margin: 10px 0px 0px 0px;
}

.main_contents{
 width:560px;
 padding: 20px 20px 20px 20px;
 border-style: solid;
 border-color: #B4B4B4;
 border-top-width: 0px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-width: 0px;
}

.main_contents_footer{
 background:url(contents_footer.gif) no-repeat left #FFF;
 width : 560px;
 height : 27px;
 margin: 0px 0px 0px 0px;
}


.main_side_title{
 background:url(main_side.gif) no-repeat left #FFF;
 width : 220px;
 height : 50px;
 margin: 10px 0px 0px 0px;
}

.main_side2_title{
 background:url(main_side2_title.gif) no-repeat left #FFF;
 width : 220px;
 height : 27px;
 margin: 10px 0px 0px 0px;
}

.main_side{
 width:220px;
 float:right;
}

.main_side_contents{
 text-align: center;
 width:220px;
 padding: 10px 7px 0px 7px;
 border-style: solid;
 border-color: #B4B4B4;
 border-top-width: 0px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-width: 0px;
}

.main_side_baner{
 width:220px;
 padding: 10px 7px 0px 7px;
 border-style: solid;
 border-color: #B4B4B4;
 border-top-width: 0px;
 border-right-width: 1px;
 border-left-width: 1px;
 border-bottom-width: 0px;
}

.main_side_list{
	width: 220px;
	background:url(side_menu.jpg);
	list-style:circle url(list.jpg) inside;
	padding:15px 10px;
}

.main_side_footer{
 background:url(main_side_footer.gif) no-repeat left #FFF;
 width : 220px;
 height : 27px;
 margin: 0px 0px 0px 0px;
}

.copyright{
 width:790px;
 float:left;
 margin: 20px 0px 0px 0px;
 padding: 10px 0px 10px 0px;
 border-style: solid;
 border-color: #B4B4B4;
 border-top-width: 1px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-bottom-width: 0px;
 font-size: 8pt;
 text-align:right;
 letter-spacing: 1pt;
}

.text_title p {
 background: #F9F9F9;
 padding : 7px 7px;
 width: 518px;
 text-align: left;
 border-style: dotted;
 border-color: #B4B4B4;
 border-top-width: 0px;
 border-right-width: 0px;
 border-left-width: 0px;
 border-bottom-width: 1px;
}

div.arrow {
 text-align: right;
}

div.arrow_footer {
 float:left;
 width:790px;
 text-align: right;
}

.btn {
 color:#666;
 background:#FFFFFF;
 border: 1px solid;
 border-color:#708090;
}

.clear{
	clear:both;
	line-height:0;
	height:0;
}

#mv {
  width: 790px;
  height: 350px;
}

.screen {
  position: absolute;
  width: 790px;
  height: 350px;
  overflow: hidden;
  background-color:white;
}

.inscreen {
  position: absolute;
}