@charset "euc-jp";
/* Default ---------------------------------------------------------------- */

body {
margin: 0;
background-color: #ffffff;
color: #000000;
line-height: 1.7;
font-size: 12px;
font-family: Meiryo, "¥á¥¤¥ê¥ª", "Hiragino Kaku Gothic Pro W3", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "MS P Gothic", "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, sans-serif;
}
/* for IE7 */
*+html body {
font-size: 75%;
font-family: "¥á¥¤¥ê¥ª", "£Í£Ó £Ð¥´¥·¥Ã¥¯";
}
/* for IE6 */
* html body {
font-size: 75%;
font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯";
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
ol, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dl, dt, dd {
margin: 0;
padding: 0;
}
address, caption, cite, code, dfn, em, th, var {
text-align: left;
font-style: normal;
font-weight: normal;
} 
p {
margin: 0;
text-align: justify;
text-justify: inter-ideograph;
}
img, a img {
border: 0;
vertical-align: text-bottom;
line-height: 0;
}
button, fieldset, form, input, label, legend, select, textarea {
margin: 0;
padding: 0;
vertical-align: middle;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; 
}
.clear {
clear: both;
}
strong{
	font-weight:normal;
	}
address{
	text-align:center;
	font-size:82%;
	padding-bottom:10px;
	}

/* link ---------------------------------------------------------------- */

a {
text-decoration: none;
}
a:link {
color: #666;
text-decoration: none;
}
a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #0675bc;
text-decoration: underline;
}
a:active {
color: #666;
text-decoration: none;
}

/* font ---------------------------------------------------------------- */

.red{
	font-size: 150%;
	font-weight: 600;
	color: #ff0000;
}

/* Clearfix ---------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Space ---------------------------------------------------------------- */
.no-space{
	margin:0!important;
	padding:0!important;
	}
.margin-t10{
	margin-top:10px;
	}
.margin-t15{
	margin-top:15px;
	}
.margin-t20{
	margin-top:20px;
	}

/* Layout ---------------------------------------------------------------- */

#container {
	width: 680px;
	margin: 10px auto 0;
	padding-bottom: 30px;
	background-color: #f4f4f4;
}

#header p {
	float: right;
	width: 434px;
}

h2 {
	float: left;
	width: 246px;
}

h3 {
	padding-bottom: 10px;
}

h4 {
	text-align: center;
}

ul li {
	line-height: 0;
}

#leftFloat01 {
	float: left;
	width: 432px;
}

#leftFloat02 {
	float: left;
	width: 356px;
}

#rightFloat02 {
	float: right;
	width: 324px;
}

.leftFloat { float: left; }
.rightFloat { float: right; }

.box { background: url(images/bg.gif) no-repeat left bottom; }

.para01 { padding: 5px 33px 20px; }

.para02 { padding: 5px 0 20px 33px; }

#procedure {
	padding-bottom: 30px;
}

#procedure li {
	display: block;
	width: 123px;
	float: left;
	min-height: 210px;
}

* html #procedure li { height: 210px; }

#procedure li.arrow { width: 25px; }

#procedure li#procedure01 {
	padding: 73px 5px 5px 5px;
	background: #ededed url(images/page_27.jpg) no-repeat left top;
}

#procedure li#procedure02 {
	padding: 73px 5px 5px 5px;
	background: #ededed url(images/page_28.jpg) no-repeat left top;
}

#procedure li#procedure03 {
	padding: 73px 5px 5px 5px;
	background: #ededed url(images/page_29.jpg) no-repeat left top;
}

#procedure li#procedure04 {
	padding: 73px 5px 5px 5px;
	background: #ededed url(images/page_30.jpg) no-repeat left top;
}

dl {
	padding-left: 111px;
	margin-left: 25px;
	min-height: 100px;
}

* html dl { height: 100px; }

dd { padding-right: 30px; }

#application01 { background: url(images/page_32.jpg) no-repeat left top; }
#application02 { background: url(images/page_33.jpg) no-repeat left top; }
#application03 { background: url(images/page_34.jpg) no-repeat left top; }
#application04 { background: url(images/page_35.jpg) no-repeat left top; }
#application05 { background: url(images/page_36.jpg) no-repeat left top; }

.last { padding-bottom: 20px; }

.percent70 {
	width: 73%;
	padding:0 30px 20px 0;
}

#fee {
	padding: 0 0 5px 187px;
	margin-left: 35px;
	background: url(images/page_45.jpg) no-repeat left top;
}

#fee h4 { text-align: left; }