@charset "utf-8";

@import url("base/framework.css");

/* Table of Contents + ---------------------------------- *//*

     0.share
     1.home
     2.*

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


/* 0.share configuration
=========================================================== */
#contents #main_contents h1 {
	height: 40px;
	background: url(/img/apply/h1_bg.jpg) no-repeat 0 0;
	padding: 14px 0 0 54px;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 19px;
	text-align: left;
}
.share #contents #main_contents h2 {
	margin: 0 auto 10px auto;
	padding: 6px 0 8px 40px;
	font-size: 1em;
	font-weight: bolder;
	background: url(/img/share/h2_title_bg.jpg) no-repeat center top;
	text-align: left;
}
#contents #main_contents h3 {
	text-align: left;
	padding: 0 26px;
}
/* share */
.share #contents #main_contents img {
	margin-bottom: 9px;
}
.share #contents #main_contents p {
	margin-bottom: 1.4em;
	padding: 0 27px;
}
.share #contents #main_contents dl dt {
	font-weight: bolder;
	font-size: 1em;
	padding: 6px 0 8px 40px;
	margin: 0 0 10px -1px;
	background: url(/img/share/h2_title_bg.jpg) no-repeat center top;
	text-align: left;
}
* html .share #contents #main_contents dl dt {
	margin: 0 0 10px 0;
}
*:first-child+html .share #contents #main_contents dl dt {
	margin: 0 0 10px 0;
}
.share #contents #sub_contents #sub_navi dt {
	background: url(/img/apply/sub_navi_dt_bg.jpg) no-repeat 0 0;
}
.share #contents #sub_contents #sub_navi dt.one {
	height: 50px;
}
.share #contents #main_contents div p {
	margin-bottom: 1.4em;
	padding: 0 27px 0;
}
/* banner */
.share #contents #main_contents .banner {
	margin-bottom: 6px;
}
#form #contents #main_contents ul.banner {
	padding: 17px 22px;
	margin: 0 0 6px;
}
.share #contents #main_contents .red_caution {
	font-size: 0.9em;
}
.share #contents #main_contents .red_caution {
	color: #dd0000;
}
.share #contents #main_contents table .red_caution {
	margin: 0.6em 0 0;
}
.share #contents #main_contents .red_caution li {
	line-height: 1.2;
	padding: 0 0 0 11px;
	text-indent: -11px;
	text-align: justify;
	/*\*/text-justify: inter-ideograph;/**/
}

/* 1.apply_index configuration
=========================================================== */
#apply #contents #main_contents .about {
	margin: 10px 0 1.2em;
}
#apply #contents .telephone {
	background: url(/img/contact/telephone_bg.jpg) no-repeat 415px 51px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#apply #contents .telephone img {
	margin: 9px 0 17px 28px;
}
#apply #contents .telephone p {
	width: 356px;
}

#apply #main_contents .about li {
	text-indent: -0.5em;
	padding: 0 0 0.5em 0.5em;
}
/* フォーム */
#apply #contents #main_contents .form {
	width: 574px;
	margin: 0 auto;
}
#apply #contents #main_contents .form form {
	margin: 20px 0 0;
	position: relative;
}
#apply #contents #main_contents .form form p {
	line-height: 1;
	min-height: 1%;
	margin: 15px 0 0;
	padding: 0;
	width: 574px;
	position: relative;
}
#apply #contents #main_contents .form form p:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
#apply #contents #main_contents .form form img {
	vertical-align: middle;
	margin: 0 2px;
}
#apply #contents #main_contents .form label {
	display: block;
	width: 220px;
	clear: both;
	float: left;
	font-weight: bolder;
	text-align: right;
}
/* caution */
#apply #contents #main_contents .form label .caution {
	font-size: 0.9em;
	color: #ff0000;
	margin: 0 0 0 2px;
}
/* error */
#apply #contents #main_contents .form label.error {
	width: 150px;
	display: inline;
	float: none;
	text-align: left;
	position: absolute;
	left: 430px;
	top: 3px;
	font-size: 0.9em;
	color: #ff0000;
	margin: 0 0 0 5px;
}
#apply #contents #main_contents .form .plan label.error {
	left: 350px;
	margin: 0;
}
#apply #contents #main_contents .form .sign_class label.error {
	left: 385px;
	margin: 0;
}
#apply #contents #main_contents .form .pref label.error {
	left: 305px;
	margin: 0;
}
#apply #contents #main_contents .form .wide label.error {
	left: 480px;
}
#apply #contents #main_contents .form .consent label.error {
	left: 123px;
	top: 12px;
}
* html #apply #contents #main_contents .form .consent label.error {
	left: 0;
}
#apply #contents #main_contents .form input {
	width: 200px;
	height: 12px;
	padding: 2px 1px;
	line-height: 1.2;
	ime-mode: active;
}
#apply #contents #main_contents .form textarea {
	height: 95px;
	padding: 2px 1px;
}
#apply #contents #main_contents .form #email {
	ime-mode: disabled;
}
#apply #contents #main_contents .form .tel input,
#apply #contents #main_contents .form .fax input {
	width: 50px;
	ime-mode: disabled;
}
#apply #contents #main_contents .form textarea,
#apply #contents #main_contents .form .wide input {
	width: 250px;
	ime-mode: active;
}
#apply #contents #main_contents .form #zip1 {
	width: 40px;
	ime-mode: disabled;
}
#apply #contents #main_contents .form #zip2 {
	width: 50px;
	ime-mode: disabled;
}
#apply #contents #main_contents .form .consent {
	border: #ccc solid 1px;
	margin: 30px 0;
}
#apply #contents #main_contents .form .consent iframe {
	margin: 20px 0 0 20px;
	border: #999 solid 1px;
	width: 530px;
	height: 170px;
}
#apply #contents #main_contents .form .consent label,
#apply #contents #main_contents .form .consent input {
	width: auto;
	display: inline;
	float: none;
}
#apply #contents #main_contents .form .consent input {
	margin-right: 2px;
}
#apply #contents #main_contents .form .consent p,
#apply #contents #main_contents .form .btn {
	display: block;
	text-align: center;
	margin: 0;
}
#apply #contents #main_contents .form .consent p {
	width: auto;
	padding: 30px;
	text-align: center;
}
#apply #contents #main_contents .form .btn input {
	width: 80px;
	display: inline;
	float: none;
	border: #999 solid 1px;
	background: #e0dfe3;
	height: 30px;
	cursor: pointer;
}

