@charset "utf-8";
/*CSS for e-Associates Inc web site*/
/* Gakuto Ochi,e-Associates.Inc*/


/*----------------------------
non css contents
----------------------------*/
hr {
  display: none;
}

#shortcut {
  display: none;
}

/*----------------------------
common
----------------------------*/
/*default setting*/
* {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
  color: #232323;
  margin: 0;
  padding: 0;
}

span.alt {
  display: none;
  font-size: 1px;
}

html {
  height: 100%;
}

body {
  margin: 0;
  font-size: 83%;
  text-align: center;
  height: 100%;
  background-color: #fff;
}

img {
  border: none;
}

p {
  margin: 0 0 1em 0;
}

/*----------------------------
link
----------------------------*/

a:link {
  color: #984a3b;
}

a:visited {
  color: #984a3b;
}

a:hover {
  color: #a66755;
}

/*----------------------------
box
----------------------------*/
div#wrapper {
  width: 900px;
  position: relative;
  height: 100%;
  min-height: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}

div#header {
  width: 900px;
  height: 60px;
  margin: 0 auto;
}

.smallnav_sitemap a {
  background: url(../img/sitemap.gif) no-repeat;
  width: 115px;
  height: 24px;
  text-indent: -9999px;
}

.smallnav_sitemap a:hover {
  background: url(../img/sitemap_on.gif) no-repeat;
}

.smallnav_english a {
  background: url(../img/btn_english.gif) no-repeat;
  width: 115px;
  height: 24px;
  text-indent: -9999px;
}

.smallnav_english a:hover {
  background: url(../img/btn_english_on.gif) no-repeat;
}

/*ad zone*/
div#adbox_top {
  display: block;
  clear: both;
  width: 900px;
  height: 190px;
  background: url(../img/bannar_back.jpg) no-repeat;
  cursor: n-resize;
  border: none;
  margin: 0 auto 10px auto;
}

div#adbox {
  display: block;
  clear: both;
  width: 900px;
  border: none;
  margin: 0 auto 10px auto;
}

div#breadcrumbs {
  display: block;
  width: 900px;
  margin: 0 auto 5px auto;
  font-size: 80%;
  padding: 2px 0;
  text-align: left;
}

div#content {
  padding: 5px 0 5px 0;
  width: 100%;
  clear: both;
  text-align: left;
  height: auto;
}

div#main {
  width: 640px;
  text-align: left;
  float: left;
  margin-left: 0.5em;
  margin: 0 0 2em 0;
}

div#main p {
  text-align: left;
  margin-left: 1em;
}

#main h2 {
  font-size: 110%;
  font-weight: normal;
  color: #901f1c;
  padding-bottom: 3px;
}

#main ul {
  margin: 3px 0 3px 10px;
  text-align: left;
  list-style: outside;
}

#main h3 {
  font-size: 14px;
  border-left: 5px solid #7E0A24;
  padding: 5px 0 5px 10px;
  margin: 2em 0 5px 0;
  background: rgb(226, 226, 226);
  background: linear-gradient(0deg, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 100%);
  /*  background: url(../img/bg_heading.gif) repeat-x top left; */
}

#main h4 {
  color: #4f0d12;
  padding-left: 10px !important;
  text-align: left;
  margin: 0.5em 0;
  width: auto;
  font-size: 100%;
  border-left: 5px solid #EECACD;
  border-bottom: 1px solid #ccc;
}

#main_one_column p {
  text-align: left;
  padding-bottom: 1em;
  margin-left: 1em;
}

div#main_one_column {
  width: 860px;
  margin-left: 1.5em;
  text-align: left;
}

div#main_one_column h2 {
  font-size: 120%;
  font-weight: bold;
  border-left: 5px solid #7E0A24;
  background: url(../img/bg_heading.gif) repeat-x top left;
  padding: 0px 1em;
  margin: 2em 5px 5px;
}

div#main_one_column h3 {
  color: #4f0d12;
  padding-left: 10px !important;
  text-align: left;
  margin: 0.5em 0;
  width: auto;
  font-size: 100%;
  border-left: 5px solid #EECACD;
  border-bottom: 1px solid #ccc;
}

div#side {
  margin-left: 650px;
  text-align: right;
}

div#side p {
  margin-bottom: 0;
}

div #side .security {
  text-align: center;
  width: 220px;
  margin-left: 30px;
}

div #side .security img {
  margin: 0 10px 10px;
}

div#footer {
  clear: both;
  font-size: 0.8em;
  color: #363636;
  text-align: center;
  background: #FFF url(../img/bg_footer.gif) repeat-x top;
  margin: 30px 0 0 0 !important;
  padding: 0;
}

