body       { color: #222; font-size: 12px; background-image: url(img/bg20110617.gif); background-repeat: repeat; background-position: 0 bottom; text-align: center; margin: 0; padding: 0; height: 100%; font-family: "HiraKakuProN-W3",sans-serif; }
p    { line-height: 1.37em; text-decoration: none; margin: 0 }
a  { color: #007ada; text-decoration: none }
a:hover  { color: #633; text-decoration: none }
h1      { visibility: hidden; display: none; margin: 0; padding: 0 }
h2     { font-size: 1.5em; font-weight: bold; text-align: left; margin: 0 0 18px; padding: 0 }
h3   { font-size: 1.17em; font-weight: bold; text-align: left; margin: 0; padding: 0 }
h4  { font-size: 1.1em; font-weight: bold; text-align: left }
form { text-align: left; margin-right: auto; margin-left: auto; width: 500px }
.clearfix { clear: both }
.bold { font-weight: bold }
table { font-size: 1em }
/**/
#header   { text-align: center; display: none; margin: 0; padding: 0; width: 100%; height: 20px; border-bottom: 1px dotted #ddd }
#base     { text-align: center; margin: 0 auto; padding: 0; width: 100%; height: auto; border-bottom: 1px solid #c3d4ce }
#wrapper     { background-image: url(img/bg201106c.gif); background-repeat: repeat-x; background-position: 0 0; text-align: center; display: block; margin: 0; padding: 0; width: 100%; height: auto }
#main     { background-image: url(img/bg20110617.gif); background-repeat: repeat; text-align: left; display: block; margin: 0 auto; padding: 0; width: 1024px }
#main1    {
	background-image: url(img/bg_chara01.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main2      {
	background-image: url(img/bg_chara02.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main3     {
	background-image: url(img/bg_chara03.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main4     {
	background-image: url(img/bg_chara04.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main5      {
	background-image: url(img/bg_chara05.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main6 {
	background-image: url(img/bg_chara06.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main7 {
	background-image: url(img/bg_chara07.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main8 {
	background-image: url(img/bg_chara08.png);
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	text-align: left;
	display: block !important;
	padding: 0;
	width: 1025px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#main_img    { text-align: right; margin: 0; padding: 0; position: relative; right: -3px; width: 594px; float: left }
#main_contents       { color: #222; background-image: url(img/bg201106c.gif); background-repeat: repeat-x; text-align: left; display: block; margin: 0; padding-top: 10px; width: 427px; height: 554px; float: right }
#menu {
	/*background-image: url(img/menu_bgb.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	height: 220px;*/
	background-color: #fed54e;
	text-align: left;
	display: block;
	width: 95%;
	float: left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px; /* Safari, Chrome用 */
	-moz-border-radius-bottomright: 8px; /* Firefox用 */
}
#menu1  {
	text-align: left;
	display: block;
	margin: 3px auto 0;
	padding: 1px 0 6px;
	width: 200px;
	height: auto;
	float: left;
	position: fixed;
	clip: rect(auto,auto,auto,2px);
}
#menu ul { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 100% }
#menu1 ul     { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 100% }
#menu ul li        { color: #888; font-weight: bold; background-image: none; text-align: left; display: block; margin: 0 3px 1px; padding-top: 8px; padding-left: 10px; height: 26px; float: left }
#menu1 ul li         { color: #888; font-weight: bold; background-image: none; text-align: left; display: block; margin: 0 3px 1px; padding-top: 8px; padding-left: 10px; width: 165px; height: 26px; float: left }
.strong { color: #c00; font-weight: bold }
/**/
/*#menu ul li a:hover { display: block; width: 360px; height: 26px }*/
.line  { padding-bottom: 3px; border-bottom: 1px dashed #fff }
#w_n { text-align: left; margin-top: 20px; width: 100% }
#w_n ul  { color: #555; font-size: 11px; list-style-type: none; margin: 0; padding: 0; width: 100% }
#w_n ul li  { margin: 0; padding: 5px 0 5px 25px; width: 360px; border-bottom: 1px dashed #330 }
.spbana { background-image: url(img/bg_spbana.gif); background-repeat: repeat; text-align: center; margin-right: auto; margin-left: auto; width: 100%; border-top: 1px solid #330 }
.spbana img { margin: 5px }
#footer      { color: #fff; font-size: 10px; background-color: #330; text-align: center; display: block; margin: 0 auto; padding: 5px 0; width: 100%; height: 40px }
/**/
#header2        {
	background-image: url(img/bg_header.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 165px;
	border-bottom: 1px solid #330;
	
}
#head_wrapp  {
	background-image: url(img/top_head.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0;
	width: 1000px;
	height: 165px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper2   {
	background-image: url(img/bg201106c.gif);
	background-repeat: repeat;
	text-align: center;
	display: block;
	padding: 0;
	width: 100%;
	height: auto;
	margin: 0px;
}
#main_img2    {
	background-image: url(img/bg_main_img2.gif);
	background-repeat: repeat;
	text-align: center;
	padding: 0;
	position: relative;
	right: -3px;
	width: 735px;
	height: auto;
	float: left;
	border-right: 1px solid #330;
	border-bottom: 1px solid #330;
	border-left: 1px solid #330;
	margin: 0;
}
#main_contents2     {
	color: #222;
	text-align: center;
	display: block;
	padding-top: 20px;
	width: 288px;
	height: auto;
	float: right;
	margin: 0;
}
#menu_under { width: 100%; height: 300px }
/**/
#news  { text-align: left; display: block; margin-right: auto; margin-left: auto; width: 670px; }
#news img  { text-decoration: none; margin: 0; padding: 0 }
.newsbox    { background-color: #fff; text-align: left; display: block; margin: 0; padding: 10px; width: auto; height: auto; -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */ }
.newsbox h3     { color: #0f6063; font-size: 13px; font-weight: bold; background-image: url(img/dot_news.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 12px; padding-bottom: 2px; padding-left: 25px; height: 20px; border-bottom: 1px dashed #330 }
.newsbox p  { text-align: justify; margin-bottom: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px }
.newsbox p img  { display: block !important; margin-right: 12px !important; border: 0 }
.date  { color: #ff7600; font-weight: bold; margin-right: 12px }
.go { font-weight: bold; background-image: url(img/dot_go.gif); background-repeat: no-repeat; background-position: 0 3px; display: block; margin-left: 10px; padding-left: 20px }
.b2t a   { color: #500; font-weight: bold; background-image: url(img/dot_btt.gif); background-repeat: no-repeat; background-position: right 12px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; width: auto; height: 12px; float: right }
.b2t a:hover    { color: #555; font-weight: bold; background-image: url(img/dot_btt2.gif); background-repeat: no-repeat; background-position: right 12px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; width: auto; height: 12px; float: right }
/**/
#character     {
	background-color: #FFFFFF;
	background-image: url(img/character3.jpg);
	background-repeat: no-repeat;
	width: 735px;
	height: 828px;
	background-position: 50px;
}
.chara_b01    { position: relative; top: 20px; left: 490px; width: 148px; height: 35px }
.chara_b01 a   { font-size: 0; background-image: url(img/chara_name_01.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b01 a:hover  { font-size: 0; background-image: url(img/chara_name_01b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b02    { position: relative; top: 150px; left: 360px; width: 148px; height: 35px }
.chara_b02 a   { font-size: 0; background-image: url(img/chara_name_02.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b02 a:hover  { font-size: 0; background-image: url(img/chara_name_02b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b03    { position: relative; top: 100px; left: 80px; width: 148px; height: 35px }
.chara_b03 a   { font-size: 0; background-image: url(img/chara_name_03.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b03 a:hover  { font-size: 0; background-image: url(img/chara_name_03b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b04    { position: relative; top: 10px; left: 230px; width: 148px; height: 35px }
.chara_b04 a   { font-size: 0; background-image: url(img/chara_name_04.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b04 a:hover  { font-size: 0; background-image: url(img/chara_name_04b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.character_box { background-color: #fff; margin: 0 0 20px; padding: 10px 0; width: 100%; border-top: 1px solid #330; border-bottom: 1px solid #330 }
.character_box p { text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; width: 550px; height: auto }


.chara_b01e    { position: relative; top: 20px; left: 490px; width: 148px; height: 35px }
.chara_b01e a   {
	font-size: 0;
	background-image: url(en/img/character/b_himeno_a.png);
	background-repeat: no-repeat;
	display: block;
	width: 148px;
	height: 35px
}
.chara_b01e a:hover  { font-size: 0; background-image: url(en/img/character/b_himeno_b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b02e    { position: relative; top: 150px; left: 360px; width: 148px; height: 35px }
.chara_b02e a   { font-size: 0; background-image: url(en/img/character/b_naoko_a.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b02e a:hover  { font-size: 0; background-image: url(en/img/character/b_naoko_b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b03e    { position: relative; top: 100px; left: 80px; width: 148px; height: 35px }
.chara_b03e a   { font-size: 0; background-image: url(en/img/character/b_mika_a.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b03e a:hover  { font-size: 0; background-image: url(en/img/character/b_mika_b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b04e    { position: relative; top: 10px; left: 230px; width: 148px; height: 35px }
.chara_b04e a   { font-size: 0; background-image: url(en/img/character/b_toko_a.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }
.chara_b04e a:hover  { font-size: 0; background-image: url(en/img/character/b_toko_b.png); background-repeat: no-repeat; display: block; width: 148px; height: 35px }


/**/
.shoplist { background-color: #fff; margin: 0 0 20px; padding: 10px 0; width: 100%; border-top: 1px solid #330; border-bottom: 1px solid #330 }
.shoplist h3  { padding-top: 5px; padding-bottom: 5px; padding-left: 10px !important; width: 725px !important; border-top: 1px solid #555; border-bottom: 1px solid #555 }
.shoplist ul   { font-size: 12px; font-weight: bold; text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; width: auto; height: auto }
.shoplist ul li { list-style-type: none; display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #555 }
.f_light   { font-size: 11px !important; font-weight: normal !important; position: absolute; left: 250px; width: 375px }
.ico_a  { position: absolute; top: 1px; left: 220px; width: 23px; height: 13px }
.ico_b  { position: absolute; top: 1px; left: 255px; width: 13px; height: 13px }
.ico_c  { position: absolute; top: 1px; left: 280px; width: 94px; height: 13px }
/**/
.ot {
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #330;
	border-bottom: 1px solid #330;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.ot h3 { padding-bottom: 5px; padding-left: 10px !important; width: 725px !important; border-bottom: 1px solid #555 }
.ot p   { text-align: justify; margin: 12px auto; width: 650px; height: auto }
/**/
#story { margin: 0; padding: 0; position: absolute; top: 612px }
.f_block { margin-bottom: 10px }
/**/
* html #main_img    { text-align: right; margin: 0; padding: 0; position: relative; right: -3px; width: 594px; float: left }
* html #main_contents       { color: #222; text-align: center; display: block; margin: 0; padding-top: 10px; width: 403px; height: 561px; float: right }
* html #menu ul     { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 362px }
* html #menu1 ul { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 362px }
* html #menu ul li     { color: #fff; font-weight: bold; text-align: center; display: block; margin: 0 3px 1px; padding-top: 8pt; padding-left: 10px; width: 170px; height: 17px; float: left }
* html #menu1 ul li  { color: #fff; font-weight: bold; text-align: center; display: block; margin: 0 3px 1px; padding-top: 8pt; padding-left: 10px; width: 165px; height: 17px; float: left }
* html #main_img2    { background-image: url(img/bg_main_img2.gif); background-repeat: repeat; text-align: center; margin: 0; padding: 0; position: relative; right: -3px; width: 730px; height: auto; float: left; border-right: 1px solid #330; border-bottom: 1px solid #330; border-left: 1px solid #330 }
* html #main_contents2  { color: #222; text-align: center; display: block; margin: 0; padding-top: 20px; width: 262px; height: auto; float: right }
* html #character   { background-image: url(img/character3.jpg); background-repeat: no-repeat; width: 630px; height: 828px }
* html .chara_b01   { position: relative; top: 20px; left: 200px; width: 186px; height: 35px }
* html .chara_b02   { position: relative; top: 150px; left: 67px; width: 186px; height: 35px }
* html .chara_b03   { position: relative; top: 100px; left: -200px; width: 186px; height: 35px }
* html .chara_b04   { position: relative; top: 0px; left: -60px; width: 186px; height: 35px }

* html .newsbox     { background-color: #fff; text-align: left; display: block; margin: 0; padding: 0 10px; width: auto; height: auto; -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */  }
* html .newsbox h3        { color: #0f6063; font-size: 13px; font-weight: bold; background-image: url(img/dot_news.gif); background-repeat: no-repeat; background-position: 0 -1px; margin-bottom: 12px; padding-bottom: 2px; padding-left: 25px; height: 18px; border-bottom: 1px dashed #330 }
* html .go  { font-weight: bold; background-image: url(img/dot_go.gif); background-repeat: no-repeat; background-position: 0 0; display: block; margin-left: 10px; padding-left: 20px }
* html .b2t a     { color: #500; font-weight: bold; background-image: url(img/dot_btt.gif); background-repeat: no-repeat; background-position: right 8px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; width: auto; height: 12px; float: right }
* html .b2t a:hover      { color: #555; font-weight: bold; background-image: url(img/dot_btt2.gif); background-repeat: no-repeat; background-position: right 8px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; width: auto; height: 12px; float: right }
* html .f_light     { font-size: 11px !important; font-weight: normal !important; position: absolute !important; left: 210px !important; width: 375px !important }
* html .ico_a   { position: absolute !important; top: 1px !important; left: 200px !important; width: 23px !important; height: 13px !important }
* html .ico_b   { position: absolute !important; top: 1px !important; left: 235px !important; width: 13px !important; height: 13px !important }
* html .ico_c   { position: absolute !important; top: 1px !important; left: 260px !important; width: 94px !important; height: 13px !important }
* html #main1     { background-image: url(img/bg_chara01.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main2       { background-image: url(img/bg_chara02.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main3       { background-image: url(img/bg_chara03.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main4       { background-image: url(img/bg_chara04.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main5        { background-image: url(img/bg_chara05.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main6 { background-image: url(img/bg_chara06.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main7 { background-image: url(img/bg_chara07.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }
* html #main8 { background-image: url(img/bg_chara08.gif) !important; background-repeat: no-repeat !important; background-position: right bottom !important; text-align: left; display: block !important; margin: 0 auto; padding: 0; width: 1000px }

* html #head_wrapp  { background-image: url(img/top_head2.png); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 1020px; height: 165px }

/**/
.c01 { background-image: url(img/c/c01.png); background-repeat: no-repeat; display: block; position: absolute; top: 100px; left: 150px; width: 200px; height: 200px }
.c02 { background-image: url(img/c/c03.png); background-repeat: no-repeat; display: block; position: absolute; top: 150px; right: 180px; width: 200px; height: 200px }
.c03 { background-image: url(img/c/c04.png); background-repeat: no-repeat; display: block; position: absolute; top: 400px; left: 180px; width: 200px; height: 200px }
.c04 { background-image: url(img/c/c02.png); background-repeat: no-repeat; display: block; position: absolute; top: 450px; right: 200px; width: 200px; height: 200px }
/**/
.ot ul   {
	background-image: url(img/bg_4fc_index.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	text-align: left !important;
	list-style-type: none !important;
	display: block !important;
	padding: 0;
	width: 620px;
	height: 650px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.ot ul li   { list-style-type: none !important; display: block !important; margin: 0 5px 20px 0; padding: 0; width: 149px !important; height: 93px !important; float: left !important }
.ot ul li a:hover  { -moz-opacity: 0.7; filter: alpha(opacity=70); opacity: 0.7; zoom: 1  }
#4fc_top   { text-align: center; display: block; margin: 0; padding: 0; width: 100%; height: auto; clear: both }
.i_new  { background-image: url(img/ico_new.png); background-repeat: no-repeat; background-position: 10px 10px; z-index: 10; width: 149px; height: 93px }
.page_f { text-align: center; margin-bottom: 20px; width: 100%; height: 30px }
.page_f table { margin-right: auto; margin-left: auto }
.ev h4 { margin-left: 30px; padding-left: 5px; height: 1.5em; border-left: 8px solid #fc0 }
.small { font-size: 70%; vertical-align: 3px }
.small_b { font-size: 70% }
.bnbox    { background-color: #fff; text-align: left; display: block; margin: 0; padding: 10px; width: auto; height: auto; -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */  }
.bnbox h3     { color: #0f6063; font-size: 13px; font-weight: bold; background-image: url(img/dot_news.gif); background-repeat: no-repeat; background-position: 0 2px; margin-bottom: 12px; padding-bottom: 2px; padding-left: 25px; height: 20px; border-bottom: 1px dashed #330 }
.bnbox p   { font-size: 12px; text-align: justify; margin-bottom: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px }
.bnbox p img  { display: block !important; margin-right: 12px !important; border: 0 }
.bnbox td { font-size: 12px }
.bold_b { font-size: 13px; font-weight: bold }
/**/
.sponsorlist { background-color: #fff; margin: 0 0 20px; padding: 10px 0; width: 100%; border-top: 1px solid #330; border-bottom: 1px solid #330 }
.sponsorlist h3  { padding-top: 5px; padding-bottom: 5px; padding-left: 10px !important; width: 725px !important; border-top: 1px solid #555; border-bottom: 1px solid #555 }
.sponsorlist ul   { font-size: 12px; font-weight: bold; text-align: left; margin-top: 10px; margin-right: auto; margin-left: auto; width: auto; height: auto }
.sponsorlist ul li  { list-style-type: none; display: block; margin-bottom: 5px; padding-bottom: 5px; width: 330px; float: left; border-bottom: 1px solid #e3e3e3 }
.b2t2 a    { color: #500; font-weight: bold; background-image: url(img/dot_btt.gif); background-repeat: no-repeat; background-position: 123px 10px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 30px; padding-bottom: 8px; width: 120px; height: 12px; float: right }
.b2t2 a:hover     { color: #555; font-weight: bold; background-image: url(img/dot_btt2.gif); background-repeat: no-repeat; background-position: 123px 10px; text-align: right; margin: 20px 0 12px; padding-top: 8px; padding-right: 30px; padding-bottom: 8px; width: 120px; height: 12px; float: right }
/**/
.cafebox_l  { text-align: left; margin-left: 25px; width: 280px; float: left }
.cafebox_r  { text-align: left; margin-right: 25px; width: 280px; float: right }
.cafebox_c { text-align: left; margin-left: 25px; width: 580px }
.bold_br { color: #0468e7; font-size: 14px; font-weight: bold }
.clearfix_b { margin-top: 20px; margin-bottom: 20px; width: 100%; clear: both; border-bottom: 1px dashed #5c5c5c }
#menu_en    { background-image: url(img/menu_bgb.gif); background-repeat: no-repeat; background-position: 0 bottom; text-align: left; display: block; margin: 3px auto 0; padding: 1px 0 6px; width: 100%; height: 220px; float: left }
#menu_en ul { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 100% }
#menu_en ul li { color: #888; font-weight: bold; background-image: none; text-align: left; display: block; margin: 0 3px 1px; padding-top: 8px; padding-left: 10px; width: 91%; height: 26px;}
#w_n p {
	margin-top: 1em;
	margin-right: 4em;
	margin-left: 2em;
	
}
.character_box ul {
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 550px;
	height: auto;
	list-style-position: outside;
}
#menu_e  { text-align: left; display: block; margin: 3px auto 0; padding: 1px 0 6px; width: 220px; height: auto; float: left; 
	position: fixed;
	clip: rect(auto,auto,auto,2px);}
#menu_e ul     { text-align: left; list-style-type: none; display: block; margin: 0 5px 0 0; padding: 0; width: 100% }
#menu_e ul li         { color: #888; font-weight: bold; background-image: none; text-align: left; display: block; margin: 0 3px 1px; padding-top: 8px; padding-left: 10px; width: 210px; height: 26px; float: left }
/**/
.source{
	display: block;
	padding: 1em;
	height: auto;
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	color: #333;
	background-color: #eeeeee;
	border: 1px dashed #666;
	text-align: left;
}
/**/
.boxbox{
	text-align: left;
	height: auto;
	width: 80%;
	margin-right: auto;
	margin-bottom: 36px;
	margin-left: auto;
	border-color:#cccccc;
	border-width: 1px;
	border-style: solid;
	padding: 16px;
	/*padding-bottom: 12px;*/
	-moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */ 
}
.boxbox h4{
	font-size: 15px;
	font-weight: bold;
	color: #330033;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.boxbox2{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #330033;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
}
.p_tori  { background-color: #424001; color:#fff; font-weight:bold; text-align:center; display: block; margin: 0; padding: 3px; width: 80%; height: auto; -moz-border-radius: 6px;    /* Firefox */
   -webkit-border-radius: 6px; /* Safari,Chrome */
   border-radius: 6px;         /* CSS3 */ }

.p_hp  { background-color: #63aefa; color:#fff; font-weight:bold; text-align:center; display: block; margin-bottom:6px; padding: 3px; width: 80%; height: auto; -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */ }
.p_map  { background-color: #7edf6b; color:#fff; font-weight:bold; text-align:center; display: block; margin: 0; padding: 3px; width: 80%; height: auto; -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */ }
   
/**/
.ot_b {
	background-color: #fff;
	width: 100%;
	border-bottom: 1px solid #330;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.ot_b p   {
	text-align: justify;
	margin: 8px auto;
	width: 665px;
	height: auto;
	font-size: 14px;
	color: #404040;
	line-height: 20px;
}
.ot_b img   { margin: 8px auto; width: 685px; height: auto }
.ot_b h2 {
	padding-left: 10px !important;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: #0099FF;
	width: 685px;
	margin: 8px auto;
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}
.ot_b h3 {
	padding-left: 30px !important;
	margin: 8px auto;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}
.ot_b p a{
	color: #FF0066;
}
.ot_b p a:hover {
	color: #990000;
}
.small_c { font-size: 50% }
.box_link{ text-align:center; width:48%; height:auto; float:left;}
.box_link img{ margin:5px;}

.b_topdl a{
	display: block;
	background-image: url(img/b_top2_dl.gif);
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	width: 403px;
	height: 39px;
	text-align: center;
	padding-top: 11px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	margin-top: 0;
	margin-bottom: 8;
}
.b_topdl a:hover{
	display: block;
	background-image: url(img/b_top2_dl2.gif);
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	width: 403px;
	height: 39px;
	text-align: center;
	padding-top: 11px;
	text-shadow: 0 0 0 rgba(0,0,0,0.3);
	margin-top: 0;
	margin-bottom: 8;
}

.ot ol{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.d_i{
	background-color: #F9CDC8;
	text-align: center;
	display: block;
	padding: 8px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: bold;
}