/* CSS Document */




/*======================================================================*
   [ title-box ]
 *======================================================================*/

dl.title-box {
	padding-bottom: 20px;
}

dl.title-box dt {
	width: 428px;
	height: 26px;
	background: url(../../img/txt-title01.gif) left top no-repeat;
	text-indent: -9999px;
	float: left;
}

dl.title-box dd {
	width: 532px;
	color: #ec2f1b;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 26px;
	float: right;
}


/*======================================================================*
   [ local-navi ]
 *======================================================================*/

ul#local-navi {
	padding: 15px 10px;
	background: url(../../img/bg-navi.gif) left top repeat-x;
	color: #005193;
}

ul#local-navi li {
	display: inline;
}

ul#local-navi li a {
	color: #005193;
	text-decoration: underline;
}

ul#local-navi li a:hover {
	text-decoration: none;
}


/*======================================================================*
   [ h3 text ]
 *======================================================================*/

h3 {
	width: 940px;
	height: 52px;
	padding-bottom: 20px;
	text-indent: -9999px;
	clear: both;
}

h3.title01 { background: url(../../img/h3-title01.gif) left top no-repeat; }
h3.title02 { background: url(../../img/h3-title02.gif) left top no-repeat; }
h3.title03 { background: url(../../img/h3-title03.gif) left top no-repeat; }
h3.title04 { background: url(../../img/h3-title04.gif) left top no-repeat; }
h3.title05 { background: url(../../img/h3-title05.gif) left top no-repeat; }
h3.title06 { background: url(../../img/h3-title06.gif) left top no-repeat; }
h3.title07 { background: url(../../img/h3-title07.gif) left top no-repeat; }
h3.title08 { background: url(../../img/h3-title08.gif) left top no-repeat; }
h3.title09 { background: url(../../img/h3-title09.gif) left top no-repeat; }
h3.title10 { background: url(../../img/h3-title10.gif) left top no-repeat; }

p.text {
	padding: 0 25px 20px 25px;
}

p.caution {
	padding: 5px 25px 40px 25px;
	color: #ec2f1b;
	font-size: 92%;
}


/*======================================================================*
   [ a ]
 *======================================================================*/

a.name {
	width: 100%;
	clear: both;
}

html>/**/body a.name{
	width: 100%;
	height: 0.1px;
	clear: both;
	display: block;
}


/*======================================================================*
   [ dl.licence01 dl.licence02 ]
 *======================================================================*/

dl.licence01, dl.licence02 {
	width: 918px;
	padding-top: 15px;
	margin: 0 auto;
	background: url(../../img/bg-box_t.gif) left top repeat-y;
}

dl.licence01 dt, dl.licence02 dt {
	width: 365px;
	padding-left: 15px;
	text-indent: -9999px;
	float: left;
}

dl.licence01 dt {
	height: 130px;
	background: url(../../img/dt-title01.gif) 15px center no-repeat;
}

dl.licence02 dt {
	height: 96px;
	background: url(../../img/dt-title02.gif) 15px center no-repeat;
}

dl.licence01 dd, dl.licence02 dd {
	width: 505px;
	padding-right: 15px;
	float: right;
}

dl.licence02 dd.attention {
	padding-top: 25px;
	color: #005193;
}

dl.licence02 dd.attention strong {
	width: 36px;
	height: 15px;
	background: url(../../img/txt-attention.gif) left 2px no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}
dl.licence02 dd.attention span {
	width: 460px;
	display: block;
	float: right;
}

dl.licence01 dd.bg-bottom, dl.licence02 dd.bg-bottom {
	width: 918px;
	height: 15px;
	padding-left: 0;
	float: none;
	clear: both;
}


/*======================================================================*
   [ float-box ]
 *======================================================================*/

.float-box {
	width: 445px;
	padding: 0 0 50px 25px;
	float: left;
}

.float-box p {
	padding-top: 20px;
}

.float-box ol {
	padding: 20px 0 0 25px;
}

