@charset "utf-8";
/*
 * Last Up Date: 2010-01-15 18:00
 */

/* body
------------------------------ */
body {
	background: #122E49 url(../img/background.jpg) no-repeat top center;
	min-width: 960px;
	color: #000;
	line-height: 1.5;
}

/* ------ a */
a { 
	text-decoration: none;
	overflow: hidden;
}
a:link { 
	color: #0000FF;
}
a:visited {
	color: #663399;
}
a:hover {
	color: #009900;
	text-decoration: underline;
}
a:active {
	color: #999900;
	text-decoration: underline;
}
a.blank {
	padding: 0 16px 0 1px;
	background: url(../img/icon_newWin.gif) no-repeat center right;
}

/* ------ text */
.note {
	padding-left: 1em;
	text-indent: -1em;
	color: #FF6600;
}
em,
strong {
	font-weight: bold;
}

/* ------ table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}

/* ------ image button (common) */
.img-button a:hover {
	background-color:transparent;
}
.img-button a:hover img {
	visibility: hidden;
}

/* container, container-inner
------------------------------ */
#container {
	margin: 0 auto;
	background: url(../img/cont_back.gif) repeat-y;
	width: 960px;
}
#container-inner {
	position: relative;
	background: url(../img/cont_inner_back02.jpg) no-repeat top center ;
	text-align: left;
}

#container-inner2 {
	position: relative;
	background: url(../../common/img/guardian/column1_cont_inner_back02.jpg) no-repeat top center ;
	text-align: left;
}

.indexPage #container-inner {
	position: relative;
	background: url(../img/cont_inner_back.jpg) no-repeat top center ;
	text-align: left;
}

/* header
------------------------------ */
/* ------title */
#title {
	position: absolute;
	top: 19px;
	left: 0px;
	width: 387px;
	height: 115px;
	background: #000 url(../img/title.jpg) no-repeat top center;
}

#title2 {
	position: absolute;
	top: 19px;
	left: 0px;
	width: 387px;
	height: 115px;
	background: #000 url(../img/title02.jpg) no-repeat top center;
}

/* ------ pg-anime */
.indexPage #pg-anime {
	position: relative;
	top: 0px;
	left: 395px;	
	width: 565px;
}

/* contents
------------------------------ */
#contents {
	position: static;
	padding: 20px 20px 0 10px;
}
.newsPage #contents {
	position: static;
	padding: 130px 20px 0 10px;
}

/* contents Layout
------------------------------ */
/* ------ three-columns */
.three-columns #right {
	margin-top: 10px;
	float: right;
	width: 210px;
	text-align: center;
}
.indexPage .three-columns #left-center {
	float: left;
	width: 705px;
}
.indexPage .three-columns #left {
	width: 355px;
}
.indexPage .three-columns #main {
	margin-top: 6px;
	float: right;
	width: 335px;
}
.newsPage .three-columns #left-center {
	float: left;
	width: 690px;
}
.newsPage .three-columns #left {
	margin: 160px 0 0 15px;
	width: 175px;
}
.newsPage .three-columns #main {
	margin: 15px 0;
	float: right;
	width: 475px;
	height: 100%;
}

/* ------ two-columns */
.two-columns #right {
	margin-top: 120px;
	float: right;
	width: 210px;
	text-align: center;
}
.two-columns #main {
	float: left;
	width: 705px;
}
.two-columns .section {
	margin: 0 0 20px 40px;
	width: 655px;
	text-align: center;
}
.two-columns h2,
.two-columns h3,
.two-columns h4,
.two-columns h5,
.two-columns h6,
.two-columns .section p,
.two-columns .section ul,
.two-columns .section ol {
	text-align: left;
}
.two-columns h2 {
	margin: 133px 0 0 94px;
}
.two-columns h3 {
	margin-bottom: 5px;
	background: #99CC00;
	font-weight: bold;
	color: #FFF;
}
.two-columns h4 {
	margin: 15px 0 5px;
	padding-left: 5px;
	border-left: 8px solid #7CA600;
	font-size: 110%;
	font-weight: bold;
	color: #7CA600;
}

/* ------columns-clearBox */
#columns-clearBox {
	clear: both;
	padding-top: 20px;
	width: 100%;
}

/* Main
------------------------------ */
/* ------ common */
p.pageTop {
	padding: 5px 10px 5px 13px;
	float: right;
	background: url(../img/arrow_page_top.gif) no-repeat left center;
}
#netCheck {
	margin: 20px auto;
}
ol {
	margin: 5px 0 5px 30px;
}
.explanation {
	margin: 10px auto;
	padding: 10px;
	width: 90%;
	border: 1px dashed #CFCEBE;
	background: #E9E8E0;
}
.explanation h5 {
	padding: 5px;
	background: #D6D5C7;
	font-weight: bold;
}
.explanation h6 {
	margin: 10px 0 5px;
	padding-left: 5px;
	border-left: 8px solid #D6D5C7;
	font-weight: bold;
	color: #84825E;
}
.h350 {
	height: 350px;
}

/* ------ indexPage, newsPage */
.indexPage #main #live {
	background: url(../img/title_live.gif) no-repeat bottom;
	width: 320px;
	height: 244px;
	text-align: center;
}
.indexPage #main #news {
	margin-top: 8px;
	background: url(../img/box_newsInfo.gif) no-repeat bottom;
	width: 320px;
	height: 243px;
}
.indexPage #main #mainte {
	margin-top: 8px;
	background: url(../img/box_newsInfo.gif) no-repeat bottom;
	width: 320px;
	height: 108px;
}
.indexPage #main .section {
	margin-left: 5px;
	overflow: auto;
}
.indexPage #main #news .section {
	width: 310px;
	height: 181px;
}
.indexPage #main #mainte .section {
	width: 310px;
	height: 46px;
}
.indexPage #main p.date {
	margin-top: 5px;
	padding-left: 22px;
	font-weight: bold;
}
.indexPage #main p.date a {
	padding-left: 5px;
	display: block;
	background: #DEDDD1;
}
.indexPage #main p.date a:hover {
	background: #FFF;
	text-decoration: none;
}
.indexPage #main p.txt,
.indexPage #main p.alertTxt {
	margin-left: 22px;
	padding: 2px 0;
	width: 270px;
}
.indexPage .importance {
	margin-left: 22px;
	padding-left: 37px;
	background: url(../img/icon_importance.gif) no-repeat left center;
	color: #D50000;
}
.indexPage .importance02 {
	margin-left: 22px;
	padding-left: 37px;
	background: url(../img/icon_importance.gif) no-repeat left 15%;
	color: #D50000;
}
.indexPage #main p.alertTxt {
	color: #D50000;
}
.indexPage .function p.date,
.newsPage #info-title ul li.function-icon {
	background: url(../img/icon_function.gif) no-repeat;
}
.indexPage .press p.date,
.newsPage #info-title ul li.press-icon {
	background: url(../img/icon_press.gif) no-repeat;
}
.indexPage .otherInfo p.date,
.newsPage #info-title ul li.event-icon {
	background: url(../img/icon_event.gif) no-repeat;
}
.indexPage .mainte p.date,
.newsPage #info-title ul li.mainte-icon {
	background: url(../img/icon_mainte.gif) no-repeat;
}
.indexPage .alert p.date,
.newsPage #info-title ul li.alert-icon {
	background: url(../img/icon_alert.gif) no-repeat;
}
.indexPage #main p.line {
	border-bottom: 1px solid #DEDDD1;
}
.viewlist {
	margin-top: 4px;
	padding-right: 5px;
	float: right;
	background: url(../img/view_list_button_on.gif) no-repeat;
}
.viewlist a {
	display: block;
	width: 53px;
	height: 17px;
}
.rss {
	margin: 30px 3px 0;
	float: right;
}

