@charset "utf-8";
@import "base.css";

/*		MainArea
----------------------------------------------------*/
/*-------  h2 Style ------- */
div#main h2#h2-reg {
	background-image: url(../images/reg/h2_reg.gif);
}
div#main h2#h2-trial {
	background-image: url(../images/reg/h2_trial.gif);
}
div#main h2#h2-trial2 {
	background-image: url(../images/reg/h2_trial2.jpg);
	height:72px;
	margin-bottom:3px !important;
}
div#main h2#h2-input_userinfo {
	background-image: url(../images/reg/h2_input_userinfo.gif);
}
div#main h2#h2-input_trialuserinfo {
	background-image: url(../images/reg/h2_input_trialuserinfo.gif);
}

/*-------  index.html ------- */
div.rule,
div.map-rule {
	margin-left: 35px;
	padding: 5px 14px;
	width: 645px;
	height: 130px;
	border: 1px solid #E9E9E9;
	overflow: auto;
}
	div.rule ul li dl dd {
		margin-left: 14px;
	}
	div.rule ul li dl dd ul li {
		list-style: decimal inside;
	}
	div.rule ul li dl dd ul li ul li {
		list-style: none;
		margin-left: 14px;
	}
	div.rule dl.rule-end dd {
		margin-left: 14px;
	}
	
	div.map-rule dl dd {
		margin-left: 14px;
	}
	div.map-rule dl dd ul li {
		list-style: decimal inside;
	}
	div.map-rule dl dd ul li li {
		list-style: none;
		margin-left: 14px;
	}
	div.map-rule dl dd ul.decimal-none li {
		list-style: none;
		margin-left: 14px;
	}
p.text-c input {
	border: none;
}

/*-------  trial.html ------- */
p.w-main strong {
	color: #FF6600;
	font-size: 120%;
}
ul.btn-trial {
	margin-left: auto;
	margin-right: auto;
	width: 501px;
}
	ul.btn-trial a {
		display: block;
		text-indent: -9999px;
		height: 66px;
		background: url(../images/reg/btn_free.gif) 0 0 no-repeat;
	}
	ul.btn-trial a:hover {
		background: url(../images/reg/btn_free.gif) 0 -66px no-repeat;
	}
ul.trial-flow {
	margin-left: 45px;
	width: 660px;
}
	ul.trial-flow li {
		margin-bottom: 4px;
		padding-left: 35px;
		font-weight: bold;
		font-size: 120%;
		line-height: 26px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	ul.trial-flow li.flow01 { background-image: url(../images/common/li_01.gif); }
	ul.trial-flow li.flow02 { background-image: url(../images/common/li_02.gif); }
	ul.trial-flow li.flow03 {
		background-image: url(../images/common/li_03.gif);
		color: #FF6600;
	}
ul.w-main li span {
	font-size: 90%;
	margin-bottom: 20px;
	display: block;
}

/*		20111216 added
----------------------------------------------------*/
/*ご利用申し込みボタン*/
ul.btn-use {
	margin-left: auto;
	margin-right: auto;
	width: 501px;
}
	ul.btn-use a {
		display: block;
		text-indent: -9999px;
		height: 66px;
		background: url(../images/reg/btn_use.gif) 0 0 no-repeat;
	}
	ul.btn-use a:hover {
		background: url(../images/reg/btn_use.gif) 0 -66px no-repeat;
	}
	
/*trial 120919*/
#trEasy {
	margin:0 13px 0 35px;
	float:left;
	width:217px;
	height:380px;
	background:url(../images/reg/trbg.jpg) repeat-x bottom;
	min-height:320px;
}

#trEasy h3#easy {
	background:url(../images/reg/treasy.jpg) no-repeat top left !important;
	height:118px !important;
	width:217px !important;
	margin:0 0 !important;
	text-indent:-9999px;
}

#trFree {
	margin:0 13px 0 0;
	float:left;
	width:217px;
	height:380px;
	background:url(../images/reg/trbg.jpg) repeat-x bottom;
	min-height:320px;
}

#trFree h3#free {
	background:url(../images/reg/trfree.jpg) no-repeat top left !important;
	height:118px !important;
	width:217px !important;
	margin:0 0 !important;
	text-indent:-9999px;
}

#trRepo {
	float:left;
	height:380px;
	width:217px;
	background:url(../images/reg/trbg.jpg) repeat-x bottom;
	min-height:320px;
}

#trRepo h3#repo {
	background:url(../images/reg/trrepo.jpg) no-repeat top left !important;
	height:118px !important;
	width:217px !important;
	margin:0 0 !important;
	text-indent:-9999px;
}

ul.trFlow {
	margin-left: 10px;
	margin-top:12px;
	width: 200px;
}
	ul.trFlow li {
		margin-bottom: 12px;
		padding-left: 35px;
		/*font-weight: bold;*/
		font-size: 120%;
		line-height: 22px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	ul.trFlow li.trFlow01 { background-image: url(../images/common/litr_01.gif); }
	ul.trFlow li.trFlow02 { background-image: url(../images/common/litr_02.gif); }
	ul.trFlow li.trFlow03 {	background-image: url(../images/common/litr_03.gif); }

#tr23 {
	margin:20px 0 40px 35px;
	width:677px;
	height:88px;
	background:url(../images/reg/tr23.jpg) no-repeat top;
	text-indent:-9999px;
}