@charset "EUC-JP";

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

   =01 Content

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

p.twTitle {
	padding-bottom: 10px;
}

dl.twWhats {
	padding-bottom: 10px;
}

dl.twWhats dt {
	font-weight: bold;
	margin-bottom: 5px;
}

dl.twWhats dd {
	line-height: 1.3;
	
}

p.twButton1 {
	text-align: right;
	padding: 0 0 10px;
}

h2.twSubTitle {
	padding: 20px 0 10px;
}

h3.twStepTitle {
	padding-bottom: 10px;
	color: #393f99;
	font-size: 111%;
}

div.twBox {
	margin-bottom: 20px;
}

div.twBox p.image {
	width: 300px;
	float: left;
}

div.twBox p.text {
	line-height: 1.3;
	float: right;
	width: 320px;
}

div.twBox p.text span {
	font-weight: bold;
}

dl.twMerit {
	padding: 10px;
	margin-bottom: 10px;
	background: #ddffee;
}

dl.twMerit dt {
	margin-bottom: 5px;
	font-weight: bold;
}

dl.twMerit dd {
	line-height: 1.3;
}

ol.twStep {
	padding-bottom: 20px;
}

ol.twStep li {
	float: left;
	display: inline;
	width: 190px;
}

ol.twStep li.step2 {
	margin: 0 28px;
}

ol.twStep li span {
	display: block;
	margin-bottom: 5px;
	color: #393f99;
	font-weight: bold;
}

p.twinavi {
	padding: 20px 0 10px;
	border-top: 1px solid #ddd;
}

p.twinavi img {
	float: left;
	margin: 0 10px 0 0;
}

p.twBlog {
	padding: 10px;
	margin-bottom: 10px;
	background: #ddffee;
}

p.twBlog span {
	margin-left: 10px;
}

p.twButton2 {
	text-align: center;
	padding: 20px 0;
}

p.twBanner {
	padding-bottom: 10px;
}


/* clearFix */
div.twBox,
ol.twStep,
p.twinavi {
	zoom: 1;
}

div.twBox:after,
ol.twStep:after,
p.twinavi:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}