@charset "utf-8";
/* CSS Document */

/*--------------------------------

	about ぴっと

----------------------------------*/

#contents #main .about {
	clear: both;
	background-image: url(../solution/images/top_chatch_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 19px;
}

#contents #main .about .header {
	background-image: url(../about/images/about_head.gif);
	background-repeat: no-repeat;
	height: 152px;
}

#contents #main .about .header h2 {
	text-indent: -10000px;
}

#contents #main .about .wrapper {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:20px 0 25px 0;
}

#contents #main .about .wrapper .wrap {
	width:840px;
	margin:0 auto;
}

#contents #main .about .wrapper .wrap .head_read {
	font-size:15px;
	text-align:center;
	line-height:1.6em;
	margin-bottom:30px;
}

#contents #main .about .wrapper .wrap dl {
	width:800px;
	margin:0 auto;
}

#contents #main .about .wrapper .wrap dl dt {
	height:65px;
	text-indent:-10000px;
	background-repeat:no-repeat;
}

#contents #main .about .wrapper .wrap dl dd {
	margin:0 40px 65px 45px;
}

#contents #main .about .wrapper .wrap dl dd:last-child {
	margin-bottom:0px;
}

#contents #main .about .wrapper .wrap dl dt.ttl_1 {
	background-image:url(../about/images/about_h3_01.gif);
}

#contents #main .about .wrapper .wrap dl dt.ttl_2 {
	background-image:url(../about/images/about_h3_02.gif);
}

#contents #main .about .wrapper .wrap dl dd p {
	margin-top:20px;
}


/*--------------------------------

	ぴっとの特長

----------------------------------*/

#contents #main .features {
	clear: both;
	background-image: url(../solution/images/top_chatch_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 19px;
}

#contents #main .features .header {
	background-image: url(../images/contents/features_head.gif);
	background-repeat: no-repeat;
	height: 123px;
}

#contents #main .features .header h2 {
	text-indent: -10000px;
}

#contents #main .features .wrapper {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:23px 0 25px 0;
}

#contents #main .features .wrap {
	width:831px;
	margin: 0 auto 0 auto;
	clear:both;
	background-image: url(../images/contents/features_wrap_left.gif);
	background-repeat:repeat-y;
}

#contents #main .features .wrap h3 {
	width:123px;
	background-repeat: no-repeat;
	height:212px;
	text-indent:-10000px;
	float:left;
}

#contents #main .features .red,
#contents #main .features .blue {
	margin-bottom:35px;
}

#contents #main .features .wrap dl {
	width:708px;
	float:left;
}

#contents #main .features .wrap dl dt {
	width:718px;
	background-repeat: no-repeat;
	font-size:17px;
	font-weight:bold;
	min-height:57px;
	padding: 14px 15px 0 20px;
	line-height:1.4em;
}

#contents #main .features .wrap dl dd {
	width:660px;
	padding: 2px 15px 6px 20px;
}

#contents #main .features .wrap .btn_posi {
	background-image: url(../images/contents/features_wrap_under.gif);
	background-repeat: no-repeat;
	height:40px;
	clear:both;
	text-align:right;
}

/* かんたん（赤） */

#contents #main .features .red h3 {
	background-image: url(../images/contents/features_01_point.gif);
}

#contents #main .features .red dl dt {
	background-image: url(../images/contents/features_01_dtbg.gif);
	color:#d42100;
}

/* はやい（青） */

#contents #main .features .blue h3 {
	background-image: url(../images/contents/features_02_point.gif);
}

#contents #main .features .blue dl dt {
	background-image: url(../images/contents/features_02_dtbg.gif);
	color:#0183a8;
}

/* やすい（緑） */

#contents #main .features .green h3 {
	background-image: url(../images/contents/features_03_point.gif);
}

#contents #main .features .green dl dt {
	background-image: url(../images/contents/features_03_dtbg.gif);
	color:#5f9500;
}


/*--------------------------------

	デモサイト

----------------------------------*/

#contents #main .demo {
	clear: both;
	background-image: url(../solution/images/top_chatch_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 19px;
}

#contents #main .demo .header {
	background-image: url(../images/contents/demo_head.jpg);
	background-repeat: no-repeat;
	height: 99px;
}

