@charset "UTF-8";
@import url(each.css);
@import url(debug.css);
@import url(jquery.lightbox-0.5.css);



body {
	background:url(/img/common/bg.jpg) repeat-x top #D8D8D0;
	color:#333;
	font-size:0.8em;
	margin:0;
    padding:0;
}
body, textarea, input {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

* {
	word-break:break-all;
	line-height:1.4em;
	font-size:1em;
}

h1,h2,h3,h4,h5,h6,p,dl,ul,ol,table {
	margin:0 0 1.5em;
	padding:0;
	font-size:1.1em;
}

li {
	list-style-type:none;
}

dt,dd,li,div {
	margin:0;
	padding:0;
}

form {
	display:inline;
}

a {
	color:#0090BF;
}
a:visited {
	color:#AC11AC;
}
a:hover {
	color:#CB0000;
}

img {
	border:none;
	vertical-align:middle;
}

hr {
	display:none;
}

table {
	border-collapse:collapse;
}

th, td {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}

input, textarea, select {
	padding:1px;
	font-size:inherit;
}

label {
	cursor:pointer;
}
label.hover {
	color:red;
}

.focus {
	background:#ffd !important;
}

.must {
	color:#BF5454;
}

.red {
	color:#c00;
}

/* TextAreaResizer */
div.grippie {
	background:#eee url(/img/common/grippie.png) no-repeat scroll center 2px;
	border:#ccc solid 1px;
	border-top:0;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
	padding:0 2px;
	margin:0 0.25em;
	width:95%;
}
.resizable-textarea textarea {
	margin-bottom:0pt !important;
	opacity:1 !important;
}


/*==========================================================
div#wrapper
==========================================================*/
div#wrapper {
	background:#fff;
	width:840px;
	margin:0 auto;
	/*overflow:hidden;*/
}


/*==========================================================
div#welcomeBar
==========================================================*/
div#welcomeBar {
	border-bottom:1px solid #000;
	background:#505050;
	padding:0.75em 0 0.5em;
	overflow:hidden;
}
div#welcomeBar h1 {
	background:url(/img/common/header/h1.gif) no-repeat 7px 50%;
	margin:0;
	padding-left:32px;
	width:488px;
	float:left;
	color:#fff;
	font-weight:normal;
	font-size:1em;
}
div#welcomeBar h1 a {
	color:#fff;
	text-decoration:none;
}
div#welcomeBar h1 a:hover {
	text-decoration:underline;
}
div#welcomeBar div#goMypage {
	width:308px;
	float:right;
	padding-right:12px;
	text-align:right;
	color:#fff;
}
div#welcomeBar div#goMypage a {
	color:#fff;
}
div#welcomeBar div#goMypage a:hover {
	color:#ff0;
}


/*==========================================================
h1, div#header
==========================================================*/
div#header {
	position:relative;
	top:0;
	left:0;
	background:url(/img/common/header/bg.jpg) no-repeat 0 0 #905000;
	border-top:1px solid #fff;
	height:252px;
}
div#header div.logo {
	display:inline;
}
div#header div.logo a {
	display:block;
	position:absolute;
	top:33px;
	left:18px;
	width:362px;
	height:189px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-999em;
}
div#header p.price {
	display:none;
}
div#header ul#headerNavigation {
}
div#header ul#headerNavigation li {
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:132px;
}
div#header ul#headerNavigation li#headerNavigationDownload {
	top:84px;
	left:432px;
}
div#header ul#headerNavigation li#headerNavigationCheckout {
	top:84px;
	left:636px;
}


