* { text-decoration:none; border:none; }

html {
    background:#43587d;
    overflow-x:hidden;
}

body {
    font:13px/2 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; 
    background:#43587d;
}

a {
    color:#2f466a;
}

a:hover {
    color:#820000;
}

a:active {
    color:#ffffff;
}

#page {
    width:900px;
    min-height:600px;
    overflow:hidden;
    margin:0 auto;
    padding:40px 0;
    position:relative;
    left:0;
    top:0;
    line-height:2;
    color:#555555;
}

#header {
    display:block;
    position:relative;
    left:0;
    top:0;
    height:45px;
    overflow:hidden;
}

#header h1 {
    margin-left:45px;
    height:45px;
    line-height:45px;
}

#header h1 a {
    color:#eeeeee;
    text-shadow:0 0 2px rgba(255,255,255,0.5);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}

#header h1 a:hover {
    color:#ffffff;
    text-shadow:0 0 5px rgba(255,255,255,1);
}

#header h1 a:active {
    color:darkorange;
}

#frame2 {
    background:#fafafa url(image/frame2.png) left top repeat-x;
    margin-top:10px;
}
#frame4 { background:url(image/frame4.png) left top repeat-y; }
#frame6 { background:url(image/frame6.png) right top repeat-y; }
#frame8 { background:url(image/frame8.png) left bottom repeat-x; }
#frame1 { background:url(image/frame1.png) left top no-repeat; }
#frame3 { background:url(image/frame3.png) right top no-repeat; }
#frame7 { background:url(image/frame7.png) left bottom no-repeat; }
#frame9 { background:url(image/frame9.png) right bottom no-repeat; }

#contents {
    padding:20px 20px 40px 20px;
}

#mainmenu li a {
    display:block;
    width:62px;
    height:45px;
    position:absolute;
    top:0;
}

#icon1 {
    right:273px;
    background:url(image/menuicon.png) 0px top no-repeat;
}
#icon1:hover { background:url(image/menuicon.png) 0px bottom no-repeat; }

#icon2 {
    right:211px;
    background:url(image/menuicon.png) -62px top no-repeat;
}
#icon2:hover { background:url(image/menuicon.png) -62px bottom no-repeat; }

#icon3 {
    right:149px;
    background:url(image/menuicon.png) -124px top no-repeat;
}
#icon3:hover { background:url(image/menuicon.png) -124px bottom no-repeat; }

#icon4 {
    right:87px;
    background:url(image/menuicon.png) -186px top no-repeat;
}
#icon4:hover { background:url(image/menuicon.png) -186px bottom no-repeat; }

#icon5 {
    right:25px;
    background:url(image/menuicon.png) -248px top no-repeat;
}
#icon5:hover { background:url(image/menuicon.png) -248px bottom no-repeat; }

section {
    display:block;
    width:810px;
    margin:25px auto;
    position:relative;
    left:0;
    top:0;
    overflow:hidden;
}

section h2 {
    margin:20px 0;
    font-size:1.2em;
    font-weight:bold;
    color:#000000;
}

section h3 {
    margin:20px 0;
    font-size:1.1em;
    font-weight:bold;
    color:#000000;
}

section h4 {
    margin:10px 0;
    font-size:1.1em;
    font-weight:bold;
    color:#000000;
}


section p {
    margin:10px 0;
}

.content {
    margin-right:250px;
}

section li {
    margin:10px 0;
    padding-left:36px;
}

.nombre1 { background:url(image/nombre1.png) 6px 6px no-repeat; }
.nombre2 { background:url(image/nombre2.png) 6px 6px no-repeat; }
.nombre3 { background:url(image/nombre3.png) 6px 6px no-repeat; }
.nombre4 { background:url(image/nombre4.png) 6px 6px no-repeat; }
.nombre5 { background:url(image/nombre5.png) 6px 6px no-repeat; }
.nombre6 { background:url(image/nombre6.png) 6px 6px no-repeat; }
.nombre7 { background:url(image/nombre7.png) 6px 6px no-repeat; }
.nombre8 { background:url(image/nombre8.png) 6px 6px no-repeat; }
.nombre9 { background:url(image/nombre9.png) 6px 6px no-repeat; }

section li h3 {
    font-weight:bold;
}

section li del {
    color:#888888;
    text-decoration:line-through;
}

.sample li {
    border:solid 1px #cccccc;
    padding:40px;
    border-radius:10px;	
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;	
    overflow:hidden;
}

aside {
    display:block;
}

.vocabulary {
    overflow:hidden;
}

.vocabulary dt {
    width:auto;
    clear:left;
    margin-right:1em;
}

.vocabulary dd {
    width:auto;
}


.vocabulary li {
    display:inline;
    padding-left:0;
}

.preview {
    float:right;
    margin-left:40px;
}

section dl {
    margin:10px 0;
    position:relative;
    left:0;
    top:0;
    overflow:hidden;
}

section dt {
    width:200px;
    float:left;
}

section dd input, section dd textarea, section dd select {
    display:block;
    width:400px;
    float:left;
    padding:5px;
    border:solid 1px #cccccc;
    border-radius:5px;	
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;	
}

