@charset "UTF-8";

div.box div.notes h4 {
	clear: both;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 0;
}
div.box div.paragraph h4 {
	font-size: 1.2em;
	margin: 0 0 5px;
}
div.box div.paragraph {
	width: 580px;
	margin: 0 auto 15px;
}
div.box div.paragraph p {
	font-size: 1.2em;
	
}
/*---index---*/
div.box div.items {
	background: #F5DE92 url(img/item-back-bot.png) bottom left no-repeat;
	overflow: auto;
	margin-bottom: 15px;
}
div.box div.items ul {
	background: url(img/item-back-top.png) top left no-repeat;
	padding: 10px 0 5px 10px;
	overflow: auto;
}
div.box div.items ul li {
	display: inline;
	padding: 0 2px 0 0;
}
div.box div.items ul li img {
	padding-bottom: 5px;
}
div.box div.greeting {
	margin-bottom: 20px;
}
div.box div.greeting p {
	font-size: 1.2em;
	margin-bottom: 10px;
}
div.box div.greeting p.lastChild {
	text-align: right;
}
div.box table.outline {
	font-size: 12px;
	border-collapse: collapse;
}
div.box table.outline th {
	white-space: nowrap;
	padding: 5px 10px;
	border: #ededed solid 1px;
	vertical-align: top;
}
div.box table.outline td {
	padding: 5px;
	border: #ededed solid 1px;
}

/*------*/

div.box div.paragraph p.desintro {
	background: url(img/back-01.png) no-repeat;
	padding-left: 280px;
	margin-bottom: 10px;
}
div.box div.paragraph dl.intro {
	border: #dcdcdc solid 1px;
	padding: 10px;
	overflow: auto;
}
div.box div.paragraph dl.intro dt {
	float: left;
	width: 400px;
	font-size: 1.2em;
}
div.box div.paragraph dl.intro dt span {
	font-size: 0.9em;
}
div.box div.paragraph dl.intro dd {
	float: right;
	margin-bottom: 10px;
}
div.box ul.d-flow {
	height: 280px;
	margin: 0px 10px 15px;
	background: url(img/desflow-back.png) 10px 0 no-repeat;
	padding-left: 250px;
	padding-top: 11px;
}
div.box ul.d-flow li img {
	vertical-align: text-top;
}
div.box ul.formbt {
	margin: 10px auto;
	text-align: center;
}
div.box ul.formbt li {
	display: inline;
	margin: 0 5px;
}
div.box ul.appinfo {
	margin-bottom: 15px;
	overflow: auto;
}
*:first-child+html div.box ul.appinfo {
	margin-bottom: 5px;
}
div.box ul.appinfo li {
	float: left;
	width: 275px;
	border: #dcdcdc solid 1px;
	padding: 5px;
}
div.box ul.appinfo li p {
	margin-top: 2px;
}
div.box ul.appinfo li.firstChild {
	margin-right: 6px;
}

/*------*/

div.box ul.rough li {
	background: url(img/rough-b.png) 0px 7px no-repeat;
	height: 85px;
	padding: 7px 0 7px 300px;
	border-top: #dcdcdc dotted 1px;
}
div.box ul.rough li.firstChild {
	border: none;
	background: url(img/rough-a.png) 0px 7px no-repeat;
}
div.box ul.rough li.lastChild {
	background: url(img/rough-c.png) 0px 7px no-repeat;
}
div.box div.paragraph span.proviso {
	font-size: 1.0em;
}
div.box div.paragraph span.marginleft {
	margin-left: 3em;
}
*:first-child+html div.box div.paragraph span.marginleft {
	margin-left: 2em;
}
div.box div.paragraph img.tit {
	margin-bottom: 2px;
}

/*------*/

div.box ul.designex {
	width: 580px;
	margin: 0 auto;
	overflow: auto;
}
div.box ul.designex li {
	float: left;
}

/*------*/

div.box div.paragraph ul.r-lay {
}
div.box div.paragraph ul.r-lay li {
	padding-left: 300px;
	height: 350px;
}
div.box div.paragraph ul.r-lay li a {
	float: right;
	margin-top: 170px;
}
div.box div.paragraph ul.r-lay li.firstChild {
	background: url(img/back-rsanp-a.png) 10px 0px no-repeat;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #dcdcdc dotted 1px;
}
div.box div.paragraph ul.r-lay li.lastChild {
	background: url(img/back-rsanp-b.png) 10px 0px no-repeat;
}
div.box div.paragraph table.d-fee {
	font-size: 1.5em;
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}
div.box div.paragraph table.d-fee tr th,
div.box div.paragraph table.d-fee tr td {
	border: #999 solid 1px;
	padding: 3px 15px;
}
div.box div.paragraph table.d-fee tr.firstChild td {
	text-align: center;
}
div.box div.paragraph table.d-fee td.beige {
	background: #fcf5e0;
}
div.box div.paragraph table.d-fee td.lblue {
	background: #eef6fd;
}
div.box div.paragraph div.rcorner {
	background:  url(../commons/back-rcorner.png) 0px 0px no-repeat;
}
div.box div.paragraph div.rcorner p.corner-bot {
	background:  url(../commons/back-rcorner-bot.png) 0px bottom no-repeat;
	padding: 5px 10px 10px;
	font-size: 1.2em;
}
div.box a.back {
	float: right;
}