/*==========================================================
div#mainNavigation
==========================================================*/
div#mainNavigation {
	float:right;
	margin-bottom:36px;
	border:solid #fff;
	border-width:1px 1px 0 0;
	width:251px;
}
div#mainNavigation ul {
	background:#F0F0F0;
	margin:0;
	font-weight:bold;
	font-size:1.1em;
}
div#mainNavigation ul li {
	background:url(/img/common/mainNavigation/border.gif) no-repeat bottom;
	padding-bottom:1px;
}
div#mainNavigation ul li a {
	background:url(/img/common/mainNavigation/check_default.gif) no-repeat 14px 50% #F0F0F0;
	width:189px;
	padding:1.1em 12px 0.9em 50px;
	display:block;
	color:#0090BF;
	text-decoration:none;
}
div#mainNavigation ul li a:hover {
	background:url(/img/common/mainNavigation/check_over.gif) no-repeat 14px 50% #E4E4E4;
	text-decoration:underline;
}
div#mainNavigation ul li.current a,
div#mainNavigation ul li.current a:hover {
	background:url(/img/common/mainNavigation/check_current.gif) no-repeat 14px 50% #F0F0F0;
	text-decoration:none;
}

/* div#applicationDeveloper */
div#mainNavigation div#applicationDeveloper {
	background:url(/img/common/mainNavigation/border.gif) no-repeat bottom #F0F0F0;
	text-align:center;
	padding:18px 11px 17px 12px;
}
div#mainNavigation div#applicationDeveloper p {
	margin:1em 0 0;
	text-align:left;
	font-size:0.8em;
	color:#555;
}

/* div#iekaruteLogo */
div#mainNavigation div#iekaruteLogo {
	background:url(/img/common/mainNavigation/border.gif) no-repeat bottom #F0F0F0;
	text-align:center;
	padding:18px 11px 17px 12px;
}
div#mainNavigation div#iekaruteLogo p {
	margin:1em 0 0;
	text-align:left;
	font-size:0.8em;
	color:#555;
}

/* div#cpiTrustLogo */
div#mainNavigation div#cpiTrustLogo {
	background:url(/img/common/mainNavigation/border.gif) no-repeat bottom #F0F0F0;
	text-align:center;
	padding:18px 11px 17px 12px;
}
div#mainNavigation div#cpiTrustLogo p {
	margin:1em 0 0;
	text-align:left;
	font-size:0.8em;
	color:#555;
}

/* div#settlementLogos */
div#mainNavigation div#settlementLogos {
	background:url(/img/common/mainNavigation/border.gif) no-repeat bottom #F0F0F0;
	text-align:center;
	padding:18px 11px 17px 12px;
}
div#mainNavigation div#settlementLogos p {
	margin:1em 0 0;
	text-align:left;
	font-size:0.8em;
	color:#555;
}

/* div#partnersRegisterBanner */
div#mainNavigation div#partnersRegisterBanner {
	padding:10px 0;
	text-align:center;
}


/*==========================================================
div#mainContents
==========================================================*/
div#mainContents {
	width:516px;
	float:left;
	padding:36px 36px 0;
}
div#mainContents div.section {
	margin-bottom:2em;
}
div#mainContents h2 {
	background:url(/img/common/mainContents/section/heading.png) repeat-x bottom left;
	margin:0 0 1em;
	padding:0 0 0.75em;
	color:#905000;
	font-size:1.7em;
}
div#mainContents h3 {
	border-left:6px solid #D8D8D0;
	margin:0 0 0.75em;
	padding:0.25em 0 0.25em 0.5em;
	color:#905000;
}
div#mainContents ul,
div#mainContents ol {
	margin:0;
	padding-left:2em;
}
div#mainContents ul li {
	margin-bottom:0.5em;
	list-style-type:disc;
}
div#mainContents ol li {
	margin-bottom:0.5em;
	list-style-type:decimal;
}
div#mainContents table {
	border:3px solid #ccc;
	width:100%;
	margin:0 0 1em;
}
div#mainContents table th,
div#mainContents table td {
	border:1px solid #ccc;
	padding:0.5em;
}
div#mainContents table th {
	background:#f0f0f0;
	white-space:nowrap;
}
div#mainContents table th span.note {
	font-size:0.8em;
	color:#666;
}
div#mainContents table td {
}
div#mainContents table td span.productName {
	font-size:0.85em;
}
div#mainContents table strong.osCaution {
	font-weight:bold;
	color:#a00;
}
div#mainContents table thead th,
div#mainContents table thead td {
	padding-top:0.25em;
	padding-bottom:0.25em;
	font-size:0.85em;
}
div#mainContents table span.note {
	font-size:0.9em;
}
div#mainContents table.notes {
	margin:0;
	border:0;
	font-size:0.9em;
}
div#mainContents table.notes th,
div#mainContents table.notes td {
	vertical-align:top;
}
div#mainContents table.notes th {
}
div#mainContents table.notes td {
}