.newsPage #info-title {
	width: 475px;
	background: url(../img/info_title_back.jpg) no-repeat;
}
.newsPage #info-title h2 {
	padding: 8px 0 8px 15px;
}
.newsPage #info-title ul {
	margin-right: 5px;
	color: #B3B196;
	text-align: right;
}
.newsPage #info-title ul li {
	padding: 3px 0 3px 22px;
	display: inline;
}
.newsPage #info-title p.topic-nav {
	clear: both;
	margin-left: 3px;
	font-weight: bold;
	color: #94936D;
}
.newsPage .function,
.newsPage .press,
.newsPage .otherInfo {
	margin: 10px 0;
}
.newsPage p.date {
	margin-top: 10px;
	padding: 0 0 6px 35px;
	font-weight: bold;
	line-height: 2.2;
	color: #CC9900;
}
.newsPage .function p.date {
	background: url(../img/icon_function_back.gif) no-repeat;
}
.newsPage .press p.date {
	background: url(../img/icon_press_back.gif) no-repeat;
}
.newsPage .otherInfo p.date {
	background: url(../img/icon_event_back.gif) no-repeat;
}
.newsPage .mainte p.date {
	background: url(../img/icon_mainte_back.gif) no-repeat;
}
.newsPage .alert p.date {
	background: url(../img/icon_alert_back.gif) no-repeat;
}
.newsPage h3 {
	margin: 3px 0 0 21px;
	padding-left: 13px;
	background: url(../img/disc_brown_s.gif) no-repeat left center;
	font-weight: bold;
	color: #006699;
}
.newsPage .alert h3,
.newsPage .importance {
	padding-left: 37px;
	background: url(../img/icon_importance.gif) no-repeat left center;
	color: #D50000;
}
.newsPage p.txt {
	margin-left: 21px;
	padding-bottom: 3px;
}
.newsPage .infoTxt {
	margin: 3px 0 10px 21px;
	padding: 5px 10px;
	border: 4px double #C9C8B4;
}
.newsPage .infoTxt .title {
	font-weight: bold;
}
.newsPage .infoTxt ul li {
	margin-left: 25px;
	list-style: disc;
}
.newsPage .infoTxt ul li ul li {
	margin-left: 20px;
	list-style: circle;
}
.newsPage p.line {
	border-bottom: 1px dashed #C9C8B4;
}
.newsPage .press p a {
	padding: 3px 25px 3px 0;
	background: url(../img/icon_pdf.gif) no-repeat right center;
}
.newsPage .function img.img215 {
	margin: 3px 0 10px 130px;
}
.newsPage .contImage {
	margin: 5px auto;
	width: 160px;
}

/* ------ registPage, aboutPage, envPage, supportPage, faqPage, upgradePage, sitemapPage, updatePage, contestPage, mannerPage, coinPage */
.registPage p.gameReg-info {
	margin: 10px 0 20px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}
