@charset "UTF-8";

div.box ul.sup-menu {
	overflow: hidden;
	margin-bottom: 15px;
}
div.box ul.sup-menu li {
	float: left;
	margin: 0 4px 4px 0;
}
div.box ul.sup-menu li.rightside {
	margin: 0 0 4px 0;
}
div.box table.app-mac,
div.box table.app-win {
	width: 600px;
	margin-bottom: 5px;
	border-collapse: collapse;
	font-size: 1.2em;
}
div.box table caption {
	text-align: left;
	padding-bottom: 3px;
}
div.box table.app-mac th,
div.box table.app-mac td,
div.box table.app-win th,
div.box table.app-win td,
div.box table.app-mac-office th,
div.box table.app-mac-office td {
	border: #ccc solid 1px;
	padding: 5px;
	text-align: center;
}
div.box table.app-mac th {
	background: #C6E2F8;
	font-weight: bold;
}
div.box table.app-win th {
	background: #E5ECB1;
	font-weight: bold;
}
div.box table.app-mac-office {
	width: 600px;
	margin-bottom: 10px;
	border-collapse: collapse;
	font-size: 1.2em;
}
div.box table.app-mac-office th {
	background: #C6E2F8;
	font-weight: bold;
}
div.box table td.app-logo {
	background: #f0f0f0;
	padding: 3px;
	font-size: 0.8em;
	text-align: left;
}
div.box table td.app-logo img {
	vertical-align: middle;
	margin-left: 5px;
}
div.box table.app-mac td.firstChild,
div.box table.app-win td.firstChild {
	width: 170px;
}
div.box table.app-mac td.lastChild,
div.box table.app-win td.lastChild,
div.box table.app-mac-office td.lastChild {
	width: 180px;
}
div.box table.open {
	float: left;
	width: 188px;
	margin: 0 18px 15px 0;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 1.2em;
}
div.box table.rightside {
	margin: 0 0 15px 0;
}
div.box table.open th {
	background: #999;
}
div.box table.open td {
	background: #f0f0f0;
	margin: 1px;
	text-align: center;
}
div.box table.open td.sat {
	background: #daecfa;
}
div.box table.open td.close {
	background: #fcc;
}
div.box div.open-txt {
	clear: both;
	font-size: 1.2em;
}
div.box div.open-txt span {
	color: #fcc;
}
p.notes {
	font-size: 1.2em;
}
span.close {
	color: #fcc;
	font-size: 1.5em;
}

div.box ul.app-navi li {
	float: left;
	padding: 0 4px 10px 0;
}
*+html div.box ul.app-navi li {
	float: left;
	padding: 0 4px 0 0;
}
div.box ul.app-navi li.lastChild {
	padding-right: 0px;
}