/* 1-2.flow
=========================================================== */
/* banner */
#flow #contents #main_contents h2 {
	margin-bottom: 15px;
}
#flow #main_contents .banner {
	margin: 0 0 28px;
	text-align: center;
}
#flow #main_contents .banner p {
	width: 500px;
	background: #ccc;
	margin: 0 auto;
}
#flow #main_contents .banner p a {
	width: 500px;
	height: 100px;
	display: block;
}
#flow #main_contents .banner .flow {
	margin-bottom: 20px;
}
#flow #main_contents dd {
	text-align: left;
}
#flow #main_contents p {
	padding-left: 0;
}
#flow #main_contents div p {
	margin-left: 20px;	
}
#flow #main_contents div {
	margin: 0 0 26px;
}
#flow #main_contents div div {
	margin: 0;
	padding: 10px 0 0;
}
#flow #main_contents .ps_flow,
#flow #main_contents .psm_flow {
	margin-bottom: 10px;
}
#flow #main_contents .pms_flow {
	margin-bottom: 0;
}
#flow #main_contents .ps_flow dl,
#flow #main_contents .psm_flow dl,
#flow #main_contents .pms_flow dl {
	margin: 0 0 1.6em;
	padding: 0 31px;
}
#flow #main_contents .ps_flow dl.last-child,
#flow #main_contents .psm_flow dl.last-child,
#flow #main_contents .pms_flow dl.last-child {
	margin: 0 0 26px;
	padding: 0;
}
#flow #main_contents .ps_flow dl dl,
#flow #main_contents .psm_flow dl dl,
#flow #main_contents .pms_flow dl dl {
	margin: 0;
	padding: 0;
}
#flow #contents #main_contents .ps_flow dt,
#flow #contents #main_contents .psm_flow dt,
#flow #contents #main_contents .pms_flow dt {
	text-indent: 0;
	background: none;
	position: static;
	height: 100%;
	margin: 0 0 0.9em 14px;
	padding: 0 20px;
}
#flow #contents #main_contents .ps_flow dt,
#flow #contents #main_contents .psm_flow dt,
#flow #contents #main_contents .pms_flow dt {
	padding: 10px 0 10px 50px;
	margin-left: 30px;
	margin-bottom: 5px;
}
#flow #contents #main_contents .ps_flow dl dt,
#flow #contents #main_contents .psm_flow dl dt,
#flow #contents #main_contents .pms_flow dl dt {
	text-indent: -9999px;
	background: none;
	position: absolute;
	height: 0;
	width:0;
	margin: 0;
	padding: 0;
	z-index: 200;
}
#flow #site #contents #main_contents .ps_flow p,
#flow #site #contents #main_contents .psm_flow p,
#flow #site #contents #main_contents .pms_flow p {
	margin: 0 0 1.8em;
	padding: 0;
	text-align: left;
}
#flow #main_contents .ps_flow div,
#flow #main_contents .psm_flow div,
#flow #main_contents .pms_flow div {
	margin: 0;
	padding: 0;
	width: 169px;
}
#flow #site #contents #main_contents .ps_flow dl img,
#flow #site #contents #main_contents .psm_flow dl img,
#flow #site #contents #main_contents .pms_flow dl img {
	margin: 0;
	padding: 0;
}
#flow #site #contents #main_contents .ps_flow dl dd,
#flow #site #contents #main_contents .psm_flow dl dd,
#flow #site #contents #main_contents .pms_flow dl dd {
	float: left;
	width: 198px;
	margin: 0;
	padding: 0;
	background: url(/img/apply/arrow_img.jpg) no-repeat right center;
}
#flow #site #contents #main_contents .ps_flow .delivery,
#flow #site #contents #main_contents .psm_flow .delivery,
#flow #site #contents #main_contents .pms_flow .delivery {
	width: 236px;
	margin: 0;
	padding: 0;
	background: url(/img/apply/arrow2_img.jpg) no-repeat right center;
}
#flow #site #contents #main_contents .ps_flow dl dd.last-child,
#flow #site #contents #main_contents .psm_flow dl dd.last-child,
#flow #site #contents #main_contents .pms_flow dl dd.last-child {
	margin: 0;
	width: 169px;
	background: none;
}
#flow #site #contents #main_contents .pms_flow dl dd.last-child2 {
	background: none;
}
/* add 090406 */
#flow #site #contents #main_contents .ps_flow dl dd.output {
	margin-left: 10px;
	background: none;
	width: 350px;
}
/**/
/* add 090901 form IE6 hack*/
#apply #contents #main_contents .form form fieldset p.plan,
#apply #contents #main_contents .form form fieldset p.sign_class,
#apply #contents #main_contents .form form fieldset p.pref {
	_padding-bottom: 1px;
	_padding-top: -1px;
}
/*form IE6-7 hack*/
#apply #contents #main_contents .form form fieldset div.consent p label input {
	/width: 13px;
} 

/**/