@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////////////////////// 初期化 */

* {
    margin: 0;
    padding: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}
body, div, h1, h2, h3, h2, h3, h6, p, address,
table, th, td, ul, ol, li, dl, dt, dd,
pre, blockquote, form, fieldset, input,
textarea, select, option, embed, object {
    margin: 0;
    padding: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}
img {
	border-style : none;
	vertical-align: bottom;
}
tr {
	vertical-align: top;
}


/*
////////////////////////////////////////////////////////////////////////////////////////// 補足属性 */

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
hr {
	 display: none;
}


/*
////////////////////////////////////////////////////////////////////////////////////////// 段落 */

.paragraph01 {
	clear: both;
	margin-bottom: 20px;
}

.paragraph01_l {
	float: left;
	margin-left: 0;
	width: 310px;
}
.paragraph01_r {
	float: right;
	margin-right: 0;
	width: 310px;
}

.paragraph01 p {
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.paragraph01 .paragraph01_in {
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
}
.paragraph01_in .imgp {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-left: 0px;
	background-color: #ffffff;
}

.paragraph01_in p {
	margin-left: 0;
	margin-bottom: 10px;
}
.paragraph01_in h4 {
	margin-left: 0;
}

.paragraph01_in h3 {
	margin-left: 0;
}

.paragraph01 ul {
	margin-bottom: 10px;
	margin-left: 30px;
}
.paragraph01 ul li ul {
	margin-bottom: 10px;
	margin-left: 10px;
}
.paragraph02 {
	clear: both;
	margin-bottom: 20px;
	border: solid;
	border-color: #cdcdcd;
	border-width: 1px;
	padding: 5px 10px;
}
.paragraph02 h3 {
	margin-bottom: 0px;
	background: none;
	text-indent: 0px;
}

.paragraph03 {
	clear: both;
	margin-bottom: 0;
	padding-top: 5x;
}

.paragraph04 {
	clear: both;
	margin-bottom: 10px;
	border-bottom: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #cdcdcd;
}
.paragraph04 .left{
	float: left;
	margin-bottom: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 400px;
}
* html body .paragraph04 .left{
	float: left;
	margin-left: 10px;
	width: 400px;
}
.paragraph04 .imgposi{
	float: right;
	margin-right: 0;
	width: 200px;
	margin-bottom: 10px;
}
.paragraph04 p {
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}
.paragraph04 .step {
	margin-left: 20px;
}
.paragraph04 h5 {
	margin-left: 20px;
	margin-bottom: 10px;
}
.paragraph04 .left .step{
	clear: both;
	margin-bottom: 0;
	margin-left: 0;
	width: 400px;
}
.paragraph04 .left h5{
	clear: both;
	margin-bottom: 10px;
	margin-left: 0;
	width: 400px;
}
.paragraph04 .left2{
	float: left;
	margin-bottom: 0;
	margin-left: 20px;
	margin-bottom: 10px;
	width: 350px;
}
* html body .paragraph04 .left2{
	float: left;
	margin-left: 10px;
	width: 350px;
}
.paragraph04 .imgposi2{
	float: right;
	margin-right: 0;
	width: 250px;
	margin-bottom: 10px;
}

.paragraph04 .left2 .step{
	clear: both;
	margin-bottom: 0;
	margin-left: 0;
	width: 350px;
}
.paragraph04 .left2 h5{
	clear: both;
	margin-bottom: 10px;
	margin-left: 0;
	width: 350px;
}

.paragraph05 {
	clear: both;
	border-bottom: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #cdcdcd;
}
.paragraph05 p {
	clear: both;
	margin-bottom: 10px;
	margin-left: 60px;
	width: 388px;
}

.paragraph06 {
    overflow: hidden;
    clear: both;
	margin-top: 0;
	margin-left: 0;
	width: 640px;
	background-image: url(../images/development/bk001.gif);
    background-repeat: repeat-y;
}
.paragraph06 .head {
    clear: both;
	margin-top: 0;
	margin-left: 0;
	width: 640px;
	overflow: visible;
	background-image: url(../images/development/bk002.gif);
    background-repeat: no-repeat;
}
.paragraph06 .foot {
    clear: both;
	margin-top: 0;
	margin-left: 0;
	width: 640px;
	height: 10px;
	background-image: url(../images/development/bk003.gif);
    background-repeat: no-repeat;
}

.paragraph07 {
    clear: both;
	margin-top: 0;
	margin-left: 0;
	width: 630px;
}
.paragraph07 .paragraph07_in {
	float: left;
	margin-top: 0;
	margin-left: 0;
	width: 450px;
}
.paragraph07 .paragraph07_img {
	float: right;
	margin-top: 0;
	margin-right: 0;
	width: 150px;
}
.paragraph07 p {
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}

.paragraph08 {
	clear: both;
	border-bottom: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #cdcdcd;
}
.paragraph08 .p_box {
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 448px;
}
.paragraph08 .p_box p {
	clear: both;
	margin-bottom: 10px;
	margin-left: 60px;
	width: 388px;
}



/*
////////////////////////////////////////////////////////////////////////////////////////// テーブル */

.paragraph_t01 {
	clear: both;
	margin-bottom: 20px;
}

.paragraph_t01 table {
	clear: both;
	width: 640px;
	border: 0;
	table-layout: fixed;
}
.paragraph_t01 th {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cdcdcd;
}
.paragraph_t01 td {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-bottom: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cdcdcd;
}

.paragraph01 table {
	clear: both;
	margin-left: 5px;
	border-top: solid 1px #c2d2e0;
	border-left: solid 1px #c2d2e0;
	border-collapse: collapse;
	margin-bottom: 20px;
	table-layout: fixed;
}
.paragraph01 table.mb0 {
	margin-bottom: 0px;
}
.paragraph01 th {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-right: solid 1px #c2d2e0;
	border-bottom: solid 1px #c2d2e0;
	background-color: #edf3f7;
}
.paragraph01 td {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-right: solid 1px #c2d2e0;
	border-bottom: solid 1px #c2d2e0;
}

th.bg_col01,
.bg_col01 {
	background-color: #dbe5ee;
}th.bg_col02,
.bg_col02 {
	background-color: #edf3f7;
}


.paragraph01_l table,
.paragraph01_r table {
	clear: both;
	width: 305px;
	margin-bottom: 0;
	margin-left: 5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse: collapse;
	margin-bottom: 20px;
	table-layout: fixed;
}
.paragraph01_l table th,
.paragraph01_r table th {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	background-color: #eeeeee;
}
.paragraph01_l table td,
.paragraph01_r table td {
	clear: both;
	vertical-align: top;
	text-align: left;
	padding: 3px 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

.wit20 {
	width: 20%;
}
.wit25 {
	width: 25%;
}
.wit30 {
	width: 30%;
}
.wit33 {
	width: 33%;
}
.wit35 {
	width: 35%;
}
.wit40 {
	width: 40%;
}
.wit45 {
	width: 45%;
}
.wit75 {
	width: 75%;
}
.wit80 {
	width: 80%;
}

.wit_p400 {
	width: 400px;
}
.wit_p630 {
	width: 630px;
}

.paragraph01 table.type01 {
	clear: both;
	margin-left: 5px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-collapse: collapse;
	margin-bottom: 20px;
	table-layout: fixed;
}



/*
////////////////////////////////////////////////////////////////////////////////////////// リスト */

.list01 {
	list-style-type: none;
	list-style-position: outside;
}
.list02 {
	list-style-type: square;
	list-style-position: outside;
}
.list03 {
	list-style-type: decimal;
	list-style-position: outside;
}
.list04 {
	list-style-type: decimal;
	list-style-position: outside;
	font-weight: bold;
}
.list05 {
	list-style-type: upper-roman;
	list-style-position: outside;
}

ul.link {
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 0;
}
ul.link li {
	background-image: url(../images/common/link_arrow.gif);
	background-repeat: no-repeat;
	text-indent: 19px;
}
ul.link li.pdf {
	background-image: url(../images/common/pdf_arrow.gif);
	background-repeat: no-repeat;
	text-indent: 19px;
}

ul.link2 {
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 20px;
	padding: 0;
}
ul.link2 li {
	float:left;
	background-image: url(../images/common/link_arrow.gif);
	background-repeat: no-repeat;
	text-indent: 19px;
	padding-right: 20px;
}
ul.link2 li.pdf {
	background-image: url(../images/common/pdf_arrow.gif);
	background-repeat: no-repeat;
	text-indent: 19px;
}

dl.qa {
	margin-top: 0;
	margin-left: 5px;
	margin-bottom: 10px;
	padding: 0;
}

.qa dt {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/service/bt_001.gif);
	background-repeat: no-repeat;
}
.qa dd {
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding-left: 20px;
	background-image: url(../images/service/bt_002.gif);
	background-repeat: no-repeat;
}


/*
////////////////////////////////////////////////////////////////////////////////////////// マージン */

.mb0 {
	margin-bottom: 0px;
}
.mb05 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}

.ml0 {
	margin-left: 0px;
}
.ml05 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}


/*
////////////////////////////////////////////////////////////////////////////////////////// パディング */

#no_wrap label {
	display:inline-block;
}


/*
////////////////////////////////////////////////////////////////////////////////////////// 準備中 */

.comingSoon {
}