@charset "utf-8"; 

@import "../../../common/css/common.css";
@import "../../common/css/static_common.css";

/* ====================================================*/
#wrapper #main {
	text-align: left;
}
#wrapper #main h3 {
	position: relative;
	margin-bottom: 5px;
	z-index: 10;
}
#wrapper #main p.index-lead {
	padding: 15px 0 20px;
	line-height: 1.6;
}
#wrapper #main #menu li {
	float: left;
	width: 245px;
	margin: 0 10px 20px;
	display: inline;
}

#wrapper #main .main-area .contents {
	width: 484px;
	margin: auto;
	padding-bottom:25px;
}


/* 編集画面 */

#wrapper #main #edit-window {
	position: relative;
	top: -15px;
	height: 413px;
	margin-bottom: 15px;
}
#wrapper #main #edit-window p {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#wrapper #main #edit-window ol li a {
	position: absolute;
	z-index: 2;
	font-size: 10px;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
#wrapper #main #edit-window ol li.edit-window-a a {
	left: 6px;
	top: 25px;
	height: 22px;
	width: 136px;
}
#wrapper #main #edit-window ol li.edit-window-b a {
	left: 278px;
	top: 0px;
	height: 42px;
	width: 52px;
}
#wrapper #main #edit-window ol li.edit-window-c a {
	left: 330px;
	top: 0px;
	height: 41px;
	width: 22px;
}
#wrapper #main #edit-window ol li.edit-window-d a {
	left: 357px;
	top: 0px;
	height: 41px;
	width: 146px;
}
#wrapper #main #edit-window ol li.edit-window-e a {
	left: 373px;
	top: 41px;
	height: 153px;
	width: 45px;
}
#wrapper #main #edit-window ol li.edit-window-f a {
	left: 418px;
	top: 41px;
	height: 26px;
	width: 85px;
}
#wrapper #main #edit-window ol li.edit-window-g a {
	left: 418px;
	top: 67px;
	height: 114px;
	width: 85px;
}
#wrapper #main #edit-window ol li.edit-window-h a {
	left: 107px;
	top: 52px;
	height: 357px;
	width: 225px;
}
#wrapper #main #edit-window ol li.edit-window-i a {
	left: 374px;
	top: 351px;
	height: 71px;
	width: 44px;
}
#wrapper #main #edit-window ol li.edit-window-j a {
	left: 5px;
	top: 210px;
	height: 35px;
	width: 31px;
}
#wrapper #main #edit-window ol li.edit-window-j02 a {
	left: 199px;
	top: 413px;
	height: 32px;
	width: 34px;
}
#wrapper #main #edit-window ol li.edit-window-k a {
	left: 418px;
	top: 396px;
	height: 26px;
	width: 112px;
}


/* 画面説明 */

#wrapper #main .main-area h3 {
	font-size: 14px;
}
#wrapper #main .main-area .contents ol {
	padding-bottom: 1px;
	background: url(../images/index/ex_separate.gif) no-repeat left bottom;
}
#wrapper #main .main-area .contents ol li {
	padding: 19px 0 15px 30px;
	background-position: left top;
	background-repeat: no-repeat;
}
#wrapper #main .main-area .contents ol li .link {
	font-size: 14px;
	color: #3eaaff;
}
#wrapper #main .main-area .contents ol li p {
	line-height: 1.6;
}


/* 番号 */

#wrapper #main .main-area .contents ol li.point-a {
	background-image: url(../images/index/icon_point_a.gif);
}
#wrapper #main .main-area .contents ol li.point-b {
	background-image: url(../images/index/icon_point_b.gif);
}
#wrapper #main .main-area .contents ol li.point-c {
	background-image: url(../images/index/icon_point_c.gif);
}
#wrapper #main .main-area .contents ol li.point-d {
	background-image: url(../images/index/icon_point_d.gif);
}
#wrapper #main .main-area .contents ol li.point-e {
	background-image: url(../images/index/icon_point_e.gif);
}
#wrapper #main .main-area .contents ol li.point-f {
	background-image: url(../images/index/icon_point_f.gif);
}
#wrapper #main .main-area .contents ol li.point-g {
	background-image: url(../images/index/icon_point_g.gif);
}
#wrapper #main .main-area .contents ol li.point-h {
	background-image: url(../images/index/icon_point_h.gif);
}
#wrapper #main .main-area .contents ol li.point-i {
	background-image: url(../images/index/icon_point_i.gif);
}
#wrapper #main .main-area .contents ol li.point-j {
	background-image: url(../images/index/icon_point_j.gif);
}
#wrapper #main .main-area .contents ol li.point-k {
	background-image: url(../images/index/icon_point_k.gif);
}
#wrapper #main .main-area .contents ol li * li {
	padding: 0;
	margin: 0;
}
#wrapper #main .main-area .contents ol li .anchor {
}