.registPage .pReg a {
	width: 557px;
	height: 221px;
	display: block;
}
.registPage .pReg {
	margin: 5px auto 20px;
	width: 557px;
	height: 221px;
}
.aboutPage h3 {
	padding: 7px 0 5px 52px;
	border-bottom: 2px solid #7CA600;
	font-size: 140%;
}
.aboutPage h3.one {
	background: #99CC00 url(../img/about_one.gif) no-repeat left center;
}
.aboutPage h3.two {
	background: #99CC00 url(../img/about_two.gif) no-repeat left center;
}
.aboutPage h3.three {
	background: #99CC00 url(../img/about_three.gif) no-repeat left center;
}
.treasurePage h3,
.envPage h3,
.supportPage h3,
.faqPage h3,
.upgradePage h3,
.goodsPage h3,
.updatePage h3,
.contestPage h3 {
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #7CA600;
	font-size: 120%;
}
.aboutPage .section p {
	margin: 10px 0 5px;
}
.aboutPage .section img {
	margin: 5px 0 10px;
	border: 2px solid #FFF;
}
.aboutPage #regist-circle {
	margin-left: 250px;
	background: url(../img/regist_circle_button_on.gif) no-repeat;
}
.aboutPage #regist-circle a {
	display: block;
	width: 244px;
	height: 324px;
}
.envPage ul.disc {
	margin-left: 15px;
	padding-left: 10px;
	list-style: disc;
}
.envPage table {
	margin: 1 auto;
	width: 100%;
	text-align: center;
}
.envPage th {
	border: 2px solid #DDDCD0;
	background: #B0AF91;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
.envPage td.envList {
	width: 20%;
}
.envPage td.win,
.envPage td.mac {
	width: 40%;
	font-weight: bold;
	color: #84825E;
}
.envPage td {
	padding: 8px;
	border: 2px solid #DDDCD0;
}
.envPage tr.stitle td {
	border: none;
	text-align: center;
}
.envPage td.color01 {
	background: #D8D8C9;
}
.envPage td.color02 {
	background: #E9E9E0;
}
.envPage table .note {
	padding-top: 5px;
	color: #84825E;
	text-align: left;
}
.envPage table .explanation {
	margin: 10px auto 0 auto;
	padding: 5px 10px;
	width: 90%;
}
.treasurePage td {
	padding: 8px;
}
.supportPage .section ul {
	margin: 5px 40px 0 40px;
}
.supportPage .section ul li {
	margin: 2px 0;
	padding: 5px 5px 5px 8px;
	border-left: 12px solid #CFCEBE;
	border-right: 1px solid #CFCEBE;
	border-top: 1px solid #EFEEE9;
	border-bottom: 1px solid #CFCEBE;
	background: #E9E8E0;
	color: #84825E;
}
.supportPage .section ul li a {
	font-weight: bold;
}
.supportPage .section ul li a:hover {
	border-left: 5px solid #E9E8E0;
}
.supportPage p.view-allfaq {
	margin-left: 40px;
}
.supportPage .faq-nav,
.faqPage .faq-nav {
	margin: 10px 0 10px 40px;
	font-weight: bold;
	color: #94936D;
}
.supportPage .faq-nav p,
.faqPage .faq-nav p {
	display: inline;
	padding: 3px 5px;
	border-left: 8px solid #94936D;
	border-right: 1px solid #CFCEBE;
	border-bottom: 1px solid #CFCEBE;
	background: #FFF;
}
.supportPage .alert-section {
	margin: 0 0 20px 80px;
	width: 565px;
	border: 4px solid #CC0000;
	background: #FFF;
}
.supportPage .alert-section h3 {
	padding: 3px 0 0 5px;
	border-bottom: 1px solid #CC0000;
	background: none;
	text-indent: center;
	font-size: 120%;
	color: #CC0000;
}
.supportPage .alert-section h3 a {
	color: #CC0000;
}
.supportPage .alert-section h4 {
	margin: 10px 0 5px 10px;
	padding-left: 5px;
	border-left: 8px solid #CC0000;
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
}
.supportPage .alert-section ul {
	margin: 0 0 10px 50px;
	list-style: disc;
}
.supportPage .alert-section ul li {
	margin: 2px 0;
	padding: 0;
	border: none;
	background: none;
	color: #000;
}
.supportPage .alert-section p.date {
	padding: 0;
	text-align: right;
	color: #CC0000;
}
.faqPage #titleList {
	margin: 0 0 10px 40px;
	padding: 5px 0;
	width: 655px;
	border-top: 2px double #CFCEBE;
	border-bottom: 3px double #CFCEBE;
}
.faqPage #titleList h3 {
	margin: 2px 0;
	padding: 0;
	border: none;
	background: none;
	font-size: 100%;
	font-weight: bold;
	color: #000;
}
.faqPage #titleList ul {
	padding-left: 15px;
}
.faqPage #titleList ul li {
	margin: 2px 0;
}
.faqPage #titleList #titleList-left {
	padding-left: 60px;
	float: left;
	width: 330px;
}
.faqPage #titleList #titleList-right {
	float: left;
	width: 200px;
}
.faqPage .two-columns .wrapQA .section {
	margin: 0;
	width: 100%;
	text-align: left;
}
.faqPage .section ul {
	margin-left: 15px;
}
.faqPage .section ul li {
	margin: 2px 0;
	padding-left: 20px;
	background: url(../img/icon_q_s.gif) no-repeat left center;
}
.faqPage .wrap {
	margin: 0 auto;
	width: 655px;
}
.faqPage .wrapQA {
	margin-left: 15px;
	padding: 5px 10px;
	border: 1px solid #FFF;
	background: #E9E8E0;
}
.faqPage .wrapQA p.refer {
	padding-left: 40px;
}
.faqPage .question {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CFCEBE;
	background: url(../img/icon_q.gif) no-repeat left 5px;
}
.faqPage .question p {
	padding: 10px 0 10px 40px;
	font-size: 120%;
}
.faqPage .answer {
	margin-top: 5px;
	background: url(../img/icon_a.gif) no-repeat left 5px;
}
.faqPage .answer .answer-section {
	margin: 10px 0 5px 40px;
	padding: 5px 10px;
	border: 3px double #CFCEBE;
}
.faqPage .answer p {
	padding: 10px 0 10px 40px;
}
.faqPage .answer .answer-section p {
	padding: 0;
}
.faqPage .answer ol,
.faqPage .answer ul {
	padding-left: 40px;
}
.faqPage .answer .answer-section ul,
.faqPage .answer .answer-section ol {
	padding-left: 10px;
}
.faqPage .answer ul li {
	margin: 0;
	padding: 0;
	list-style: disc;
	background: none;
}
.faqPage .answer ul li ol li {
	list-style: decimal;
}
.faqPage .answer .note {
	padding-left: 53px;
	text-indent: -13px;
	color: #FF6600;
}
.faqPage .answer .answer-section .note {
	padding-left: 13px;
}
.faqPage .answer ul .note,
.faqPage .answer ol .note,
.faqPage .answer .answer-section ul .note,
.faqPage .answer .answer-section ol .note {
	padding-left: 0;
}
.upgradePage .section img.border {
	padding: 7px;
	border-right: 1px solid #CFCEBC;
	border-bottom: 1px solid #CFCEBC;
	background: #FFF;
}
.upgradePage ul {
	margin: 10px 0;
}
.upgradePage ul li {
	margin: 3px 0;
	padding-left: 15px;
	background: url(../img/disc_green.gif) no-repeat left 0.4em;
}
.upgradePage ul ul li {
	margin: 0 0 0 15px;
	background: none;
	list-style: circle;
}
.upgradePage ul li #sound-function {
	padding-right: 60px;
	background: url(../img/up0708_007.gif) no-repeat right;
}
.upgradePage ul.w330 {
	width: 330px;
}
.upgradePage .sWrap {
	padding: 15px;
	border: 1px solid #FFF;
	background: #E9E8E0;
}
.sitemapPage ul {
	padding-left: 30px;
	list-style: square;
}
.sitemapPage .section {
	margin: 0 0 20px 125px;
	width: 570px;
}
.sitemapPage #section-left {
	float: left;
	width: 300px;
}
.sitemapPage #section-right {
	float: left;
	width: 250px;
}
.eventPage .section .date {
	margin-top: 25px;
}
.eventPage .section .date p {
	padding: 3px 10px 2px;
	display: inline;
	background: #928E69;
	border-right: 1px solid #777455;
	border-bottom: 1px solid #777455;
	text-align: center;
	font-weight: bold;
	font-size: 136%;
	color: #FFF;
}
.eventPage .section img {
	margin: 15px 0 0 15px;
}
.eventPage .section img.legend {
	margin: 15px auto 0;
	width: 636px;
}
.eventPage .otherSection {
	margin: 0 0 15px 50px;
	width: 630px;
}
.eventPage .dotLine {
	padding-bottom: 10px;
	border-bottom: 1px dotted #B7B59C;
}
.eventPage .pet-wrap {
	width: 630px;
}
.eventPage .pet-wrap2 {
	width: 630px;
}
.eventPage .pet-wrap #pet-swf {
	float: left;
	width: 220px;
}
.eventPage  #pet-swf {
	text-align: center;
}
.eventPage .pet-wrap img {
	margin-top: 15px;
	float: right;
	width: 390px;
}
.eventPage .pet-wrap2 img {
	width: 630px;
}
.eventPage .pSection {
	width: 630px;
}
.eventPage h5.requiem {
	margin: 10px 0 0 17px;
	padding: 3px 0 3px 10px;
	width: 610px;
	border-left: 10px solid #000;
	background: #928e69;
	color: #000;
}
.eventPage h3.halloweenM {
	margin: 10px 0 0 17px;
	padding: 3px 0 3px 10px;
	width: 610px;
	border-left: 10px solid #000;
	background: #FFFAFA;
	color: #000;
}
.eventPage h3.halloween {
	margin: 10px 0 0 17px;
	padding: 3px 0 3px 10px;
	width: 610px;
	border-left: 10px solid #FF9900;
	background: #000;
	color: #FF9900;
}
.eventPage p.halloweenTxt {
	margin: 10px 0 0 25px;
}
.goodsPage h3.aSeries {
	background: #E77018;
	border-bottom: 1px solid #D2560B;
}
.goodsPage .section02 {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px dashed #D0CFBD;
	background: #E1E0D7;
}
.goodsPage .section img {
	float: left;
}
.goodsPage .section .exTxt {
	margin-top: 5px;
	width: 390px;
	float: right;
}
.presentPage h2 {
	margin: 160px 0 20px 70px;
}
.presentPage h3 {
	padding: 2px 0 1px 3px;
	background: #84C1CE;
	border-left: 8px solid #0099CC;
	color: #FFF;
}
.presentPage p {
	color: #006699;
}
.updatePage .section-inner {
	text-align: left;
}
.updatePage .section-inner img {
	float: left;
}
.updatePage .section-inner-center {
	text-align: center;
}
.updatePage ul {
	margin-left: 15px;
	padding-left: 15px;
	list-style-type: disc;
}
.updatePage p.date {
	margin-bottom: 5px;
	text-align: right;
	font-size: 116%;
}
.updatePage .ex-wrap {
	margin-bottom: 20px;
}
.updatePage .ex-wrap p {
	text-align: center;
}
.updatePage ul.navSection {
	margin: 0 0 5px 25px;
	list-style-type: none;
	font-weight: bold;
}
.updatePage .section .pet-wrap {
	width: 310px;
}
.updatePage .section img.legend {
	margin: 5px auto 0;
	width: 650px;
}
.campPage img.camp-txt {
	margin: 5px 0 10px 45px;
}
.contestPage .section img.yokoku {
	margin: 20px 0 0 40px;
}
.campPage #newPet {
	background: url(../img/petswf_back.jpg) no-repeat;
	width: 320px;
	height: 320px;
}
.campPage #newPet01 {
	margin-bottom: 5px;
	background: url(../img/petswf_back01.jpg) no-repeat;
	width: 320px;
	height: 180px;
}
.campPage #newPet02 {
	background: url(../img/petswf_back02.jpg) no-repeat;
	width: 320px;
	height: 180px;
}
.campPage #newPet03 {
	background: url(../img/petswf_back03.jpg) no-repeat;
	width: 320px;
	height: 222px;
}
.campPage #newPet04 {
	background: url(../img/petswf_back04.jpg) no-repeat;
	width: 320px;
	height: 222px;
}
.campPage #newPet05 {
	background: url(../img/petswf_back05.jpg) no-repeat;
	width: 320px;
	height: 222px;
}
.campPage #newPet06 {
	background: url(../img/petswf_back06.jpg) no-repeat;
	width: 320px;
	height: 320px;
}
.campPage #newPet07 {
	background: url(../img/petswf_back07.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet08 {
	background: url(../img/petswf_back08.jpg) no-repeat;
	width: 320px;
	height: 300px;
}
.campPage #newPet09 {
	background: url(../img/petswf_back09.jpg) no-repeat;
	width: 320px;
	height: 300px;
}
.campPage #newPet10 {
	background: url(../img/petswf_back10.jpg) no-repeat;
	width: 600px;
	height: 300px;
}
.campPage #newPet11 {
	background: url(../img/petswf_back140611.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet-l {
	background: url(../img/petswf_back-l.jpg) no-repeat;
	width: 320px;
	height: 240px;
}
.campPage #newPet-ll_01 {
	background: #000 url(../img/petswf_back-ll_01.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet-ll_02 {
	background: #000 url(../img/petswf_back-ll_02.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet-ll_03 {
	background: #000 url(../img/petswf_back-ll_03.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet-ll_04 {
	margin-bottom: 5px;
	background: #000 url(../img/petswf_back-ll_04.jpg) no-repeat;
	width: 320px;
	height: 280px;
}
.campPage #newPet-ll_05 {
	margin-bottom: 5px;
	background: #000 url(../img/petswf_back-ll_05.jpg) no-repeat;
	width: 320px;
	height: 360px;
}
.campPage .pet-wrap {
	float: left;
	width: 630px;
}
.campPage .pet-wrap-colum1 div {
	background: url(../img/petswf_back-colum1.jpg) no-repeat;
}
.campPage .pet-txt {
	float: right;
	margin-top: 15px;
	background: url(../img/pettxt_back.gif) no-repeat right bottom;
	width: 320px;
	height: 450px;
	font-size: 114%;
}
.campPage .pet-txt-s {
	height: 350px;
}
.campPage .pet-txt-l {
	height: 480px;
}
.campPage .pet-txt-wide {
	float: right;
	margin-top: 15px;
	background: url(../img/pettxt_back.gif) no-repeat right bottom;
	width: 640px;
	height: 360px;
	font-size: 114%;
}
.campPage .pet-txt-wide2 {
	float: right;
	margin-top: 15px;
	background: url(../img/pettxt_back.gif) no-repeat right bottom;
	width: 640px;
	height: 260px;
	font-size: 114%;
}
.campPage .pet-txt-colum1 {
	margin-top: 15px;
	background: url(../img/pettxt_back.gif) no-repeat right bottom;
	height: 300px;
	font-size: 114%;
}
.campPage .pet-txt-penguin {
	float: right;
	margin-top: 15px;
	background: url(../img/pettxt_back_penguin.gif) no-repeat right bottom;
	width: 320px;
	height: 430px;
	font-size: 114%;
}
.campPage img.ware-txt {
	margin: 10px 0 10px 45px;
}
.campPage .ranch-pic {
	margin: 10px 0 10px 150px;
}
.campPage .ranch-txt {
	margin: 10px 0 10px 100px;
	padding: 10px;
	width: 500px;
	background: #FFF;
	border: 1px dashed #A5A383;
	font-weight: bold;
	color: #848260;
}
.campPage .ranch-txt ul {
	margin-left: 30px;
	list-style: disc;
}
.campPage .ranch-txt ul em,
.campPage .bag-txt ul em,
.campPage .bag-txt_u ul em {
	font-size: 136%;
	color: #FF6600;
}
.campPage .ranch-txt02 {
	margin: 10px 0 10px 100px;
}
.campPage .bag01 {
	margin: 10px 0 10px 140px;
}
.campPage .bag02 {
	margin: 10px 0 10px 180px;
}
.campPage .bag-txt {
	margin: 0 0 30px 140px;
	padding: 10px;
	width: 414px;
	background: #FFF;
	font-weight: bold;
	color: #848260;
}
.campPage .bag-txt ul {
	margin-left: 20px;
	list-style: disc;
}
.campPage .bag-txt_u {
	margin: 10px auto 30px auto;
	padding: 10px;
	width: 414px;
	background: #FFF;
	font-weight: bold;
	color: #848260;
}
.campPage .bag-txt_u ul {
	margin-left: 20px;
	list-style: disc;
}
.campPage .pNameWrap {
	margin: 0 auto;
	width: 630px;
	text-align: center;
}


