@charset "utf-8";

/* default */
* {
	margin: 0;
}

html,
body {
	height: 100%;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


img {
	border: none;
}
textarea {
	font-size: 100%;
}
/* clear */
#header:after,
#contents:after,
#contents .usefullLink:after,
#sub .section:after,
#sub .section#login form:after,
#sub .section#login .regist:after,
#footer:after,
#footer #footerNavigation:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#header,
#contents,
#contents .usefullLink,
#sub .section,
#sub .section#login form,
#sub .section#login .regist,
#footer,
#footer #footerNavigation {
	zoom: 1;
}


/* common */
body {
	border-top: 3px solid #0077ff;
	background-color: #FFFFFF;
	line-height: 1.5;
	font-size: 75%;
	letter-spacing: normal;
	color: #101010;
}
a {
	text-decoration: none;
	color: #0077ff;
}
a:hover {
	text-decoration: underline;
}

/* container */
#container {
	width: 850px;
	padding-bottom: 20px;
	margin: 0 auto;
}


/* header */
#header {
	position: relative;
	width: 850px;
}
#header h1 {
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 10px;
	line-height: 1.2;
	font-weight: normal;
}
#header #siteLogo {
	float: left;
	width: 91px;
	padding-top: 30px;
	margin-right: 15px;
}
#header #siteLogo a {
	display: block;
	width: 91px;
	height: 30px;
	background-image: url(../images/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline: none;
	line-height: 0;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
}
#header #siteExplanation {
	float: left;
	width: 209px;
	height: 18px;
	margin-top: 37px;
	background-image: url(../images/common/site_explanation.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 0;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
}
#header #headerNavigation {
	float: right;
	width: 308px;
}
#headerNavigation li {
	float: left;
}
#headerNavigation li a {
	display: block;
	width: 101px;
	height: 38px;
	background-color: #CCFFFF;
	font-size: 1px;
	line-height: 0;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
}
#headerNavigation li a:hover {
	background-position:left bottom;
}

#headerNavigation li#headerNavigationCards a {
	width: 103px;
	height: 41px;
	background-image: url(../images/common/print_noun.jpg);
}
#headerNavigation li#headerNavigationEnvelopes a {
	background-image: url(../images/common/print_envelopes.jpg);
}
#headerNavigation li#headerNavigationFlyers a {
	background-image: url(../images/common/print_flyers.jpg);
}
#headerNavigation li#headerNavigationPostcards a {
	width: 103px;
	background-image: url(../images/common/print_postcard.jpg);
}


/* contents */
#contents {
	width: 850px;
	padding-bottom: 20px;
}

#contents .pagetop {
	clear: both;
	width: 116px;
	margin-left: auto;
	margin-right: 5px;
	font-size: 1px;
	line-height: 0;
}
#contents .pagetop a {
	display: block;
	width: 116px;
	height: 12px;
	background-image: url(../images/common/pagetop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	outline: none;
	line-height: 0;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 1px;
}
#contents .pagetop a:hover {
	background-position: left bottom;
}

/* main */
#contents #main {
	float: right;
	width: 600px;
	padding-top: 1px;
}
#main .section {
	width: 600px;
}
#main .section h2 {
	width: 600px;
	height: 27px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 3px solid #EDEDED;
}

#main .defaultTable {
	width:100%;
}
#main .defaultTable th,
#main .defaultTable th {
	background-color:#F0F0F0;
}

#main .defaultTable td table {
	width:auto;
}


/* sub */
#contents #sub {
	float: left;
	width: 230px;
}

#sub .section {
	background-image: url(../images/common/sub_section_body.jpg);
}
#sub dl.section dt {
	margin-bottom: 14px;
}
#sub .section#detailExplanationLink .forFirst {
	height: 39px;
	background-image: url(../images/common/sub_first.jpg);
}

#sub .section#detailExplanationLink .forlogin {
	height: 39px;
	background-image: url(../images/common/sub_login.jpg);
}

#sub .section#detailExplanationLink .fortyumon {
	height: 39px;
	background-image: url(../images/common/sub_tyumon.jpg);
}

#sub dl.section dd.last {
	padding-bottom: 20px;
	background-image: url(../images/common/sub_section_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* footer */
#footer {
	width: 850px;
	padding-top: 7px;
	border-top: 3px solid #EDEDED;
}
#footer #footerNavigation {
	width: 413px;
	padding: 0 0 7px 437px;
	margin-bottom: 13px;
	border-bottom: 3px solid #EDEDED;
}
#footerNavigation li {
	float: left;
	padding-right: 13px;
	margin-right: 13px;
	border-right: 1px solid #CDCDCD;
}
#footerNavigation li#footerNavigationLinks {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
#footerNavigation li a {
	display: block;
	height: 13px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 0;
	outline: none;
	text-decoration: none;
	text-indent: -9999px;
}
#footerNavigation li a:hover {
	background-position: left bottom;
}
#footerNavigation li#footerNavigationOutline a {
	width: 46px;
	background-image: url(../images/common/fnavi_outline.gif);
}
#footerNavigation li#footerNavigationTrading a {
	width: 123px;
	background-image: url(../images/common/fnavi_trading.gif);
}
#footerNavigation li#footerNavigationPrivacy a {
	width: 110px;
	background-image: url(../images/common/fnavi_privacy.gif);
}
#footerNavigation li#footerNavigationLinks a {
	width: 44px;
	background-image: url(../images/common/fnavi_links.gif);
}

#footer #footerOutline {
	float: left;
}
#footer #footerOutline dt,
#footer #footerOutline dd {
	display: inline;
}
#footer #footerOutline dt {
	padding-right: 12px;
}
#footer #footerOutline dd {
	padding-right: 22px;
}

#footer #copyright {
	float: right;
	width: 497px;
	padding-top: 30px;
	text-align: right;
	white-space: nowrap;
	color: #979797;
}
span.tyumondesign{
	font-size:16px;
	color:#0000CC;
	font-weight:bolder;
}