@charset "utf-8";
@import "base.css";

/* base */
#navi {
	height:153px;
}
#h1-title h1#mode1 span{
	background:url(../images/mode/h1.png) no-repeat left top;
}
#h1-title h1#mode2 span{
	background:url(../images/mode/h1_2.png) no-repeat left top;
}
#h1-title h1#mode3 span{
	background:url(../images/mode/h1_3.png) no-repeat left top;
}
#contents-frame {
	background:url(../images/mode/bg.jpg) no-repeat center 75px;	
}
#contents-frame .content {
	height:718px;
}

/* snavi */
#snavi li a,
#snavi li span{
	background-image:url(../images/mode/snavi.png);
}
#snavi1 a,
#snavi1 span{
	width:164px;
	background-position:0 0;
}
#snavi2 a,
#snavi2 span{
	width:195px;
	background-position:-164px 0;
}
#snavi3 a,
#snavi3 span{
	width:250px;
	background-position:-359px 0;
}
#snavi1 a:hover,
#snavi1 a.current {
	background-position:0 -100px;
}
#snavi2 a:hover,
#snavi2 a.current {
	background-position:-164px -100px;
}
#snavi3 a:hover,
#snavi3 a.current {
	background-position:-359px -100px;
}

/* content 1 */
#box1_1 {
	width:986px;
	height:611px;
	background:url(../images/mode/1box.png) no-repeat center top;
	position:absolute;
	left:-20px;
	top:20px;	
	display:none;
}
#img1_1 {
	width:986px;
	height:611px;
	background:url(../images/mode/1img.png) no-repeat left top;
	position:absolute;
	left:-20px;
	top:20px;
	width:0;
}
#c1_1 {
	width:433px;
	height:539px;
	background:url(../images/mode/1c.png) no-repeat center top;
	position:absolute;
	left:540px;
	top:-30px;	
	display:none;
}
#t1_1 {
	width:612px;
	height:233px;
	background:url(../images/mode/1txt.png) no-repeat center top;
	position:absolute;
	left:20px;
	top:15px;	
	display:none;
}


/* content 2 */
#box2_1 {
	width:983px;
	height:616px;
	background:url(../images/mode/2box.png) no-repeat center top;
	position:absolute;
	left:-20px;
	top:20px;	
	display:none;
}
#img2_1 {
	width:983px;
	height:616px;
	background:url(../images/mode/2img.png) no-repeat left top;
	position:absolute;
	left:-20px;
	top:20px;	
	width:0;
}
#c2_1 {
	width:545px;
	height:459px;
	background:url(../images/mode/2c.png) no-repeat center top;
	position:absolute;
	left:580px;
	top:0px;	
	display:none;
}
#t2_1 {
	width:800px;
	height:210px;
	background:url(../images/mode/2txt.png) no-repeat center top;
	position:absolute;
	left:20px;
	top:15px;	
	display:none;
}


/* content 3 */
#box3_1 {
	width:982px;
	height:1033px;
	background:url(../images/mode/3box1.png) no-repeat center -50px;
	position:absolute;
	left:-20px;
	top:0px;	
	display:none;
}
#box3_2 {
	width:979px;
	height:1033px;
	background:url(../images/mode/3box2.png) no-repeat center top;
	position:absolute;
	left:-20px;
	top:940px;	
	display:none;
}
#t3_1 {
	width:651px;
	height:236px;
	background:url(../images/mode/3txt.png) no-repeat center top;
	position:absolute;
	left:0;
	top:60px;	
	display:none;
}