@charset "utf-8";


/* 0: Reset
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
border:0;
}

li{list-style:none;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}


/* 1: Common
------------------------------------------------------------ */
body{
	background-image: url(../img/pageBackground.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f3f2ef;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #555;
	}
h1 {
	font-size:12px;
	color:#707070;
	padding:18px 0 40px 15px;
	}
h1 a:link,
h1 a:hover,
h1 a:visited{
	color:#707070;
	}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	}

a{
	color: #000000;
	text-decoration:none;
	}

a:hover{
	color: #000000;
	}
	
strong.iname,em.iname {
	font-weight:bold;
	font-size:1.2em;
	line-height:1.1em;
	}

#breadcrumb {
	}
	#breadcrumb ul{
		margin-bottom:25px;
		}
	#breadcrumb ul li{
		display:inline;
		color:#b2b2b2;
		line-height:1em;
		}
		#breadcrumb ul li a{
			color:#b2b2b2;
			padding-bottom:1px;
			}
		#breadcrumb ul li a:link{
			border-bottom:1px dotted #f3f2ef;
			}
		#breadcrumb ul li a:hover {
			background-color:#f3f2ef;
			border-bottom:1px solid #f3f2ef;
			}
		#breadcrumb ul li a:visited {
			border-bottom:1px dotted #f3f2ef;
			}

.bottomEnd {
	padding-bottom:0!important;
	margin-bottom:0!important;
	}


#container #contentsArea #mainContents .pageTop {
	margin-top:40px;
	clear:both;
	text-align:right;
	}



/* 2: BlockLayout
------------------------------------------------------------ */

/*   height100%対応 */
html,body,#container {
	height:100%;
	}
body > #container {
    height: auto;
}

body {
	text-align:center;
	}
#wrapper {
	width:830px;
    min-height: 100%;
	margin: 0px auto;
	background: url(../img/contentsBackGround.jpg) no-repeat center top;
	}
#wrapper #container {
	width:786px;
	height:100%;
	min-height:100%;
	text-align:left;
	margin: 0 auto;
	padding: 0 7px 20px 7px;
	background: #FFF;
	}
	#container #headerArea {
		width:786px;
		text-align:left;
		margin: 0px auto;
		}
	#container #globalNavi {
		width:190px;
		text-align:left;
		float:left;
		}
	#container #contentsArea {
		margin-top:20px;
		margin-bottom:30px;
		}
		#contentsArea #mainContents {
			float:left;
			margin-left:20px;
			margin-bottom:20px;
			width:576px;
			}
			#mainContents .copyTitle {
				margin-bottom:35px;
				}
	#container #footerArea {
		clear:both;
		width:786px;
		text-align:left;
		margin:0 auto;
		border-top: 1px solid #CCC;
		padding-top: 10px;
		}
		#footerArea address {
			width::290px;
			float:left;
			}
		#footerArea #footerUnit {
			width:401px;
			float:right;
			text-align:right;
			white-space:nowrap;
			margin-right:15px;
			}


/* 3: globalMenu
------------------------------------------------------------ */

#container #contentsArea #globalNavi{
	}
	#globalNavi .spNavi {
		margin-bottom:25px;
		text-align:right;
		}
	#globalNavi h3 {
		margin-bottom:15px;
		}
	#globalNavi .mainNavi {
		margin-bottom:15px;
		}
		#globalNavi ul.mainNavi {
			margin-left:27px;
			}
			#globalNavi ul.mainNavi li {
				margin-bottom:4px;
				}
			#globalNavi ul.mainNavi li a {
				padding-top:3px;
				padding-bottom:3px;
				}

/* 4: footerMenu
------------------------------------------------------------ */
#container #footerArea #footerNavi{
	}
	#footerArea #footerNavi ul {
		clear:both;
		}
	#footerArea #footerNavi li {
		display:inline;
		}
	#footerArea #footerNavi li a {
		display:inline-block;
		white-space:nowrap;
		width:auto;
		margin-left:5px;
		padding-left:14px;
		margin-bottom:10px;
		background: url(../img/icon_newWin.png) no-repeat left center;
		}


/* 9: Extra
------------------------------------------------------------ */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

