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

/* トップ全体
------------------------------------------ *

/*
* {
	word-wrap: break-word;
}
*/

/* clearfix
------------------------------------------ */
#contentsWrap, #siteFooter {
	/zoom: 1;
}
#contentsWrap, #siteFooter:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


/*トップヘッダー
------------------------------------------ */

.hWrap {
	background:url(../images/top_header_bg.png) no-repeat top center;
	overflow: hidden;
}

.topUpper {
	width: 1000px;
	height:979px;
	margin:0 auto;
	position:relative;
}

.tLogo {
	width:499px;
	height:376px;
	position:absolute;
	top:17px;
	left:316px;
}

.tLink01 {
	width:104px;
	height:50px;
	position:absolute;
	top:93px;
	left:768px;
}

.topImg01 {
	width:229px;
	height:456px;
	position: absolute;
	left:762px;
	top:293px;
	overflow: hidden;
}

.topImg02 {
	width:137px;
	height:173px;
	position:absolute;
	left:12px;
	top:773px;
	float:left;
	overflow:hidden;
}

.about {
	background:url(../images/top_about_bg.png) no-repeat;
	width:500px;
	height:250px;
	position:absolute;
	top:608px;
	left:147px;
	padding-top:84px;
	padding-left:60px;
	padding-right:60px;
	overflow: absolute;
	float:left;
}

.tLink02 {
	height:69px;
	position: absolute;
	right:17px;
	top:864px;
	overflow:hidden;
	float:left;
}

/*残りのコンテンツ
------------------------------------------ */

.main {
	padding-bottom:1em;
}

.welcome{
	background:url(../images/strape_01.png) repeat-x;
	clear:both;
}
	
.toMassaki{
	height: 115px;
    width: 1000px;
    margin: 0 auto;
    padding-top: 24px;
	padding-bottom:20px;
    padding-left: 15px;
    background: url("../images/welcome_m.png") no-repeat 88% 32%;
}

.mLife{
	background:url(../images/top_photos_map.png) no-repeat center 0;
	width:971px;
	height:818px;
	margin:0 auto;
	padding-top:10px;
	}

.topImg06{
	width:148px;
	height:165px;
	position:relative;
	top:400px;
	left:796px;
}

/*インフォメーション
------------------------------------------ */
.infoWrap {
	background:url(../images/info_bg.png) no-repeat center;
	margin: 0 auto;
    overflow: hidden;
}

.iLang {
	position:absolute;
	top:55px;
	left:24px;
	z-index:10;
}

.iMasa {
	position:absolute;
	top:29px;
	left:750px;
	z-index:5;
}

.info {
	width:900px;
	height:213px;
	background-color:#FFF;
	margin:0 auto;
	opacity:0.8;
	z-index:1;
	margin-top:87px;
}

dl.iList {
	overflow: hidden;
	zoom: 1;
	padding-top:58px;
	margin-left:46px;
	width:630px;
}

dl.iList dt{
	width: 110px;
	margin-bottom: 5px;
	margin-left:20px;
	padding-bottom: 5px;
	float: left;
	clear: both;
	font-weight: bold;
}

dl.iList dd{
	margin-bottom: 5px;
    padding: 0 0 5px 120px;
    border-bottom: 1px solid #2a98dd;
}

.infoArea {
	height:279px;
	margin:0 auto;
	overflow:hidden;
	width: 1000px;
    position: relative;
}


cLower {
}

.notice{
	width:486px;
	padding-top:52px;
	padding-left:89px;
	background:url(../images/notice_bg.png) no-repeat 0% 65%;
	margin:0 auto;
}

.topSign {
	text-align:right;
	padding-top:10px;
}



/*リンク
------------------------------------------ */

/*トップナビ
------------------------------------------ */
.tNavi{
	    height: 163px;
	}
	 
	 
	.tNavi ul{
		position: absolute;
    	top: 398px;
    	left: 37px;
		list-style: none;
		overflow: hidden;
	}

	 /* リストを横並びに */
	.tNavi ul li{
	    float: left;
		width: 191px;
		height:163px;
	}
	
	.tNavi ul li a{
	    text-indent: -9999px; /* テキストをふっとばす */ 
	    text-decoration: none; 
	    display: block; 
	    width: 191px; 
	    height: 163px; 
	    background-image: url(../images/top_navi.png); 
	    background-repeat: no-repeat;
		}
		
	 
	 /* a要素の背景の指定  ※左x軸、右y軸*/
	.tNavi ul li.tMenu01 a { background-position: 0 0; }  
	.tNavi ul li.tMenu02 a { background-position: -191px 0px; } 
	.tNavi ul li.tMenu03 a { background-position: -382px 0px; } 
	.tNavi ul li.tMenu04 a { background-position: -573px 0px; } 	 
	 
	 
	.tNavi ul li a:hover{
	    text-decoration: none; 
	    background-image: url(../images/top_navi.png); 
	    background-repeat: no-repeat;
		
		}
	 
	/* a:hover要素の背景の指定 ※左x軸、右y軸*/
	.tNavi ul li.tMenu01 a:hover { background-position: 0 -163px; }  
	.tNavi ul li.tMenu02 a:hover { background-position: -191px -163px; } 
	.tNavi ul li.tMenu03 a:hover { background-position: -382px -163px; } 
	.tNavi ul li.tMenu04 a:hover { background-position: -573px -163px; }