/* div.next */
div#mainContents div.next {
	margin:36px 0;
	text-align:right;
}

/* div.form_data */
div#mainContents div.form_data {
	margin:0 0 1em;
}
div#mainContents div.form_data table input,
div#mainContents div.form_data table textarea {
	margin:0.25em;
	padding:2px;
	border:1px solid #ccc;
	width:95%;
}
div#mainContents div.form_data table input.radio {
	width:auto;
	border:0;
}
div#mainContents div.form_data div.submit {
	text-align:center;
}
div#mainContents div.form_data div.submit input {
	padding:0.25em 2em;
	margin:0.5em 0 0;
}
div#mainContents div.form_data div.submit input {
	background:url(/img/common/mainContents/form_data/button/submit.gif) repeat-x left #3c3c3c;
	border:3px solid #3c3c3c;
	margin-top:0.5em;
	padding:0.25em 1.5em;
	color:#fff;
	cursor:pointer;
}
div#mainContents div.form_data div.submit input.hover {
	background-image:url(/img/common/mainContents/form_data/button/submit_over.gif);
	background-color:#585858;
}
div#mainContents div.form_data div.submit input.back {
	background-image:url(/img/common/mainContents/form_data/button/back.gif);
	background-color:#ABABAB;
	border-color:#9A9A9A;
	border-width:1px;
	margin-left:1em;
	margin-right:1em;
	color:#666;
}
div#mainContents div.form_data div.submit input.back.hover {
	background-image:url(/img/common/mainContents/form_data/button/back_over.gif);
	background-color:#C4C4C4;
}
div#mainContents div.form_data div.submit input.submited {
	cursor:default !important;
}
div#mainContents div.form_data div.submit input.checkbox {
	background:none;
	margin:0 5px 0 0;
	padding:0;
	border:0;
}
div#mainContents div.form_data div.note {
	border:1px dotted #999;
	margin-top:20px;
	padding:10px 5px;
}

/* div.paging */
div#mainContents div.paging {
	/*border:1px solid #ddd;*/
	/*background:#f2f2f2;*/
	/*margin:0 0 24px;*/
	/*padding:5px;*/
}
div#mainContents div.paging a {
	color:#06c;
}
div#mainContents div.paging div.pagingCounterNumbers {
	overflow:hidden;
	margin:0 0 0.25em;
	font-size:0.9em;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingCounter {
	padding:0.25em 0 0;
	width:35%;
	float:left;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers {
	width:60%;
	float:right;
	text-align:right;
	padding:2px 0;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers div.disabled,
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers span.current,
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers a {
	/*background:#fff;*/
	/*border:1px solid #999;*/
	/*margin-left:2px;*/
	padding:0 0.3em;
	/*font-weight:bold;*/
	display:inline;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers div.disabled {
	color:#ccc;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers span.current {
	/*border-color:#666;*/
	/*background:#666;*/
	/*color:#fff;*/
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingNumbers a:hover {
	/*background:#ED5E44;*/
	/*color:#fff;*/
	background:#ccc;
	color:#666;
}
div#mainContents div.paging div.pagingCounterNumbers div.pagingSort {
}
div#mainContents div.paging div.pagingSort span.current {
	color:#999;
}

/* div.completed */
div#mainContents div.completed {
	border:1px solid #ccc;
	background:#eee;
	padding:10px;
}
div#mainContents div.completed div.border {
	border:1px solid #ddd;
	background:#fff;
	padding:20px;
}
div#mainContents div.completed ul {
	margin:0;
}
div#mainContents div.completed ul li {
	list-style:none;
}
div#mainContents div.completed ul.messages {
	margin-bottom:2em;
	padding-left:0;
}
div#mainContents div.completed ul.messages li {
	margin-bottom:1em;
}
div#mainContents div.completed ul.links {
	margin-bottom:0;
	text-align:center;
}