section dd textarea {
    height:200px;
}

.form_subject { background:url(image/form_subject.png) 343px center no-repeat; }
.form_message { background:url(image/form_message.png) 337px 10px no-repeat; }
.form_yourname { background:url(image/form_yourname.png) 364px center no-repeat; }
.form_postcode { background:url(image/form_postcode.png) 379px center no-repeat; }
.form_addrres { background:url(image/form_addrres.png) 337px center no-repeat; }
.form_phone { background:url(image/form_phone.png) 378px center no-repeat; }
.form_mailaddress { background:url(image/form_mailaddress.png) 370px center no-repeat; }
.hissu {
    position:absolute;
    left:620px;
    top:2px;
}
.form_submit {
    width:416px;
    height:46px;
    border:none;
    background:url(image/form_submit.png) left top no-repeat;
}
.form_submit:active {
    position:relative;
    left:0;
    top:1px;
}

.form_submit2 {
    background:url(image/form_submit2.png) left top no-repeat;
}

.coffeetable th, .coffeetable td {
    padding:5px;
}


#submenu {
    margin:40px 25px 25px 25px;
    height:110px;
    position:relative;
    left:0;
    top:0;
    overflow:hidden;
}

.figure {
    margin-top:67px;
    width:190px;
    float:right;
}

.bookLeft {
    position:absolute;
    left:670px;
    top:0;
}

.bookRight {
    position:absolute;
    left:740px;
    top:0;
}

.figure img, .figure a, .figure span, .bookRight img, .bookRight a, .bookRight span, .bookLeft img, .bookLeft a, .bookLeft span {
    display:block;
}

.goto1, .goto2, .goto3, .goto4, .goto5 {
    width:100px;
    height:50px;
}

.goto1 { background:url(image/goto.png) 0 bottom no-repeat; }
.goto1:hover { background:url(image/goto.png) 0 top no-repeat; }

.goto2 { background:url(image/goto.png) -100px bottom no-repeat; }
.goto2:hover { background:url(image/goto.png) -100px top no-repeat; }

.goto3 { background:url(image/goto.png) -200px bottom no-repeat; }
.goto3:hover { background:url(image/goto.png) -200px top no-repeat; }

.goto4 { background:url(image/goto.png) -300px bottom no-repeat; }
.goto4:hover { background:url(image/goto.png) -300px top no-repeat; }

.goto5 { background:url(image/goto.png) -400px bottom no-repeat; }
.goto5:hover { background:url(image/goto.png) -400px top no-repeat; }

.bookLeftOff { background:url(image/ibooks.png) 0 top no-repeat; }
.bookRightOff { background:url(image/ibooks.png) -70px top no-repeat; }


.bookLeftOn {
    width:70px;
    height:110px;
    background:url(image/ibooks.png) 0 center no-repeat;
}
.bookLeftOn:hover { background:url(image/ibooks.png) 0 bottom no-repeat; }

.bookRightOn {
    width:70px;
    height:110px;
    background:url(image/ibooks.png) -70px center no-repeat;
}
.bookRightOn:hover { background:url(image/ibooks.png) -70px bottom no-repeat; }


.prof_map {
    position:absolute; left:330px; top:65px;
}

#fontControl {
    position:absolute;
    left:625px;
    top:0px;
    padding-left:20px;
    background:url(image/aa.png) left center no-repeat;
}

#slider_fontsize {
    width:140px;
    height:16px
}

#prof {
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
}

.download {
    display:block;
    width:74px;
    height:120px;
    float:right;
    margin-left:40px;
    background-image:url(image/download.png);
    background-repeat:no-repeat;
}

.game1 { background-position:0 0; }
.game1:hover { background-position:-74px 0; }
.game2 { background-position:-148px 0; }
.game2:hover { background-position:-222px 0; }
.game3 { background-position:-296px 0; }
.game3:hover { background-position:-370px 0; }
.game4 { background-position:-444px 0; }
.game4:hover { background-position:-518px 0; }

.download_big {
    display:block;
    width:410px;
    height:40px;
    margin:40px auto;
    background:url(image/download_big.png);
}

.download_big:active{
    position:relative;
    left:0;
    top:1px;
}

.kouka { width:100% }


.kouka th, .kouka td {
    padding:5px;
    border:solid 1px #cccccc;
}

fieldset p {
    padding:10px 0 10px 10px;
}

fieldset input {
    margin-left:1em;
}

.oshirase {
    display:block;
    width:410px;
    height:40px;
    margin:0 0 40px 200px;
    background-image:url(image/oshirase.png);
    background-repeat:no-repeat;
}

.oshirase1 {
    background-position:left top;
}

.oshirase2 {
    background-position:left bottom;
}

.links li {
    display:inline;
}

.links li a {
    display:block;
    float:left;
    margin-right:1em;
    white-space:nowrap;
}

section code {
    display:block;
    margin:1em 0;
    padding:40px;
    background:#eeeeee;
    border-radius:10px;	
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;	
    font:18px/2 serif;
}