@charset "utf-8";
/* CSS Document */


/*----------/ Style Reset /----------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

img, fieldset, abbr, acronym { border: 0; }

li { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }


/*----------/ clearfix /----------*/

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { display: inline-block; }

/* Start IE-mac */
* html .clear { height: 1%; }
.clear { display: block; }
/* End IE-mac */


/*----------/ body /----------*/

body {
	min-width: 780px;
	background-color: #FFF;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
	font-size: 62.5%;
}

a { text-decoration: none; }
a:link { color: #5b4c3d; }
a:visited { color: #5b4c3d; }
a:hover { color: #269900; }
a:hover img {
	opacity: 0.7; /* Safari,Firefox,Opera */
	filter: alpha(opacity=70); /* IE */
}

#wrapper { background: url(../images/common/hd_line.gif) repeat-x left top; }

#header, #mainArea, #footer { margin: 0 auto; width: 900px; }

.columnArea { margin-bottom: 20px; }

.leftColumn { float: left; }

.rightColumn { float: right; }

h2, #contactBanner { margin-bottom: 20px; }

/*----------/ header /----------*/

#header { height: 115px; position: relative; }

#headerIntro { padding-top: 8px; font-size: 1.2em; }

h1 {
	width: 273px;
	height: 39px;
	background: url(../images/common/hd_wcg.gif) no-repeat;
	position: absolute;
	bottom: 30px;
	left: 0;
	text-indent: -7777px;
}
h1 a {
	display: block;
	width: 273px;
	height: 39px;
}

#headerContact {
	width: 379px;
	height: 35px;
	background: url(../images/common/hd_contact.gif) no-repeat;
	position: absolute;
	bottom: 30px;
	right: 0;
	text-indent: -7777px;
}

#globalNaviArea {
	margin-bottom: 5px;
	height: 45px;
	background: url(../images/common/gn_line.png) repeat-x;
}

#globalNavi {
	margin: 0 auto;
	width: 920px;
	height: 45px;
}

#globalNavi li { float: left; }

#globalNavi a:hover img { visibility: hidden; }

li.gnaviHome a {
	display: block;
	width: 141px;
	height: 45px;
	background: url(/images/common/gn_home_ro.png) no-repeat;
}

li.gnaviAbout a {
	display: block;
	width: 127px;
	height: 45px;
	background: url(/images/common/gn_about_ro.png) no-repeat;
}

li.gnaviService a {
	display: block;
	width: 127px;
	height: 45px;
	background: url(/images/common/gn_service_ro.png) no-repeat;
}

li.gnaviWsmn a {
	display: block;
	width: 127px;
	height: 45px;
	background: url(/images/common/gn_wsmn_ro.png) no-repeat;
}

li.gnaviReport a {
	display: block;
	width: 127px;
	height: 45px;
	background: url(/images/common/gn_report_ro.png) no-repeat;
}

li.gnaviCompany a {
	display: block;
	width: 127px;
	height: 45px;
	background: url(/images/common/gn_company_ro.png) no-repeat;
}

li.gnaviContact a {
	display: block;
	width: 144px;
	height: 45px;
	background: url(/images/common/gn_contact_ro.png) no-repeat;
}


/*----------/ breadcrumb /----------*/

#breadcrumb {
	margin: 20px auto;
	width: 900px;
	font-size: 1.2em;
}

#breadcrumb li { margin-right: 10px; float: left; }
#breadcrumb li a { text-decoration: underline; }


/*----------/ mainColumn /----------*/

#mainColumn { float: left; width: 660px; }

#mainVisual { margin-bottom: 20px; }

#mailMagazine {
	width: 220px;
	height: 170px;
	border: 1px solid #333;
	font-size: 1.2em;
	margin-bottom: 30px;
}

#mailMagazine h2 { margin: 15px 0 10px; text-align: center; }

#mailMagazine p { margin: 0 20px 10px; line-height: 1.5em; }

#mailMagazine form { text-align: center; }

#supportTool { font-size: 1.2em; }

#writingBooks {
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.2em;
}

.book {
	margin-left: 10px;
	width: 150px;
	float: left;
	text-indent: 1.3em;
}
.book p { margin: 5px 0; }

#newsTopics {
	margin-bottom: 40px;
	font-size: 1.2em;
}

#newsTopics dl { margin: 0 10px; }

#newsTopics dt {
	float: left;
	margin-left: 2px;
	padding-left: 12px;
	background: url(../images/common/list_wsmn.gif) no-repeat left 0.2em;
}

#newsTopics dd { margin-bottom: 15px; padding-left: 12px; }


/*----------/ subColumn /----------*/

#subColumn {
	float: right;
	width: 220px;
	margin: 10px 0 50px;
}

#recentWSMN { margin-bottom: 30px; font-size: 1.2em; }

#recentWSMN dt {
	margin-left: 2px;
	padding-left: 12px;
	background: url(../images/common/list_wsmn.gif) no-repeat left 0.2em;
}

#recentWSMN dd {
	margin: 2px 0 15px 0;
	padding-left: 14px;
	line-height: 14px;
}

#recentWSMN dd.end {
	margin: 0;
	padding: 0;
	text-align: right;
}

#bannerArea p { margin-bottom: 20px; }


/*----------/ footer /----------*/

#footerArea { background: url(../images/common/ft_line.png) repeat-x #E0DEDA ; }

#footer { margin: 0 auto; width: 900px; }

#footer div.columnArea { margin-top: 20px; }

#footerContact {
	width: 266px;
	height: 76px;
	background: url(../images/common/ft_contact.gif) no-repeat;
	text-indent: -7777px;
}

#footer div.rightColumn { margin-left: 30px; }

#footer ul {
	margin-top: 10px;
	line-height: 25px;
	font-size: 1.2em;
}

address {
	padding: 50px 0 10px;
	text-align: center;
	font-size: 1.1em;
}