@charset "utf-8";

.margin-topin {
	margin-top:40px;
}
.comment-block {
	margin:0 0 10px 0;
	padding:0;
	width:548px;
}
.comment-head {
	margin:0;
	padding:0;
	background:url(/images/back_comment_top.png) no-repeat 0 0;
	height:20px;
	border-bottom:none;
	text-indent:-10000px;
}
.comment-box {
	margin:0;
	padding:10px 20px 10px 20px;
	background:url(/images/back_comment_body.png) repeat-y 0 0;
	font-size:14px;
	line-height:1.4;
	text-align:left;
}
.comment-box b {
	color:#FF0000;
}
.comment-foot {
	margin:0 0 30px 0;
	padding:0;
	background:url(/images/back_comment_bottom.png) no-repeat 0 0;
	height:20px;
	text-indent:-10000px;
}

#page-01 h2,
#page-02 h2,
#page-03 h2,
#page-system h2,
#page-flow h2,
#page-form h2,
#page-case h2,
#page-qa h2 {
	margin:0 0 10px 0;
	padding:0;
	width:548px;
	text-indent:-10000px;
}
#page-system h2 {
	height:74px;
	background:url(../images/system_title01.jpg) no-repeat 0 0;
}
#page-flow h2 {
	height:74px;
	background:url(../images/flow_title01.jpg) no-repeat 0 0;
}
#page-form h2 {
	height:74px;
	background:url(../images/form_title01.jpg) no-repeat 0 0;
}
#page-case h2 {
	height:74px;
	background:url(../images/case_title01.jpg) no-repeat 0 0;
}
#page-qa h2 {
	background:url(../images/qa_title01.jpg) no-repeat 0 0;
	height:74px;
}

#page-01,
#page-02,
#page-03,
#page-case,
#page-flow,
#page-form,
#page-case,
#page-qa,
#page-system,
#page-index {
	margin:0;
	padding:0;
	width:548px;
	text-align:left;
}

#page-index h2.title01 {
	margin:0;
	padding:0;
	width:548px;
	height:280px;
	background:url(../images/index_title01.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl {
	list-style-type:none;
	margin:40px 0 0 20px;
}
#page-index .index-tbl .list1 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl1.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl .list2 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl2.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl .list3 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl3.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl .list4 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl4.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl .list5 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl5.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-index .index-tbl .list6 {
	margin:0;
	padding:0;
	width:480px;
	height:60px;
	background:url(../images/index_tbl6.jpg) no-repeat 0 0;
	text-indent:-10000px;
}

#page-case .list-box {
	list-style-type:none;
	margin:0;
	padding:0;
	width:548px;
}
#page-case .list-box li {
	margin:0 1px 10px 1px;
	padding:0;
	width:180px;
	height:140px;
	font-size:12px;
	line-height:1.4;
	float:left;
}
#page-case .list-box li a {
	text-decoration:none;
}

#page-flow .flow-box {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}
#page-flow .flow-box li {
	clear:both;
	margin:0 0 10px 0;
	padding-bottom:4px;
	border-bottom:1px dotted #DDDDDD;
}
#page-flow .flow-box li dl {
	margin-left:10px;
	padding-bottom:20px;
	height:130px;
}
#page-flow .flow-box li dt {
	padding-left:60px;
	height:43px;
	float:left;
}
#page-flow .flow-box li dd {
	padding-right:60px;
	height:43px;
	float:right;
}

#page-form table {
	margin:0 auto;
	padding:0;
	width:548px;
	background-color:#DDDDDD;
	text-align:center;
}
#page-form th {
	padding:4px;
	background-color:#EEEEEE;
	text-align:left;
	vertical-align:top;
}
#page-form td {
	padding:4px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
#page-form .form-foot-box {
	margin:20px;
	padding:10px;
	width:488px;
	height:140px;
	text-align:center;
}
#page-form .form-foot-box p {
	margin-top:10px;
	margin-bottom:10px;
	height:30px;
}

#page-qa dl {
	margin:0;
	padding:0;
	text-align:left;
}
#page-qa dt {
	margin:20px 0 0 0;
	padding:10px 0 0 80px;
	height:50px;
	background:url(/images/icon_q.png) no-repeat 0 0;
	font-size:14px;
	color:#00479D;
	font-weight:bold;
}
#page-qa dd {
	margin:0 0 20px 0;
	padding:0 0 0 80px;
	border-bottom:1px dotted #DDDDDD;
	height:90px;
	background:url(/images/icon_panoans.png) no-repeat 0 0;
	line-height:1.4;
}
#page-qa dd b {
	font-size:14px;
	color:#FF0000;
}