.float-box ol li {
	padding-bottom: 10px;
	font-weight: bold;
	list-style-type: decimal;
}

.float-box ol li p {
	padding-top: 5px;
}

.float-box ol li table {
	margin-top: 5px;
}


/*======================================================================*
   [ manual-box licence01-box ]
 *======================================================================*/

#manual-box, #licence01-box, #licence02-box {
	padding: 30px 20px;
}

#licence01-box .red, #licence02-box .gray {
	color: #ff0000;
	font-weight: normal;
}

#licence01-box .gray, #licence02-box .gray {
	color: #666666;
	font-weight: normal;
}

#licence01-box .blue, #licence02-box .blue {
	color: #006699;
	font-weight: normal;
}

#licence01-box .small, #licence02-box .small {
	padding-left: 10px;
	font-size: 10px;
	font-size: 1rem;
}


/*======================================================================*
   [ licence01-box licence02-box ]
 *======================================================================*/

#licence01-box a, #licence02-box a {
	color: #286eb6;
	font-weight: bold;
	text-decoration: underline;
}

#licence01-box a:hover, #licence02-box a:hover {
	text-decoration: none;
}


/*======================================================================*
   [ manual-box step ]
 *======================================================================*/

#manual-box ul.step {
	padding-bottom: 50px;
}

#manual-box ul.step li {
	width: 245px;
	color: #666;
	float: left;
}

#manual-box ul.step li.step04 {
	width: 205px;
}

#manual-box ul.step li h4 {
	width: 245px;
	height: 71px;
	text-indent: -9999px;
}

#manual-box ul.step li.step01 h4 { background: url(../../img/h4-step01.gif) left top no-repeat; }
#manual-box ul.step li.step02 h4 { background: url(../../img/h4-step02.gif) left top no-repeat; }
#manual-box ul.step li.step03 h4 { padding-bottom: 30px; background: url(../../img/h4-step03.gif) left top no-repeat; }
#manual-box ul.step li.step04 h4 { width: 205px; background: url(../../img/h4-step04.gif) left top no-repeat; }

#manual-box ul.step li p {
	height: 30px;
	padding-right: 20px;
	font-size: 10px;
	font-size: 1rem;
	text-align: right;
}

#manual-box ul.step ul {
	padding-left: 25px;
}

#manual-box ul.step ul li {
	width: auto;
	padding-left: 12px;
	background: url(../../img/index-arrow.gif) left center no-repeat;
	line-height: 160%;
	float: none;
}

#manual-box ul.step ul li a {
	color: #666;
}

#manual-box ul.step ul li a:hover {
	color: #4794CF;
	text-decoration: underline;
}


/*======================================================================*
   [ licence01-box expenses ]
 *======================================================================*/

#licence01-box dl.expenses {
	width: 560px;
	padding: 0 25px 25px 25px;
	float: left;
}

#licence01-box dl.expenses dt {
	width: 560px;
	height: 16px;
}

#licence01-box dl.expenses dt.title03 {
	background: url(../../img/dt-title03.gif) left top no-repeat;
	text-indent: -9999px;
}

#licence01-box dl.expenses dt.title04 {
	background: url(../../img/dt-title04.gif) left top no-repeat;
	text-indent: -9999px;
}

#licence01-box dl.expenses dd {
	padding: 10px 0 25px 35px;
}

#licence01-box dl.expenses dd table {
	margin-top: 5px;
}

#licence01-box img.expenses {
	float: right;
	display: block;
}


/*======================================================================*
   [ licence01-box float-box ]
 *======================================================================*/

#licence01-box .float-box h4 {
	width: 445px;
	height: 40px;
	text-indent: -9999px;
}

#licence01-box .float-box h4.title01 {
	background: url(../../img/h4-title01.gif) left top no-repeat;
}

#licence01-box .float-box h4.title02 {
	background: url(../../img/h4-title02.gif) left top no-repeat;
}

#licence01-box .left ol, #licence01-box .right ol {
	padding-top: 0;
}

#licence01-box .left {
	width: 452px;
}

