@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica','ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	-webkit-text-size-adjust: none;
	background-color: #ffffff;
	font-size: 90%;
}

/*__________________________________________________

  link
  __________________________________________________*/

a{
	text-decoration:underline;
	color:#1985b5;
}

a:hover{
	text-decoration:none;
	color:#36acf7 !important;
}

a:active{
	text-decoration:underline;
	color:#36acf7 !important;
}

/*__________________________________________________

  image
  __________________________________________________*/

img {
	border: 0;
	margin: 0px 2px;
	padding: 0;
	vertical-align: text-bottom;
}

p.link img {
	vertical-align: baseline;
}

.screen {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
}

img.logo {
	float:left;
	margin:0 10px 5px 15px;
}

.clear {
	clear:left;
}

.mark {
	vertical-align: top;
}

/*__________________________________________________

  variation control
  __________________________________________________*/

.en {
	background-color:#CCFF99;
/*	display:none;*/
}

.jp {
/*	background-color:#FFCCCC;*/
/*	display:none;*/
}

/* スマートフォン用 */
.phone {
/*	background-color:#ffd700;*/
/*	display:none;*/
}

/* タブレット用 */
.tab {
	background-color:#adff2f;
/*	display:none;*/
}

/* 汎用版 */
.standard {
/*	background-color:#dcdcdc;
	display:none;*/
}

/* ソフトウェアキーボード・外付けキーボード対応 */
.keyboard {
	background-color:#add8e6;
	display:none;
}

/* au版 */
.au {
	background-color:#ffc0cb;
	display:none;
}

/* 体験版 */
.trial {
/*	background-color:#FFCCCC;
	display:none;*/
}

/* Kindle Fire版 */
.kf {
	background-color:#44c0cb;
	display:none;
}

/* NeteAnytime関連 */
.na {
/*	background-color:#550cb;*/
/*	display:none;*/
}

/* mazec2関連 */
.m2 {
/*	background-color:#66c0cb;*/
/*	display:none;*/
}


/*__________________________________________________

  top page
  __________________________________________________*/

.base-toc {
	background-color:#ffffff;
	margin: 2px 0;
	padding: 3px 5px;
}

.base-toc ul li {
	padding-top: 1px;
}

.helpmenu {
	padding: 1px;
	margin: 0 10px;
	font-size: 95%;
}

/* toc */
.helpmenu h3 {
	margin: 5px 0;
	padding: 3px 10px;
	background-color:#0e27b5;
	color:#ffffff;
	font-size: 100%; 
}

.helpmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0;
} 

.helpmenu ul li {
	padding-left: 15px;
	background: url(./img/arrow_icon2.gif) left center no-repeat;
}

.helpmenu ul li a:link,
.helpmenu ul li a:visited,
.helpmenu ul li a:active,
.helpmenu ul li a:hover { text-decoration: none; } 

.helpmenu strong {
	color: #0e27b5;
}

/* title */
h1.title {
	padding-top: 10px;
	margin-bottom: 2px;
	font-size: 110%;
	color: #0e27b5;
}

p.titlecomment {
	margin: 3px 0 0 5px;
	font-size: 95%;
}

p.titlecomment a {
	text-decoration: none;
}

.helpmenu a{
	text-decoration: underline;
	color: #797979;
}

.helpmenu a:hover {
	text-decoration: none;
	color: #9e0000;
}

.helpmenu a:active {
	text-decoration: underline;
	color: #9e0000;
}

/*__________________________________________________

  topic page
  __________________________________________________*/

.base {
	border-top: 5px solid #0e27b5;
	border-bottom: 5px solid #0e27b5;
	background-color:#ffffff;
	margin: 0;
	padding: 0;
}

.footer {
	margin: 2px 10px 10px 0;
	text-align: right;
	font-size: 90%;
}

/*  return to top */
.return {
	margin: 2px 10px 10px 0;
	text-align: right;
	font-size: 90%;
}

.return a:link {
	color: #004fa3;
	text-decoration: underline;
}

.return a:visited {
	color: #004fa3;
	text-decoration: underline;
}

.return a:active {
	color: #004fa3;
	text-decoration: underline;
}

.return a:hover {
	color: #9e0000;
	text-decoration: none;
}

/*  menu */
.menu {
	clear: both;
	margin: 0px;
	padding: 10px 20px;
	background-color: #f5f5f5;
	text-align: left;
	font-size: 100%;
}

.menu a:link {
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
}

.menu a:visited {
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
}

.menu a:hover{
	background-color: transparent;
	color: #666666;
	text-decoration: none;
}

/*__________________________________________________

  title
  __________________________________________________*/

h1 {
	padding: 0;
	margin: 10px;
	font-weight: bold;
	font-size: 140%;
}

.help-content h1 {
	border-bottom: 2px solid #0e27b5;
	margin-top: 15px 10px;
	color: #0e27b5;
}

.help-content h2 {
	margin: 10px 5px 0 10px;
	color:#555555;
	background-color:#f5f5f5;
	padding:2px 8px;
	border:solid 1px #e0e0e0;
	font-size: 100%;
}

.help-content h3 {
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
	color: #0e27b5;
	border-bottom : 1px dotted #0e27b5;
	font-size: 100%;
}

.help-content h4 {
	margin-bottom: 3px;
	margin-top: 10px;
	margin-left: 10px;
	color: #000;
	font-size:100%;
}

/*__________________________________________________

  contents
  __________________________________________________*/

.help-content {
	margin: 0;
	font-size: 95%;
}

.help-content p {
	margin: 5px 15px 0px;
	line-height:1.5em;
}

ol,ul li {
	line-height:1.5em;
}

ol.serial, ul.serial {
	margin-top: 0;
	margin-bottom: 0;
}

dl {
	margin: 0 10px;
}

ol li dl {
	margin: 0;
}

dl dd {
	margin-left:10px;
	line-height:1.5em;
}

dl dt {
	margin-top: 5px;
	line-height:1.5em;
}

.item {
	font-weight:bold;
}

p.supplement {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px 3px;
	text-indent: -1em;
	font-size: 95%;
}

p.link {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px 3px;
	text-indent: -1em;
	font-size: 95%;
}

div.column {
	margin: 10px;
	padding: 0 2px 0 0;
	border-top: double 4px #004fa3;
	border-bottom: double 4px #004fa3;
}

div.column ul li {
	padding-bottom: 5px;
}

sup {
	padding-left: 2px;
	padding-right: 2px;
}

/* ________________________________________________

  table
  __________________________________________________*/

td {
	font-size: 95%;
}

table.list {
	border-style: solid;
	border-spacing: 0px;
	margin: 10px;
	border-collapse:collapse;
	border-color:#ccc;
}

table.list th {
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	border-color:#ccc;
	font-weight: bold;
	color:#555555;
	background: #f5f5f5;
}

table.list td {
	vertical-align: middle;
	padding: 4px;
	border-color:#ccc;
}

table.layout {
	border-style: none;
	border-spacing: 0px;
	margin: 5px 10px;
}

table.layout td {
	vertical-align: middle;
	padding: 2px 1px;
}