html {-webkit-text-size-adjust:none}

img{border:0px;}

body {margin:0}

#sel,#sel1,#sel2,#sel3,#sel4,#sel5,#sel6,#sel7 {
  display:block;
  float:left;
  width:128px;
  height:42px;
  overflow:hidden;
  background-image: url("../parts/button_sheet.jpg");
  background-repeat: no-repeat;
}

#sel1 a,#sel2 a,#sel3 a,#sel4 a,#sel5 a,#sel6 a,#sel7 a {
  display:block;
  width:128px;
  height:42px;
  overflow:hidden;
  background-image: url("../parts/button_sheet.jpg");
  background-repeat: no-repeat;
}

#sel6 a:hover { background-position: left top; }
#sel6 a { 	background-position: left -42px; }
#sel1 a:hover { background-position: left -84px; }
#sel1 a { 	background-position: left -126px; }
#sel2 a:hover { background-position: left -168px; }
#sel2 a { 	background-position: left -210px; }
#sel3 a:hover { background-position: left -252px; }
#sel3 a { 	background-position: left -294px; }
#sel4 a:hover { background-position: left -336px; }
#sel4 a { 	background-position: left -378px; }
#sel5 a:hover { background-position: left -420px; }
#sel5 a { 	background-position: left -462px; }
#sel7 a:hover { background-position: left -504px; }
#sel7 a { 	background-position: left -546px; }

a:link { color:#ff60D0; }
a:visited { color:#9932cc; }
a:active { color:#6495ed; }
a:hover { color:#ff4230; }

#item a:link { color:#f22; }
#item a:visited { color:#9932cc; }
#item a:active { color:#6495ed; }
#item a:hover { color:#82f; }

body {
  background-image: url(../img/bk.gif);
  background-attachment: fixed;
}

#main{
  position:absolute;
  text-align:center;
  width:100%;
}

#allcontents{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:900px;
  margin:0px auto;
  text-align:center;
}

#item {
  margin:8px 0 30px 640px;
  font-size : 12px;
  color : white;
  letter-spacing : 1px;
}

#outer {
  margin-left:19px;
  width:740px;
}

#leftouter,#rightouter {
  float:left;
  background:#000000;
  padding:2px 1px 1px;
  margin:0px 2px;
}

#inner {
  clear:both;
}

#lbox1,#lbox2,#rbox1,#rbox2,#dbox {
  float:left;
  display:block;
  position: relative;
  font-size : 12px;
  letter-spacing : 1px;
  border:solid #172a88;
}

#lbox1,#lbox2 {
  width:90px;
  background:#2f3e87;
  text-align:center;
  font-weight : bold;
  color:#fff;
}

#lbox1 { border-width:2px 0px 2px 2px; }
#lbox2 { border-width:0px 0px 2px 2px; }

#rbox1,#rbox2 {
  width:315px;
  background:#4358bf;
  text-align:left;
  color:#fff;
}

#rbox1 { border-width:2px; }
#rbox2 { border-width:0px 2px 2px 2px }

p {
  position: absolute;
  top: 50%;
  left:0;
  width:100%;
}

#dbox {
  width:5px;
  height:12px;
  text-align:left;
  border-width:0px;
}

.hg1 { height:30px; }
.hg2 { height:42px; }
.hg3 { height:54px; }

#mg0 { margin-top:-7px; }
#mg1 { margin:-7px 0 0 4px; }
#mg2 { margin:-14px 0 0 4px; }
#mg3 { margin:-21px 0 0 4px; }

html:\66irst-child #mg1,#mg2,#mg3 { line-height:120%; }
#mg1,#mg2,#mg3 { line-height:120%\9;*line-height:120%;_line-height:120%; }

#cg3,#cg4,#cg5,#cg6 {
  border:solid #172a88;
  float:left;
  display:block;
  padding:5px;
  background:#2f3e87;
}

#cg3 {
  border-width:4px 0 4px 4px;
}

#cg4 {
  border-width:4px;
}

#cg5 {
  border-width:0 0 4px 4px;
}

#cg6 {
  border-width:0 4px 4px 4px;
}

#cg3 img,#cg4 img,#cg5 img,#cg6 img {
  width:160px;
  height:120px;
}

.bc1 {
  background:#cd853f;
}

.bc2 {
  background:#cd853f;
}

#containerouter {
  width: 320px;
  height: 206px;
  background:#FFF;
  border:#F2FAFF solid 2px;
}

#banmes1 {
  color:#ffffff;
  font-size:14px;
  line-height:160%;
}

#banmes2 {
  color:#ffffff;
  font-size:12px;
  line-height:140%;
}

#foot {
  font-size : 10px;
  line-height : 120%;
  letter-spacing : 1px;
  color : #803030;
}