#licence01-box .left ol, #licence01-box .left p {
	padding-right: 7px;
	border-right: 1px solid #ccc;
}

#licence01-box .left li p {
	padding-right: 0;
	border-right: none;
}

#licence01-box .right {
	padding-left: 17px;
}


/*======================================================================*
   [ licence02-box licence02 ]
 *======================================================================*/

#licence02-box dl.licence02 {
	margin-bottom: 50px;
}


/*======================================================================*
   [ licence02-box h4 ]
 *======================================================================*/

#licence02-box h4 {
	width: 940px;
	height: 35px;
	text-indent: -9999px;
}

#licence02-box h4.title03 { background: url(../../img/h4-title03.gif) 25px top no-repeat; }
#licence02-box h4.title04 { background: url(../../img/h4-title04.gif) 25px top no-repeat; }


/*======================================================================*
   [ licence02-box open ]
 *======================================================================*/

#licence02-box .open {
	width: 890px;
	margin: 0 auto;
}


/*======================================================================*
   [ licence02-box div.open ]
 *======================================================================*/

#licence02-box div.open {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #7f7f7f;
}

#licence02-box div.open p {
	width: 365px;
	float: left;
}

#licence02-box div.open img {
	display: block;
	float: right;
}


/*======================================================================*
   [ licence02-box dl.open ]
 *======================================================================*/

#licence02-box dl.open {
	padding-bottom: 10px;
}

#licence02-box dl.open dt {
	width: 220px;
	height: 16px;
	text-indent: -9999px;
	float: left;
}

#licence02-box dl.open dt.title05 { background: url(../../img/dt-title05.gif) left top no-repeat; }
#licence02-box dl.open dt.title06 { background: url(../../img/dt-title06.gif) left top no-repeat; }

#licence02-box dl.open dd {
	width: auto;
	max-width: 300px;
	padding-right: 35px;
	line-height: 160%;
	float: left;
}

#licence02-box dl.open dd ul {
	padding-left: 20px;
}

#licence02-box dl.open dd ul li {
	list-style-type: disc;
}


/*======================================================================*
   [ licence02-box float-box table ]
 *======================================================================*/

#licence02-box .float-box table {
	width: 445px;
	margin-bottom: 20px;
}

#licence02-box .float-box th, #licence02-box .float-box td {
	padding: 5px 0 8px 5px;
	vertical-align: middle;
}

#licence02-box .float-box .line-solid th {
	border-bottom: 2px solid #4894ce;
	font-weight: bold;
}


#licence02-box .float-box .line-dotted td {
	border-bottom: 1px dotted #4894ce;
}


#licence02-box .float-box th.line , #licence02-box .float-box td.line {
	border-left: 1px solid #cce3f3;
}

#licence02-box .float-box table a {
	color: #666;
	font-weight: normal;
}

#licence02-box .float-box table a:hover {
	color: #4794CF;
	text-decoration: underline;
}

#licence02-box .float-box table img {
	vertical-align: middle;
}


/*======================================================================*
   [ licence02-box reader ]
 *======================================================================*/

#licence02-box dl.reader {
	background: #d3d3d3;
	margin-top: 10px;
}

#licence02-box dl.reader dt {
	width: 105px;
	padding: 10px 0;
	text-align: center;
	float: left;
}

#licence02-box dl.reader dd {
	width: 330px;
	padding: 10px 5px;
	background: #828282;
	color: #fff;
	font-size: 10px;
	font-size: 1rem;
	float: left;
}


/*======================================================================*
   [ licence02-box send ]
 *======================================================================*/

#licence02-box table.send {
	width: 890px;
	margin: 0 auto 50px auto;
}

#licence02-box table.send th, #licence02-box table.send td {
	padding: 5px 8px;
	vertical-align: middle;
}

#licence02-box table.send th {
	border-bottom: 2px solid #4894ce;
	font-weight: bold;
}

#licence02-box table.send td {
	border-bottom: 1px dotted #4894ce;
}