@charset "Shift-JIS";

/* ===============================================================
	CSS Info : 171/web171用スタイル
=============================================================== */

ol#topicpath {
	padding-left: 0 !important;
}

#contents {
	width: 740px;
}

#main {
	float: left;
}

#sub {
	float: right;
	width: 388px;
}

p#inquiry {
	clear: both;
	height: 1.6em;
	line-height: 1.6;
	margin-bottom: 20px;
	padding: 4px 0 5px 12px;
	border: 1px solid #8d8d8d;
	border-width: 1px 0;
	background: url(../img/arrow_inquiry.gif) no-repeat left center;
	font-size: 83%;
}

body#article p#inquiry {
	margin: 0 10px 20px;
}

#main a:link,
#main a:visited,
p#inquiry a:link,
p#inquiry a:visited {
	color: blue;
}

#main a:hover,
p#inquiry a:hover {
	color: #f60;
}

p.pagetop {
	margin-top: 40px !important;
	font-size: 83%;
	text-align: right;
}

.arrow {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 10px;
	background: url(../../image/arw_gray.gif) no-repeat 0 0.5em;
}

.link-pdf {
	margin: 0 3px;
	vertical-align: baseline;
}

/* ---------------------------------------------------------------
	トップページ
--------------------------------------------------------------- */

body#top #main {
	margin-bottom: 40px;
}

body#top #sub dd a:link,
body#top #sub dd a:visited {
	color: blue;
}

body#top #sub dd a:hover {
	color: #f60;
}

body#top .news {
	position: relative;
	height: 48px;
	margin: 35px 0 25px;
	padding-left: 26px;
	border: 1px solid #d8d8d8;
	background: #fafafa url(../img/arrow_news.gif) no-repeat left center;
}

body#top .news img {
	vertical-align: bottom;
}

body#top .news table {
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 108%;
}

body#top .news table a:link {
	color: #0000ff !important;
}

body#top .news table a:visited {
	color: #330099 !important;
}

body#top .news table a:hover {
	color: #f60;
}

body#top .news p {
	display: table-cell;
	vertical-align: middle;
}

* html body#top .news p {
	display: inline;
	zoom: 1;
}

*:first-child+html body#top .news p {
	display: inline;
	zoom: 1;
}

body#top .news p img {
	margin-right: 5px;
}

body#top .news #taiken {
	position: absolute;
	top: 4px;
	right: 4px;
}

body#top .news.w171 #taiken {
	top: auto;
	right: 0;
	bottom: 0;
}

body#top #main {
	float: left;
	width: 311px;
	text-align: center;
}

body#top #main p {
	margin: 7px 20px 0;
}

body#top #main p {
	margin-bottom: 20px;
	text-align: left;
}

body#top #main dl {
	margin-top: 25px;
}

body#top #main dd p {
	margin: 0 0 20px 0;
}

body#top #main dd dl {
	margin: 1em 20px 0;
	text-align: left;
}

body#top #main dd dt a {
	display: block;
	padding-left: 10px;
	background: url(../../image/disa_arrow_gray.png) no-repeat 0 0.5em;
}

body#top #main dd dd {
	margin: 7px 0 1em 10px;
}

body#top #sub dd {
	margin: 7px 20px 25px;
}

body#top #plugin {
	margin-bottom: 25px;
	padding: 10px;
	background: #f3f2f0;
	font-size: 77%;
	color: #666;
}

body#top #plugin a {
	float: left;
	margin-right: 10px;
}

body#top #plugin p {
	overflow: hidden;
	zoom: 1;
}

.howto-pdf {
	margin-top: 1em;
	padding: 1em;
	background: #F0F0F0;
}

.howto-pdf dt {
	margin-bottom: 1em;
	font-weight: bold;
}

.howto-pdf dd {
	margin: 0 !important;
}

.howto-pdf ul {
	margin-top: 1em;
}

/* ---------------------------------------------------------------
	各コンテンツページ
--------------------------------------------------------------- */

body#article #contents_innr { /* clearfix */
	width: 720px;
	margin: 0 10px;
	background: url(../img/bg_sub.gif) repeat-y;
}

body#article #main {
	float: right;
	width: 515px;
	margin-bottom: 30px;
}

body#article #main h2 {
	margin-bottom: 30px;
}

body#article #main h3 {
	margin: 10px 0 20px;
}

body#article #main p,
body#article #main ul,
body#article #main dl {
	margin: 20px 0;
}

body#article #main .notes {
	padding: 0;
	list-style: none;
	color: red;
	font-size: 83%;
}

body#article #main ul {
	padding-left: 20px;
	list-style-type: disc;
}

body#article #main dl ul {
	margin: 0;
}

body#article #sub {
	float: left;
	width: 186px;
	background: #f0f0f0;
}

body#article #sub ul {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #fff;
}

body#article #sub ul li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bfbfbf;
}

body#article #sub a {
	display: block;
	padding: 10px 0 10px 8px;
	font-weight: bold;
}

body#article #sub a:hover {
	color: #f60;
}

body#article #sub a.current {
	background: #ccd7f6;
}

