@charset "utf-8";

/*--------------------------------------------------------------------
 Articleplus Private
--------------------------------------------------------------------*/

/* Articleplus common
-----------------------------------*/
.articleplus #body-main .h2ttl h2{
	background:url(/corp/img/service/articleplus/articleplus_ttl_bg.jpg) 100% 0 no-repeat;
}
.mainclm dt {
	background:url("/corp/img/service/ss_borderline.gif") 0 bottom no-repeat;
	color: #ea6200;
	font-weight: bold;
	padding-bottom: 15px;
}
.mainclm dd {
	margin: 15px 0 0 100px;
}
.mainclm .m-bottom {
	margin-bottom: 50px;
}

/* index.html
-----------------------------------*/
.articleplus-index #body-main .mainclm h4 {
	font-weight: bold;
	margin-bottom: 10px;
	padding-left:8px;
}
.articleplus-index #body-main .mainclm p{
	font-size:81.25%;
	line-height:1.5em;
	padding-left:8px;
}
.articleplus-index #body-main .mainclm .indexclm {
	border: 1px solid #e4e4e4;
	margin-top: 25px;
	padding: 19px;
}
.articleplus-index #body-main .mainclm .indexclm .illust-flow{
	background:url("/corp/img/service/articleplus/articleplus_index_illust_flow.jpg") 0 20px no-repeat;
	font-size: 68.75%;
	position: relative;
	width: 620px;
	height: 270px;
}
.articleplus-index #body-main .mainclm .indexclm .illust-flow .arr{
	color: #ea6200;
}
.articleplus-index #body-main .mainclm .indexclm .illust-flow .flowtx-01{
	position: absolute;
}
.articleplus-index #body-main .mainclm .indexclm .illust-flow .flowtx-02{
	position: absolute;
	top: 55px;
	left: 510px;
}
.articleplus-index #body-main .mainclm .indexclm ul {
	margin-top: 15px;
}
.articleplus-index #body-main .mainclm .indexclm li {
	font-size: 75%;
	margin-top: 5px;
	padding-top:3px;
	padding-left: 25px;
	min-height: 20px;
	*height: 20px;
}
.articleplus-index #body-main .mainclm .indexclm .no00 {
	background:url("/corp/img/service/ss_index_no00.gif") no-repeat;
}
.articleplus-index #body-main .mainclm .indexclm .no01 {
	background:url("/corp/img/service/ss_index_no01.gif") no-repeat;
}
.articleplus-index #body-main .mainclm .indexclm .no02 {
	background:url("/corp/img/service/ss_index_no02.gif") no-repeat;
}
.articleplus-index #body-main .mainclm .indexclm .no03 {
	background:url("/corp/img/service/ss_index_no03.gif") no-repeat;
}
.articleplus-index #body-main .mainclm dl {
	margin-top: 15px;
}
.articleplus-index #body-main .mainclm dd table {
	text-align: center;
}
.articleplus-index #body-main .mainclm dd th{
	background: #f4b07f;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-size: 75%;
	width: 98px;
}
.articleplus-index #body-main .mainclm dd td{
	background: #fadfcc;
	color: #ea6200;
	font-weight: bold;
	width: 169px;
	padding: 5px 0;
}
.articleplus-index #body-main .mainclm dd dl {
	font-size: 68.75%;
}
.articleplus-index #body-main .mainclm dd dt {
	background: none;
	color: #4c4c4c;
	float: left;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0;
}
.articleplus-index #body-main .mainclm dd dd {
	margin: 0 0 0 1em;
}

/* features.html
-----------------------------------*/
.articleplus-features #body-main .mainclm {
	padding-top:10px;
}
.articleplus-features #body-main .mainclm h4 {
	color: #333;
/*	font-size: 75%;*/
	font-weight: bold;
}
.articleplus-features #body-main .mainclm p {
	font-size:81.25%;
	line-height:1.3846em;
	padding-top:8px;
}
.articleplus-features #body-main .mainclm ul {
/*	background: url("/corp/img/service/ss_borderline.gif") 0 bottom no-repeat;*/
	border-bottom:1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.articleplus-features #body-main .mainclm li {
	padding-left: 100px;
/*	min-height: 60px;*/
/*	*height: 60px;*/
}
.articleplus-features #body-main .mainclm .mark01 {
	background: url("/corp/img/service/ss_features_mark01.gif") no-repeat;
}
.articleplus-features #body-main .mainclm .mark02 {
	background: url("/corp/img/service/ss_features_mark02.gif") no-repeat;
}
.articleplus-features #body-main .mainclm .mark03 {
	background: url("/corp/img/service/ss_features_mark03.gif") no-repeat;
}
.articleplus-features #body-main .mainclm .caption {
	font-size: 68.75%;
	margin-top: 15px;
}
/* price.html
-----------------------------------*/
.articleplus-price .mainclm h3 {
	color:#333;
	font-size:87.5%;
	font-weight:bold;
	padding:0 0 0 12px;
}
.articleplus-price .price table {
	margin:8px 8px 15px;
	text-align:center;
	width:642px;
}
.articleplus-price .price th {
	background:#ccc none repeat scroll 0 0;
	border-right:1px solid #fff;
	color:#333;
	font-size:75%;
	width:98px;
}
.articleplus-price .price td {
	background:#eee none repeat scroll 0 0;
	color:#333;
	font-size:87.5%;
	font-weight:bold;
	padding:10px 0;
	width:169px;
}
.articleplus-price .price p.ate {
	font-size:75%;
	line-height:1.75em;
	padding-left:8px;
}

/* contact.html
-----------------------------------*/
.articleplus-contact .mainclm{
	margin-bottom:40px;
}
.articleplus-contact .mainclm p{
	padding:0 2px;
	margin-bottom:20px;
	font-size:75%;
	line-height:1.5em;
}
.articleplus-contact .mainclm p.call-tel{
	margin-bottom:10px;
}
.articleplus-contact .mainclm table{
	width:660px;
}
.articleplus-contact .mainclm th{
	width:98px;
	border-right:1px solid #FFFFFF;
	background:#ccc none repeat scroll 0 0;
	color:#333;
	font-size:75%;
	text-align:center;
}
.articleplus-contact .mainclm td{
	padding:0 10px;
	background:#eee none repeat scroll 0 0;
}
.articleplus-contact .mainclm td .tel-no {
	margin-right:10px;
	font-size:162.5%;
	line-height:1.5em;
	font-weight:bold;
	color:#333;
}
.articleplus-contact .mainclm p.form-link a{
	background-image:url(/corp/img/common/common_detail_btn.gif);
	background-position:6px 50%;
	background-repeat:no-repeat;
	background-color:#eee;
	border:1px solid #ddd;
	color:#333333;
	display:block;
	padding:9px 5px 8px 20px;
	width:175px;
}
.articleplus-contact .mainclm p.form-link a:hover{
	background-color:#ccc;
	border:1px solid #bbb;
	background-position:-654px 50%;
	color:#000;
	text-decoration:none;
}
.articleplus-contact .mainclm p.form-link {
	margin-bottom:30px;
}