/* tag */
*{
	margin:0;
	padding:0;
}
body {
	background-color:#B4CFE0 ;
	background-image:url("../img/bg.gif");
	text-align:center;
}

a {
	color:#F7741E;
	text-decoration:none;
}
a:hover {
	color:#F7AA1E;
	text-decoration:underline;
}
img {
	border:none;
}

li{
	margin:0.2em 0 0 1.5em;
	
}

ul{
	margin:0.5em 0 1em 0.5em;
}

h2{
	width:280px;
	border-left:12px solid #F2861A;
	padding:0 0 1px 0.5em;
	border-bottom:1px solid #F2861A;
	margin:10px;
	font-size:1.5em;
}

p {
	margin:1em;
	font-size:0.9em;
	line-height:1.3em;
}
/* id */
#contents {
	margin:0 auto ;
	width:600px ;
}

#header {
	background-color:#fff;
	padding:5px 0;
	margin:10px 0 3px;
}

#main {
	text-align:left;
}
#left{
	background:url("../img/chara_bg.gif") #fff no-repeat scroll bottom right;
	width:360px;
	padding:10px 240px 90px 0;
	float:left;
	position:relative;
}

#right{
	position:absolute;
	top:10px;
	right:10px;
	width:220px;
	height:250px;
	border:2px solid #c2d2e7;
	border-right:6px solid #99b4d7;
	border-bottom:6px solid #99b4d7;
	background:url("../img/box_bg.gif") #fff no-repeat scroll bottom right;
}

#right h2{
	border:none;
	border-bottom:2px solid #B3D9CE;
	border-left:30px solid #B3D9CE;
	margin:0 0 7px 0;
	padding:5px 0 3px 10px;
	width:180px;
	background-color:#DDEEEB;
	color:#4068B0;
	font-size:1.5em;
}

#right ul{
	list-style-type:circle;
	font-size:1.2em;
}

#footer {
	clear:both;
	padding:30px 0 5px;
}
#footer p{
	margin:20px;
	font-weight:bold;
}