body#article #sub ul li ul {
	margin: 0 0 15px 24px;
}

body#article #sub ul li ul li a {
	padding: 3px 0 3px 3px;
	font-weight: normal;
	font-size: 83%;
}

/* [171] はじめに
-------------------------------------------------------- */

body#article #main.intro p {
	text-indent: 1em;
}

body#article #main.intro p.image {
	margin-top: 35px;
}

body#article #main.intro p.notes,
body#article #main.intro p.image {
	text-indent: 0;
}

/* [171] ご提供のしくみ
-------------------------------------------------------- */

body#article #main.subject dl dt {
	margin-bottom: 5px;
	color: #940016;
	font-weight: bold;
}

body#article #main.subject dl dd {
	margin: 0 0 20px 1.5em;
}

body#article #main.subject dl dd dl dt {
	float: left;
	clear: left;
	width: 7em;
	margin: 0;
	color: #333;
	font-weight: normal;
}

body#article #main.subject p,
body#article #main.subject dl dd dl,
body#article #main.subject dl dd dl dd {
	margin: 0;
}

body#article #main.subject .notes {
	margin-top: 5px;
	padding-left: 1em;
	color: #d74b00;
	font-size: 100%;
	text-indent: -1em;
}

/* [171] お願いと操作上の注意事項
-------------------------------------------------------- */

body#article #main.care dt {
	float: left;
	clear: left;
	width: 1.5em;
	font-weight: bold;
}

body#article #main.care dd {
	margin-bottom: 20px;
	padding-left: 1.5em;
}

body#article #main.care strong {
	font-weight: bold;
}

body#article #main.care .notes {
	margin-top: 5px;
}

body#article #main.care .notes li {
	padding-left: 1em;
	text-indent: -1.1em;
}

body#article #main.care .figure {
	margin: 15px 0;
	text-align: right;
}

body#article #main.care .figure p {
	margin: 0;
}

/* [171] 体験利用のご案内
-------------------------------------------------------- */

body#article #main.taiken .notes {
	color: #333;
	font-size: 100%;
}

/* [171] ご利用方法
-------------------------------------------------------- */

body#article #main.way .memory {
	width: 32em;
	margin: 0 auto;
	background: #ffcc66;
	text-align: center;
}

body#article #main.way .memory span {
	font-size: 18px;
	font-weight: bold;
}

body#article #main.way .memory img {
	vertical-align: bottom;
}

body#article #main.way .figure {
	text-align: center;
}

body#article #main.way ul {
	padding: 0;
	list-style: none;
	text-align: center;
}

body#article #main.way li {
	display: inline;
	padding: 0 29px;
}

/* [171] ご利用方法 録音方法
-------------------------------------------------------- */

body#article #main.rec li strong {
	font-weight: bold;
}

body#article #main.rec .guidance {
	/zoom: 1;
	margin-top: 0;
	background: #ffffcc;
	text-align: left;
}

body#article #main.rec .guidance .notes {
	margin: 0;
	padding: 5px 0;
	color: #333;
}

body#article #main.rec .arrow_select {
	margin-bottom: 0;
	text-align: center;
}

body#article #main.rec .branch { /* clearfix */
	width: 515px;
	margin-top: 0;
	padding: 0;
	list-style: none;
}

body#article #main.rec .branch li {
	float: left;
	width: 252px;
	text-align: center;
}

body#article #main.rec .branch .branch_right {
	float: right;
}

body#article #main.rec .branch li ol li {
	float: none;
	width: auto;
}

body#article #main.rec .branch img.pi {
	vertical-align: middle;
}

body#article #main.rec .branch.select .branch_left {
	background: #ccffcc;
}

body#article #main.rec .branch.select .branch_right {
	background: #ccffff;
}

body#article #main.rec .branch.select dl {
	margin: 0 13px 20px;
}

body#article #main.rec .branch.select .text {
	margin: 20px 13px;
	text-align: left;
}

body#article #main.rec .branch.select .text.strong {
	color: red;
}

body#article #main.rec .revision {
	width: 252px;
	width: /**/126px;
	padding-left: 126px;
	background: #fff url(../../way/img/arrow_body.gif) repeat-y 18px 0;
}

body#article #main.rec .revision div {
	position: relative;
	padding: 15px 8px;
	background: #ccffff;
	text-align: left;
}

body#article #main.rec .revision p {
	text-align: center;
}

body#article #main.rec .revision .arrow_back {
	position: absolute;
	top: -380px;
	right: -47px;
}

body#article #main.rec .revision li {
	float: left !important;
	width: 50% !important;
}

body#article #main.rec .revision .arrow {
	margin: 0 !important;
}

body#article #main.rec .revision .text {
	margin: 20px 8px !important;
}

body#article #main.rec .rec_msg dt {
	font-weight: bold;
}

body#article #main.rec .rec_msg dd,
body#article #main.rec .pla_msg {
	background: #ffcccc;
	text-align: left;
}

body#article #main.rec .branch.select .guidance,
body#article #main.rec .rec_msg,
body#article #main.rec .pla_msg {
	width: 226px;
	/zoom: 1;
}