/* div.has_errors */
div#mainContents div.has_errors {
	border:1px solid #F5CA9D;
	background:#F5EFC9;
	margin:1.5em 0;
	padding:1em;
	color:#a00;
	font-weight:bold;
}

/* div.message */
div#mainContents div.message {
	margin-bottom:1em;
	font-weight:bold;
	color:#a00;
}

/* div.error-message */
div#mainContents div.error-message {
	margin-top:0.25em;
	color:#a00;
	font-weight:bold;
}

/* div#mainContentsFooter */
div#mainContents div#mainContentsFooter {
	clear:both;
	margin:36px 0 36px;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks {
	background:url(/img/common/mainContents/mainContentsFooter/mainContentsFooterLinks/bg.png) no-repeat center #393939;
	border:10px solid #D8D8D8;
	margin:0 0 15px;
	color:#fff;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks h3 {
	display:none;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks a {
	color:#fff;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks ul {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks ul li {
	list-style-type:none;
	width:50%;
	margin:0;
	padding:14px 0;
	text-align:center;
}
div#mainContents div#mainContentsFooter div#mainContentsFooterLinks ul li h4 {
	margin:0 0 13px;
	padding:0;
}
div#mainContents div#mainContentsFooter ul li div.button {
}
div#mainContents div#mainContentsFooter ul li#mainContentsFooterLinksDownload {
	float:left;
}
div#mainContents div#mainContentsFooter ul li#mainContentsFooterLinksLicense {
	float:right;
}

/* div#newInformation */
div#mainContents div#newInformation {
	margin:0 0 3em;
}
div#mainContents div#newInformation h2 {
	background:none;
	margin:0 0 8px;
	padding:0;
}
div#mainContents div#newInformation div.content {
	background:#f2f2f2;
	border-top:1px solid #939393;
	padding:20px;
}
div#mainContents div#newInformation div.content ul {
	margin:0;
	padding:0;
}
div#mainContents div#newInformation div.content ul li {
	background:url(/img/common/newInformation/dotted.png) repeat-x bottom left;
	list-style-type:none;
	overflow:hidden;
	width:100%;
	margin:0 0 0.75em;
	padding:0 0 0.75em;
}
div#mainContents div#newInformation div.content ul div.date {
	color:#666;
	width:85px;
	float:left;
	font-size:0.85em;
}
div#mainContents div#newInformation div.content ul div.category {
	display:inline;
}
div#mainContents div#newInformation div.content ul div.category a {
	display:block;
	background:#939393;
	width:80px;
	float:left;
	margin:1px 0 0;
	color:#fff;
	font-size:0.75em;
	text-align:center;
	text-decoration:none;
}
div#mainContents div#newInformation div.content ul div.category a:hover {
	background:#777;
}
div#mainContents div#newInformation div.content ul h3 {
	background:url(/img/common/newInformation/arrow.png) no-repeat 15px 4px;
	border:0;
	width:281px;
	float:right;
	margin:0;
	padding:0 0 0 30px;
	font-size:0.9em;
	font-weight:normal;
}
div#mainContents div#newInformation div.content div.more {
	background:url(/img/common/newInformation/arrow.png) no-repeat right;
	padding:0 13px 0 0;
	text-align:right;
}

/*==========================================================
div#footer
==========================================================*/
div#footer {
	clear:both;
}
ul#footerNavigation {
	background:#505050;
	border:solid #000;
	border-width:1px 0;
	margin:0;
	padding:0.75em 0 0.775em;
	text-align:center;
	font-size:0.9em;
}
ul#footerNavigation li {
	display:inline;
	margin:0 1em;
}
ul#footerNavigation li a {
	color:#fff;
	text-decoration:none;
}
ul#footerNavigation li a:hover {
	color:#ff0;
	text-decoration:underline;
}
div#signature {
	background:url(/img/common/footer/signature/bg.jpg) no-repeat 0 0 #905000;
	height:23px;
	padding-top:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
}
div#signature a {
	color:#fff;
}




