@charset "UTF-8";

html,body,#wap,#mainArea,#website,#contentsArea,#topnaviBox{
height:100%;
overflow:hidden;
margin:0;
padding:0;
}

body{
	background:url(../img/bg.jpg);
	font-family:"ＭＳ Ｐゴシック",Osaka,Helvetica,Arial,sans-serif;
	font-size:100%;
}

div,h1,p,ul{
margin:0;
padding:0;
}

img{
border:0;
}

#naviArea{
height:36px;
overflow:hidden;
margin:0;
padding:0;
}

#wap{
max-width:1198px;
width:expression(document.body.clientWidth > 1200? "1198px" : "auto");
}


#contentsArea{
min-height:100%;
background-image: url(../img/l01.jpg);
background-repeat: no-repeat;
background-position: left top;
position:relative;
}

body > #contentsArea{height: auto;}


#titleLogo{
	background-color:#000000;
	position:absolute;
	bottom:100px;
	left:80px;
	width:422px;
	height:111px;
	padding-left: 16px;
}

#titleLogo h1{
	text-indent:-9999px;
	background-image: url(../img/noFlash_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:15px 0 15px 0;
}
#titleLogo p.txt{
	color:#FFFFFF;
	font-size:70%;
	line-height:150%;
	float:left;
	width: 290px;
}

#titleLogo img{ vertical-align:bottom; border:0;}

/*	topnavi
============================================*/
#topnaviBox{
	position:absolute;
	right:0px;
	width:178px;
	min-height:100%;
	background-color:#f6f6f6;
}
body > #topnaviBox{height: auto;}

#topnavi{
	margin-top:40px;
	padding-top:70px;}
#topnavi li{
	list-style:none;
	width:178px;
	height:30px;
}
#topnavi li a{
	height:30px;
	width:178px;
	display:block;
	text-indent:-9999px;
}
#topnavi li.topnavi1{
	text-indent:-9999px;
	background-image: url(../img/top_navi_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#topnavi li.topnavi2{}
#topnavi li.topnavi2 a{ background:url(../img/top_navi_02.gif) no-repeat 0 0; }
#topnavi li.topnavi2 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px 0; }

#topnavi li.topnavi3{}
#topnavi li.topnavi3 a{ background:url(../img/top_navi_02.gif) no-repeat 0 -30px; }
#topnavi li.topnavi3 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px -30px; }
#topnavi li.topnavi4{}
#topnavi li.topnavi4 a{ background:url(../img/top_navi_02.gif) no-repeat 0 -60px; }
#topnavi li.topnavi4 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px -60px; }
#topnavi li.topnavi5{}
#topnavi li.topnavi5 a{ background:url(../img/top_navi_02.gif) no-repeat 0 -90px; }
#topnavi li.topnavi5 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px -90px; }
#topnavi li.topnavi6{}
#topnavi li.topnavi6 a{ background:url(../img/top_navi_02.gif) no-repeat 0 -120px; }
#topnavi li.topnavi6 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px -120px; }
#topnavi li.topnavi7{}
#topnavi li.topnavi7 a{ background:url(../img/top_navi_02.gif) no-repeat 0 -150px; }
#topnavi li.topnavi7 a:hover{ background:url(../img/top_navi_02.gif) no-repeat -178px -150px; }

#bannerArea{ text-align:center; margin-top:35px}
#bannerArea li{ list-style:none;}
#bannerArea li.sbanner{}
#bannerArea li.bbanner{}


/*	single btn
============================================*/
.eg_btn{ position:absolute; right:18px;top:17px;}


/*English*/
#topnavi li.topnavi2_e{}
#topnavi li.topnavi2_e a{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat 0 0; }
#topnavi li.topnavi2_e a:hover{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat -178px 0; }

#topnavi li.topnavi3_e{}
#topnavi li.topnavi3_e a{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat 0 -30px; }
#topnavi li.topnavi3_e a:hover{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat -178px -30px; }

#topnavi li.topnavi4_e{}
#topnavi li.topnavi4_e a{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat 0 -60px; }
#topnavi li.topnavi4_e a:hover{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat -178px -60px; }

#topnavi li.topnavi5_e{}
#topnavi li.topnavi5_e a{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat 0 -90px; }
#topnavi li.topnavi5_e a:hover{ background:url(../../e/gallery/img/top_navi_e_02.gif) no-repeat -178px -90px; }