.mannerPage #main-inner,
.coinPage #main-inner {
	margin: 0 0 20px 40px;
	width: 655px;
}
.mannerPage h3,
.coinPage h3 {
	margin: 20px 0 5px;
	padding: 2px 0 2px 5px;
	background: #99CC00;
	border-bottom: 1px solid #7CA600;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}
.mannerPage h4 {
	margin: 0 0 5px;
	padding-left: 5px;
	border-left: 8px solid #FF6600;
	font-size: 110%;
	font-weight: bold;
	color: #FF6600;
}
.mannerPage .section:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.mannerPage .section {
	display: inline-block;
}
/*\*/
* html .mannerPage .section {
	height: 1%;
}
.mannerPage .section {
	display: block;
}
/* */
.mannerPage .section {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #D0CFBD;
	color: #5B5B40;
}
.mannerPage .section .txt {
	float: left;
	width: 410px;
}
.mannerPage .section img {
	float: right;
}
.mannerPage .noBorder {
	border-bottom: none;
}
.mannerPage ul {
	margin: 5px 0 5px 15px;
	list-style: square;
	color: #FF6600;
}
.mannerPage .expTxt {
	color: #000;
}
.coinPage em {
	color: #FF6600;
}
.coinPage table.gTable {
	margin: 10px auto;
	background: #E4E3D9;
	border-collapse: collapse;
	border: 1px solid #D0CFBD;
	width: 600px;
	font-size: 100%;
}
.coinPage table.gTable th {
	padding: 2px;
	background: #D0CFBD;
	text-align: center;
}
.coinPage table.gTable td {
	padding: 6px;
	border: 1px solid #D0CFBD;
}
.coinPage #gButton {
	margin: 10px auto;
	text-align: center;
}
.coinPage #gButton button {
 	width: 200px;
	height: 35px;
}
.price {
	width: 160px;
}
.otoku {
	background: url(../../common/img/otoku1.png) no-repeat center right;
	margin-right: 10px;
}
.saraniotoku {
	background: url(../../common/img/otoku2.png) no-repeat center right;
}

