@charset "euc-jp";

body {
  background: #fff url("http://www.maru-jan.com/image/base/layout/bg_page_body.jpg") repeat-x;
}

div.footer {
  width: 100%;
  height: 40px;
  text-align: center;
  background: url('http://www.maru-jan.com/image/base/layout/bg_footer_repeat.jpg') repeat-x;
}

div.article {
  margin:1em auto 1em;
  width:940px;
  border:1px solid #000;
  line-height:1.6;
  background:#fff;
}

div.section {
  margin:0 auto 2em;
  padding-bottom:1em;
  width:920px;
  border:1px solid #000;
}

h1, h2, h3 {
  clear:both;
  text-align:center;
  font-size:24px;
  font-weight:bold;
  color:#fff;
}

h1 {
  position:relative;
  margin:0 auto;
  padding:0;
  width:940px;
  height:54px;
}

h1 .imgover {
  position:absolute;
  top:8px;
  right:1em;
}

h2 {
  clear: both;
  overflow:hidden;
  margin:0 auto;
  padding:0;
  width:922px;
  height:30px;
  line-height:30px;
  background:url('http://www.maru-jan.com/image/base/bar_bg_940.jpg');
}

h3 {
  clear: both;
  margin:1em auto 0.5em;
  padding:0;
  width:886px;
  background-color:#000;
}

iframe.iframe_dousa {
  margin: 1em 20px 0;
  width: 880px;
  height: 940px;
}

strong {
  color:#f00;
  font-weight:bold;
}

p.caution {
  clear:both;
  width:100%;
  text-align:center;
}

/* nav --------------------------------------------------- */

div.nav {
  margin: 1em auto;
  width: 30em;
}

div.nav ul li {
  float:left;
  margin-left:3em;
  width:10em;
  height:1.4em;
  line-height:1.4em;
  text-align:center;
  border:1px solid #666;
  background-color:#ddd;
  
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #F5F5F5),
    color-stop(1, #C8C8C8)
  );
  background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #C8C8C8 100%);
  background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #C8C8C8 100%);
  background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #C8C8C8 100%);
  background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #C8C8C8 100%);
  background-image: linear-gradient(to bottom, #F5F5F5 0%, #C8C8C8 100%);
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

div.nav ul li a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:#000;
}

/* summary ----------------------------------------------- */

.section.summary {
  margin:1em auto;
  width:918px;
  border:none;
}

.section.summary.bgimage {
  background:url('http://www.maru-jan.com/image/manual_install/bg_installer.png') top center no-repeat;
  text-shadow: 0px -2px 2px #fff, 2px 0px 2px #fff, 0px 2px 2px #fff, -2px 2px 2px #fff;
}

.summary strong {
  display:block;
  font-size:38px;
  text-align:center;
  color:#000;
}

.summary span {
  display:block;
  margin:0 auto 1em;
  width:90%;
  text-align:center;
  font-size:30px;
}

.section.summary p {
  margin:0 auto 0.5em;
  width:644px;
  text-indent:-1em;
  font-size:20px;
  font-weight:bold;
}

.summary ul {
  margin:0 auto;
  width:700px;
  list-style-type:disc;
}

.summary ul li {
  float:left;
  width:400px;
  height:30px;
  font-size:18px;
}

.summary ul li:nth-child(even) {
  width:300px;
}

/* Auto -------------------------------------------------- */

div.section p {
  margin:0.8em auto;
  width:92%;
  font-size:110%;
}

div.section div.twoblocks {
  float:left;
  margin-left:20px;
  padding:10px;
  width:380px;
  font-size:18px;
}

div.section div.twoblocks p {
  margin-top:0px;
  width:94%;
  letter-spacing:-1px;
}

div.section div.twoblocks img.adjustment {
	width:100%;
	height:auto;
}

div.section p.strong {
  margin:0 auto;
  width:640px;
  font-weight:bold;
}

div.section div.warning {
  margin:1em auto;
  padding:10px;
  width:650px;
  border:1px solid #666;
  background-color:#dbf6da;
}

div.section div.warning span {
  font-weight:bold;
}

div.section div.warning p {
  text-align:center;
}

div.section div.warning p a {
  font-weight:bold;
}

/* manual ------------------------------------------------- */

div.section p.center {
  width:100%;
  text-align:center;
}

div.section p.bold {
  font-weight:bold;
}

div.section p.list {
  margin:1em auto 0;
  width:70%;
  text-indent:-1em;
}

div.section p.list.note {
  margin:0 auto;
  padding-left:2em;
}

div.section p.list a,
div.section p.list a:link,
div.section p.list a:visited,
div.section p.list a:hover,
div.section p.list a:active {
	font-weight:bold;
}

/* image ------------------------------------------------- */

div.section img.center {
  display:block;
  margin:0 auto;
}

div.section img.help {
  float:left;
  margin:1em;
}

div.section div.help {
  float:left;
  margin-top:1em;
  font-size:20px;
}

div.section .hr {
  border-top: 1px solid #000;
  padding-top:1em;
}

/* ie11 -------------------------------------------------- */

.ie11 p {
  text-align:center;
  color:#f00;
}

/* installer --------------------------------------------- */

.manual_installer {
  margin:1em auto;
  text-align:center;
  font-size:1.4em;
}

/* noie -------------------------------------------------- */

.section.summary.noie {
  background:url('http://www.maru-jan.com/image/install/auto_install_bg_game_start_noie.png') top center no-repeat;
  text-align:center;
}

.section.summary.noie p {
  margin:0 auto 0.5em;
  width:470px;
  text-indent:0;
  font-size:20px;
  font-weight:bold;
  text-align:left;
}

.section.summary.noie ul {
  margin-top:2em;
  margin-bottom:2em;
}

.section.summary.noie ul li {
  text-align:left;
}

.section.inc_noie p {
  width:640px;
}

.section.inc_noie .indenting {
  padding-left:2em;
  text-indent:-1em;
}

/* ios9 -------------------------------------------------- */

.section.summary.ios9 {
	padding-top:40px;
  background:url('http://www.maru-jan.com/image/install/auto_install_bg_game_start_noie.png') top center no-repeat;
  text-align:center;
}

.section.summary.ios9 p {
  margin:0 auto 0.5em;
  width:470px;
  text-indent:0;
  font-size:20px;
  font-weight:bold;
  text-align:left;
}

.section.summary.ios9 em.nowrap {
	font-weight: bold;
	white-space: nowrap;
}

.section.summary.ios9 .unilinks_ios9 {
	width:600px;
}

.section.summary.ios9 ul {
	width:550px;
	list-style-type: none;
}

.section.summary.ios9 ul li {
	position:relative;
	width:auto;
	height:auto;
	text-align:left;
}

.section.summary.ios9 ul li:before {
	content:"ви";
	position:absolute;
	top:0px;
	left:-1em;
}

/* END --------------------------------------------------- */