@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

/* total link */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }

/* layout */

#back {
  text-align: right;
}


body {
  -webkit-text-size-adjust : none;
  text-align: center;
  font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", "Meiryo", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-color: #def;
}

#wrapper {
  text-align: left;
  width: auto;
  margin: 20px auto;
  border: 1px solid #333;
  background-color: #fff;
}

#header {
  width: auto;
  height: 135px;
  margin-bottom: 20px;
  position: relative;
  background-color: #33f;
/* background: url(../images/bluesky_1c.png) repeat 0 0; */
}

#header a.selected {
  text-decoration: none;
  color: #0f0;
}

#container {
  margin-bottom: 40px;
  padding: 20px 0 0;
  /*
  background: url(../images/bg-container.jpg) repeat-y 100% 0;
  */
}

#contents {
 width: auto;
 float: none;
 
 padding: 0 20px 0 20px;

 display: block;
 font-style: normal;
 font-weight: normal;

 text-align: left;
}

#subcol {
 width: auto;
 float: right;
 padding: 0 10px 0 5px;
}

#footer {
  font-size: 100%;
  padding: 10px 0 10px;
  background: #444;
}


/* header block */




/* keyword 
h1 {
  font-size: 100%;
  font-weight: normal;
  position: absolute;
  top: 40px;
  left: 100px;
  color: #2ff;
}
*/

/* logo */
.logo {
  font-size: 100%;
  position: absolute;
  top:  15px;
  left: 15px;
}

.logo a {
  text-decoration: none;
  color: #fff;
}

.logo a:hover {
  text-decoration: none;
  color: #f00;
}

/* language */
.language {
  font-size: 80%;
  position: absolute;
  top: 10px;
  right: 10px;
}

.language a {
  text-decoration: none;
  color: #fff;
}


.language a:hover {
  text-decoration: none;
  color: #f00;
}


/* display mode - smart phone or PC */
.display {
  font-size: 80%;
  position: absolute;
  top: 72px;
  right: 10px;
}

.display a {
  text-decoration: none;
  color: #fff;
}

.display a:hover {
  text-decoration: none;
  color: #f00;
}



/* top navigation */
#topnav {
  list-style-type: none;
  float: none;
  
  width: 100%;
  height: 28px;
  padding-top: 6px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #444;
}

#topnav li { display: inline; }

#topnav a {
  text-decoration: none;
  font-size: 80%;
  padding: 0 2px 0 4px;
  color: #eee;
}

#topnav a.selected {
  color: #ff0;
}

#topnav li a:hover {
  color: #09f;
}

/* contents */

p.border {
	border-bottom: 1px solid gray;
	padding-bottom: 10px;
}

img.pc {
width: 420px;
}

img.sp {
width: 280px;
}


/* midashi-bubun */

h1,h2,h3,h4,h5 {

  font-size: 100%;
  font-weight: normal;
  height: 50px;
  margin-bottom: 0;
  padding: 8px 0 0 8px;
  background: url(../images/bg-h2_1120.jpg) no-repeat 0 0;
}
h2,h3,h4,h5 { margin-top: 1em; }

h6 {
  font-size: 100%;
  font-weight: normal;
  height: 20px;
  margin-bottom: 1em;
  padding: 10px 0 0 10px;
}

h6 { margin-top: 1em; }

/* fonts */
#contents p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

/* list points */
#contents dl {
  margin: 0;
  padding: 0 0 0.5em 0;
  list-style: none;
}
#contents dt {
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 2;
  color: #333;
  background: url(../images/point.png) no-repeat 0 0.5em;
}
#contents dd {
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 1;
  color: #333;
}


/* tr list points */
#contents tr {
  margin: 0;
  padding: 0 0 0.5em 0;
  list-style: none;
}
#contents th {
  margin: 0;
  padding: 0 0 0 2px;
  line-height: 1.5;
  text-align: left;
  vertical-align: baseline;
  color: #33D;
}

#contents td {
  margin: 0;
  padding: 0 0 0 2px;
  line-height: 1.5;
  text-align: left;
  vertical-align: baseline;
  color: #333;
}


/* footer */

#footer p {
  color: #fff;
  text-align: center;
}

#footer a {
  color: #ccc;
  text-align: center;
}

#footer a.selected {
  color: #ff0;
}