/* ------ confirmed-tPage */
.confirmed-tPage h3 {
	margin-bottom: 5px;
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #807C5B;
	background: #A5A281;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}
.confirmed-tPage  ul {
	margin: 10px 0;
	padding-left: 30px;
	list-style: disc;
}

/* Left
------------------------------ */
.indexPage #left #wrap {
	margin: 350px 0 10px 50px;
}
.indexPage #left #wrapEvent {
	margin: 185px 0 0 50px;
}
.indexPage #left #wrap-bn2 {
	margin: 4px 0 10px 15px;
}
.indexPage #left #wrap-bn3 {
	margin: 300px 0px 0px 19px;
}
.indexPage #left #wrap-bn2 #bn-info a img {
	margin-top: 10px;
}
.indexPage #left .section {
	margin-top: 10px;
	border: 3px solid #0000CC;
	background: #FFF;
	width: 300px;
}
.indexPage #left .section h4 {
	padding: 3px 0;
	background: #0000CC;
	text-align: center;
	font-size: 120%;
}
.indexPage #left .section h4 a {
	color: #FFF;
}
.indexPage #left .section ul {
	margin: 5px 5px 0 0;
	color: #0000CC;
}
.indexPage #left .section ul li {
	padding-left: 25px;
	text-indent: -15px;
}
.indexPage #left .section ul li a {
	font-weight: bold;
}
.indexPage #left .section p.date {
	padding: 0;
	text-align: right;
	color: #666;
}
.indexPage #left #wrap #bn-info a img {
	margin-top: 5px;
}
.indexPage h3 {
	margin: 4px 0 0 21px;
	padding-left: 13px;
	background: url(../img/disc_brown_s.gif) no-repeat 0 6px;
}
#news_button img,
#mainte_button img {
	margin: 0;
	padding: 0;
	border: 0px;
}
#news_button a {
	margin: 0;
	padding: 0;
	display: block;
	width: 175px;
	height: 50px;
}
#mainte_button a {
	margin: 0;
	padding: 0;
	display: block;
	width: 175px;
	height: 49px;
}
#news_button {
	background: url(../img/news_button_on.gif) no-repeat;
}
#mainte_button {
	background: url(../img/mainte_button_on.gif) no-repeat;
}
#archive {
	margin-top: 20px;
	color: #878663;
}
#archive p.aTitle {
	padding-left: 5px;
	background: #AAA98C;
	border-left: 10px solid #5C5B45;
	color: #FFF;
}
#archive p.aYear {
	margin: 5px 0 3px;
	font-weight: bold;
}
#archive p.aMonth a {
	font-weight: bold;
}

