*{
                margin:0;
                padding:0;
            }
            body{
                font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
                padding-top:30px;
                background:#FFF9DF url(../images/title.png) no-repeat top center;
            }
            a.back{
                background:transparent url(../images/back.png) no-repeat 0px 0px;
                position:absolute;
                width:150px;
                height:27px;
                outline:none;
                top:2px;
                right:0px;
            }

           a.deep{
                background:transparent url(../images/deep.png) no-repeat 0px 0px;
                position:absolute;
                width:150px;
                height:27px;
                outline:none;
                top:2px;
                left:0px;
            }
            .reference{
                margin:20px auto;
                width:700px;
                padding:20px;
            }

            .reference p a{
                text-transform:uppercase;
                text-shadow:1px 1px 1px #fff;
                color:#666;
                text-decoration:none;
                font-size:12px;
}
            .reference p a:hover{
                border-bottom:1px dotted #000;
}


.Sreference{
                margin:0px auto;
                width:700px;
                padding:10px;
            }

.Sreference p a{
                text-transform:uppercase;
                text-shadow:1px 1px 1px #fff;
                color:#666;
                text-decoration:none;
                font-size:12px;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                -ms-transition: 0.5s;
                transition: 0.5s;
}

.Sreference p a:hover{
                border-bottom:1px dotted #333;
                color: #000;
}

#mainArea {
               margin:0px auto;
               width: 1024px;
}


#mainArea h1 {
               font-size: 20px;
               font-weight: bold;
               color: #333;
               margin: 25px auto;
               text-align: center;
}

div#mainArea h2 {
       text-align: center;
       font-weight: bold;
       font-size: 20px;
       margin-bottom: 25px;
       padding: 5px 10px 25px 10px;
       color: #000099;
}

div#mainArea h3 {
       text-align: left;
       font-weight: bold;
       font-size: 18px;
       margin-left: 5px;
       padding: 5px 10px;
       color: #000099;
}

#mainArea p {
              font-size: 14px;
              line-height: 2;
              margin: 10px 15px;
              }

.noScript {
       background: #ff8c00;
       padding: 15px 0;
       height: 40px;
       font-size: 15px;
       text-align: center;
}

.menuWrapper{
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-transform:uppercase;
    letter-spacing: normal;
    line-height: 1.45em;
    position:relative;
    margin:20px auto 10px;
    height:768px;
    width:1020px;
    background-position:0 0;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu{
    list-style:none;
    width:1020px;
}
ul.menu > li{
    float:left;
    width:254px;
    height:768px;
    border-right:1px solid #777;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li.last{
    border:none;
}
.bg1{
    background-image: url(../images/1.jpg);
}
.bg2{
    background-image: url(../images/2.jpg);
}
.bg3{
    background-image: url(../images/3.jpg);
}
.bg4{
    background-image: url(../images/4.jpg);
}
ul.menu > li > a{
    float:left;
    width:255px;
    height:50px;
    margin-top:630px;
    text-align:center;
    line-height:50px;
    color:#ddd;
    background-color:#333;
    letter-spacing:1px;
    cursor:pointer;
    text-decoration:none;
    text-shadow:0px 0px 1px #fff;
}
ul.menu > li ul{
    list-style:none;
    float:left;
    margin-top:-180px;
    width:100%;
    height:110px;
    padding-top:20px;
    background-repeat:no-repeat;
    background-color:transparent;
}
ul.menu > li ul li{
    display:none;
}
ul.menu > li ul.sub1{
    background-image:url(../images/bg1sub.png);
}
ul.menu > li ul.sub2{
    background-image:url(../images/bg2sub.png);
}
ul.menu > li ul.sub3{
    background-image:url(../images/bg3sub.png);
}
ul.menu > li ul.sub4{
    background-image:url(../images/bg4sub.png);
}
ul.menu > li ul li a{
    color:#fff;
    text-decoration:none;
    line-height:20px;
    margin-left:20px;
    text-shadow:1px 1px 1px #444;
    font-size:12px;
}

ul.menu > li ul li a.big{
    color:#fff;
    text-decoration:none;
    line-height:20px;
    margin-left:20px;
    text-shadow:1px 1px 1px #696969;
    font-size:12px;
    font-weight: bold;
}


ul.menu > li ul.sub1 li{
    display:block;
}
ul.menu > li ul li a:hover{
    border-bottom:1px dotted #fff;
}



#footer {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 5px;
}

p.kate {
        margin-top: 10px;
        text-align: center;
        color: #a9a9a9;
        font-size: 12px;
        font-style: oblique;
}

p.add {
     margin-top: 25px;
     text-align: center;
     color: #a9a9a9;
     font-size: 14px;
     font-style: oblique;
}

hr {
    padding: 0;
    border: none;
    border-top: medium double #dcdcdc;
    color: #c0c0c0;
    text-align: center;
}

hr.seve {
    padding: 0;
    border: none;
    border-top: medium double #dcdcdc;
    color: #c0c0c0;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 45px;
}

div#wrap {
    width: 1024px;
    margin: 0 auto;
}

div#main {
    width: 506px;
    float: left;
}

div#sub {
    width: 506px;
    float: right;
}

div#container:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

div#pr {
   width: 1024px;
   font-size: 12px;
   margin: 0 auto;
   margin-bottom: 20px;
   color: #333333;
}

img { 
    max-width: 100%;
    height: auto;
} 


img.odd	{
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
}

p.image {
        text-align: center;
        margin: 0 auto;
}

.check {
   color: #ff3366;
   font-weight: bold;
}

.big {
   font-weight: bold;
}

.rei {
   color: #0000ff;
}

.come {
   color: #8b4513;
}

.under {
   border-bottom: 1px dotted;
}

.gomi {
   width: 1024px;
   margin: 0 auto;
   text-align: center;
}

#pagetop {
    position: fixed;
    bottom: 15px;
    right: 20px;
    font-size: 14px;
}

div#mainArea dt {
        height: 20px;
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
        background-image: url(../images/point_d.gif);
        background-repeat: no-repeat;
        background-position: 0 4px;
        padding-left: 20px;
        color: #778899;
        margin-left: 18px;
        line-height: 1.5em;
}

div#mainArea dd {
        padding-left: 30px;
        font-size: 15px;
        color: #383636;
        margin: 15px;
        line-height: 1.5em;
}