﻿@charset "UTF-8";

/* ------------------------------------------------------------
HTML5Help リファレンス&FAQ用CSS
Company : FUKUI COMPUTER SMART., Inc.
更新履歴：

------------------------------------------------------------ */

/*============================================================
初期化
============================================================*/

* {
	font-family: メイリオ, Meiryo, !important;
	color: #262626;
}

body {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

p {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 9pt;
}

ol {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

ul {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

li {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

table {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
tr {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
td {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}
form {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

img {
	font-size: 9pt;
}

div {
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

dl {
	margin: 0;
	padding: 0;
	font-size: small;
}

dt {
	margin: 0;
	padding: 0;
	font-size: small;
}

dd {
	margin: 0;
	padding: 0;
	font-size: small;
}

/*============================================================
書式
============================================================*/
#wrapper {
	margin: 1.0em;
}

#memo {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	padding: 10px 0px 10px 0px;
	background-color: #ededf0;
}

#care {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	padding: 10px 0px 10px 0px;
	background-color: #ffe4e4;
}

#midashi_faq a{
	font-weight: bold;
}

#faq h2{
	color: #505050;
	font-weight: bold;
}

a {
	color: #262626;
}

a:link {
	color: #0066CC;
	text-decoration: none;
}

a:visited {
	color: #0066CC;
	text-decoration: none;
}

a:active {
	cursor: hand;
	color: #0066CC;
	text-decoration: underline;
}

a:hover {
	cursor: hand;
	color: #0066CC;
	text-decoration: underline;
}

a.MCBreadcrumbsLink
{
	color: #777777;
	text-decoration: underline;
}

a.MCBreadcrumbsLink:visited
{
	color: #777777;
}

a.MCBreadcrumbsLink:hover
{
	color: #262626;
	text-decoration: none;
}

h1 {
	color: #FFFFFF;
	background-color: #171635;
	font-size: 20pt;
	margin-top: 1.5em;
	margin-bottom: 1.0em;
	margin-left: -0.5em;
	margin-right: -0.5em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	page-break-after: avoid;
	clear: both;
/*
	height:60px;
*/
	line-height:60px;
}

h2 {
	font-size: 12pt;
	margin-top: 2.0em;
	margin-bottom: .5em;
	padding-top: 1.0em;
	border-top-color: #777777;
	border-top-style: solid;
	border-top-width: 1px;
	page-break-after: avoid;
	clear: both;
}

h2 a:active {
	cursor: text;
	color: #262626;
	text-decoration: none;
}
h2 a:hover {
	cursor: text;
	color: #262626;
	text-decoration: none;
}

h3 {
	margin-top: 0.5em;
	margin-left: 2.0em;
	font-weight: bold;
	page-break-after: avoid;
	clear: both;
}

h4 {
	margin-top: 2em;
	margin-bottom: .5em;
	font-weight: bold;
	page-break-after: avoid;
	clear: both;
}

h5 {
	margin-top: 1em;
	margin-bottom: .3em;
	margin-left: 1em;
	font-weight: bold;
	clear: both;
}

h6 {
	margin-top: 0.5em;
	margin-bottom: .1em;
	margin-left: 1.5em;
	font-weight: bold;
	clear: both;
}

p {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

ol {
	margin-top: 1.5em;
	margin-left: 0.5em;
	padding-left: 1.5em;
	padding-right: 0.5em;
}
ol li {
	margin-bottom: 0.3em;
}

ul {
	margin-top: 0.5em;
	padding-left: 1.5em;
	padding-right: 0.5em;
	list-style-type: disc;
}

ul li {
	margin-left: 2.0em;
	margin-bottom: 1.0em;
}

.midashi_link {
}

ul.midashi_link li {
	margin-left: 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 2.5em
}

ul.midashi_link img {
	margin-right: 0.5em;
	vertical-align:middle;
}

.home_link {
}

ul.home_link li {
	margin-left: 0;
	margin-bottom: 0.3em;
}

.web { display: block; }

.local { display: none; }

.question_link {
}

ul.question_link li {
	margin-left: 2em;
	margin-bottom: 0.3em;
	list-style:none ;
	text-indent: -2em
}

ol li img {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

table {
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse; 
}

thead {
	page-break-after: avoid;
}

.tbl-zu {
	border: 0px;
} 
td {
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	border: 1px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
}
.tbl-zu td {
	border: 0px;
	text-align: center;
}
td img {
	margin: 0;
	padding: 0;
}
.tbl-midashi {
	background-color: #99CCFF;
} 

img {
	border: none;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	padding-bottom: -0.5em;
}

h1 img {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding:1px;
	vertical-align:middle;
	background-color:white;
}

.icon {
	margin: 0;
	padding: 0;
}
.icon img {
	margin: 0;
	margin-left: 0.3em;
	margin-right: 0.3em;
	padding: 0;
	vertical-align:middle;
}

.page_toplink img {
	margin: 0;
	margin-right: 0.5em;
	padding: 0;
}

.indent01 {
	margin-left: 1.5em;
}
.indent02 {
	margin-left: 3em;
}
.indent03 {
	margin-left: 4.5em;
}
.indent04 {
	margin-left: 6em;
}
.indent05 {
	margin-left: 7.5em;
}
.indent06 {
	margin-left: 9.0em;
}
.indent07 {
	margin-left: 10.5em;
}
.indent08 {
	margin-left: 12.0em;
}
.indent09 {
	margin-left: 13.5em;
}
.indent10 {
	margin-left: 15.0em;
}

.column {
	width: 500px;
	margin-top: 30px;
	padding-top: 10px;
	border-top-color: #777777;
	border-top-style: solid;
	border-top-width: 1px;
	display: block;
}
.comment {
	float: left;
	width: 390px;
}
.fcbutton {
}
.fcbutton img {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 12px;
}

dl {   
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 15px;
}
dt {
	float: left;
	width: 10em;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	clear: both;
	font-weight: bold;
	line-height: 150%;
}
dd {
	margin-left: 11em;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	line-height: 150%;
}
dt.title {
	font-weight: bold;
	background-color:#E6F4FF
}
dd.title {
	font-weight: normal;
	background-color:#E6F4FF
}

/*============================================================
MADCAP用スタイル
============================================================*/
/* ------- 関連するFAQスタイル -------------------------------*/

.MCHelpControl-Index .MCHelpControl-IndexHotSpot_
{
	display: none;
}
.MCHelpControlListItem
{
	list-style:none;
	margin-left: 0;
}
.MCKeywordLinkControlList
{
	padding-left: 0.2em;	
}

/*============================================================
印刷（PDF）用スタイル
============================================================*/
@media print {
	a:link {
		color: #262626;
	}
	.page_toplink {
		 display: none;
	}
	.morebtn {
		 display: none !important;
	}
	.morecontent {
		 display: block !important;
	}
	.fcslink {
		 display: none;
	}
}
/*============================================================
Flare PDFビルド用スタイル
============================================================*/

@media flare {
	* {
		font-family: "ＭＳ Ｐゴシック";
	}

	a:link {
		color: #262626;
	}

	a:visited {
		color: #262626;
	}

	.page_toplink {
		display: none;
	}
	.li {
		line-height: 2.0em;
	}
	img {
		padding-bottom: 0em;
	}
	.morebtn {
		 display: none !important;
	}
	.morecontent {
		 display: block !important;
	}
	.fcslink {
		 display: none;
	}
}

/*============================================================
詳細を見るボタン用スタイル
============================================================*/

.morebtn {
       width: 120px;                            /*ボタンの幅*/
       text-align: center;                      /*文字位置*/　　　
       border-top: 1px solid #ccc;              /*ボタン枠の装飾1/4*/
       border-right: 1px solid #999;            /*ボタン枠の装飾2/4*/ 
       border-bottom: 1px solid #999;           /*ボタン枠の装飾3/4*/
       border-left: 1px solid #ccc;             /*ボタン枠の装飾4/4*/
       padding: 5px 20px;                       /*パディング*/
       font-weight: bold;                       /*文字の装飾*/
       cursor: pointer;                         /*カーソルの種類*/
       color: #666;                             /*文字の色*/
       text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  /*文字の装飾*/
       border-radius: 3px;                      /*ボタン枠を角丸*/
       -moz-border-radius: 3px;                 /*ボタン枠を角丸*/
       -webkit-border-radius: 3px;              /*ボタン枠を角丸*/
       -khtml-border-radius: 20px;              /*ボタン枠を角丸*/
       box-shadow: 1px 1px 2px #E7E7E7;         /*シャドウ*/
       -moz-box-shadow: 1px 1px 2px #E7E7E7;    /*シャドウ*/
       -webkit-box-shadow: 1px 1px 2px #E7E7E7; /*シャドウ*/
       background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  /*グラデーション*/
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc)); /*グラデーション*/
}

/*============================================================
ダイアログ書式
============================================================*/
.dialog > h3 {
	background-color: #e5e5e5;
	margin-top: 2em;
	margin-bottom: .5em;
	margin-left: 0em;
	margin-right: 0em;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .5em;
	padding-right: .5em;
	font-weight: bold;
	page-break-after: avoid;
	clear: both;
}

.dialog > h4 {
	margin-top: 1em;
	margin-bottom: .3em;
	margin-left: 1em;
	font-weight: bold;
	clear: both;
}

.dialog > h5 {
	margin-top: 0.5em;
	margin-bottom: .1em;
	margin-left: 1.5em;
	font-weight: bold;
	clear: both;
}

.dialog > h6 {
	margin-top: 0.5em;
	margin-bottom: .1em;
	margin-left: 2.0em;
	font-weight: bold;
	clear: both;
}

.dialog > .ind040 {
	margin-left: 1.5em;
}

.dialog > .ind050 {
	margin-left: 3em;
}

.dialog > .ind060 {
	margin-left: 4em;
}

/*============================================================
互換用書式
============================================================*/
.Red1 {
	color: #FF0000;
}

.Blue1 {
	color: #0000FF;
}

th {
	background-color: #99CCFF;
	border: 1px;
	border-style: solid;
	border-color: #999999;
} 

.DouyouNa P {
	line-height: 120%; word-spacing: 2px; color: #C40000;
	border-bottom: 1px solid #633142;
	margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 0px;
	padding-left: 5px; padding-right: 5px; padding-top: 10px; padding-bottom: 3px;
}

.DouyouNa ul {
	list-style-image: url(DouyouNa_list.png); color: #C40000; font-weight: normal;
	margin-left: 0px; margin-right: 0px; margin-top:0px; margin-bottom: 30px;
	padding-left: 0px; padding-right: 0px; padding-top:5px; padding-bottom:0px;
}