/* Right Navigation
------------------------------ */
/* ------ login-regist */
#login-regist {
	margin: 20px auto 0;
	width: 174px;
	height: 260px;
}
#login-regist #login a,
#login-regist #regist a {
	display: block;
	width: 174px;
	height: 55px;
}
#login-regist #login {
	background: url(../img/login_button_on.gif) no-repeat;
}
#login-regist #regist {
	background: url(../img/regist_button_on.gif) no-repeat;
}
#login-regist img.line {
	margin: 10px 0;
}
#login-regist p {
	margin: 5px auto 0;
	width: 170px;
	text-align: left;
	font-size: 85%;
	line-height: 1.3;
}

/* ------ nav */
#nav {
	margin: 0 auto;
	width: 206px;
}
#nav img.i103 {
	width: 103px;
	height: 56px;
}
#nav .img-button {
	float: left;
	width: 103px;
	height: 56px;
}
#nav .img-button a {
	display: block;
	width: 103px;
	height: 56px;
}
#nav .img-button02 {
	width: 205px;
	height: 106px;
}
#nav .img-button02 a {
	display: block;
	width: 205px;
	height: 106px;
}
#nav #about_pg {
	background: url(../img/about_pg_button_on.gif) no-repeat;
}
#nav #recommend {
	background: url(../img/rec_button_on.gif) no-repeat;
}
#nav #rule {
	background: url(../img/rule_button_on.gif) no-repeat;
}
#nav #support {
	background: url(../img/support_button_on.gif) no-repeat;
}
#nav #about_coin {
	background: url(../img/about_coin2_button_on.gif) no-repeat;
}
#nav #goods {
	background: url(../img/goods_button_on.gif) no-repeat;
}
#nav #itembook {
	background: url(../img/itemBook_button_on.gif) no-repeat;
}
#nav #blog {
	background: url(../img/blog_button_on.gif) no-repeat;
}
#nav #premium {
	background: url(../img/plus_top_button_on.png) no-repeat;
}
#nav #mail {
	background: url(../img/infoMail_button_on.gif) no-repeat;
}
#nav #apoint {
	background: url(../img/apoint_button_on.png) no-repeat;
}
#nav #history {
	background: url(../img/history_button_on.gif) no-repeat;
}
#nav #treasure {
	background: url(../img/treasure_button_on.png) no-repeat;
}
/* betaInfo
------------------------------ */
#betaInfo {
	margin-left: 25px;
	width: 900px;
	border: 2px solid #CC0000;
}
#betaInfo h3 {
	margin-bottom: 5px;
	padding: 2px 0 2px 10px;
	background: #CC0000;
	font-weight: bold;
	font-size: 120%;
	color: #DDDCD0;
}
#betaInfo p {
	padding: 0 10px;
}
#betaInfo #infoTxt {
	padding: 7px;
	color: #FFF;
}
#betaInfo  p.note {
	margin: 0 0 10px 10px;
}
#betaInfo #attention {
	margin: 10px;
	padding: 5px;
	border: 1px solid #E9E8E0;
	background: #D1D0C0;
}
#betaInfo #attention p.attTitle {
	color: #CC0000;
}
#betaInfo #attention ul {
	padding-left: 30px;
	list-style: disc;
}

/* playPage (Game screen)
------------------------------ */
body.playPage {
	background: #102941 url(../img/background03.gif) repeat-x top;
	text-align: center;
}
.playPage #container {
	margin: 0 auto;
	background: url(../img/contents_back03.gif) no-repeat;
	width: 960px;
}
.playPage #switch_container {
	background: #A1A1A1;
}
.playPage #gameScreen {
	margin: 0 auto;
}
.playPage #bn-inner {
	margin-top: 5px;
	width: 550px;
	float: left;
}
.playPage p.infoTxt {
	margin-top: 5px;
	width: 270px;
	float: left;
	text-align: left;
	color: #FF9900;
}
.playPage #gameNav {
	width: 960px;
	height: 50px;
	margin-top: 5px;
	text-align: left;
}
.playPage #gameNav #gameBn {
	float: right;
	width: 390px;
	height: 28px;
}
.playPage #gameNav #gameBn .bn_game_button {
	float: right;
	margin-left: 5px;
}
.playPage #gameNav #gameNav-inner {
	float: left;
	width: 560px;
	height: 28px;
}
.playPage #gameNav #gameNav-inner .img-button {
	margin-left: 5px;
	float: left;
}
.playPage #gameNav #gameNav-inner .img-button a {
	display: block;
	height: 28px;
}
.playPage #gameNav #gameNav-inner #buyCoin {
	background: url(../img/bt_coin2_over.gif) no-repeat;
	width: 84px;
}
.playPage #gameNav #gameNav-inner #guide {
	margin-top: 4px;
	background: url(../img/bt_guide_over.gif) no-repeat;
	width: 70px;
}
.playPage #gameNav #gameNav-inner #logout {
	background: url(../img/bt_logout_over.gif) no-repeat;
	width: 92px;
}
.playPage #gameNav #gameNav-inner #aboutPremium {
	background: url(../img/bt_plus_pg_over2.gif) no-repeat;
	width: 160px;
	cursor: pointer;
}
.playPage #gameNav #gameNav-inner #invPremium {
	background: url(../img/bt_plusInv_pg_over2.gif) no-repeat;
	width: 190px;
}

/* guidePage (Game guide)
------------------------------ */
.guidePage {
	background: #122E49 url(../img/gbackground.jpg) repeat-x;
	text-align: center;
	min-width: 800px;
}
.guidePage h2,
.guidePage p {
	color: #FFF;
}
.guidePage #g-container {
	margin: 25px auto 0;
	width: 800px;
	text-align: left;
}
.guidePage #gameGuide {
	background: #102941 url(../img/gbackground02.jpg) no-repeat;
	text-align: left;
}
.guidePage .pageNav {
	margin-left: 0px;
	margin-bottom: 15px;
}
.guidePage .pageNav ul li {
	float: left;
}
.guidePage .pageNav ul li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
}
.guidePage #gIndex a {
	width: 141px;
}
.guidePage #gGamen a {
	width: 110px;
}
.guidePage #gSousa a {
	width: 100px;
}
.guidePage #gAsonde a {
	width: 109px;
}
.guidePage #gMonster a {
	width: 140px;
}
.guidePage #gSm a {
	width: 199px;
}
.guidePage #gIndex {
	background: url(../img/guide_nav_index02.gif) no-repeat;
}
.guidePage #gGamen {
	background: url(../img/guide_nav_gamen02.gif) no-repeat;
}
.guidePage #gSousa {
	background: url(../img/guide_nav_sousa02.gif) no-repeat;
}
.guidePage #gAsonde {
	background: url(../img/guide_nav_asonde02.gif) no-repeat;
}
.guidePage #gMonster {
	background: url(../img/guide_nav_monster02.gif) no-repeat;
}
.guidePage #gSm {
	background: url(../img/guide_nav_sm02.gif) no-repeat;
}
.guidePage #indexNav {
	margin-left: 130px;
	height: 470px;
}
.guidePage #indexNav img {
	float: left;
}
.guidePage #indexNav ul li a{
	margin: 0;
	padding: 0;
	display: block;
}