div#jump_to_top {
  text-align: right;
  float: right;
  margin: 0;
  padding: 0 50px 10px 0;
}

div#footer_link {
  text-align: center;
  margin: 0;
  padding: 4px 0;
}

/*Grobal Navigation*/
#grobal_nav {
  width: 900px;
  display: block;
  clear: both;
  margin: 5px auto 0 auto;
}

div#grobal_nav ul {
  margin: 0;
  padding: 0px;
  list-style: none;
}

div#grobal_nav ul li {
  float: left;
  width: 180px;
  height: 35px;
  /* display: inline; */
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

div#grobal_nav ul li a {
  display: block;
  height: 35px;
  margin: 0;
  font-size: 1px;
  text-indent: -9999em;
  padding: 0;
  background-repeat: no-repeat;
}

div#grobal_nav ul li a#g01 {
  background: url(../img/grobalnav_01.gif);
}

div#grobal_nav ul li a:hover#g01 {
  background: url(../img/grobalnav_01_o.gif);
}

div#grobal_nav ul li a#here01 {
  background: url(../img/grobalnav_01_o.gif);
}

div#grobal_nav ul li a#g02 {
  background: url(../img/grobalnav_02.gif);
}

div#grobal_nav ul li a:hover#g02 {
  background: url(../img/grobalnav_02_o.gif);
}

div#grobal_nav ul li a#here02 {
  background: url(../img/grobalnav_02_o.gif);
}

div#grobal_nav ul li a#g03 {
  background: url(../img/grobalnav_03.gif);
}

div#grobal_nav ul li a:hover#g03 {
  background: url(../img/grobalnav_03_o.gif);
}

div#grobal_nav ul li a#here03 {
  background: url(../img/grobalnav_03_o.gif);
}

div#grobal_nav ul li a#g04 {
  background: url(../img/grobalnav_04.gif);
}

div#grobal_nav ul li a:hover#g04 {
  background: url(../img/grobalnav_04_o.gif);
}

div#grobal_nav ul li a#here04 {
  background: url(../img/grobalnav_04_o.gif);
}

div#grobal_nav ul li a#g05 {
  background: url(../img/grobalnav_05.gif);
}

div#grobal_nav ul li a:hover#g05 {
  background: url(../img/grobalnav_05_o.gif);
}

div#grobal_nav ul li a#here05 {
  background: url(../img/grobalnav_05_o.gif);
}

/*----------------------------
utility
----------------------------*/
.hanging_indent {
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

.mg_t1em {
  margin-top: 1em;
}

.important_notice_area {
  border: 4px solid #c00;
  background-color: #fefdfc;
  padding: 12px !important;
  color: #c00;
}

.text-red {
  color: #c00;
}

/*----------------------------
index page
----------------------------*/
ul#mini_nav {
  float: right;
  /* display: inline; */
  display: block;
  margin: 0;
  padding: 0px;
  position: relative;
  list-style: none;
}

ul#mini_nav li {
  color: #666666;
  float: right;
  /* display: inline; */
  display: block;
  padding: 0 5px;
}

ul#mini_nav li a:link {
  display: block;
  color: #222;
}

ul#mini_nav li a:visited {
  color: #400006;
  display: block;
}

ul#mini_nav li a:hover {
  color: #F90;
  display: block;
}

h1 {
  margin: 0;
}

h1 a {
  width: 374px;
  height: 36px;
  display: block;
  float: left;
  background: url(../img/logo.gif) no-repeat top left;
  background-position: 0px 0px;
  text-indent: -9999em;
}

a.readmore {
  background: url(../img/zoom.png) no-repeat left;
  padding: 0.5em 0 0.5em 20px;
}

/*----------------------------
side area
----------------------------*/

/*index side */
div.side_box {
  width: 220px;
  text-align: left;
  border: 1px solid #ccc;
  background: #fff;
  margin: auto;
}

div.side_box h3 {
  margin: 0;
}

div.side_box ul {
  background: #fff url(../img/bg_copy.gif) repeat-x top left;
  margin: 0;
}

div.side_box ul li {
  font-size: 80%;
  margin: 0;
  list-style: url(../img/li_sub.gif);
  padding: 5px 0;
}

.side_banner {
  margin-bottom: 6px;
}

/*----------------------------
footer area
----------------------------*/
#footer p {
  color: #444;
  margin: 0 auto;
  width: auto;
  display: block;
}

#footer_link a {
  padding: 0 5px;
}

#footer_link li a:link {
  display: block;
  color: #222;
}

#footer_link li a:visited {
  color: #999;
  display: block;
}

#footer_link li a:hover {
  color: #F90;
  display: block;
}

/*----------------------------
magazine page
----------------------------*/

ul maglist {
  margin: 0 0 0 1em;
  padding: 0;
}