@charset "utf-8";


/* 
/*-------------------------------------------------*/

#toppage{
background:url(../top/images/flash_bg.gif);
}

#top_flash{ 
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;	
}

#noflash{
background:url(../top/photo/1.jpg);
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

#top_title{
display: block;
position:absolute;
top:30px;
right:30px;
width: 280px;
height: 0;
padding-top: 220px;
overflow: hidden;
background: url(../top/images/logo4.png) no-repeat;
}

#attention{
display: block;
position:absolute;
top:30px;
left:40px;
background: url(../top/images/flash_bg.gif);
color:#FFFFFF;
font-size:117%;
line-height:140%;
padding:15px;
}

#attention a:link{
	color:#FFFF00;
	text-decoration: underline;
}

#attention a:visited{
	color:#FFFF00;
	text-decoration: underline;
}

#attention a:hover,
#attention a:visited:hover{
	color: #FFFFCC;
	text-decoration: underline;
}

#topmenu{
display:block;
position:absolute;
bottom:40px;
left:40px;
}

#txt{
width:650px;
height:200px;
background: url(../top/images/navi_bg.png) no-repeat;
margin-bottom:13px;
}


#txt p#description{
width:490px;
padding:23px 0 0 160px;
font-family: "qMm Pro W3","Hiragino Mincho Pro","HGSE","lr o",serif;
color:#FFFFFF;
font-size:117%;
font-weight:bold;
line-height:140%;
}

#txt p#copylight{
text-align:right;
font-size:84%;
color:#FFFFFF;
display:block;
position:absolute;
bottom:75px;
right:10px;
}


#topnavi li{
float:left;
display: block;
}

#topnavi li#home a{
display: block;
width: 72px;
height: 0;
padding-top: 54px;
overflow: hidden;
background: url(../top/images/tnavi1.png) no-repeat;
}

#topnavi li#mark a{
display: block;
width: 216px;
height: 0;
padding-top: 54px;
overflow: hidden;
background: url(../top/images/tnavi2.png) no-repeat;
}

#topnavi li#item a{
display: block;
width: 141px;
height: 0;
padding-top: 54px;
overflow: hidden;
background: url(../top/images/tnavi3.png) no-repeat;
}

#topnavi li#company a{
display: block;
width: 221px;
height: 0;
padding-top: 54px;
overflow: hidden;
background: url(../top/images/tnavi4.png) no-repeat;
}

#topnavi li#home a:hover{
background: url(../top/images/tnavi1_over.png) no-repeat;
}

#topnavi li#mark a:hover{
background: url(../top/images/tnavi2_over.png) no-repeat;
}

#topnavi li#item a:hover{
background: url(../top/images/tnavi3_over.png) no-repeat;
}

#topnavi li#company a:hover{
background: url(../top/images/tnavi4_over.png) no-repeat;
}



#photoby{
text-align:right;
font-size:117%;
color:#FFFFFF;
display:block;
position:absolute;
bottom:20px;
right:35px;
}


/* maximage用 */


#maximg_bg{
background-color:#000000;
background:url(../top/images/flash_bg.gif);
}

#maximg{
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

#maximg p#description{
font-size:100%;
}

/* */


/* 準備中用 */
#txt div#description_cs{
width:490px;
padding:23px 0 0 160px;
font-family: "qMm Pro W3","Hiragino Mincho Pro","HGSE","lr o",serif;
color:#FFFFFF;
}

#txt div#description_cs p#t1{
font-size:134%;
line-height:130%;
font-weight:bold;
padding-bottom:10px;
color:#FFFFFF;
}

#txt div#description_cs p#t2{
font-size:100%;
line-height:125%;
color:#FFFFFF;
}

#txt p#copylight_cs{
text-align:right;
font-size:84%;
color:#FFFFFF;
display:block;
position:absolute;
bottom:20px;
right:10px;
}


#topmenu_cs_ipad{
display:block;
position:absolute;
bottom:35px;
left:50px;
}