div.box h4 {
	margin-bottom: 5px;
}
ul.data-notes li {
	border-bottom: #c8c8c8 solid 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.data-notes li.lastChild {
	border-bottom: none;
	margin-bottom: 10px;
}
ul.data-notes p {
	font-size: 1.2em;
}
ul.data-notes ul.nuritasi {
	text-align: center;
	background: url(../commons/arrow-red.png) center no-repeat;
	overflow: auto;
	margin: 10px 0;
}
ul.data-notes ul.nuritasi li {
	display: inline;
	padding: 0 20px;
	border: none;
}
ul.data-notes ul.dpi {
	text-align: center;
	overflow: auto;
	margin: 10px 0;
}
ul.data-notes ul.dpi li {
	display: inline;
	padding: 0 10px;
	border: none;
}
ul.data-notes dl.hair {
	width: 500px;
	margin: 10px auto;
	overflow: auto;
}
ul.data-notes dl.hair dt {
	float: left;
	width: 225px;
	padding: 0 10px;
	border: none;
}
ul.data-notes dl.hair dd {
	float: right;
	width: 225px;
	padding: 0 10px;
	border: none;
}
ul.data-notes dl.hair dt span,
ul.data-notes dl.hair dd span {
	display: block;
	width: 225px;
	font-size: 1.2em;
	border-bottom: #c8c8c8 solid 1px;
	text-align: left;
	margin-bottom: 10px;
}
ul.data-notes p.y-box {
	border: #c8c8c8 solid 1px;
	padding: 10px;
	margin: 5px 0;
	background: #fffde5;
}
ul.data-notes p.img {
	text-align: center;
	padding: 10px 0;
}
div.box div.flow {
	width: 570px;
	margin: 0 auto;
}
div.flow ul.way {
	overflow: auto;
	margin-bottom: 14px;
}
div.flow ul.way li {
	float: left;
}
div.flow ul.way li.firstChild {
	margin: 0 10px 0 0; 
}
div.flow ul.step {
	background: url(img/flow-step-back.png) repeat-y;
}
div.flow ul.step li {
	padding-bottom: 35px;
	background: url(img/flow-step-botarr.png) bottom no-repeat;
}
div.flow ul.step li.step3 {
	padding-bottom: 75px;
	background: url(img/flow-step-botpay.png) bottom no-repeat;
}
div.flow ul.step li.step6 {
	padding-bottom: 75px;
	background: url(img/flow-step-botprint.png) bottom no-repeat;
}
div.flow ul.step li.stepend {
	padding-bottom: 10px;
	background: url(img/flow-step-bot.png) bottom no-repeat;
}
div.flow ul.step li p {
	margin: 5px 10px 5px 95px;
	font-size: 1.2em;
}
div.flow ul.step li p.orange {
	margin: 5px 10px 5px 95px;
	padding: 5px;
	font-size: 1.1em;
	background: #f9ecd2;
}
div.flow ul.step li p img {
	vertical-align: middle;
	margin: 0 2px;
}
div.flow ul.step li dl {
	padding: 0px 10px 5px 95px;
}
div.flow ul.step li dl dt {
	float: left;
	margin-right: 5px;
}
div.flow ul.step li dl dd {
	color: red;
}
div.box div.yel-box {
	font-size: 1.2em;
	border: #FFD940 solid 1px;
	padding: 10px 10px 10px 80px;
	margin: 10px 0 3px;
	background: url(img/attention.png) 5px 5px no-repeat;
}
div.box table.inquiry {
	width: 600px;
	border-collapse: collapse;
	font-size: 1.2em
}
div.box table.inquiry th {
	border: #fff solid 1px;
	width: 140px;
	background-color: #e6e6e6;
	padding: 5px 20px;
	text-align: left;
}
div.box table.inquiry td {
	border: #fff solid 1px;
	background-color: #f0f0f0;
	padding: 5px 10px;
	text-align: left;
}
p.inquiry {
	font-size: 1.2em;
	margin: -5px 0 5px;
}
div.box table.inquiry td input.long {
	width: 379px;
}
div.box table.inquiry td input#phone {
	width: 279px;
}
div.box table.inquiry td textarea {
	font-size: 1em;
	width: 385px;
}
div.box ul.submit {
	text-align: center;
	margin: 10px;
}

div#howsend div.paragraph,
div#pay div.paragraph,
div#use div.paragraph,
div#temp div.paragraph {
	margin-bottom: 15px;
}
div#howsend p,
div#pay p,
div#use p,
div#temp p {
	font-size: 1.2em;
}
div#howsend img.ex {
	margin: 5px 0;
}
div#howsend div.lemmon-box {
	font-size: 1.2em;
	border: #c8c8c8 solid 1px;
	padding: 5px 10px;
	margin: 10px 0 3px;
	background: #fffde5;
}
div#howsend dl {
	font-size: 1.2em;
}
div#howsend dl.foldername {
	background: url(img/howsend-img03.png) 0 0 no-repeat;
	padding-left: 115px;
}
div#howsend ul.howftp {
	overflow: auto;
	font-size: 1.2em;
	background: url(img/howsend-img04.png) no-repeat;
	padding-left: 115px;
}
div#pay dl.bank {
	border: #ebc8dc solid 1px;
	font-size: 1.2em;
	margin: 5px 0 10px;
}
div#pay dl.bank dt {
	padding: 3px 10px;
	border-bottom: #ebc8dc solid 1px;
}
div#pay dl.bank dd {
	padding: 3px 10px;
}
div#pay dl.bank dd span {
	float: left;
	width: 5em;
}
div#use div.m-border {
	border: #ebc8dc solid 1px;
	padding: 5px 10px;
	margin: 5px 0;
}
.dot {
	background: url(../commons/dot-666.png) 0 2px no-repeat;
	padding-left: 17px;
}
.tit-txt {
	margin-top: 5px;
}
div#temp dl.title {
	background: url(img/tit-temp-01.png) 0 0 no-repeat;
	padding-left: 35px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 1.2em;
	border-bottom: #c8c8c8 solid 1px;
	
}
div#temp dl.title dt {
	font-weight: bold;
}
div#temp dl.title dd.lastChild {
	text-align: center;
	margin-top: 10px;
}
div#temp div.paragraph h4 {
	background: url(../commons/box-blue.png) 0 3px no-repeat;
	padding-left: 14px;
	font-size: 1.2em;
	font-weight: bold;
}
div#temp div.paragraph p.img {
	text-align: center;
	padding: 10px 0;
}
div#temp div.paragraph table.rinten {
	border-collapse: collapse;
	width: 600px;
	font-size: 1.2em;
	margin-bottom: 10px;
}
div#temp div.paragraph table.kesyo {
	border-collapse: collapse;
	width: 450px;
	font-size: 1.2em;
	margin:0 auto 10px;
}
div#temp div.paragraph table.rinten th,
div#temp div.paragraph table.kesyo th {
	background: #fc0;
	border: #999 solid 1px;
	padding: 3px;
}
div#temp div.paragraph table.rinten td,
div#temp div.paragraph table.kesyo td {
	border: #999 solid 1px;
	padding: 3px;
	text-align: center;
}

