body { color: #ccc; font-size: 13px; font-family: メイリオ, "Meiryo UI", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 1.5em; background-color: #161616; margin: 0; padding: 0; }
p {}

td { background-color: #303030; text-align: center; width: 120px; }

a:link { color: #999 }

a:visited { color: #999 }

a:hover { color: #9ff ; font-weight: bold; }

a:active { color: red }
h1 { color: #3cf; font-size: 24px; font-weight: bold; text-align: center; margin: 0.67em 0; }
h2 { font-size: 18px; font-weight: bold; line-height: 1em; margin: 0.83em 0; }
h3 { font-size: 18px; font-weight: bold; line-height: 1.5em; background-color: #333; clear: both; margin: 0 0 5px; padding-left: 10px; display: block; }
h4 { color: #333; font-size: 16px; line-height: 32px; background-color: #ccc; text-align: center; vertical-align: sub; width: 220px; margin: 0; }
h5 { color: #ccc; font-size: 16px; font-weight: bold; line-height: 32px; background-color: #333; margin: 0; }
h6 { font-size: 13px; font-weight: bold; line-height: 20px; background-color: #000; text-decoration: none; text-align: center; width: 200px; height: 20px; float: right; margin: 0 10px 10px; display: block; }
.wraper { width: 980px; margin-right: auto; margin-left: auto; padding-top: 20px; }
.header { background-color: #03c; background-image: url(../image/headmark.gif); background-repeat: no-repeat; text-align: right; width: 960px; height: 100px; padding-right: 20px; }
.position { width: 960px; height: 20px; margin: 0; padding-left: 20px; }
.topimage { background-image: url(../image/topimage.jpg); background-repeat: no-repeat; width: 940px; height: 240px; margin-right: 20px; margin-left: 20px; }
.topimage p { color: #ccc; font-size: 18px; font-weight: bold; line-height: 24px; background-color: #666; text-align: center; width: 528px; margin-right: 186px; margin-left: 186px; padding: 10px 20px; display: block; }
.menu { color: #999; font-size: 16px; font-weight: normal; line-height: 1.5em; background-image: url(../image/menu_logo.gif); background-repeat: no-repeat; width: 980px; height: 80px; margin: 0; }
.menu p { text-align: center; width: 140px; float: right; margin-top: 20px; margin-right: 20px; display: block; }
.menu p a { color: #999; text-decoration: none; width: 140px; border-bottom: 1px solid #999; display: block; }
.menu p a:hover { color: #9ff; font-weight: bold; border-bottom-color: #9ff; border-bottom-width: 15px; }
.current { font-size: 16px; line-height: 1.5em; background-color: #03f; border-bottom: 1px solid #333; display: block; }
.headline { width: 780px; height: 170px; padding: 30px 100px 10px; }
.headbox { width: 300px; height: 200px; float: left; margin-bottom: 50px; padding-left: 20px; }
.headbox-r { width: 300px; height: 200px; float: right; margin-bottom: 50px; padding-right: 20px; padding-left: 20px; }
.news { width: 220px; height: 370px; margin: 0; overflow: hidden; }
.newsbox { background-color: #333; width: 220px; height: 400px; float: left; margin-bottom: 20px; margin-left: 20px; }
.contents { line-height: 1em; background-color: #333; text-align: center; width: 220px; height: 190px; float: left; margin-top: 0; margin-bottom: 20px; margin-left: 20px; }
.news p { width: 200px; margin-right: 10px; margin-left: 10px; border-bottom: 1px dotted #999; }
.link { background-color: #161616; width: 220px; height: auto; float: right; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }
.link p { background-color: #333; text-align: center; width: 220px; height: 86px; margin-top: 6px; margin-bottom: 0; }
.link p a { text-decoration: none; }
.link p a:hover { background-color: #999; width: 220px; height: 86px; margin: 0; display: block; }
.footer { color: #666; background-image: url(../image/footer.png); background-repeat: no-repeat; text-align: center; width: 980px; height: 350px; clear: both; }
.footlink { line-height: 2em; width: 100%; height: 80px; padding-top: 30px; padding-bottom: 90px; }
.about-menu { width: 220px; height: auto; float: left; margin-top: 0; margin-left: 20px; }
.about-menu p { font-size: 16px; line-height: 40px; background-color: #333; text-align: center; margin-top: 0; margin-bottom: 2px; display: block; }
.about { width: 700px; height: auto; float: right; margin-right: 20px; margin-left: 20px; }
.about iframe { width: 460px; height: 460px; float: left; margin: 0 0 20px; padding: 0; }
.about-text { width: 220px; height: 460px; float: right; margin-top: 0; margin-left: 20px; }
.photo { text-align: center; width: 300px; height: 872px; float: left; margin-top: 0; margin-left: 20px; }
.photo p { width: 300px; height: 200px; margin-top: 10px; margin-bottom: 0; }
.about-menu p a { text-decoration: none; display: block; }
.about-menu p a:hover { line-height: 40px; background-color: #666; display: block; }
.newswindow { width: 480px; margin-top: 20px; margin-right: 20px; margin-left: 20px; }
.newswindow p { width: 100%; margin: 0; border-bottom: 2px dotted #ccc; }
.link-left { width: 220px; height: auto; float: left; margin-top: 17px; margin-right: 0; margin-left: 20px; }
.link-left p { width: 220px; height: auto; margin-top: 10px; margin-bottom: 0; }
.link-left p a { text-decoration: none; }
.link-left p a:hover { width: 220px; height: auto; margin: 0; }
.about-text p { font-size: 14px; margin-top: 0; }
.about-top { width: 460px; height: auto; float: left; margin-left: 20px; }
#momijiyama { background-image: url(../image/momijiyama.jpg); background-repeat: no-repeat; width: 460px; height: 150px; float: right; margin-top: 20px; margin-left: 20px; }
#momijiyama p { margin-left: 20px; }
#momijiyama p a { color: #fff; }
.about li { }
.blog50 { width: 720px; height: auto; float: right; margin-left: 20px; }
.blog50 p { background-color: #1e1e1e; width: 220px; height: 120px; float: left; clear: right; margin: 0 20px 10px 0; overflow: hidden; }
#relaxia { text-align: center; width: 199px; height: auto; margin-right: 11px; margin-left: 10px; }
.link-right { text-align: center; width: 220px; height: auto; float: right; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }
.link-right p { text-align: center; width: 220px; height: auto; margin-top: 10px; margin-bottom: 0; }
.link-right h4 a { color: #333; text-decoration: none; margin-top: 10px; display: block; }
.approach { font-size: 14px; line-height: 1.5em; width: 640px; clear: both; margin-right: 20px; margin-left: 20px; }
p img.left { vertical-align: super; float: left; clear: left; margin-right: 10px; margin-bottom: 10px; }
p img.right { float: right; margin-bottom: 10px; margin-left: 10px; }
.approach-head { font-size: 16px; font-weight: bold; line-height: 30px; background-color: #333; text-align: center; letter-spacing: 0.2em; width: 640px; margin-top: 20px; margin-right: 20px; margin-left: 20px; }
#caption { font-size: 16px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; font-weight: bold; background-color: #404040; margin-right: 6px; margin-left: 6px; }
.th { color: #9ff; font-size: 14px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; background-color: #666; }
td.course { text-align: left; width: 420px; padding-left: 15px; }
th,td { border-right: 6px solid #161616; border-bottom: 6px solid #161616; }
table { margin-top: 20px; margin-right: 20px; margin-left: 20px; border-top: 6px solid #161616; border-left: 6px solid #161616; }
h6 a { text-decoration: none; }
h6 a:hover { color: #33fff1; font-weight: 900; }
#aboutcoffee { font-weight: bold; line-height: 1em; background-image: url(../image/about.jpg); background-repeat: no-repeat; text-align: center; width: 220px; height: 190px; float: left; margin-top: 0; margin-bottom: 20px; margin-left: 20px; }
#howcoffee { line-height: 1em; background-image: url(../image/howcoffee.jpg); background-repeat: no-repeat; text-align: center; width: 220px; height: 190px; float: left; margin-top: 0; margin-bottom: 20px; margin-left: 20px; }
#blog { line-height: 1em; background-image: url(../image/blog.jpg); background-repeat: no-repeat; text-align: center; width: 220px; height: 190px; float: left; margin-top: 0; margin-bottom: 20px; margin-left: 20px; }
#brazil { width: 220px; height: 168px; margin: 325px 0 0; }
.instagram { text-align: center; width: auto; height: auto; margin-top: 40px; }
.facebook { text-align: left; width: 99px; height: 80px; margin-left: 20px; }
.sns { text-align: center; height: 80px; margin-top: 40px; }