@charset "utf-8";
*{
margin:0;
padding:0;
}

body{
padding:20px;
text-align:center;
background:#fff;
color:#333;
font:95%/140% "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
}

h1{
font:bold 95% "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
color: #f00;
letter-spacing:3px;
text-transform:uppercase;
}

h2,h3{
font:bold 90% "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
letter-spacing:3px;
text-transform:uppercase;
}

a{
color:#66f;
text-decoration:none;
outline:none;
}

a:hover{
color:#f60;
}

.caption{
color:#333;
}

.demo{
position:relative;
margin-top:2em;
}

.gallery_demo{
width:700px;
margin:0 auto;
}

.gallery_demo li{
width:60px;
height:48px;
border:2px solid #4f4f4f;
margin: 0px 3px;
background:#fff;
}

.gallery_demo li div{
left:240px;
}

.gallery_demo li div .caption{
font:0.7em/1.4 "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
}

#main_image{
margin:0 auto 60px auto;
height:560px;
width:700px;
background:#fff;
}

#main_image img{
margin-bottom:18px;
}

.nav{
padding-top:15px;
clear:both;
font:85% "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
letter-spacing:3px;
text-transform:uppercase;
}

.info{
text-align:left;
width:700px;
margin:30px auto;
border-top:1px dotted #333;
padding-top:30px;
}

.info p{
margin-top:0;
}

.footer{
margin-top:200px ;
clear:both;
font:90% "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
letter-spacing:1px;
text-transform:uppercase;
}