/*------*/

div.howsite p.bysite {
	font-size: 1.1em;
	background: url(img/how-site.png) no-repeat;
	padding: 14px 0 0 30px;
	margin-bottom: 10px;
}
div.howsite h4 {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}
div.howsite dl.howflow {
	font-size: 1.2em;
	margin: 0 auto 10px;
	overflow: auto;
}
div.howsite dl.howflow dt {
	float: left;
	width: 221px;
}
div.howsite dl.howflow dd {
	float: right;
	width: 368px;
}
div.howfax {
	border-top: #c8c8c8 solid 1px;
	margin-top: 15px;
	padding-top: 15px;
}
div.howfax p.byfax {
	font-size: 1.1em;
	background: url(img/how-fax.png) no-repeat;
	padding: 14px 0 0 30px;
	margin-bottom: 10px;
}
div.faxnum {
	border: #EECA96 solid 1px;
	padding: 10px 15px;
	font-size: 1.2em;
}

.btcenter{
	text-align:center;
	margin:30px 0;
}

.btcenter img{
	margin:0 10px;
}

.cb{
	clear:both;
}

#calendar {
	padding:15px;
	background:#fffff;
}

#calendar .box table{
	padding:0;
	margin:0;
	margin-right:15px;
	margin-bottom:20px;
}


/*------*/

div.faxdoc h4 {
	margin-bottom: 10px;
}
div.faxdoc p.byfax {
	font-size: 1.1em;
	background: url(img/tit-back-fax.png) no-repeat;
	padding: 14px 0 0 30px;
	margin-bottom: 10px;
}
div.faxdoc dl.downtxt {
	background: url(img/img-fax-samp.png) no-repeat;
	padding-left: 315px;
	font-size: 1.2em;
	height: 225px;
	margin-bottom: 15px;
	overflow: hidden;
}
div.faxdoc dl.downtxt dt {
	padding-bottom: 10px;
}
div.faxdoc div.image {
	width: 505px;
	margin: 0 auto 15px;
}
div.faxdoc div.indicate {
	background: #FFFBD2;
	border: #EECA96 solid 1px;
	padding: 5px 10px;
	font-size: 1.2em;
	margin-bottom: 15px;
}
div.faxdoc div#faxnumber {
	text-align: center;
	margin: 20px auto;
}
div.netway {
	border-top: #c8c8c8 solid 1px;
	margin-top: 15px;
	padding-top: 15px;
}
div.netway p.bynet {
	font-size: 1.1em;
	background: url(img/tit-back-net.png) no-repeat;
	padding: 14px 0 0 30px;
	margin-bottom: 10px;
}
div.faxnum {
	border: #EECA96 solid 1px;
	padding: 10px 15px;
	font-size: 1.2em;
}
div.faxnum p {
	margin-bottom: 10px;
}


/*---MailThanks---*/

div.box div.mailthanks{
	font-size: 1.2em;
	margin-top:20px;
	margin-bottom:100px
	text-align:center;
}