@charset "utf-8";

/* Universal */

* { margin: 0; padding: 0 }

/* Generic */

.center { text-align: center }
.clearer {
	clear: both;
	overflow: hidden;
	height: 1px;
	font-size: 1px;
	line-height: 3px;
	}
a:link,
a:visited { border-bottom: 1px solid #e7e7e7; color: #0058cc; text-decoration: none }
a img { border: none }

/* Button Link Decoration Disabled */

.button a { border: none !important }

/* Canvas */

body {
	margin: 0;
	border: none;
	padding: 0;
 	color: #000000;
	font-family: "Helvetica Neue", "Helvetica", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MＳ Pゴシック", sans-serif;
	font-size: 14px;
	line-height: 150%;
	}

/* Top Margin */

#top_margin { font-size: 12px; line-height: 16px }
#top_margin .container { padding: 6px 0 10px 0 }
#top_margin span.date { color: #4c5e80 }

/* Header */

#header #title_logo img { margin-top: 8px }
#top_navigation { margin-top: 4px }
#top_navigation #ref_signin { float: left }
#top_navigation li { float: left; list-style:none; padding-left: 8px }

/* Main Content */

#main_content { padding-top: 12px }
#main_content .content_title { padding: 12px 28px 0 28px }
#main_content .box { padding: 24px 28px }
#main_content .parent_navigation { list-style: none }
#main_content .parent_navigation li { float: right; margin-left: 0 }
#main_content .parent_navigation li a { margin-left: 20px }
#main_content h2 { float: left; padding-top: 12px; font-size: 20px; line-height: 24px }
#main_content h3 { padding-top: 12px; font-size: 16px; line-height: 20px }
#main_content h4 { padding-top: 10px; font-size: 14px; line-height: 19px }
#main_content h5 { color: #505050; padding-top: 10px; font-size: 13px; line-height: 19px }
#main_content p { color: #505050; padding-top: 10px; font-size: 13px; line-height: 19px }
#main_content ul,
#main_content ol,
#main_content dl { color: #505050; padding-top: 8px; font-size: 13px; line-height: 19px }
#main_content li { margin-left: 24px; padding-top: 4px }
#main_content .blockquote h3 { padding-top: 12px; font-size: 14px; line-height: 19px }
#main_content .blockquote h4 { padding-top: 6px; font-size: 13px; line-height: 18px }
#main_content .blockquote p { color: #505050; font-size: 12px; line-height: 17px }
#main_content .blockquote ul,
#main_content .blockquote ol,
#main_content .blockquote dl { padding-top: 6px; font-size: 12px; line-height: 17px }
#main_content .blockquote li { color: #505050; margin-left: 24px; padding-top: 3px }

#main_content .box .columns {
	border-top: 1px solid #e5e5e5;
	margin-top: 12px;
	}
#main_content ol { list-style-type: decimal }
#main_content ol ol { padding-bottom: 6px; list-style-type: lower-alpha }
#main_content .section .legal-date { text-align: right }

/* Footer */

#footer { margin-top: 6px; border-top: 1px solid #e7e7e7 }
#bottom_navigation {
	color: #999999;
	font-size: 10px;
	line-height: 15px;
	}
#bottom_navigation .cap_holder_end { padding: 12px 0 }
#bottom_navigation li { list-style: none }
#bottom_navigation .column { float: left }
#bottom_navigation .introduction { width: 150px }
#bottom_navigation .support { width: 300px }
#bottom_navigation .support li { float: left; width: 150px }
#bottom_navigation .account { width: 150px }
#bottom_navigation a:link,
#bottom_navigation a:visited { border-bottom: 1px solid #e7e7e7; color: #0058cc; text-decoration: none }
#bottom_navigation a:active,
#bottom_navigation a:hover { border-bottom: 1px solid #000000; color: #000000 }
#bottom_navigation p.title { padding-bottom: 4px; color: #555555; font-weight: bold }
#bottom_navigation p.title a { border: none; color: #555555 }

#copyright { font-size: 11px; line-height: 16px; text-align: center }
#copyright a:link,
#copyright a:visited { border: none; color: #727272; text-decoration: none }

/*
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	the following depend on respective pages
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
*/

/* Home */

body.home #splash h1 {
	margin-top: 24px;
	font-size: 32px;
	line-height: 40px;
	}
body.home #splash p.description {
	margin-top: 18px;
	font-size: 14px;
	line-height: 20px;
	}
body.home #splash h2 {
	margin-top: 12px;
	font-size: 14px;
	}

body.home #main_content #primary { padding: 16px 0 0 0 }
body.home #main_content #primary .cut {
	float: left;
	margin-top: 12px;
	padding-right: 12px;
	}
body.home #main_content #primary .section { padding-top: 24px }
body.home #main_content h3 {
	padding: 0;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	}
body.home #main_content p {
	color: #333333;
	font-size: 13px;
	line-height: 19px;
	}
body.home #main_content #secondary { padding-top: 32px }
body.home #main_content #secondary p { color: #333333 }
body.home #main_content #secondary p.caption { color: #7f7f7f; font-size: 12px }

/* Overview */

#main_content .parent_navigation .ref_overview a,
body.extended #main_content .parent_navigation .ref_extended a { border-bottom: 1px solid #707070; color: #505050 }
body.extended #main_content .parent_navigation .ref_overview a { border-bottom: 1px solid #e7e7e7; color: #0058cc }