@charset "utf-8";

@import "normalize.css";
@import "font.css";

/*==========================================
Font CSS YUI 3.4.1

font-size(px => %)
10px = 77%  | 16px = 123.1% | 22px = 167% |
11px = 85%  | 17px = 131%   | 23px = 174% |
12px = 93%  | 18px = 138.5% | 24px = 182% |
13px = 100% | 19px = 146.5% | 25px = 189% |
14px = 108% | 20px = 153.9% | 26px = 197% |
15px = 116% | 21px = 161.6% |             |

==========================================*/

/*==========================================
 Basic
==========================================*/
html {
	background: #fff;
}
body {
	position: relative;
	color: #444;
	font-size: 12px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	text-align: center;
	margin: 0 auto;
}
	.box {
		clear: both;
		font-size: 100%;
		margin: 0 auto;
		text-align: justify;
		text-justify: distribute;
		width: 900px;
	}

/* ----------------------
      Footer Fixed
---------------------- */

html, body {
	height: 100%;
}
* html div#container {
    height:100%;
}
#container {
	position: relative;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
}
body > #container {
	height: auto;
	width: 100%;
}
#contents {
	padding-bottom: 110px;
}
#footerConteiner {
	clear: both;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/commons/footerBG.jpg) left top repeat-x;
	height: 110px;
}

/* Etc
------------------------*/
img { border: 0; }
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	.clearfix {
	min-height: 1px;
	}
	* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

/* Link
------------------------*/
a { text-decoration: underline; }
a:link    { color: #444; }
a:visited { color: #444; }
a:hover   { color: #863030; }
a:focus   { color: #863030; }
a:active  { color: #444; }

a.linkRed { text-decoration: underline; }
a:link.linkRed    { color: #AE181C; }
a:visited.linkRed { color: #AE181C; }
a:hover.linkRed   { color: #444; }
a:focus.linkRed   { color: #444; }
a:active.linkRed  { color: #AE181C; }

/*==========================================
 # Header
==========================================*/
#headerConteiner {
	width: 100%;
}
#header {
	position: relative;
	height: 120px;
	clear: both;
}
	#logo {
		margin: 0;
		position: absolute;
		top: 22px;
		left: 0;
	}
	ul#headerMenu {
		margin: 0;
		position: absolute;
		top: 48px;
		right: 0;
	}
		ul#headerMenu li {
			float: left;
			list-style-type: none;
		}
		ul#headerMenu li.first {
			*border-left: #777 1px dotted;
			_border-left: #777 1px dotted;
		}
			ul#headerMenu li a {
				text-decoration: none;
				padding: 6px 15px;
				border-left: #777 1px dotted;
				border-right: #777 1px dotted;
				margin-left: -1px;
				font-size: 93%;
				letter-spacing: 1px;
			}
			ul#headerMenu li a:link,ul#headerMenu li a:visited, ul#headerMenu li a:active {
				background: #fff;
			}
			ul#headerMenu li a:hover, ul#headerMenu li a:focus {
				color: #444;
				background: #eee;
			}
			ul#headerMenu li.stop a {
				background: #eee;
			}

/*==========================================
 # Contents
==========================================*/
#conBox {
	position: relative;
	padding: 30px 0 50px;
}

/*==========================================
 # Footer
==========================================*/
#footer {
	position: relative;
}
	.pageTop {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}
		.pageTop a {
			background: url(../img/commons/pageTopArrow_off.gif) no-repeat 0% 10%;
			padding-left: 15px;
			text-decoration: none;
			font-size: 93%;
			letter-spacing: 2px;
		}
		.pageTop a:hover {
			color: #999;
			background: url(../img/commons/pageTopArrow_on.gif) no-repeat 0% 10%;
		}
	.footerCopy {
		margin: 0;
		position: absolute;
		top: 50px;
		right: 0;
		font-size: 85%;
		letter-spacing: 1px;
	}
	.footerLink {
		margin: 0;
		position: absolute;
		top: 50px;
		left: 0;
		font-size: 85%;
	}
		.footerLink a {
			letter-spacing: 1px;
			text-decoration: none;
			color: #444;
		}
		.footerLink a:link,
		.footerLink a:visited,
		.footerLink a:active{
			color: #444;
		}
		.footerLink a:hover,
		.footerLink a:focus{
			color: #999;
		}