#dn1{
  width:240;
  background-color:#FAD;
}
#dn1l{
  width:240px;
  background-color:#FAD;
  text-align:center;
}
#dn1l a,#dn1l a:hover { display:block;height:40px;width:200px;margin:0 16px;border:2px solid; }
#dn1l a { border-color:#823; }
#dn1l a:hover { border-color:#E00; }


#dn2{
  display:block;
  width:240;
  font-size : 11px;
  font-weight : bold;
  line-height : 140%;
  letter-spacing : 1px;
  color:#000000;
  background-color:#FAD;
  text-align:center;
  margin:4px 0px 0px 0px;
}
#dn2 a{ color:#602; }
#dn2 a:hover{ color:#F26; }

#dn3{
  background-color:#FAD;
  padding-left:3.1em;
  margin:0px 0px 0.5em 0px;
}
#dn4{
  width:140px;
  height:27px;
  background-color:#F8C;
  padding-left:3.1em;
}

#dn3 a {display:block;border:1px solid #ffffff;width:140px;height:27px;background-image:url(../parts/down_ban_01.jpg);}
#dn3 a:hover {width:140px;height:27px;background-image:url(../parts/down_ban_02.jpg);}

//#chr1 {float:left;display:block;width:440px;height:540px;border:solid #ddd;border-width:1px 0 1px 1px;background-image:url('../img/chara_left.jpg');}
//#chr2,#chr2:hover {float:left;display:block;width:280px;height:540px;border:solid #ddd;border-width:1px 1px 1px 0;}
//#chr2 { background-image:url('../img/chara_right1.jpg');}
//#chr2:hover {background-image:url('../img/chara_right2.jpg');}

#chr1 {float:left;display:block;width:440px;height:540px;}
#chr2 {float:left;display:block;width:280px;height:540px;}

#out_cont {
  color:#fff;
  padding:6px 0 6px 0;
  height:18px;
  width:318px;
  border:solid #fff;
  background: #2f3e87;
  border-width:1px 1px 0 1px;
}

#bk_cont {
  position:relative;
  width: 318px;
  height: 216px;
  background: #2f3e87;
  border:solid #fff;
  border-width:0 1px 0 1px;
}

#container {
  position:absolute;
  left:8px;
  overflow-x: hidden;
  overflow-y: scroll;
  background:#fff;
  width: 300px;
  height: 216px;
}

#in_cont {
  float:left;
  width: 280px;
  min-height:212px;
  padding:2px 0px 2px 2px;
  background: #fff;
  font-size:13px;
  line-height:120%;
}

#foot_cont {
  height:10px;
  width:318px;
  border:solid #fff;
  background: #2f3e87;
  border-width:0 1px 1px 1px;
}

#sv01 a,#sv02 a,#sv03 a,#sv04 a,#sv05 a,#sv06 a {
  display:block;
  float:left;
  width:56px;
  height:56px;
  background-image:url(../voice/v_sheet.png);
}

#sv01 a {	background-position: left top;}
#sv01 a:hover { background-position: left -56px;}
#sv02 a {	background-position: left -112px;}
#sv02 a:hover { background-position: left -168px;}
#sv03 a {	background-position: left -224px;}
#sv03 a:hover { background-position: left -280px;}
#sv04 a {	background-position: left -336px;}
#sv04 a:hover { background-position: left -392px;}
#sv05 a {	background-position: left -448px;}
#sv05 a:hover { background-position: left -504px;}
#sv06 a {	background-position: left -560px;}
#sv06 a:hover { background-position: left -616px;}

#mpic {width:768px;border:1px solid #172a88;}

#tit1,#tit2,#tit3,#tit4,#tit5,#tit6,#tit7 {
  display:block;
  position:absolute;
  left:345px;
  width:210px;
  height:43px;
  overflow:hidden;
  background-image: url(../parts/caption_sheet.gif);
  background-repeat: no-repeat;
}

#tit1 { background-position: left top; }
#tit2 { background-position: left -43px; }
#tit3 { background-position: left -86px; }
#tit4 { background-position: left -129px; }
#tit5 { background-position: left -172px; }
#tit6 { background-position: left -215px; }
#tit7 { background-position: left -258px; }

#tits {
  position:relative;
  display:block;
  width: 900px;
  height:43px;
  margin-bottom:16px;
}

.h-c{
	padding:6px 0 6px 0;
	border-top:solid 2px #707070;
}

.h-cf {
	padding:6px 0 6px 0;
}

.h-d {
	float:left;
	position:relative;
	display:block;
	font-size:13px;
	color:#404040;
	margin-left:2px;
	width:0px;
	height:27px;
}

.h-d div {
	position:absolute;
	width:56px;
}

.h-l{
	float:right;
	font-size:13px;
	color:#404040;
	width:218px;
	text-align:left;
	margin-right:2px;
}

#chr_img {
	position:relative;
	margin-left:68px;
	display:block;
	width:768px;
	height:576px;
	overflow:hidden;
	border:1px solid #172a88;
	background-image:url('../img/chara.jpg');
}