@charset "utf-8";

/*---------------------------------------------------

File name:      base.css
Author:         Scholex co., ltd.
update:         2010/10/30

--------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
  overflow-y: scroll;
  height: 100%;
  background-color: #ffffff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

q {
  font-style: normal;
}

q:before {
  content: no-open-quote;
}

q:after {
  content: no-close-quote;
}

object,
embed,
img {
  vertical-align: top;
}

hr,
legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

img,
abbr,
acronym,
fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

p {
  margin: 0 0 15px 0;
  line-height: 1.7em;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
  color: #333333;
  font-size: 80%;
  /*font-family:Georgia,Times New Roman,Times,Meiryo,serif;*/
  /*font-family: verdana,helvetica,arial,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","£Í£Ó ¥´¥·¥Ã¥¯",sans-serif;*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  background-color: #ffffff;
  text-align: center;
}

/*----------------------------------------------------
	Link
 ----------------------------------------------------*/

a {
  text-decoration: none;
  transition-duration: 0.2s;
}

a:link {
  color: #330099;
}

a:visited {
  color: #330066;
}

a:hover {
  color: #660066;
  opacity: 0.8;
}

a:active {
  color: #666633;
}
a dt:hover,
a dd:hover {
  opacity: 0.8;
}

/*----------------------------------------------------
	.clearfix
 ----------------------------------------------------*/

.clearfix:after {
  content: "."; /* ¿·¤·¤¤Í×ÁǤòºî¤ë */
  display: block; /* ¥Ö¥í¥Ã¥¯¥ì¥Ù¥ëÍ×ÁÇ¤Ë */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}