/*------*/

div.box div.paragraph p.oriintro {
	background: url(img/back-ori-int.png) no-repeat;
	padding-left: 265px;
	margin-bottom: 10px;
}
div.box ul.ori-flow {
	height: 240px;
	margin: 0px 10px 15px;
	background: url(img/oriflow-back.png) 10px 0 no-repeat;
	padding-left: 265px;
	padding-top: 11px;
}
div.box ul.ori-flow li img {
	vertical-align: text-top;
}
div.box div.paragraph p.schedule {
	background: url(img/schedule-img.png) right no-repeat;
	padding-right: 305px;
	margin-bottom: 10px;
}

div.box div.paragraph p.price {
	background: url(img/ori_price.png) left no-repeat;
	margin-left: -10px;
	margin-bottom: 10px;
}

div.box div.paragraph p.p-price {
	background: url(img/post_fee.png) left no-repeat;
	margin-left: -10px;
	margin-bottom: 10px;
}


/*------*/

div.box div.paragraph p.postintro {
	background: url(img/back-post-int.png) no-repeat;
	padding-left: 285px;
	margin-bottom: 10px;
}
div.box div.paragraph dl.post-int {
	border: #dcdcdc solid 1px;
	padding: 10px;
	overflow: auto;
}
div.box div.paragraph dl.post-int dt {
	font-size: 1.2em;
}
div.box div.paragraph dl.post-int dd {
	font-size: 1.1em;
}
div.box ul.post-flow {
	height: 255px;
	margin: 0px 10px 15px;
	background: url(img/postflow-back.png) 10px 0 no-repeat;
	padding-left: 300px;
	padding-top: 11px;
}
div.box ul.post-flow li img {
	vertical-align: text-top;
}
div.box div.paragraph p.post {
	background: url(img/post-img-schedule.png) right no-repeat;
	padding-right: 305px;
	margin-bottom: 10px;
}
div.box ul.aboutsite {
	font-size: 1.2em;
	margin: 10px 0;
}
div.box ul.aboutsite li.odd {
	font-weight: bold;
}
div.box ul.aboutsite li.even {
	margin-bottom: 10px;
}
div.box ul.aboutsite li div.col {
	border: #e5e5e5 solid 1px;
	padding: 7px;
}
div.box ul.aboutsite li p {
	font-size: 1em;
}
div.box ul.aboutsite li p.win {
	background: url(img/ico-winmini.png) 0 2px no-repeat;
	padding-left: 17px;
}
div.box ul.aboutsite li p.mac {
	background: url(img/ico-macmini.png) 0 2px no-repeat;
	padding-left: 17px;
}

/*------*/

div.box ul#block li.firstChild {
	float: left;
	width: 285px;
	margin-left: 10px;
}
div.box ul#block li.lastChild {
	float: right;
	width: 285px;
	margin-right: 10px;
}
div.box ul#block dl.sitemap {
	margin-bottom: 10px;
	font-size: 1.2em;
}
div.box ul#block dl.sitemap dt {
	background: #E8E5E3;
	font-weight: bold;
	padding: 3px 10px;
	margin-bottom: 1px;
}
div.box ul#block dl.sitemap dd {
	background: #F4F2F1 url(img/arrow-gray.png) 12px 5px no-repeat;
	padding: 3px 3px 3px 27px;
}
div.box ul#block dl.sitemap dd img {
	vertical-align: middle;
	padding-left: 3px;
}
div.box ul#block dl.others {
	padding-top: 15px;
	font-size: 1.2em;
}
div.box ul#block dl.others dd {
	padding-top: 20px;
	background: url(img/arrow-white.png) 12px 5px no-repeat;
	padding: 3px 3px 3px 27px;
}

/*------*/

div.box p.introbox {
	width: 580px;
	margin: 10px auto;
	font-size: 1.2em;
}
div.box ul.pp {
	width: 580px;
	margin: 10px auto;
	font-size: 1.2em;
}
div.box ul.pp li {
	margin-bottom: 10px;
}
div.box ul.pp li label {
	display: block;
}

/*------*/

div.box dl.law {
	font-size: 1.2em;
	margin: 10px auto;
	overflow: auto;
	width: 580px;
}
div.box dl.law dt {
	float: left;
	background: #e6e6e6;
	padding: 3px;
	margin-bottom: 2px;
	width: 110px;
}
div.box dl.law dd {
	float: right;
	padding: 3px;
	margin-bottom: 2px;
	width: 450px;
}

/*------*/

div.box ul#whatsnew {
	font-size: 1.2em;
	margin-bottom: 20px;
}
div.box ul#whatsnew li {
	border-bottom: #d5d5d5 solid 1px;
	padding: 15px 0;
}
div.box ul#whatsnew li dl {
	margin: 0 auto;
	width: 500px;
	overflow: auto;
}
div.box ul#whatsnew li dl dt {
	float: left;
	width: 120px;
}
div.box ul#whatsnew li dl dd {
	float: right;
	width: 380px;
}
div.box ul#whatsnew span.tit {
	display: block;
}