@CHARSET "UTF-8";
/*--------------------------------------------
サポートページのスタイル
--------------------------------------------*/
#exterior{
	margin: 10px 0;
	padding: 10px;
	background: url("../images/line-dotted-clm.gif") repeat-y 50px 0px;
}
dl.spt-box{
	margin: 10px 0;
}
dl.spt-box dt{
	margin: 10px 0 10px 30px;
	padding: 3px 0 3px 30px;
	font-size: 20px;
	background: url("../images/list-maru.gif") no-repeat left center;
	border-bottom: 1px dotted #666;
}
dl.spt-box dt a{
	color: #333;
}
dl.spt-box dd{
	margin: 0 0 20px 60px;
	line-height: 1.8em;
}
dl.spt-box dd a{
/*	color: #006600;*/
}
.q-tit li{
	padding-left: 24px;
	background: url("../images/list-q.gif") no-repeat left center;
}
#banner-inq{
	background: url("../images/botton/rollover/inquiry.gif") no-repeat;
	width: 435px;
	height: 112px;
}
/*--------------------------------------------
よくある質問のスタイル
--------------------------------------------*/
#faq-list{
	margin: 10px;
	padding: 10px;
	line-height: 2em;
	border: 1px solid #ffd39a;
	background-color: #fef7e8;
}
#faq-list li{
	padding-left: 24px;
	background: url("../images/list-q.gif") no-repeat left center;
}

div#detail{
	margin: 10px;
}
div#detail dl{
	margin: 20px auto;
	background: url("../images/support/faq-body.gif") repeat-y top center;
	width: 560px;
}
div#detail dt{
	padding: 35px 5px 35px 70px;
	background: url("../images/support/faq-top.gif") no-repeat top center;
	font-size: 17px;
}
div#detail dd{
	margin-top: -15px;
	padding: 0 30px 10px;
	background: url("../images/support/faq-bottom.gif") no-repeat bottom center;
	text-indent: 30px;
}
/*--------------------------------------------
お問い合せページのスタイル
--------------------------------------------*/
table.inquiry{
	margin: 10px auto;
	border: 1px solid #666666;
	width: 90%;
}
table.inquiry th{
	padding: 10px;
	text-align: right;
	font-weight: bold;
	border-top: 1px dotted #666666;
	border-right: 1px dotted #666666;
	background-color: #fafafa;
	vertical-align: middle;
}
table.inquiry td{
	padding: 10px;
	text-align: left;
	border-top: 1px dotted #666666;
}
div.botton{
	text-align: center;
}
div.botton input{
	margin: 0 10px;
}
div.error{
	margin: 5px auto;
	padding: 10px;
	text-align: left;
	width: 500px;
	background-color: #FFE2C8;
	background-image: url(../images/naname01.gif);
	border: 1px solid #885800;
	color: #333;
}
div.error div{
	font-weight: bold;
}
div.error ul{
	margin-left: 30px;
	font-size: small;
	color: #EE0003;
}
/*inputボックス設定*/
table.inquiry input, table.inquiry textarea{
	border: 1px solid #666666;
}
input.short-w{
	width: 180px;
}
input.long-w{
	width: 300px;
}
textarea.message{
	width: 300px;
	height: 100px;
}
div.entry-info{
	margin: 25px auto 0;
	width: 500px;
	font-size: 15px;
}
div.contact{
	margin: 15px auto;
}
div.contact ul.address{
	margin: 10px auto;
	text-align: center;
}
div.contact ul.address li{
	margin: 10px;
}
/*--------------------------------------------
マニュアルページのスタイル
--------------------------------------------*/
div#manual-box{
	margin: 10px 0 0 10px;
}
/*一覧ページ*/
div#manual-box #ml-list{
	margin-top: 10px;
}
div#manual-box #ml-list li{
	padding: 10px 30px 5px;
	border-bottom: 1px dotted #999;
	background: url("manual/listBook.gif") no-repeat left center;
}
/*個々のページ*/
h3{
	padding: 20px 10px 0 35px;
	background: url("manual/listBook.gif") no-repeat 5px bottom;
}
ol#tabNavi{
	padding: 5px 30px 0 20px;
	border-bottom: 1px solid #ccc;
	background: url("manual/listSiori.gif") no-repeat 560px bottom;
}
ol#tabNavi li{
	float: left;
	text-align: center;
}
ol#tabNavi li a{
	padding: 2px 0 0 0;
	display: block;
	width: 35px;
	height: 18px;
	background: url("manual/mNaviBg.gif") no-repeat left top;
	color: #333;
	text-decoration: none;
}
ol#tabNavi li a:hover{
	background-position: left bottom;
}
.m-body{
	border-bottom: 1px solid #ccc;
	margin-top: 15px;
}
.m-body h4{
	margin-bottom: 5px;
	padding: 10px 10px 0 30px;
	border-bottom: 1px dotted #999;
	background: url("manual/listPen.gif") no-repeat left top;
}
.m-body p span{
	color: #d00;
}
img.fig{
	margin: 5px 0 10px 20px;
	border: 1px solid #ccc;
}
h2.h2-manual{
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	background: url(../images/h2.gif) no-repeat;
	height: 40px;
	width: 570px;
	font-size: 25px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.8em;
}