@charset "UTF-8";

/*===================================================================
	reset
===================================================================*/

/*default*/
body, html, div, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }

.hidden { display: none; }

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

/* list */
dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ol, ul { list-style: none; }

/* table */
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
th, td { margin:0; padding:0; vertical-align:top; }

/* etc */
fieldset, img { margin:0; padding:0; border:0; vertical-align: middle; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
caption, th { text-align:left; }
q:before, q:after { content:''; }
abbr,acronym { border:0; }


/*===================================================================
	font
===================================================================*/

/*fonts.css*/
body { font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro",  "Osaka－等幅", sans-serif; font-size: 12px; line-height:14px; color: #1d1d1d; }
select, input, textarea { font: 99% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
pre, code { font: 115% monospace; *font-size: 100%; }
body * { line-height: 1.22em; }

p { line-height: 150%; }

a { color:#0063cf; text-decoration:underline; }
a:hover { text-decoration:none; }


/*===================================================================
	clearfix
===================================================================*/

/* ------ clearfix ------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { position:relative; display: block; }
/* End hide from IE-mac */


/* ------ clear ------ */
.clear{ clear:both; display: block; font-size:1px; line-height:0px; }
*html .clear{ height:0px; }



/*===================================================================
	common
===================================================================*/

body { text-align:center; }

#wrapper { width:910px; margin:0 auto; background:url(../img/wrapper_bg.gif); }

/* ------ header ------ */
#header { position:relative; width:898px; height:66px; margin:0 auto; text-align:left; }
#header h1 { position:absolute; top:20px; left:15px; }
#header #corporate-catch { position:absolute; top:33px; right:15px; }

/* ------ topicPath ------ */
#topicPath { width:860px; margin:0 auto; padding:10px 0 20px 0; text-align:left; }
#topicPath li { display: inline; font-size:90%; }

/* ------ pageTop ------ */
.pageTop { width:898px; padding:5px 0 15px 0; text-align:right; }
.pageTop a { padding-left:11px; background:url(../img/pagetop.gif) no-repeat 0 3px; }

/* ------ footer ------ */
#footer { width:898px; height:44px; margin:0 auto; padding:8px 0 0 0; border-bottom:solid 1px #c7c7c7; background:#eaeaea; text-align:left; }
#footer .inner { padding:0 15px; }

#footer #footId { float:left; width:180px; }

#footer #copyright { float:left; padding-top:10px; }

#footer #footId2 { float:left; width:280px; font-size:80%; padding:0px 0 0 0;  }

#footer #footNav { float:right; font-size:80%; padding:10px 0 0 0; }
#footer #footNav li { float:left; padding-right:10px; margin-right:10px; border-right:solid 1px #c1c1c1; }
#footer #footNav li.lastChild { padding-right:0; margin-right:0; border-right:none; }
#footer #footNav img { vertical-align:middle; }