@charset "UTF-8";

/*
 * base.css
 *
 * modified: 2011-02-26 (Nakahara@MonkeyWorks)
 *
 */



/* Base
------------------------------------------------------------ *//*

	@group Content Width

------------------------------------------------------------ */

.container {
	width: 963px;
}

@media print { /* for IE6 printable (645px) */
	* html body {
		zoom: 0.665;
	}
}



/*	@end
------------------------------------------------------------ *//*

	@group Color

------------------------------------------------------------ */

body {
	background: #d5e6f9;
	color: #5a5a5a;
}

a:link {
	color: #aa2da6;
	text-decoration: underline;
}

a:visited {
	color: #aa2da6;
	text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
}



/*	@end
------------------------------------------------------------ *//*

	@group Anchor Icon

------------------------------------------------------------ */

.noLink,
.linkArrow,
.linkNav,
.linkUp,
.linkDown,
.linkNext,
.linkPrev {
	padding-left: 15px;
}

.linkArrow {
	background: url(../../img/common/content/iconArrowLink.gif) no-repeat 1px 49%;
}

.linkNav {
	background: url(../../img/prototype/iconArrow01Right.gif) no-repeat 2px 49%;
}

.linkUp {
	background: url(../../img/prototype/iconArrow01Up.gif) no-repeat 1px 49%;
}

.linkDown {
	background: url(../../img/prototype/iconArrow01Down.gif) no-repeat 1px 49%;
}

.linkNext {
	background: url(../../img/prototype/iconArrow02Right.gif) no-repeat 2px 49%;
}

.linkPrev {
	background: url(../../img/prototype/iconArrow02Left.gif) no-repeat 2px 49%;
}



/*	@end
------------------------------------------------------------ *//*

	@group Text

------------------------------------------------------------ */

strong {
	font-weight: bold;
}

em {
	color: #e00;
}


.textLead {
	font-size: 115.4%; /* 15px */
}

.textNotice { /* for Block */
	padding-left: 14px;
	background: url(../../img/prototype/iconNotice01.gif) no-repeat 1px 0.42em;
}

.textNoticeLine { /* for Inline */
	padding-left: 14px;
	background: url(../../img/prototype/iconNotice01.gif) no-repeat 1px 49%;
}

.textHelp {
	font-size: 84.6%; /* 11px */
}

.textCaption {
	font-size: 84.6%; /* 11px */
	line-height: 1em;
}



/*	@end
------------------------------------------------------------ */





/*	Layout
------------------------------------------------------------ *//*

	@group Header

------------------------------------------------------------ */

#header {
	margin-bottom: -61px;
	color: #fff;
	line-height: 1.0;
}

#header a:link,
#header a:visited {
	color: #fff;
}



/* logo
------------------------------ */
.logoHeader {
	position: relative;
	display: inline;
	float: left;
	width: 729px;
	margin: 8px 0 0 39px;
}

.logoHeader .description {
	position: absolute;
	top: 4px;
	left: 45px;
	line-height: 1.1;
	font-size: 84.6%; /* 11px */
}



/* inquiry
------------------------------ */
#header .inquiry {
	position: relative;
	z-index: 10;
	float: right;
	width: 192px;
	margin: 8px 0 0;
}



/*	@end
------------------------------------------------------------ *//*

	@group Billboard

------------------------------------------------------------ */

#billboard {
	position: relative;
	z-index: -1;
	width: 100%; /* for IE6 */
	border-bottom: 1px solid #e2f0fb;
	background: #10366a url(../../img/common/billboard/bgRepeat.png) repeat-x 0 100%;
	color: #fff;
	line-height: 1.0;
}

#billboard .container {
	width: 100%;
	height: 261px;
	background: url(../../img/common/billboard/bgImage.jpg) no-repeat 0 100%;
}

#billboard .title {
	position: absolute;
	top: 99px;
	left: 43px;
	font-size: 200%; /* 26px */
	font-weight: bold;
}



/*	@end
------------------------------------------------------------ *//*

	@group Global Navigation

------------------------------------------------------------ */

#navGlobal {
	position: relative;
	z-index: 1;
	width: 705px;
	height: 78px;
	margin: -59px 0 -19px;
	background: #fff;
	line-height: 1.0;
}

#navGlobal li {
	float: left;
}



/*	@end
------------------------------------------------------------ *//*

	@group Content Wrap

------------------------------------------------------------ */

#content {
	width: 100%;
	background: url(../../img/common/content/bgRepeatBlue.png) repeat-x;
}

#content .container {
	width: 100%;
	padding: 19px 0 0;
	background: url(../../img/common/content/bgRepeatShadow.png) repeat-y;
}



/*	@end
------------------------------------------------------------ *//*

	@group Content Main

------------------------------------------------------------ */

#main {
	float: left;
	width: 609px;
	margin-right: 19px;
	padding: 43px 48px 20px;
	background: #fff url(../../img/common/content/bgMirror.png) no-repeat;
}



/*	@end
------------------------------------------------------------ *//*

	@group Content Sub

------------------------------------------------------------ */

#sub {
	float: left;
	width: 239px;
	padding-bottom: 58px;
}

#sub .bannerList li {
	margin-bottom: 12px;
}



/*	@end
------------------------------------------------------------ *//*

	@group Footer

------------------------------------------------------------ */

#footer {
	position: relative;
	background: #1a2471 url(../../img/common/footer/bgRepeat.png) repeat 531px 0;
	color: #fff;
	line-height: 1.0;
}

#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer .pagetop {
	position: absolute;
	top: -26px;
	left: 531px;
}

#footer .container {
	width: 611px;
	margin: 0 47px;
	padding: 12px 0 53px;
}


/* navFooter
------------------------------ */
.navFooter {
	margin: 0 0 18px 1px;
	padding: 0 0 8px 1px;
	background: url(../../img/common/footer/borderSolidWhite.png) no-repeat 0 100%;
}

.navFooter li {
	float: left;
	margin: 0 16px 5px 0;
}


/* address
------------------------------ */
#footer .address br {
	display: none;
}

#footer .address img {
	display: inline;
	float: left;
	margin: 0 0 2px 0;
}

#footer .address .logo {
	margin: -3px 16px 0 0;
}

#footer .address .copyright {
	margin: 4px 0 0 1px;
}



/*	@end
------------------------------------------------------------ */