.guidePage #indexNav ul li {
	float: left;
	width: 540px;
}
.guidePage #indexNav #gamen {
	margin-top: 15px;
	background: url(../img/guide_gamen_on.gif) no-repeat;
}
.guidePage #indexNav #sousa {
	margin-top: 15px;
	background: url(../img/guide_sousa_on.gif) no-repeat;
}
.guidePage #indexNav #asobi {
	margin-top: 15px;
	background: url(../img/guide_asobi_on.gif) no-repeat;
}
.guidePage #indexNav #season2 {
	margin-top: 15px;
	background: url(../img/guide_season2_on.gif) no-repeat;
}
.guidePage #indexNav #monster {
	margin-top: 15px;
	background: url(../img/guide_monster_on.gif) no-repeat;
}
.guidePage #indexNav #indexNav img.space-right {
	margin-right: 30px;
}
.guidePage h1 {
	position: static;
	left: 216px;
	top: 79px;
	z-index: 10;
	width: 800px;
	height: 83px;
}
.guidePage h2 {
	margin: 10px 0;
	padding-left: 10px;
	background: #1F4E7C;
	border-left: 8px solid #1C65C1;
	font-size: 140%;
}
.guidePage h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 23px;
	border: none;
	border-bottom: 2px solid #948F6C;
	background: url(../img/arrow_brown.gif) no-repeat 0 0.4em;
	font-size: 120%;
	color: #FFCC00;
}
.guidePage em {
	font-weight: bold;
}
.guidePage .gameInfo {
	float: right;
	width: 350px;
}
.guidePage .gameInfo h3 {
	margin: 0 ;
	padding: 0;
	border-bottom: 1px solid #948F6C;
	background: none;
	font-size: 120%;
	color: #FFCC00;
}
.guidePage .gameInfo p {
	color: #DEDDD1;
}
.guidePage #gPlayCont ul {
	margin: 5px 0 5px 15px;
	padding-left: 10px;
	list-style: disc;
	color: #FFF;
}
.guidePage .section {
	margin: 0;
	padding: 0 10px;
}
.guidePage .section02 {
	margin: 0 0 10px 0;
	padding: 0 10px;
}
.guidePage p.pageTop {
	margin: 5px 0;
	padding-right: 10px;
	background: none;
	font-size: 85%;
}
.guidePage p.pageTop a {
	padding: 0 0 0 10px;
	background: url(../img/arrow_lightblue_s.gif) no-repeat 0 0.3em;
	text-decoration: none;
	color: #00FFFF;
}
.guidePage p.pageTop a:hover {
	background: url(../img/arrow_green_s.gif) no-repeat 0 0.3em;
}
.guidePage ul#category {
	margin: 0 auto;
	width: 750px;
	border-bottom: 1px solid #999;
}
.guidePage ul#category li {
	display: inline;
	font-weight: bold;
	color: #FFF;
}
.guidePage ul#playMenu {
	margin: 10px auto;
	width: 710px;
}
.guidePage ul#playMenu li {
	display: inline;
	color: #999;
}
.guidePage #gPlayCont {
	margin: 0 auto;
	width: 710px;
}
.guidePage #gPlayCont h3 {
	font-size: 100%;
	font-weight: bold;
}
.guidePage #gPlayCont .section {
	margin-top: 20px;
	padding: 0;
	float: left;
}
.guidePage #gPlayCont .m-r40 {
	margin-right: 40px;
}
.guidePage #gPlayCont .m-t10 {
	margin-top: 10px;
}
.guidePage #gPlayCont .m-t15 {
	margin-top: 15px;
}
.guidePage #gPlayCont .w170 {
	width: 170px;
}
.guidePage #gPlayCont .w210 {
	width: 210px;
}
.guidePage #gPlayCont .w335 {
	width: 335px;
}
.guidePage #gPlayCont .w460 {
	width: 460px;
}
.guidePage #gPlayCont .w500 {
	width: 500px;
}
.guidePage #gPlayCont .w710 {
	width: 710px;
}
.guidePage #gPlayCont .w710 ul li{
	line-height:1.5;
	list-style:disc;
	margin-top:8px;
}
.guidePage #gPlayCont .h20 {
	height: 20em;
}
.guidePage #gPlayCont .gNote {
	color: #FFFF00;
}
.guidePage #gameGuide a:link { 
	color: #00FFFF;
}
.guidePage #gameGuide a:visited {
	color: #0099CC;
}