body#article #main.rec .pla_msg.pla_only {
	background: none;
}

body#article #main.rec .pla_msg.pla_only dt {
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center;
}

body#article #main.rec .pla_msg.pla_only dd {
	background: #fcc;
}

body#article #main.rec .arrow {
	/zoom: 1;
	background: #fff;
}

body#article #main.rec .arrow_long {
	height: 29px;
	margin: 0 0 20px 0;
	background: #fff url(../../way/img/arrow.gif) no-repeat 18px 0;
}

body#article #main.rec .button {
	text-align: center;
}

/* new howto */

#content {
	width: 515px;
	margin-left: 25px;
}

.h2,
.h3 {
	margin-bottom: 20px;
}

.h3 {
	padding-bottom: 4px;
	border-bottom: 3px solid #DDD;
	font-weight: bold;
}

.h4 {
	margin-bottom: 15px;
	padding: 5px 8px 4px;
	background: #EEE;
	font-weight: bold;
}

#content strong {
	color: #E40F3C;
	font-weight: bold;
}

.page-nav {
	margin: 20px auto;
	padding: 1em;
	border: 3px solid #DDD;
}

.page-nav li {
	float: left;
	margin-right: 1em;
	list-style: none;
}

.section {
	margin: 20px 0;
}

.flow-item {
	*zoom: 1;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

.flow-title,
.flow-detail {
	padding-left: 2.5em;
}

.flow-title {
	*zoom: 1;
	position: relative;
	font-weight: bold;
}

.flow-detail p {
	margin-bottom: 20px;
}

.flow-num {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	padding: 4px 5px;
	border: 1px solid #CCC;
	background: #EEE;
}

.flow-define dt {
	margin: 15px 0 5px;
	padding-left: 7px;
	border-left: 4px solid #CCC;
	font-weight: bold;
}

.flow-caption {
	display: block;
	margin-top: 5px;
	color: #666;
}

.list-notice li {
	padding-left: 1em;
	text-indent: -1em;
	color: #666;
}

/* [171] Q&A
-------------------------------------------------------- */

body#article #main.qa h2 {
	margin-bottom: 20px;
}

body#article #main.qa dl.qa_link { /* clearfix */
	margin: 0 4px 25px;
}

body#article #main.qa dl.qa_link ul li {
	float: left;
}

body#article #main.qa dl.qa_link dt {
	float: left;
	padding-top: 4px;
}

body#article #main.qa dl.qa_link dd {
	float: right;
	width: 404px;
}

body#article #main.qa dl.qa_link ul { /* clearfix */
	height: 22px;
	overflow: hidden;
	padding: 0;
	list-style: none;
}

body#article #main.qa dl.qa_list dt {
	margin-bottom: 5px;
	color: #1153a4;
	font-weight: bold;
}

body#article #main.qa dl.qa_list dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

body#article #main.qa dl.qa_list span {
	display: block;
	float: left;
	width: 3.5em;
}

body#article #main.qa dl.qa_list dt p,
body#article #main.qa dl.qa_list dd div {
	overflow: auto;
	/zoom: 1;
}

body#article #main.qa dl.qa_list dd span {
	color: #b04200;
	font-weight: bold;
}

body#article #main.qa dl.qa_list dd dl {
	margin: 0;
}

body#article #main.qa dl.qa_list dd dl dt,
body#article #main.qa dl.qa_list dd dl dd {
	margin: 0;
	padding: 0;
	border: none;
}

body#article #main.qa dl.qa_list dd dl dt {
	color: #333;
	font-weight: normal;
}

body#article #main.qa dl.qa_list .last-child {
	margin-top: 1em;
}

body#article #main.qa dl.qa_list p {
	margin: 0;
}

body#article #main.qa p.pagetop {
	margin-top: 0 !important;
}

/* ---------------------------------------------------------------
	clearfix
--------------------------------------------------------------- */

body#article #contents_innr:after,
body#article #main.qa dl.qa_link:after,
body#article #main.qa dl.qa_link ul:after,
body#article #main.rec .branch:after,
body#article #main.rec .revision:after {
	content: "";
	display: block;
	clear: both;
}

body#article #contents_innr,
body#article #main.qa dl.qa_link,
body#article #main.qa dl.qa_link ul,
body#article #main.rec .branch,
body#article #main.rec .revision {
	display: inline-block;
}

body#article #contents_innr,
body#article #main.qa dl.qa_link,
body#article #main.qa dl.qa_link ul,
body#article #main.rec .branch,
body#article #main.rec .revision {
	display: block;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* -----------------------------------------------------
	Style Adjust
----------------------------------------------------- */

.mt00{margin-top:0!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}

.mr00{margin-right:0!important;}
.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}

.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}

.ml00{margin-left:0!important;}
.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}

.pt00{padding-top:0!important;}
.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}

.pr00{padding-right:0!important;}
.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr40{padding-right:40px!important;}

.pb00{padding-bottom:0!important;}
.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb40{padding-bottom:40px!important;}

.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}
.pl40{padding-left:40px!important;}