#page-system p {
	margin:0;
	padding:0;
	width:540px;
	height:408px;
	background:url(../images/system_body01.jpg) no-repeat 0 0;
	text-indent:-10000px;
}

#page-01 h2.title01 {
	height:74px;
	background:url(../images/page01_title01.jpg) no-repeat 0 0;
}
#page-01 h2.title02 {
	height:100px;
	background:url(../images/page01_title02.jpg) no-repeat 0 0;
}
#page-01 .appeal-list {
	list-style-type:none;
	margin:0 0 60px 0;
	padding:0;
}
#page-01 .appeal-list li {
	margin:6px 0 0 0;
	padding:36px 0 20px 50px;
	border-bottom:1px dotted #DDDDDD;
	font-size:12px;
	line-height:1.4;
}
/*
#page-01 .appeal-list .list0 {
	background:url(../images/page01_appeal_pano.jpg) no-repeat 0 0;
}
*/
#page-01 .appeal-list .list1 {
	background:url(../images/page01_appeal_gather.jpg) no-repeat 0 0;
}
#page-01 .appeal-list .list2 {
	background:url(../images/page01_appeal_alluse.jpg) no-repeat 0 0;
}
#page-01 .appeal-list .list3 {
	background:url(../images/page01_appeal_inout.jpg) no-repeat 0 0;
}
#page-01 .appeal-list .list4 {
	background:url(../images/page01_appeal_design.jpg) no-repeat 0 0;
}
#page-01 h3.title01 {
	margin:10px 0 0 0;
	padding:0;
	width:548px;
	height:40px;
	background:url(../images/page01_h3title01.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-01 h3.title02 {
	margin:30px 0 0 0;
	padding:0;
	width:548px;
	height:40px;
	background:url(../images/page01_h3title02.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-01 h3.title03 {
	margin:30px 0 0 0;
	padding:0;
	width:548px;
	height:40px;
	background:url(../images/page01_h3title03.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#page-01 .pr-box1,
#page-01 .pr-box2,
#page-01 .pr-box3 {
	margin:10px;
}
#page-01 .pr-box1 p {
	padding:4px 6px;
	background-color:#35992A;
	font-size:16px;
	color:#FFFFFF;
}
#page-01 .pr-box1 dl {
	margin:0;
	padding:10px;
	background-color:#EAF5E9;
	border:1px solid #35992A;
}
#page-01 .pr-box2 p {
	padding:4px 6px;
	background-color:#0068B7;
	font-size:16px;
	color:#FFFFFF;
}
#page-01 .pr-box2 dl {
	margin:0;
	padding:10px;
	background-color:#E5F0F8;
	border:1px solid #0068B7;
}
#page-01 .pr-box3 p {
	padding:4px 6px;
	background-color:#EE7300;
	font-size:16px;
	color:#FFFFFF;
}
#page-01 .pr-box3 dl {
	margin:0;
	padding:10px;
	background-color:#FDF1E5;
	border:1px solid #EE7300;
}
#page-01 .pr-box1 dt,
#page-01 .pr-box2 dt,
#page-01 .pr-box3 dt {
	margin-bottom:6px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	text-align:left;
}
#page-01 .pr-box1 dd,
#page-01 .pr-box2 dd,
#page-01 .pr-box3 dd {
	font-size:14px;
	color:#333333;
	line-height:1.4;
}
#page-02 h2.title01 {
	height:74px;
	background:url(../images/page02_title01.jpg) no-repeat 0 0;
}
#page-02 dl {
	margin:0;
	padding:0;
	width:540px;
}
#page-02 dt {
	margin:0;
	padding:0;
	width:540px;
	height:70px;
	font-size:14px;
	font-weight:bold;
	text-indent:-10000px;
}
#page-02 dd {
	margin:0 0 10px 0;
	padding:0 0 20px 0;
}
#page-02 dt.merit1 {
	background:url(../images/page02_pr01.jpg) no-repeat 0 0;
}
#page-02 dt.merit2 {
	background:url(../images/page02_pr02.jpg) no-repeat 0 0;
}
#page-02 dt.merit3 {
	background:url(../images/page02_pr03.jpg) no-repeat 0 0;
}
#page-02 dt.merit4 {
	background:url(../images/page02_pr04.jpg) no-repeat 0 0;
}
#page-02 dt.merit5 {
	background:url(../images/page02_pr05.jpg) no-repeat 0 0;
}
#page-02 dt.merit6 {
	background:url(../images/page02_pr06.jpg) no-repeat 0 0;
}
#page-02 dd.merit-body {
	margin-left:90px;
	font-size:12px;
	color:#555555;
	line-height:1.4;
}
#page-02 dd.image-body {
	padding:0 0 20px 0;
	border-bottom:1px dotted #DDDDDD;
}