/* ------ gPlayNav */
.guidePage .gPlayNav {
	padding: 5px 0;
	border: 1px solid #143658;
	background: #12304E;
	width: 240px;
	float: left;
}
.guidePage .gPlayNav p {
	border-bottom: 3px double #1A4673;
	text-align: center;
	font-size: 120%;
}
.guidePage .gPlayNav.space-right {
	margin-right: 15px;
}
.guidePage #gPlayGuide {
	margin: 15px 0 0 27px;
	padding-bottom: 10px;
}
.guidePage #gPlayGuide .space-right {
	margin-right: 15px;
}
.guidePage #gPlayGuide .section {
	margin: 0 15px 15px 0;
	padding: 0;
	background: #DEDDD1;
	border: 1px solid #948F6C;
	width: 175px;
	height: 175px;
	float: left;
	text-align: center;
}
.guidePage #gPlayGuide .sTitle {
	margin: 8px auto 5px;
	background: url(../img/guide_stitle_back.gif) no-repeat;
	width: 161px;
	height: 35px;
}
.guidePage #gPlayGuide h3 {
	margin: 0 0 0 25px;
	padding: 7px 0 0 0;
	border: none;
	background: none;
	color: #FFF;
	text-align: center;
}
.guidePage #gPlayGuide #itemWin01 h3,
.guidePage #gPlayGuide #itemWin02 h3 {
	padding: 4px 0 0 0;
	letter-spacing: 0;
	line-height: 1;
}
.guidePage #gPlayGuide .section p {
	margin: 0;
	padding: 0 12px;
	color: #000;
	line-height: 1.3;
	text-align: left;
}
.guidePage #gPlayGuide #walk.section {
	background: #DEDDD1 url(../img/guide_s01back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #dice.section {
	background: #DEDDD1 url(../img/guide_s02back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #collect.section {
	background: #DEDDD1 url(../img/guide_s03back.gif) no-repeat right bottom;
}
.guidePage #gPlayGuide #arms.section {
	background: #DEDDD1 url(../img/guide_s04back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #arms.section {
	background: #DEDDD1 url(../img/guide_s04back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #attack.section {
	background: #DEDDD1 url(../img/guide_s05back.gif) no-repeat center bottom;
}
/* ------
.guidePage #gPlayGuide #defense.section {
	background: #DEDDD1 url(../img/guide_s06back.gif) no-repeat center bottom;
}
------ */
.guidePage #gPlayGuide #chat.section {
	background: #DEDDD1 url(../img/guide_s07back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #fixedBalloon.section {
	background: #DEDDD1 url(../img/guide_s08back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #chatLog.section {
	background: #DEDDD1 url(../img/guide_s09back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #itemWin01.section {
	background: #DEDDD1 url(../img/guide_s10back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #itemWin02.section {
	background: #DEDDD1 url(../img/guide_s11back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #confirmPlace.section {
	background: #DEDDD1 url(../img/guide_s12back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #returnLobby.section {
	background: #DEDDD1 url(../img/guide_s13back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #moveTogether.section {
	background: #DEDDD1 url(../img/guide_s14back.gif) no-repeat right bottom;
}
.guidePage #gPlayGuide #gesture.section {
	background: #DEDDD1 url(../img/guide_s15back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #fWin.section {
	background: #DEDDD1 url(../img/guide_s17back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #fManage.section {
	background: #DEDDD1 url(../img/guide_s18back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #fList.section {
	background: #DEDDD1 url(../img/guide_s16back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #party01.section {
	background: #DEDDD1 url(../img/guide_s19back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #party02.section {
	background: #DEDDD1 url(../img/guide_s20back.gif) no-repeat right bottom;
}
.guidePage #gPlayGuide #pet.section {
	background: #DEDDD1 url(../img/guide_s21back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #petSummons.section {
	background: #DEDDD1 url(../img/guide_s22back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #defense.section {
	background: #DEDDD1 url(../img/guide_s23back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #sound.section {
	background: #DEDDD1 url(../img/guide_s24back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #bgm.section {
	background: #DEDDD1 url(../img/guide_s25back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #effect.section {
	background: #DEDDD1 url(../img/guide_s26back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #name.section {
	background: #DEDDD1 url(../img/guide_s27back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #limitedDisplay.section {
	background: #DEDDD1 url(../img/guide_s28back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #magicBag.section {
	background: #DEDDD1 url(../img/guide_s29back.gif) no-repeat center bottom;
}
.guidePage #gPlayGuide #afk.section {
	background: #DEDDD1 url(../img/guide_s30back.gif) no-repeat center bottom;
}

/* ------ gMonster */
.guidePage .gMonsterCont {
	margin-left: 40px;
	padding: 3;
}
.guidePage .gMonsterCont .section {
	margin-right: 30px;
	padding: 0;
	float: left;
	width: 220px;
	height: 20em;
}
.guidePage .gMonsterCont .h25 {
	height: 25em;
}
.guidePage .gMonsterCont .h28 {
	height: 28em;
}
.guidePage .gMonsterCont .h30 {
	height: 30em;
}
.guidePage .gMonsterCont h4 {
	font-size: 108%;
	font-weight: bold;
	color: #00FF00;
}
.guidePage .gMonsterCont h5 {
	font-weight: bold;
	color: #FFFF00;
}
.guidePage .gMonsterCont p {
	color: #DEDDD1;
}

/* footer（pg common)
------------------------------ */
#footer {
	background: url(../img/footer_back02.jpg) no-repeat;
	height: 230px;
	text-align: center;
	color: #999;
}
.indexPage #footer {
	background: url(../img/footer_back.jpg) no-repeat;
}
#footer p {
	padding-top: 5px;
	font-size: 77%;
	letter-spacing: 0.1em;
}
#footer ul#footer-nav {
	padding-top: 80px;
}
#footer ul#footer-nav li {
	padding: 0 0.5em;
	display: inline;
	border-right: 1px solid #16395C;
	background: none;
}
#footer ul#footer-nav li.noBorder {
	border-right: none;
}
#footer a:link { 
	color: #0099CC;
}
#footer a:visited {
	color: #FFF;
}

/* footer (playPage, guidePage)
------------------------------ */
.playPage #footer,
.guidePage #footer {
	margin: 0 auto;
	height: 70px;
	background: none;
	text-align: center;
}
.playPage #footer {
	width: 960px;
}
.guidePage #footer {
	width: 800px;
}
.playPage #footer p,
.guidePage #footer p {
	padding-top: 5px;
	font-size: 77%;
	letter-spacing: 0.1em;
}
.playPage #footer ul#footer-nav,
.guidePage #footer ul#footer-nav {
	padding-top: 10px;
	color: #999;
}
.playPage #footer ul#footer-nav li,
.guidePage #footer ul#footer-nav li {
	border-right: 1px solid #999;
}
.playPage #footer ul#footer-nav li.noBorder,
.guidePage #footer ul#footer-nav li.noBorder {
	border-right: none;
}
.noticePage  {
	background: #FFF top center;
	text-align: left;
}


/* ------ item list */

#itemseach {
	margin: 300px 0px 0px 10px;
}

#itemlist {
	margin: 0px 0px 0px 10px;
	text-align: left;
	background: #E4E3D9;
	border-collapse: collapse;
	border: 1px solid #D0CFBD;
	font-size: 75%;
}

#itemlist th {
	padding: 2px;
	background: #D0CFBD;
	text-align: center;
}

#itemlist td {
	padding: 6px;
	border: 1px solid #D0CFBD;
}

#itemlist strong {
	color: red;
}

#itemlist .itemName {
	width: 16%;
}

#itemlist .itemImage {
	width: 1%;
}

#itemlist .itemProfile {
	width: 27%;
}

#itemlist .itemSynthesis {
	width: 17%;
}

#itemlist .itemLifeAttack {
	width: 2%;
}

#itemlist .itemAttackSpeed {
	width: 2%;
}

#itemlist .itemAttackRange {
	width: 2%;
}

#itemlist .itemAttribute {
	width: 14%;
}

#itemlist .itemMagic {
	width: 6%;
}

#itemlistlogo {
	position:absolute;
	top:160px;
	left:190px;
	margin:0;
	padding:0;
}

#buyCoin {
	cursor:pointer;
}

#premium_window {
	height: 574px;
	overflow-y: scroll;
	background: #dcdcd0;
}