#contents #main .demo .header h2 {
	text-indent: -10000px;
}

#contents #main .demo .wrapper {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:23px 0 22px 0;
}

#contents #main .demo .wrap {
	width:790px;
	margin: 0 auto 0 auto;
	clear:both;
}

#contents #main .demo .wrap .left_area {
	width:411px;
	float: left;
}

#contents #main .demo .wrap .left_area .btn_area {
	margin:17px 0 8px 0;
}

#contents #main .demo .wrap .left_area .admin {
	background-color:#fffaed;
	padding:10px;
	text-align:center;
	border:1px solid #d2d2d2;
}


/*--------------------------------

	よくあるご質問

----------------------------------*/

#contents #main .faq {
	clear: both;
	background-image: url(../solution/images/top_chatch_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 19px;
}

#contents #main .faq .header {
	background-image: url(../images/contents/faq_head.jpg);
	background-repeat: no-repeat;
	height: 87px;
}

#contents #main .faq .header h2 {
	text-indent: -10000px;
}

#contents #main .faq .wrapper {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:23px 0 0px 0;
}

#contents #main .faq dl {
	width:802px;
	margin:0 auto;
}

#contents #main .faq dl dt {
	padding:6px 10px 4px 11px;
	background-repeat: repeat-x;
	background-image: url(../images/contents/faq_qbg.gif);
	background-position: left bottom;
	background-color:#fffdf6;
}

#contents #main .faq dl dt p {
	background-image:url(../images/contents/faq_q_icon.png);
	background-repeat: no-repeat;
	padding:2px 10px 9px 35px;
	line-height: 1.4em;
	font-weight:bold;
	color:#4c4c4c;
}

#contents #main .faq dl dd {
	background-image:url(../images/contents/faq_a_icon.png);
	background-repeat: no-repeat;
	padding:1px 10px 45px 35px;
	margin:6px 0 0 11px;
	font-size: 13px;
}

/*--------------------------------

	新着情報

----------------------------------*/

#contents #main .news {
	clear: both;
	background-image: url(../solution/images/top_chatch_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 19px;
}

#contents #main .news .header {
	background-image: url(../images/contents/news_head.jpg);
	background-repeat: no-repeat;
	height: 87px;
}

#contents #main .news .header h2 {
	text-indent: -10000px;
}

#contents #main .news .wrapper {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding:32px 0 15px 0;
}

#contents #main .news .wrap {
	width:775px;
	margin: 0 auto 0 auto;
	clear:both;
	min-height: 350px;
}

#contents #main .news .wrapper .wrap h3 {
	border-top: 1px solid #d5c6af;
	border-bottom: 2px solid #d5c6af;
	background-image: url(../images/contents/news_sttl_bg.gif);
	background-repeat: repeat-y;
	padding: 16px 20px 15px 25px;
	color: #f58002;
	font-size: 17px;
	font-weight: bold;
}

#contents #main .news .wrapper .wrap .date {
	text-align:right;
	color: #af966e;
	font-size: 14px;
	padding:3px 5px 8px 0;
	font-weight: bold;
}

#contents #main .news .wrapper .wrap .reads {
	width:735px;
	margin: 0 auto 0 auto;
	line-height:1.65em;
	padding-bottom:30px;
	font-size: 13px;
}

#contents #main .news .wrapper .wrap .reads p {
	margin-bottom:17px;
}


#contents #main .news .wrapper .wrap .table_area {
	margin: 30px auto 0 auto;
}

#contents #main .news .wrapper .wrap .table_area .ttl {
	font-weight:bold;
	margin-bottom:6px;
	font-size: 14px;
}

#contents #main .news .wrapper .wrap table {
	width:100%;
	margin: 0 auto 0 auto;
	border-top:1px solid #a1a1a1;
	border-left:1px solid #a1a1a1;
	font-size:13px;
	line-height:1.5em;
}

#contents #main .news .wrapper .wrap table th {
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
	background-color:#f7f5e1;
	padding:4px 15px;
	text-align: left;
}

#contents #main .news .wrapper .wrap table td {
	border-right:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
	padding:8px 10px 8px 10px;
	line-height: 1.6em;
}