@charset "utf-8";

h1{
	margin-top: 11px;
}

#main_column {
padding:9px 0 0 0;
}

#main_column p{
line-height:200%;
}

#main_column h2 { margin-bottom:10px !important; }

#main_column ul.main_menu{
width:635px;
height:60px;
display:block;
}

#main_column ul.main_menu li{
float:left;
}

#main_column ul.main_menu li a{
height:36px;
background:url(../../howto/img/letter/main_menu.gif) no-repeat 0 0;
display:block;
white-space:nowrap;
text-indent:100%;
overflow:hidden;
}

#main_column ul.main_menu li.menu01 a{
width:212px;
background-position:0 0px;
}

#main_column ul.main_menu li.menu01 a:hover{
background-position:0 -36px;
}

#main_column ul.main_menu li.menu02 a{
width:212px;
background-position:-212px 0px;
}

#main_column ul.main_menu li.menu02 a:hover{
background-position:-212px -36px;
}

#main_column ul.main_menu li.menu03 a{
width:211px;
background-position:-424px 0px;
}

#main_column ul.main_menu li.menu03 a:hover{
background-position:-424px -36px;
}

#main_column .section  {
	position:relative;
	margin-bottom: 40px;
}
#main_column .section .chara01 { position: absolute;top:6px;right:0;}
#main_column .section .chara02 { position: absolute;top:31px;right:2px;}
#main_column .section .chara03 { position: absolute;top:45px;right:0;}

#main_column .section .img { margin-bottom:20px; }

#main_column .phrase{
	margin-bottom: 49px;
}
#main_column .phrase p{
	font-size: 18px;
	margin: 17px 0 17px 10px;
}

#main_column .phrase .floL{
	float: left;
	margin-right: 10px;
}
#main_column .phrase .enImg{
	margin-left: 97px;
}
#main_column .phrase .chImg{
	margin-left: 85px;
}
#main_column .phrase .kr_left{
	width: 312px;
	float: left;
	margin-right: 93px;
}
#main_column .phrase .krImg{
	width: 126px;
}
#main_column .phrase a{
	margin-bottom: 10px;
}
#main_column .phrase .btn01{
	display: block;
	width: 312px;
	height: 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/letter/btn01.gif) no-repeat left top;
}
#main_column .phrase a:hover.btn01{
	background-position: 0 -40px;
}
#main_column .phrase .btn02{
	display: block;
	width: 312px;
	height: 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/letter/btn02.gif) no-repeat left top;
}
#main_column .phrase a:hover.btn02{
	background-position: 0 -40px;
}
#main_column .phrase .btn03{
	display: block;
	width: 312px;
	height: 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/letter/btn03.gif) no-repeat left top;
}
#main_column .phrase a:hover.btn03{
	background-position: 0 -40px;
}
#main_column .phrase .btn04{
	display: block;
	width: 312px;
	height: 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/letter/btn04.gif) no-repeat left top;
}
#main_column .phrase a:hover.btn04{
	background-position: 0 -40px;
}
#main_column .phrase .btn05{
	display: block;
	width: 312px;
	height: 40px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/letter/btn05.gif) no-repeat left top;
}
#main_column .phrase a:hover.btn05{
	background-position: 0 -40px;
}