/* 個別設定 */
#wrapper #main .main-area .contents ol li.point-a table {
	margin-left: 12px;
}
#wrapper #main .main-area .contents ol li.point-a th {
	text-align: left;
	white-space: nowrap;
	padding-right: 1em;
	vertical-align: top ;
}
#wrapper #main .main-area .contents ol li.point-b th {
	text-align: left;
	white-space: nowrap;
	padding-right: 1em;
	vertical-align: middle;
}
#wrapper #main .main-area .contents ol li.point-c p {
	float: left;
}
#wrapper #main .main-area .contents ol li.point-c p.pagetopLink {
	float: none;
}
#wrapper #main .main-area .contents ol li.point-c .manual {
	padding-left: 15px;
	background: url(../images/index/icon_ttl.gif) no-repeat left center;
	padding-right: 5px;
	font-size: 14px;
	color: #3eaaff;
	float: right;
}
#wrapper #main .main-area .contents ol li.point-c p.page-top {
	clear: both;
	float: none;
}
#wrapper #main .main-area .contents ol li.point-d th {
	text-align: left;
	white-space: nowrap;
	padding-right: 1em;
	vertical-align: middle;
}
#wrapper #main .main-area .contents ol li.point-e img {
	position: absolute;
	left: 0;
	top: 44px;
}
#wrapper #main .main-area .contents ol li.point-e .ex-section {
	position: absolute;
	left: 80px;
	top: 20px;
}
#wrapper #main .main-area .contents ol li.point-e .link {
	padding-left: 15px;
	background: url(../images/index/icon_ttl.gif) no-repeat left center;
/*	width: auto;*/
}
#wrapper #main .main-area .contents ol li.point-e .ex_box {
	position: relative;
	height: 340px;
}
#wrapper #main .main-area .contents ol li.point-e ul li {
	position: absolute;
	left: 0;
	width: 360px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-01 {
	top: 30px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-02 {
	top: 62px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-03 {
	top: 94px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-04 {
	top: 126px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-05 {
	top: 158px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-06 {
	top: 190px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-07 {
	top: 222px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-08 {
	top: 254px;
}
#wrapper #main .main-area .contents ol li.point-e ul li.point-f-09 {
	top: 286px;
}
#wrapper #main .main-area .contents ol li.point-e ul li a {
	color: #0099ff;
	text-decoration: underline;
}
#wrapper #main .main-area .contents ol li.point-e ul li a:hover {
	color: blue;
}
#wrapper #main .main-area .contents ol li.point-f th {
	text-align: left;
	white-space: nowrap;
	padding-right: 1em;
	vertical-align: middle;
}
#wrapper #main .main-area .contents ol li.point-i img {
	position: absolute;
	left: 0;
	top: 25px;
}
#wrapper #main .main-area .contents ol li.point-i .ex-section {
	position: absolute;
	left: 60px;
	top: 0;
}
#wrapper #main .main-area .contents ol li.point-i .ex_box {
	position: relative;
	height: 140px;
}
#wrapper #main .main-area .contents ol li.point-i ul li {
	position: absolute;
	left: 0;
	width: 360px;
}
#wrapper #main .main-area .contents ol li.point-i ul li.point-i-01 {
	top: 30px;
}
#wrapper #main .main-area .contents ol li.point-i ul li.point-i-02 {
	top: 60px;
}
#wrapper #main .main-area .contents ol li.point-i ul li.point-i-03 {
	top: 95px;
}
#wrapper #main .main-area .contents ol li.point-i ul li.point-i-04 {
	top: 110px;
}
#wrapper #main .main-area .contents ol li.point-k ul {
	overflow: hidden;
	width: 100%;
	margin: 10px 0;
}
#wrapper #main .main-area .contents ol li.point-k ul li.left {
	float: left;
	margin-right: 5px;
}
#wrapper #main .main-area .contents ol li.point-k ul li.ex {
	margin-top: 6px;
}
#wrapper #main .main-area .contents ol li.point-k ul li.right {
	clear: both;
	text-align: left;
	margin-left: 170px;
}



/* pagetopLink */

#wrapper #main .pagetopLink {
	text-align: right;
	clear: both;
	width: auto;
}